Úvod do aplikácie Adobe Photoshop pre mimovládne organizácie, časť II - Online mimovládna organizácia TechSoup Romania Association

Príspevok hosťa: Pod článok je podpísaný Wes Holing, hlavný vývojár webového obsahu @TechSoup Global.

Pokračujte v našom príbehu s Adobe Photoshop. V prvej časti série Úvod do programu Adobe Photoshop pro NGOs I ste videli, ako môžete vyčistiť obrázok a pridať text, teraz k plagátu použitému ako prípadová štúdia pridáme telo textu, logo a biele miesto na zadnej strane. Najprv si však povieme niečo o vrstvách.

Čo potrebujete vedieť o vrstvách

Každý prvok vašich súborov Photoshopu je na svojej vlastnej vrstve. Spoločnosť Adobe popisuje vrstvy nasledovne:

Vrstvy vo Photoshope sú ako priehľadné plastové fólie.
Môžete vidieť cez priehľadnú oblasť každého listu, ktorá je na listoch nižšie. Môžete presunúť vrstvu a umiestniť na ňu obsah, rovnako ako presuniete priehľadnú plastovú fóliu zo stohu.

Keď ste v aplikácii Photoshop a máte otvorený plagát s obrázkom tváre, ktorý sa používa ako prípadová štúdia, vpravo dole by ste mali vidieť rámček s názvom Vrstvy. Ak ju nenájdete, dostanete sa do nej kliknutím na ikonu okno >Vrstvy. V poli Vrstvy uvidíte zoznam položiek s názvom „Lorem Ipsum“, ďalší s ikonou predstavujúcou fotografiu dievčaťa a bielym pozadím. Tieto samostatné prvky sú vaše vrstvy.

Biele pozadie je vrstva, nad ňou je fotografia dievčaťa a nad fotografiou je textová vrstva. Môžete ich usporiadať, upraviť, urobiť ich neviditeľnými alebo viditeľnými bez toho, aby to ovplyvnilo ostatné vrstvy.

Pri postupe vpred s týmto projektom vytvoríme niekoľko vrstiev: jednu pre biely povrch pod hlavičkou, jednu pre biely text a druhú pre logo. Keď hovoríme o vrstvách v tejto alebo v nasledujúcej téme, máme na mysli toto.

bonus: Ak sa chcete dozvedieť viac informácií o vrstvách Photoshopu, prečítajte si o nich článok Adobe.

Ako pridať pásku

Na paneli možností vľavo kliknite a podržte Obdĺžnikový nástroj. Zobrazí sa podponuka s možnosťami pre niekoľko tvarov. Vyberte si Nástroj so zaobleným obdĺžnikom.
Zmena Polomer na 10px. Uvidíte ju umiestnenú v hornej časti obrazovky vedľa ponúk.
Kliknite na farbu popredia (v ľavom hornom rohu dvoch farebných polí).
Zadajte hexadecimálnu hodnotu FFFFFF zmeniť farbu na bielu. Potom stlačte K.
Kliknutím kdekoľvek na doske vytvoríte obdĺžnik.
Zadajte nasledujúce hodnoty.
šírka: 1175 px
výška: 1 400 px
Stlačte K.
Poznámka: V závislosti od verzie aplikácie Photoshop, ktorú máte, môžete alebo nemusíte mať možnosť Polomer. Pretože sme to už špecifikovali v kroku 2, nie je potrebné sa ich teraz obávať.
Kliknite na nástroj Hýbte sa z panela nástrojov vľavo.
Kliknite na políčko a presuňte ho na vodiacu čiaru najbližšie k okraju. Krabica by sa mala umiestniť, ak je dostatočne blízko k čiare.

bonus: Photoshop CC vám umožňuje po vytvorení obdĺžnika zmeniť polomer zaoblených rohov. To je užitočné, aby sme vám pomohli kedykoľvek po jeho vytvorení. Staršie verzie túto funkciu nemali, takže som ich uviedol v kroku 2.

Ako pridať text vo Photoshope

Vo Photoshope môžete pridať text do daného tvaru, napríklad do poľa, ktoré sme vytvorili vyššie, alebo môže text sedieť na vlastnej vrstve, ako keď sme vytvorili hlavičku.

Od chvíle, keď som vytvoril krabicu, pravdepodobne zostala vybraná. Ak klikneme pomocou Textového nástroja, budeme môcť do poľa vpísať text, ktorý by mohol byť tým, čo by sme chceli urobiť, ak by neexistovalo lepšie riešenie. Preto budeme chcieť vložiť text do vlastnej vrstvy. Prečo? Pretože to nám dá väčšiu flexibilitu pri zmene textu alebo bieleho políčka bez toho, aby jeden prvok ovplyvňoval druhý.

Možno zistíte, že existuje veľa krokov, ktoré musíte urobiť, aby sa text zmestil. Jednou z výhod používania Photoshopu je však vysoká úroveň kontroly, ktorú máte, keď chcete vykonať akékoľvek zmeny. Ak ste sa niekedy pokúsili usporiadať text v programe Microsoft Word tak, ako chcete, ale nepodarilo sa vám to, možno by ste pochopili, prečo návrhári chcú toľko kontroly.

bonus: Zmenil som funkciu Sledovanie v kroku 13. Vo svete tlače je funkcia Tracking obvyklým spôsobom, ako hovoriť o medzere medzi všetkými písmenami. Nesmie sa zamieňať vyrovnanie párov, čo predstavuje medzeru medzi dvoma písmenami (zamyslite sa napríklad nad tým, ako by vyzerali písmená V a A vedľa seba). Ak chcete zmeniť funkciu vyrovnania párov, ponúka Photoshop riešenia. Túto funkciu nájdete vľavo od funkcie sledovania v ponuke Znaky.

Funkciu Sledovanie je možné použiť, keď sa text zdá byť príliš preplnený alebo príliš vzdušný a vyrovnaný, keď vás dve susedné písmená upozornia na skutočnosť, že spolu nevyzerajú dobre. Creative Market má veľmi dobré vysvetlenie rozdielov medzi Sledovanie, vyrovnanie párov a vedenie.

Všetko, čo musíme urobiť, aby sme dokončili náš plagát, je pridať logo pre neziskovú organizáciu.

Ako pridať logo

Kliknite na ponuku vyššie Filé>Vložte vložené (Filé>Páči sa mi to pre verzie staršie ako Creative Cloud).
Vyberte súbor blog-generic-profit-logo.eps a stlačte Páči sa mi to.
Photoshop vloží logo v maximálnej veľkosti obrázka. (To je zatiaľ v poriadku.)
V hornej časti stránky zadajte nasledujúce hodnoty šírky a výšky.
šírka: 760 px
výška: 183 px
Poznámka: Ak používate staršiu verziu ako Creative Cloud, pred umiestnením obrázka sa zobrazí výzva na zadanie šírky a výšky.
Stlačením tlačidla sa uistite, že sú pokyny aktívne vyhliadka >Šou. Možnosť vidieť Sprievodcovia treba skontrolovať v menu. (Ak nie, kliknite na ňu.)
Kliknite na prístroj Hýbte sa.
Kliknutím a potiahnutím logo prilepíte k vnútornej vodiacej čiare vľavo a umiestnite ho tesne nad spodnú čiaru - nie je dokonale prilepené.

bonus: Photoshop importuje túto vektorovú grafiku ako inteligentný objekt. Toto je spôsob, ako si Photoshop zachová niektoré z funkcií importovaného objektu. To znamená, že z týchto objektov môžete urobiť dokument Photoshopu bez straty kvality. Ak chcete získať viac informácií, spoločnosť Adobe poskytuje dobrý úvod k „inteligentným objektom“.

Vektor verzus raster

Dôležitá vec v súbore loga je, že ide o vektorovú grafiku. Vektorová grafika sú obrázky, ktoré je možné zmeniť na ľubovoľnú veľkosť bez toho, aby to malo vplyv na ich kvalitu. Fotografie sú naopak rastrovou grafikou. Rastrová grafika sa môže pri zväčšení nad pôvodnú veľkosť s viditeľnými pixelmi rozmazať.

Dizajnéri vytvárajú väčšinu log vo vektorovom formáte, takže ich môžu umiestniť na čokoľvek, od vizitiek po billboardy, a vyzerať dobre. Pretože vyrábame plagát, ktorý sa dá použiť online aj v tlači, použité logo je tiež vektorový súbor, ktorý bude vyzerať dobre v akomkoľvek formáte. Bežné typy vektorových súborov sú Scalable Vector Graphics (SVG), Encapsulated PostScript (EPS) a Adobe Illustrator (AI).

Bonus: Photoshop je najlepší program na úpravu fotografií a iných rastrovaných obrázkov. Zatiaľ čo Illustrator, dobrý spoločník s Photoshopom, je vynikajúcim programom na manipuláciu s vektorovou grafikou.

Ak sa chcete dozvedieť viac informácií o vektorovej grafike, tento článok na Wikipédii vám pomôže lepšie pochopiť, ako to funguje. Spoon Graphics má tiež skvelý článok o tom, ako začať s Illustratorom.

Ako pridať URL

Teraz musíme pridať (virtuálnu) webovú adresu neziskovej organizácie, aby ktokoľvek, koho prilákala správa vášho plagátu, vedel, kde hľadať viac informácií.

Preto kliknite na Horizontálny typ z panela nástrojov vľavo.
Zmeňte písmo pomocou Otvorte Sans Light, 15 bodov, a Hladké vyhladený.
Kliknite na pole farieb napravo od sekcie zarovnania - modré.
Zadajte hexadecimálnu hodnotu FFFFFF a stlačte K.
Kliknutím na logo začnite písať. (Netrápte sa presným umiestnením.)
Napíš www.nonprofit.org a stlačte ESC aby sa zmeny zachovali.
Stlačte prístroj Hýbte sa.
Zarovná text adresy URL s pokynom pod ním.
Stlačte Ctrl (Príkaz v systéme Mac) a kliknite na logo. Takto vyberiete vrstvu loga.
Presuňte logo tesne nad text adresy URL tak, aby bolo slovo „organizácia“ nad adresou URL.
Uložte dokument pomocou Filé>Uložiť z horného menu.

Hotový výrobok

Práve ste vytvorili šablónu plagátu. Blahoželáme! Vďaka základom, ktoré ste sa naučili v tomto výučbe, môžete nahradiť obrázok na pozadí, zahrnúť vlastný text, zmeniť písma a ďalšie.

Vytvorte grafiku pre tlač

Teraz si uložme tlačový súbor. Tlačené materiály musia mať vyššie rozlíšenie ako čokoľvek, čo je možné zobraziť na obrazovke, takže súbor, ktorý tu uložíme, bude väčší ako ten, ktorý uložíme pre web.

Stlačte na hornom paneli s ponukami Filé >Uložiť ako
Vyberte, kam chcete súbor uložiť, napíšte šablóny print.jpg na názov súboru a kliknite na Uložiť.
Napíš 12 (maximum) v rámčeku Kvalita a stlačte K.

Poznámka: Výber formátu JPEG ako formátu súboru znamená, že Photoshop súbor komprimuje, ale kvalita zostane vysoká.

Na tlač môžete použiť stolnú alebo profesionálnu tlačiareň. Väčšina profesionálnych tlačiarní podporuje súbory JPEG.

Uložiť na web

Je čas uložiť verziu, ktorú môžete zverejniť na sociálnych sieťach. Rozlíšenie skôr uloženého súboru je príliš vysoké na použitie online. Trvalo by niekoľko obrazoviek, aby sa zobrazili v plnej veľkosti, preto si uložme menšiu pre web.

Podľa vzoru vyššie kliknite na hornom paneli ponuky Filé >Uložiť na web (Uložiť pre web a zariadenia v starších verziách).
Zmeniť Predvolené hodnoty (vpravo hore) na Vysoký JPEG.
Zmena Kvalita s 80.
Zmena šírka s 1 200 px a výška s 1553 px a stlačte Uložiť ...
Vyberte, kam chcete súbor uložiť, napíšte šablóny web.jpg na názov súboru a kliknite na Uložiť.

bonus: Ako počet pixelov som zvolil 1 200, pretože to je maximálna šírka akceptovaná na Facebooku a Twitteri. Ďalšie informácie o rozmeroch sociálnych médií nájdete v príspevku v Sprievodcovi Sprout Social, vždy aktuálneho sprievodcu veľkosťami obrázkov na sociálnych sieťach.

závery

A bolo to! Ak ste už prešli všetkými krokmi, ktoré ste sa naučili dosť, vrátane toho, ako používať veľa výkonných nástrojov Photoshopu (nehovoriac o každom tlačidle, ktoré ste sa dozvedeli o tom, čo to v skutočnosti robí).

Konkrétne ste sa naučili, ako upraviť farby a tóny, zmeniť veľkosť fotografie a zväčšiť jej povrch, vyplniť biele miesto funkciou Content-Aware Fill, pridať a kalibrovať pokyny, pridať text do obrázka a nastavíte spôsob, akým text vyzerá, pridali ste tvar so zaoblenými rohmi a umiestnili ste vektorový obrázok. Okrem toho ste videli, ako vrstvy fungujú vo Photoshope a aký je rozdiel medzi vektorovou a rastrovou grafikou (ak ste to ešte nevedeli).

Tieto vedomosti by ste mali byť schopní použiť na vytvorenie plagátu s iným obrázkom na pozadí, textom inej farby a logom a adresou URL vašej organizácie.

Zdroje z Photoshopu

Ak táto séria povzbudila vašu chuť dozvedieť sa viac o Photoshope, pozrite si tiež tieto skvelé návody. A ak chcete viac takýchto návodov od spoločnosti TechSoup, môžete nám dať znamenie.