Automatizujte exporty pomocou akcií vo Photoshope a Figme

Ak často opakujete rovnaké nastavenia na desiatkach alebo stovkách obrázkov, automatizácia procesu vám ušetrí hodiny a zabráni ľudským chybám.Vo Photoshope sa to dosahuje pomocou akcií a dávkového spracovania; vo Figme kombináciou nastavení exportu, segmentov a pluginov. Tu je návod, ako všetko doladiť, aby bol váš pracovný postup hračka.

Okrem postupného zaznamenávania a používania akcií vo Photoshope si ukážeme aj to, ako ich exportovať, importovať, dávkovo spracovávať bez prepisovania súborov a kde nájsť hotové akcie.A aby sme to dokončili, pridáme časť Figma s Triky praktické, predvoľby a automatizácia pomocou pluginov a API, čo je presne to, kde mnohé tutoriály zlyhávajú.

Čo sú akcie Photoshopu a na čo sa používajú?

Akcie Photoshopu sú sekvencie skriptov nahraných z vašich vlastných krokov, ktoré sa potom prehrajú kliknutím.Predstavte si ich ako excelové makráZaznamenáte, čo robíte, a Photoshop to dokonale zopakuje v akomkoľvek inom obrázku.

Používajú sa na opakujúce sa a nekreatívne úlohy, ktoré by mali byť štandardizované.: prevod na čiernobielu farbu, zmena veľkosti, duplikovanie vrstiev, úprava nepriehľadnosti, použitie filtrov alebo vrstiev úprav a mnoho ďalších bežných operácií.

V prostrediach ako elektronický obchod a sociálne siete, kde musí byť štýl konzistentný, rozhodujú akcie.Umožňujú vám aplikovať identický „recept“ na stovky fotografií a zároveň zachovať konzistentnosť a skrátiť čas spracovania.

Photoshop už obsahuje niektoré preddefinované akcie, ale najdôležitejšie je vytvoriť si vlastné a uložiť ich ako príkazy vlastnéKeď to urobíte správne, každá akcia sa stane skratkou produktivity, ktorú môžete použiť a zdieľať s vaším tímom.

Kedy vytvoriť akciu

Pokiaľ sa úloha často opakuje a nevyžaduje kreatívne rozhodnutia pre každý obrázok, je perfektným kandidátom na akciu.Uvediem niekoľko typických prípadov, ktoré sedia ako uliate.

• Premeniť na čiernobiele s homogénnym súborom hodnôt.
• Zmena veľkosti a prerámovanie pre bannery, miniatúry alebo produktové listy.
• Úpravy nepriehľadnosti, duplikovanie vrstiev a použitie úpravných vrstiev s pevnými parametrami.

Čím je proces štandardizovanejší, tým väčší je prínos jeho automatizácie.Táto akcia sa nakoniec stane štandardnou súčasťou vášho pracovného postupu a zníži prevádzkovú únavu.

Užitočným trikom je zapísať si presné poradie krokov pred nahrávaním.Takto sa vyhnete prehliadnutiu a udržíte akciu čistú a ľahko udržiavateľnú, ak ju budete neskôr potrebovať upraviť.

Ako vytvoriť akciu vo Photoshope (krok za krokom)

Nahrajme akciu, ktorá duplikuje vrstvu, zníži jej nepriehľadnosť a použije čiernobielu upravovaciu vrstvu.Je to klasický príklad vytvárania obrázkov s určitým vzhľadom pre e-shop alebo sociálne siete.

Krok 1: Otvorte panel AkciePrejdite na Okno > Akcie (alebo použite Alt + F9) a uvidíte preddefinované akcie; odtiaľ budete všetko spravovať.

Krok 2: Vytvorenie skupiny a novej akcieV dolnej časti panela klepnite na ikonu priečinka a vytvorte skupinu (napríklad „Obrázky“), potom klepnite na ikonu novej akcie (preložený list papiera) a vytvorte ju. Dajte jej rozpoznateľný názov, napríklad „Nepriehľadnosť + čiernobielo“.

Krok 3: Zaznamenajte si krokyKeď stlačíte tlačidlo Nahrať, rozsvieti sa červené tlačidlo na paneli. Odteraz sa všetko, čo urobíte, uloží do vašej akcie:

1. Otvorte obrázok slúžiť ako podklad pre nahrávanie.
2. Duplikujte vrstvu (Ctrl/Cmd + J) pre nedeštruktívnu prácu.
3. Upravte nepriehľadnosť tejto duplicitnej vrstvy na požadované percento.
4. Pridajte čiernobielu upravovaciu vrstvu z panela Nastavenia, aby sa farba zjednotila.

Krok 4: Zastavenie nahrávaniaPo dokončení kliknite na tlačidlo Zastaviť v paneli Akcie; akcia je pripravená na použitie kedykoľvek budete chcieť.

Krok 5: Otestujte akciuZatvorte testovací obrázok, otvorte iný a na paneli Akcie vyberte akciu a stlačte tlačidlo Prehrať. Ak je všetko v poriadku, Photoshop prehrá sekvenciu bez toho, aby ste sa museli čohokoľvek dotknúť.

Automatizujte dávkovo a vyhnite sa prepisovaniu pri exporte

Keď potrebujete použiť akciu na desiatky alebo stovky obrázkov, najlepšie je prejsť do ponuky Súbor > Automatizovať > Dávka.V tomto okne si vyberiete sadu, akciu, zdrojový priečinok a predovšetkým spôsob a miesto uloženia výsledkov.

Základná konfigurácia dávkového spracovania:

• sada: skupina, do ktorej ste akciu uložili (napr. „Obrázky“).
• Akcie: ten, ktorý ste nahrali (napr. „Nepriehľadnosť + čiernobielo“).
• Pôvod: Priečinok a pomocou možnosti Vybrať vyberiete priečinok s pracovnými kópiami.
• DestinácieNajbezpečnejšie je vybrať možnosť Priečinok (nie „Uložiť a zavrieť“), aby ste mali kontrolu nad konečným názvom a predišli jeho prepísaniu.

Veľmi dôležité neprepísať súbory pri exporteV poli Dávka vyberte možnosť „Prepísať príkazy akcie „Uložiť ako“. Týmto spôsobom, aj keď ste v akcii použili možnosť Uložiť pre web, dávka tento krok ignoruje a bude rešpektovať nastavenia uloženia, ktoré definujete v okne Dávka.

Definuje schému pomenovania v DestinationPoužívajte kombinácie ako „NázovDokumentu“ + „_“ + „3-miestne sériové číslo“ + „Prípona“. Takto, ak spracujete 600 fotografií, skončia ako product_001.jpg, product_002.jpg atď. a nebudú sa navzájom prekrývať.

Čo ak vaša akcia zahŕňa Uložiť pre web a vždy sa vás opýta na názov? Toto je presne typický problém: prepíše všetko alebo otvára dialógové okná jedno po druhom. Riešenie: 1) nahrajte akciu bez kroku uloženia; 2) v Dávke použite Cieľ: Priečinok, vyberte „Preskočiť „Uložiť ako“ a definujte vzor názvu; 3) ak potrebujete parametre kompresie, zvážte Skript „Obrazový procesor“ alebo použite akciu končiacu štandardným „Uložiť ako“ s kvalitou JPEG, pretože „Uložiť pre web (staršie)“ je náročnejšie na automatizáciu.

Alternatívy, ktoré robia zázraky Keď je „Uložiť pre web“ otravné: Súbor > Skripty > Obrazový procesor (umožňuje zmeniť veľkosť, nastaviť kvalitu JPEG/PSD/TIFF a uložiť do priečinka) alebo Súbor > Exportovať > Exportovať vrstvy do súborov, ak pracujete s vrstvami. Toto sú robustné možnosti bez neočakávaných prepísaní.

Extra produktivitaVytvorte droplet (Súbor > Automatizovať > Vytvoriť droplet) a presuňte naň priečinky, čím spustíte akciu s preddefinovanými dávkovými nastaveniami bez otvorenia akýchkoľvek dialógových okien.

Uložte, načítajte a zdieľajte svoje akcie

Exportovanie vašich akcií je kľúčom k dosiahnutiu zálohovanie alebo presuňte svoj stream na iný počítačV ponuke panela Akcie vyberte možnosť „Uložiť akcie…“, pomenujte súbor a získate súbor .atn, ktorý môžete zdieľať s kýmkoľvek.

Načítanie externých akcií, prejdite do tej istej ponuky panela Akcie a kliknite na tlačidlo „Načítať akcie…“. Vyberte súbor .atn a uvidíte novú sadu pripravenú na použitie.

Usporiadať podľa skupín a popisných názvov Takže vy a váš tím môžete na prvý pohľad vidieť, čo každá akcia robí. Ušetríte kliknutia a vyhnete sa chybám pri vykonávaní.

Kde získať preddefinované akcie

Okrem vytvárania vlastných akcií existuje na internete množstvo bezplatných aj platených zdrojov.. Hľadať v Google „bezplatné akcie Photoshopu“ na nájdenie kolekcií dizajnérskych blogov a webových stránok.

Na trhoviskách ako Envato nájdete zložitejšie a špecializovanejšie akcie. ktorý dokáže vyriešiť pokročilé štýly bez toho, aby ste si lámali hlavu. Stačí skontrolovať kompatibilitu s vašou verziou Photoshopu a prečítať si recenzie.

rýchly tipNainštalujte si akcie do vlastnej sady a otestujte ich na kópiách súborov; týmto spôsobom overíte výsledky bez toho, aby ste ohrozili originály.

Alternatívy vo Photoshope: skripty a procesory

Keď je export úzkym hrdlom, nie všetko závisí od činovExistujú natívne nástroje, ktoré automatizujú proces bez nutnosti čohokoľvek zaznamenávať.

• Obrazový procesor (Súbor > Skripty): Zmena veľkosti, konverzia a ukladanie do formátov s definovanou kvalitou, dávkovo a bez prepisovania.
• Export vrstiev do súborov (Súbor > Exportovať): Ideálne, ak je každá vrstva samostatným zdrojom; exportujte každú z nich so vzorom pomenovania.
• Exportovať ako: užitočné pre špecifické prípady, hoci historicky poskytovalo menej priestoru pri akciách ako „Uložiť ako“.

Ak sa vo veľkej miere spoliehate na funkciu „Uložiť pre web (staršie verzie)“ kvôli jej detailnému ovládaniu váhy, zvážte jej kombináciu s funkciou Dávka a schémou pomenovania v časti Destination.Vyhnete sa opakujúcim sa dialógom a zaručíte jedinečné súbory.

Automatizujte export vo Figme

Figma nemá „akcie“ ako Photoshop, ale má veľmi výkonný systém exportu vrstiev, komponentov, štýlov a rezov.Presne preto je automatizovaný pomocou predvolieb, viacerých výberov a doplnkov.

Kľúčom je definovať nastavenia exportu pre každý prvok, ktorý budete znova používať. (komponenty, varianty, rámce) s formátmi ako PNG, JPG, SVG alebo PDF a mierky 1x/2x/3x. Potom s viacnásobným výberom môžete Exportovať všetko a Figma bude rešpektovať každú predvoľbu.

Ak potrebujete konkrétne oblasti, vytvorte segmenty A takto môžete presne kontrolovať, ktorá oblasť sa exportuje. Je to jednoduchý spôsob, ako „orezať“ bez zmeny dizajnu a opakovať export toľkokrát, koľkokrát chcete.

Pre rozsiahle alebo opakujúce sa procesy sú pluginy kľúčové.Kompresor TinyImage (optimalizácia a WebP/AVIF), dávkový export, export do WebP, exportér stránok alebo dávkové premenovanie na nastavenie konvencií pomenovania a zabezpečenie toho, aby sa nič neprepísalo.

Čo ak chcete zájsť o krok ďalej? Rozhranie Figma API vám umožňuje automatizovať export z externých skriptov: získavate uzly podľa ID, definujete formáty a mierky a exportujete programovo, čo je ideálne pre procesy od návrhu po vývoj.

Máš víťaznú kombináciu: akcie a dávky vo Photoshope transformovať a exportovať bez prepisovania a Predvoľby, segmenty a pluginy vo Figme dodávanie aktív vo veľkom rozsahu bez problémov. Výsledkom je rýchlejší a konzistentnejší tok s menším prevádzkovým opotrebením – presne to, čo hľadáte, keď je objem obmedzený a termíny sú napäté.