Dizajn a Photoshop ako si vytvoriť vlastné logo. Ako si vytvoriť logo sami od nápadu až po realizáciu. Ako vytvoriť logo pre stavebnú spoločnosť vo Photoshope

Minule sme zisťovali, z čoho sa vo Photoshope dá urobiť, aj keď s trochou sofistikovanosti, vizitka. Tentokrát zistíme, že Photoshop je schopný úplne funkčného a zákaznícky príjemného loga.

Logo - vektorové alebo rastrové?

Masa zákazníkov pod logom neznamená nič iné ako obrázok, ktorý vidia na svojom počítači. Hlavný problém začína, keď sa zákazník, ktorý obdivuje logo na svojom monitore, rozhodne použiť ho. Vytlačte si napríklad veľký plagát veľkosti domu. Pamätám si práve taký plagát, keď visel web Delfi. Alebo si vytvorte žiarivý nápis pre svoj obchod. Alebo vytlačte kalendáre s veľkým krásne logo, horúce, spod pazúrov drahého dizajnéra.

Ide o to, že logá sa vyrábajú vo vektore. Samozrejme, nebolo to tak vždy. Za čias mojej starej mamy logá kreslili výtvarníci a ilustrátori na obrovské plátna. V dnešnom počítačovom svete je bitmapové logo mŕtvym logom. Dá sa zmenšiť iba vtedy, ak je veľký alebo vytlačený tak, ako je. Vektorové logo - matematické informácie o obrysoch loga. Dá sa jednoducho zväčšiť pre tlač na akýkoľvek povrch, dá sa načítať do AutoCADu, do špeciálneho stroja na rezanie papiera, do stroja na vyrezávanie figúrok z materiálu.

akýkoľvek veľká spoločnosť v modernom svete má knihu značiek a stratégiu propagácie loga. To znamená sériu pravidiel pre umiestnenie loga prijatých v rámci spoločností. čo by to malo byť? Čo sa s tým dá robiť. Kde sa dá tlačiť farebne, kde sa dá tlačiť štylizovane, kde sa dá tlačiť čiernobielo. Niektoré firmy štylizáciu umožňujú, niektoré nie. Ale v každom prípade, logo začína jednoduchým čiernobielym vektorovým tvarom. Potom príde štýl formulára, potom je tu styling.

Súhlasím s tým, že niektoré spoločnosti, ktoré neprekračujú webový priestor, možno nikdy nebudú potrebovať logo vo vektore, pretože ich logo neopustí okraje bannerov a hlavičky webových stránok. Pri vstupe do polygrafického priemyslu a reálneho sveta je však vektor nevyhnutný.

Ako vytvoriť logo vo Photoshope

V tomto návode na logo Photoshopu používam svoje staré logo AQ, ktoré som vytvoril pre kamaráta. Pamätám si, že sme sa dohodli na výmennom obchode, dal som mu logo a dizajn CMS, on mi dal engine stránky a vzhľad. Keď som však urobil svoju časť, zdalo sa mu skvelý nápad zmiznúť a neodpovedať, namiesto toho, aby povedal: "Prepáčte, nie je absolútne čas na úpravu rozvrhu." Toto logo je séria jednoduchých oválnych predmetov v tvare vajíčka. Photoshop nám predstavuje množstvo veľmi skromných nástrojov na prácu s vektorovými cestami. Našťastie tieto skromné ​​nástroje stačia na vytvorenie 60% existujúcich log, ak nie viac. Začnem vytvorením tvarov, odkazom na ďalšie návody, ktoré vám pomôžu vytvoriť moje logo, a samozrejme na konci návodu si každý bude môcť stiahnuť môj PSD súbor so všetkými vrstvami.

Ako nakresliť základné tvary

Vyberte nástroj Nástroj Ellipce a nakreslite pravidelnú elipsu. Na paneli nastavení je táto možnosť povinná Tvarová vrstva... A ak neviete, čo to je, pozrite si môj článok o vrstve tvaru, ceste a pixeloch výplne. Stručne povedané, táto možnosť vytvára vektorové cesty ako vektorovú masku s vrstvou výplne. A takto sa vektor zobrazuje vo Photoshope.

Vyberte iný nástroj Nástroj priameho výberu, zvýrazňuje konkrétne vektorové body a môže meniť smer ich vodiacich prvkov. Kliknite s ním na elipsu. Potom vyberte dva stredy, horný a spodný. Ak chcete vybrať 2 body naraz, stlačte SHIFT... Keď sú vybraté 2 bodky, potiahnite ich dozadu, aby elipsa nadobudla vajcovitý tvar. Prvá forma je pripravená.

Ako vyplniť farbou? Nájdite oválnu vrstvu na paneli vrstiev Vrstvy... Kliknite na ikonu výplne, v zobrazenom okne vyberte farbu.

Duplikujte výsledné vajíčko. Vrstva> Zdvojená vrstva... Vyberte ho na paneli vrstiev a transformujte Upraviť> Voľná ​​transformácia... Ak nerozumiete, čo sa deje, prečítajte si môj článok Transformácia vo Photoshope pomocou bezplatnej transformácie. V skratke, Voľná ​​transformácia umožňuje zmeniť tvar čohokoľvek, takmer na čokoľvek. Stačí kliknúť SHIFT zmeniť tvar proporcionálne a potiahnite okraj rámu smerom nadol. Vyplňte tvar svetlomodrou farbou.

Znova duplikujte vajíčko a znova použite Upraviť> Voľná ​​transformácia, ale tentoraz stačí vajíčko stlačiť kolmo. Potom vyberte Nástroj priameho výberu, znova vyberte stredy a zmeňte dĺžku vodidiel každého z bodov. Tým sa zníži uhol sklonu medzi bodmi. Gratulujeme, vytvorili sme tvar vajíčka. A toto je prvý krok k vytvoreniu loga vo Photoshope. Prejdime k písmenám. Toto vajíčko musíte naplniť bielkom.

Ako kresliť písmená vo Photoshope

Vyberte úplne prvé vajce a duplikujte vrstvu. Umiestnite ho úplne hore a použite Upraviť> Voľná ​​transformácia aby sa jeho veľkosť zmenšila na veľkosť písmena, ktoré sa zmestí do vnútra vajíčka. Nevypínať Voľná ​​transformácia, potiahnite stredné kotvy, aby ste vajíčko vertikálne roztiahli.

Znova duplikujte toto vajíčko Vrstva> Zdvojená vrstva, znova vyberte nástroj Voľná ​​transformácia a znížte túto vrstvu držaním SHIFT na klávesnici, aby sa znížilo rovnomerne. Vyplňte výsledný tvar bielou farbou a ak je to potrebné, a s najväčšou pravdepodobnosťou sa objaví, transformujte ho znova vertikálne a horizontálne, aby ste získali vizuálne jednotný obrys písmena, namiesto toho, aby sa zužovalo na okrajoch.

Znovu duplikujte modré vajíčko z listu Q a posuňte ho na ľavú stranu. Toto bude základom listu A... Najprv to otočte na druhú stranu Upraviť> Transformovať cestu> Vodorovne a vodorovne ho stlačte, aby bol pevnejší a použite Nástroj priameho výberu na zmenu tvaru bodovo, ako je zväčšenie uhla oválu predĺžením vodidiel okolo okrajov.

Tento ovál znova duplikujte, zmenšite veľkosť, naplňte ho bielou, ak je to potrebné, stlačte ho vertikálne tak, aby obrys písmena A sa ukázalo byť jednotné.

Zostáva dokončiť kreslenie časti listu Q... Vyberte nástroj Nástroj Obdĺžnik a kresliť nie veľký obdĺžnik... Naplňte ho bielou a umiestnite pod písmeno Q... Duplikujte a zmenšite ho pomocou Voľná ​​transformácia potom umiestnite nad písmeno Q... Naše logo vo Photoshope sa blíži k dokončeniu.

Ako vytvoriť zložitý vektorový tvar vo Photoshope

Teraz pozornosť. Doteraz sme hrali kruhy. Teraz tam bude niečo zložitejšie. Aspoň pre moje prsty, aby to všetko opísali. Z dôvodov, ktorým nerozumiem, sú vektory vo Photoshope považované za najťažšiu tému. Som si istý, že najviac zložitá téma vo Photoshope je to animácia a 3D, ale nie vektor. Ak tomu vôbec nerozumiete, pomôžu vám moje články Prečo vektor vo Photoshope, Nástroje na kreslenie vektorov vo Photoshope a Vektorové primitíva vo Photoshope, ale predovšetkým pre pochopenie nasledujúcich procesov vám pomôže môj článok Sčítať, odčítať a pretínať , keďže toto sú režimy, ktoré budeme používať po zvyšok času.

Vyberte vonkajší modrý ovál z písmena na vrstvách A... Teraz vyberte nástroj Nástroj na výber cesty a kliknite na ovál. Ovál bude zvýraznený. A na vrstvách uvidíte, že vaša vektorová maska ​​je zvýraznená. Je to preto, že teraz pracujeme vo vektorovej maske tejto vrstvy. Ďalej vás varujem, nástroj nepoužívajte. Nástroj na presun, spravuje vrstvy. Používajte iba Nástroj na výber cesty, ktorý vyzerá ako čierna šípka, no neovláda celú vrstvu, ale iba vektorovú cestu v maske.

Nástroj na zvýraznenie Nástroj na výber cesty oválne teda Upraviť > Kopírovať a Upraviť > Prilepiť... Vizuálne sa nič nestalo, ale cestu sme skopírovali a teraz sú na maske dve. Druhý obrys nie je viditeľný, pretože je na rovnakom mieste ako prvý. Dá sa to jednoducho opraviť. Kliknite na obrys Nástroj na výber cesty a potiahnite ho. Potom použite Voľná ​​transformácia deformovať cestu. I dosť vážne zmenil tvar oválu, pomocou nielen Voľná ​​transformácia ale tiež Upraviť> transformovať cestu> Warp

Opakujte celú operáciu. Pomocou nástroja vyberte druhú cestu Nástroj na výber cesty, kliknite SHIFT... Na kurzore Nástroj na výber cesty objaví sa znamienko plus. Teraz posuňte cestu a skopíruje sa. A toto je druhý spôsob, ako duplikovať cesty. B tentoraz som opäť použil premenu cez Warp aby sa ovál ešte viac prehýbal.

Teraz vyberte nástroj Nástroj Obdĺžnik... Vizuálne sa nič nezmenilo. Pozrite si však panel nastavení Nástroj Obdĺžnik... S najväčšou pravdepodobnosťou je tam vybratá možnosť. Vytvorte novú vrstvu tvaru... Využívanie výhod Nástroj Obdĺžnik len vytvoríte ďalšiu vrstvu s novou vektorovou maskou. A to nechceme. Chceme maľovať len na jednu vrstvu. Prepnite na paneli nastavení na možnosť Pridať do oblasti tvaru (+) Toto nastavenie pridá vektorové cesty k už vytvoreným vektorovým maskám. Zostáva len vybrať správnu vektorovú masku na požadovanej vektorovej vrstve. Nakreslite 2 obdĺžniky.

Zostáva zhromaždiť normálnu postavu z celej tejto hory a na to použijeme režimy Pridať, odčítať, vylúčiť a pretínať... nastavenie - Odčítať prevedie vektorový tvar na vektorový tvar „vystrihnutia“. Rovnako ako v písmene 0 sú tu 2 obrysy. Ale jedna je vonkajšia, plniaca a druhá, menšia, rezná. Vyberte si teda nástroj Nástroj na výber cesty veľký obdĺžnik a ovál a v nastaveniach prepnite na Odčítať od oblasti tvaru (-)

Vyberte nástroj pre presnosť Nástroj Obdĺžnik, v nastaveniach Odčítať od oblasti tvaru (-) a odstrihnite ďalší kúsok z písmena A... Potom vyberte nástroj Nástroj priameho výberu, kliknite na horný roh úzkeho obdĺžnika, vyberte vektorový bod a potiahnite ho nadol. Postava dávala zmysel. A ak je všetko správne, práve ste sa naučili, ako vytvoriť logo vo Photoshope od začiatku.

Zlúčenie vektorových vrstiev

Splývame v trochu inom zmysle. Nebudem rastrovať vrstvy, ktoré sme usilovne vykresľovali vo vektore. Ale pozrite sa, čo sa deje na pracovnej ploche. Aké sú naše vektorové tvary? Z veľkej časti je to kopa oválov, ktoré sa navzájom prekrývajú a vytvárajú zdanie zložitých tvarov. Ale v skutočnosti máme len jednu zložitú postavu, písmeno A... Vidíme Q, ale len preto, že biely ovál je na vrchole modrého oválu a chvost Q pretína hlavné vajce, zdá sa, akoby sa vajce v tomto bode zlomilo, aby umožnilo chvostu Q ísť ďalej, ale v skutočnosti biely obdĺžnik vizuálne zakrýva vajíčko.

Na jednej strane to pôjde dobre, no na druhej strane každý z týchto tvarov po uložení do PDF vytvorí masku s bitmapovou výplňou, ktorá bude vložená dovnútra. Vznikne nám celá kopa vrstiev, ktorých masky sa budú navzájom prekrývať. Takýto súbor bude vážiť viac a nie je možné pochopiť chaos vrstiev, preto navrhujem vytvoriť iba 3 zložité tvary namiesto 104 jednoduchých.

Začnime listom A, ktorý je už zložitý, ale biely ovál na vrchu stále existuje ako druhá vrstva pokrývajúca časť písmena A... Nástroj na zvýraznenie Nástroj na presun maska ​​bieleho oválu nad písmenom A... Potom vyberte vektor pomocou nástroja počítadla Nástroj na výber cesty... Skopírujte to Upraviť > Kopírovať... Teraz kliknite na masku vrstvy písmen A robiť Upraviť > Prilepiť skopírovaná cesta. Obrys sme vložili do masky písmena A, zostáva mu dať správne nastavenia a tieto nastavenia - Odčítať od oblasti tvaru (-) Teraz môžete bezpečne odstrániť nepotrebný ovál vyššie, máte zložitý tvar. Keď ste si istí, že už nebudete meniť cesty, vyberte pomocou nástroja Nástroj na výber cesty všetky obrysy listu A a zlúčiť ich stlačením tlačidla Skombinujte na paneli nastavení.

Urobte to isté s písmenom Q... Vyberte biely chvost a biely ovál a skopírujte cesty vnútri hlavnej modrej cesty z písmena. Q... Zmeňte ich nastavenia na Odčítať od oblasti tvaru (-) Potom skopírujte aj viditeľnú časť chvosta. A písmená by som spojil A a Q keďže nemajú byť od seba oddelené. Pri takejto práci môže nastať situácia, že v jednej maske máte pridávajúcu a schovávaciu cestu. A ten skrývajúci sa bude prekrývať ten pridávajúci. Tu je to, čo sa skutočne deje. Dráha rezu je prerezaná pridávaním, pretože je umiestnená vyššie v hierarchii. V skutočnosti všetky tieto obrysy nie sú v rovnakej rovine. Vo Photoshope samozrejme neexistujú žiadne „Vrstvy“ ciest, nedá sa s nimi manipulovať ako v Illustratore. Jediné, čo môžeme urobiť, je odrezať cesto a skopírovať ho späť. Potom sa objaví nad všetkými ostatnými obrysmi.

Urobte podobnú prácu s obrysmi veľkého vajíčka, aby ste skončili len s 2 vrstvami - vonkajším tmavomodrým pruhom a vnútorným svetlomodrým. A myslím, že sme práve nakreslili logo vo vektore pomocou Photoshopu. Zostáva len uložiť ho vo formáte Psd, EPS alebo PDF.

Tlač loga

Z hľadiska tlače loga sú dôležité farby. Pracujte vo farebnom režime CMYK,Obrázok> Režim> CMYK o ktorom si môžete podrobne prečítať v mojom článku Farebný režim CMYK, ak sa chcete naučiť pripraviť grafiku na tlač, prečítajte si článok Príprava na tlač za 10 minút. Ak ste si istí, že logo je vytvorené predovšetkým pre webový obsah, aj tak by som vám odporučil dosiahnuť čo najživšie farby v CMYK a potom už logo preložiť do RGB na použitie na webe. V tomto prípade si môžete byť istí, že logo bude vyzerať rovnako v tlači aj na internete. A dúfam, že teraz si dokážete vytvoriť úplne profesionálny. technicky logo.

Minule sme zisťovali, z čoho sa vo Photoshope dá urobiť, aj keď s trochou sofistikovanosti, vizitka. Tentokrát zistíme, že Photoshop je schopný úplne funkčného a zákaznícky príjemného loga.

Logo - vektorové alebo rastrové?

Masa zákazníkov pod logom neznamená nič iné ako obrázok, ktorý vidia na svojom počítači. Hlavný problém začína, keď sa zákazník, ktorý obdivuje logo na svojom monitore, rozhodne použiť ho. Vytlačte si napríklad veľký plagát veľkosti domu. Pamätám si práve taký plagát, keď visel web Delfi. Alebo si vytvorte žiarivý nápis pre svoj obchod. Alebo vytlačte kalendáre s veľkým krásnym logom, horúce, spod pazúrov drahého dizajnéra.

Ide o to, že logá sa vyrábajú vo vektore. Samozrejme, nebolo to tak vždy. Za čias mojej starej mamy logá kreslili výtvarníci a ilustrátori na obrovské plátna. V dnešnom počítačovom svete je bitmapové logo mŕtvym logom. Dá sa zmenšiť iba vtedy, ak je veľký alebo vytlačený tak, ako je. Vektorové logo - matematické informácie o obrysoch loga. Dá sa jednoducho zväčšiť pre tlač na akýkoľvek povrch, dá sa načítať do AutoCADu, do špeciálneho stroja na rezanie papiera, do stroja na vyrezávanie figúrok z materiálu.

Každá veľká spoločnosť v modernom svete má knihu značiek a stratégiu propagácie loga. To znamená sériu pravidiel pre umiestnenie loga prijatých v rámci spoločností. čo by to malo byť? Čo sa s tým dá robiť. Kde sa dá tlačiť farebne, kde sa dá tlačiť štylizovane, kde sa dá tlačiť čiernobielo. Niektoré firmy štylizáciu umožňujú, niektoré nie. Ale v každom prípade, logo začína jednoduchým čiernobielym vektorovým tvarom. Potom nasleduje korporátna identita, potom štylizácia.

Súhlasím s tým, že niektoré spoločnosti, ktoré neprekračujú webový priestor, možno nikdy nebudú potrebovať logo vo vektore, pretože ich logo neopustí okraje bannerov a hlavičky webových stránok. Pri vstupe do polygrafického priemyslu a reálneho sveta je však vektor nevyhnutný.

Ako vytvoriť logo vo Photoshope

V tomto návode na logo Photoshopu používam svoje staré logo AQ, ktoré som vytvoril pre kamaráta. Pamätám si, že sme sa dohodli na výmennom obchode, dal som mu logo a dizajn CMS, on mi dal engine stránky a vzhľad. Keď som však urobil svoju časť, zdalo sa mu skvelý nápad zmiznúť a neodpovedať, namiesto toho, aby povedal: "Prepáčte, nie je absolútne čas na úpravu rozvrhu." Toto logo je séria jednoduchých oválnych predmetov v tvare vajíčka. Photoshop nám predstavuje množstvo veľmi skromných nástrojov na prácu s vektorovými cestami. Našťastie tieto skromné ​​nástroje stačia na vytvorenie 60% existujúcich log, ak nie viac. Začnem vytvorením tvarov, odkazom na ďalšie návody, ktoré vám pomôžu vytvoriť moje logo, a samozrejme na konci návodu si každý bude môcť stiahnuť môj PSD súbor so všetkými vrstvami.

Ako nakresliť základné tvary

Vyberte nástroj Nástroj Ellipce a nakreslite pravidelnú elipsu. Na paneli nastavení je táto možnosť povinná Tvarová vrstva... A ak neviete, čo to je, pozrite si môj článok o vrstve tvaru, ceste a pixeloch výplne. Stručne povedané, táto možnosť vytvára vektorové cesty ako vektorovú masku s vrstvou výplne. A takto sa vektor zobrazuje vo Photoshope.

Vyberte iný nástroj Nástroj priameho výberu, zvýrazňuje konkrétne vektorové body a môže meniť smer ich vodiacich prvkov. Kliknite s ním na elipsu. Potom vyberte dva stredy, horný a spodný. Ak chcete vybrať 2 body naraz, stlačte SHIFT... Keď sú vybraté 2 bodky, potiahnite ich dozadu, aby elipsa nadobudla vajcovitý tvar. Prvá forma je pripravená.

Ako vyplniť farbou? Nájdite oválnu vrstvu na paneli vrstiev Vrstvy... Kliknite na ikonu výplne, v zobrazenom okne vyberte farbu.

Duplikujte výsledné vajíčko. Vrstva> Zdvojená vrstva... Vyberte ho na paneli vrstiev a transformujte Upraviť> Voľná ​​transformácia... Ak nerozumiete, čo sa deje, prečítajte si môj článok Transformácia vo Photoshope pomocou bezplatnej transformácie. V skratke, Voľná ​​transformácia umožňuje zmeniť tvar čohokoľvek, takmer na čokoľvek. Stačí kliknúť SHIFT zmeniť tvar proporcionálne a potiahnite okraj rámu smerom nadol. Vyplňte tvar svetlomodrou farbou.

Znova duplikujte vajíčko a znova použite Upraviť> Voľná ​​transformácia, ale tentoraz stačí vajíčko stlačiť kolmo. Potom vyberte Nástroj priameho výberu, znova vyberte stredy a zmeňte dĺžku vodidiel každého z bodov. Tým sa zníži uhol sklonu medzi bodmi. Gratulujeme, vytvorili sme tvar vajíčka. A toto je prvý krok k vytvoreniu loga vo Photoshope. Prejdime k písmenám. Toto vajíčko musíte naplniť bielkom.

Ako kresliť písmená vo Photoshope

Vyberte úplne prvé vajce a duplikujte vrstvu. Umiestnite ho úplne hore a použite Upraviť> Voľná ​​transformácia aby sa jeho veľkosť zmenšila na veľkosť písmena, ktoré sa zmestí do vnútra vajíčka. Nevypínať Voľná ​​transformácia, potiahnite stredné kotvy, aby ste vajíčko vertikálne roztiahli.

Znova duplikujte toto vajíčko Vrstva> Zdvojená vrstva, znova vyberte nástroj Voľná ​​transformácia a znížte túto vrstvu držaním SHIFT na klávesnici, aby sa znížilo rovnomerne. Vyplňte výsledný tvar bielou farbou a ak je to potrebné, a s najväčšou pravdepodobnosťou sa objaví, transformujte ho znova vertikálne a horizontálne, aby ste získali vizuálne jednotný obrys písmena, namiesto toho, aby sa zužovalo na okrajoch.

Znovu duplikujte modré vajíčko z listu Q a posuňte ho na ľavú stranu. Toto bude základom listu A... Najprv to otočte na druhú stranu Upraviť> Transformovať cestu> Vodorovne a vodorovne ho stlačte, aby bol pevnejší a použite Nástroj priameho výberu na zmenu tvaru bodovo, ako je zväčšenie uhla oválu predĺžením vodidiel okolo okrajov.

Tento ovál znova duplikujte, zmenšite veľkosť, naplňte ho bielou, ak je to potrebné, stlačte ho vertikálne tak, aby obrys písmena A sa ukázalo byť jednotné.

Zostáva dokončiť kreslenie časti listu Q... Vyberte nástroj Nástroj Obdĺžnik a nakreslite malý obdĺžnik. Naplňte ho bielou a umiestnite pod písmeno Q... Duplikujte a zmenšite ho pomocou Voľná ​​transformácia potom umiestnite nad písmeno Q... Naše logo vo Photoshope sa blíži k dokončeniu.

Ako vytvoriť zložitý vektorový tvar vo Photoshope

Teraz pozornosť. Doteraz sme hrali kruhy. Teraz tam bude niečo zložitejšie. Aspoň pre moje prsty, aby to všetko opísali. Z dôvodov, ktorým nerozumiem, sú vektory vo Photoshope považované za najťažšiu tému. Som si istý, že najťažšou témou vo Photoshope je animácia a 3D, ale nie vektory. Ak tomu vôbec nerozumiete, pomôžu vám moje články Prečo vektor vo Photoshope, Nástroje na kreslenie vektorov vo Photoshope a Vektorové primitíva vo Photoshope, ale predovšetkým pre pochopenie nasledujúcich procesov vám pomôže môj článok Sčítať, odčítať a pretínať , keďže toto sú režimy, ktoré budeme používať po zvyšok času.

Vyberte vonkajší modrý ovál z písmena na vrstvách A... Teraz vyberte nástroj Nástroj na výber cesty a kliknite na ovál. Ovál bude zvýraznený. A na vrstvách uvidíte, že vaša vektorová maska ​​je zvýraznená. Je to preto, že teraz pracujeme vo vektorovej maske tejto vrstvy. Ďalej vás varujem, nástroj nepoužívajte. Nástroj na presun, spravuje vrstvy. Používajte iba Nástroj na výber cesty, ktorý vyzerá ako čierna šípka, no neovláda celú vrstvu, ale iba vektorovú cestu v maske.

Nástroj na zvýraznenie Nástroj na výber cesty oválne teda Upraviť > Kopírovať a Upraviť > Prilepiť... Vizuálne sa nič nestalo, ale cestu sme skopírovali a teraz sú na maske dve. Druhý obrys nie je viditeľný, pretože je na rovnakom mieste ako prvý. Dá sa to jednoducho opraviť. Kliknite na obrys Nástroj na výber cesty a potiahnite ho. Potom použite Voľná ​​transformácia deformovať cestu. I dosť vážne zmenil tvar oválu, pomocou nielen Voľná ​​transformácia ale tiež Upraviť> transformovať cestu> Warp

Opakujte celú operáciu. Pomocou nástroja vyberte druhú cestu Nástroj na výber cesty, kliknite SHIFT... Na kurzore Nástroj na výber cesty objaví sa znamienko plus. Teraz posuňte cestu a skopíruje sa. A toto je druhý spôsob, ako duplikovať cesty. B tentoraz som opäť použil premenu cez Warp aby sa ovál ešte viac prehýbal.

Teraz vyberte nástroj Nástroj Obdĺžnik... Vizuálne sa nič nezmenilo. Pozrite si však panel nastavení Nástroj Obdĺžnik... S najväčšou pravdepodobnosťou je tam vybratá možnosť. Vytvorte novú vrstvu tvaru... Využívanie výhod Nástroj Obdĺžnik len vytvoríte ďalšiu vrstvu s novou vektorovou maskou. A to nechceme. Chceme maľovať len na jednu vrstvu. Prepnite na paneli nastavení na možnosť Pridať do oblasti tvaru (+) Toto nastavenie pridá vektorové cesty k už vytvoreným vektorovým maskám. Zostáva len vybrať správnu vektorovú masku na požadovanej vektorovej vrstve. Nakreslite 2 obdĺžniky.

Zostáva zhromaždiť normálnu postavu z celej tejto hory a na to použijeme režimy Pridať, odčítať, vylúčiť a pretínať... nastavenie - Odčítať prevedie vektorový tvar na vektorový tvar „vystrihnutia“. Rovnako ako v písmene 0 sú tu 2 obrysy. Ale jedna je vonkajšia, plniaca a druhá, menšia, rezná. Vyberte si teda nástroj Nástroj na výber cesty veľký obdĺžnik a ovál a v nastaveniach prepnite na Odčítať od oblasti tvaru (-)

Vyberte nástroj pre presnosť Nástroj Obdĺžnik, v nastaveniach Odčítať od oblasti tvaru (-) a odstrihnite ďalší kúsok z písmena A... Potom vyberte nástroj Nástroj priameho výberu, kliknite na horný roh úzkeho obdĺžnika, vyberte vektorový bod a potiahnite ho nadol. Postava dávala zmysel. A ak je všetko správne, práve ste sa naučili, ako vytvoriť logo vo Photoshope od začiatku.

Zlúčenie vektorových vrstiev

Splývame v trochu inom zmysle. Nebudem rastrovať vrstvy, ktoré sme usilovne vykresľovali vo vektore. Ale pozrite sa, čo sa deje na pracovnej ploche. Aké sú naše vektorové tvary? Z veľkej časti je to kopa oválov, ktoré sa navzájom prekrývajú a vytvárajú zdanie zložitých tvarov. Ale v skutočnosti máme len jednu zložitú postavu, písmeno A... Vidíme Q, ale len preto, že biely ovál je na vrchole modrého oválu a chvost Q pretína hlavné vajce, zdá sa, akoby sa vajce v tomto bode zlomilo, aby umožnilo chvostu Q ísť ďalej, ale v skutočnosti biely obdĺžnik vizuálne zakrýva vajíčko.

Na jednej strane to pôjde dobre, no na druhej strane každý z týchto tvarov po uložení do PDF vytvorí masku s bitmapovou výplňou, ktorá bude vložená dovnútra. Vznikne nám celá kopa vrstiev, ktorých masky sa budú navzájom prekrývať. Takýto súbor bude vážiť viac a nie je možné pochopiť chaos vrstiev, preto navrhujem vytvoriť iba 3 zložité tvary namiesto 104 jednoduchých.

Začnime listom A, ktorý je už zložitý, ale biely ovál na vrchu stále existuje ako druhá vrstva pokrývajúca časť písmena A... Nástroj na zvýraznenie Nástroj na presun maska ​​bieleho oválu nad písmenom A... Potom vyberte vektor pomocou nástroja počítadla Nástroj na výber cesty... Skopírujte to Upraviť > Kopírovať... Teraz kliknite na masku vrstvy písmen A robiť Upraviť > Prilepiť skopírovaná cesta. Obrys sme vložili do masky písmena A, zostáva mu dať správne nastavenia a tieto nastavenia - Odčítať od oblasti tvaru (-) Teraz môžete bezpečne odstrániť nepotrebný ovál vyššie, máte zložitý tvar. Keď ste si istí, že už nebudete meniť cesty, vyberte pomocou nástroja Nástroj na výber cesty všetky obrysy listu A a zlúčiť ich stlačením tlačidla Skombinujte na paneli nastavení.

Urobte to isté s písmenom Q... Vyberte biely chvost a biely ovál a skopírujte cesty vnútri hlavnej modrej cesty z písmena. Q... Zmeňte ich nastavenia na Odčítať od oblasti tvaru (-) Potom skopírujte aj viditeľnú časť chvosta. A písmená by som spojil A a Q keďže nemajú byť od seba oddelené. Pri takejto práci môže nastať situácia, že v jednej maske máte pridávajúcu a schovávaciu cestu. A ten skrývajúci sa bude prekrývať ten pridávajúci. Tu je to, čo sa skutočne deje. Dráha rezu je prerezaná pridávaním, pretože je umiestnená vyššie v hierarchii. V skutočnosti všetky tieto obrysy nie sú v rovnakej rovine. Vo Photoshope samozrejme neexistujú žiadne „Vrstvy“ ciest, nedá sa s nimi manipulovať ako v Illustratore. Jediné, čo môžeme urobiť, je odrezať cesto a skopírovať ho späť. Potom sa objaví nad všetkými ostatnými obrysmi.

Urobte podobnú prácu s obrysmi veľkého vajíčka, aby ste skončili len s 2 vrstvami - vonkajším tmavomodrým pruhom a vnútorným svetlomodrým. A myslím, že sme práve nakreslili logo vo vektore pomocou Photoshopu. Zostáva len uložiť ho vo formáte Psd, EPS alebo PDF.

Tlač loga

Z hľadiska tlače loga sú dôležité farby. Pracujte vo farebnom režime CMYK,Obrázok> Režim> CMYK o ktorom si môžete podrobne prečítať v mojom článku Farebný režim CMYK, ak sa chcete naučiť pripraviť grafiku na tlač, prečítajte si článok Príprava na tlač za 10 minút. Ak ste si istí, že logo je vytvorené predovšetkým pre webový obsah, aj tak by som vám odporučil dosiahnuť čo najživšie farby v CMYK a potom už logo preložiť do RGB na použitie na webe. V tomto prípade si môžete byť istí, že logo bude vyzerať rovnako v tlači aj na internete. A dúfam, že si teraz dokážete vytvoriť úplne technicky profesionálne logo sami.

Dôležitou súčasťou imidžu spoločnosti je logo. Najčastejšie je prezentovaný ako druh jedinečného obrázka s textom. Zvážte najjednoduchší spôsob vytvorenia loga prostredníctvom známeho grafického editora – Adobe Photoshop CS6.

Každá sebaúcta moderná spoločnosť dbá o svoj imidž, preto vytvára a následne udržiava podmienky smerujúce k neustálemu zlepšovaniu imidžu, čím pomáha prilákať veľké množstvo zákazníkov.

Najdôležitejšou súčasťou imidžu je logo, prostredníctvom ktorého si klient vytvára prvotnú predstavu o spoločnosti. Logo je jedinečný obrázok pozostávajúci z obrázkov, textových informácií alebo oboch týchto komponentov súčasne.

Pomocou možností grafického editora Adobe Photoshop môžete vytvoriť logo a vizitku spoločnosti. Vytvorenie jednoduchej verzie je úplne jednoduchý a zábavný kreatívny proces, no skutoční profesionáli poznajú tajomstvá, ako urobiť logo vo Photoshope tak, aby sa dalo použiť aj pri tlači veľkých plagátov.

Jednoduché firemné logo dokáže vytvoriť každý, kto ovláda základy práce s grafickým editorom Adobe Photoshop a naučí sa odporúčania skutočných profíkov, ako vytvoriť logo vo Photoshope.

Odrody log

Skôr ako pristúpime k tvorbe loga, je dôležité si ujasniť, čo by malo byť, do akého druhu by malo patriť. Existujú tri typy grafických dizajnérov.

Prvým je vytvorenie jednoduchej verzie len s určitými textovými informáciami. Najčastejšie berú ako základ názov firmy a písmená krásne kreslia. Profesionáli považujú túto odrodu za najjednoduchšiu na vytvorenie, ale zároveň dosť prísnu. Samozrejme, že nápis musí byť sprevádzaný kreativitou, inak bude sotva možné upútať pozornosť spotrebiteľov.

Druhým typom sú grafické obrázky, kresby, pri tvorbe ktorých možno použiť konkrétne predmety, ale aj absolútna abstrakcia. Dôležité je len to, aby grafická verzia umožnila klientovi samostatne pochopiť, aké činnosti by mala organizácia reprezentovaná takýmto logom vykonávať.

Tretí typ zahŕňa zmiešané logá, ktoré úspešne kombinujú textové informácie a grafiku. Tento pohľad je najťažší, pretože je dôležité nielen spojiť dva grafické prvky, ale aj ich krásne skombinovať. Grafickí dizajnéri s dostatočnými praktickými skúsenosťami stále preferujú zmiešaný typ, pretože práve tento typ umožňuje maximalizovať kreativitu.

Proces vytvárania jednoduchej variácie

Ak sa chce začínajúci grafik zdokonaliť v práci s Adobe Photoshopom, je pre neho užitočné naštudovať si informácie o tom, ako urobiť logo vo Photoshope.

Najprv by ste mali spustiť samotný grafický editor Adobe Photoshop a potom vytvoriť nový dokument. Program vás požiada, aby ste špecifikovali požiadavky na tento dokument. Používateľ musí uviesť šírku a výšku loga v pixeloch, ako aj pixelové rozlíšenie grafického objektu.

Teraz, keď je dokument vytvorený, mali by ste otvoriť nástroj "Text" a použiť ho na písanie ľubovoľných slov pomocou rôznych možností písma, pričom vyberte najlepšiu možnosť.

Hotový text nemožno len tak nechať, najlepšie je podrobiť ho kreatívnej úprave. Najmä pomocou rôznych efektov môže byť text sprevádzaný tieňom, dodatočným objemom, zvýraznením. Môžete tiež zmeniť veľkosť písmen, ich smer, uhol.

Vo Photoshope je tiež jednoduché vytvoriť grafický prvok. Na paneli s ponukami nájdete nástroje, ktoré vám umožňujú veľmi jednoducho nakresliť kruh, obdĺžnik, mnohouholník.

Ak naozaj chcete, aby mal tvar nezvyčajné tvary, mali by ste nájsť položku "Transformácia" v ponuke "Upraviť" kliknutím na to, ktoré ďalšie nástroje sa zobrazia, ktoré vám umožnia zmeniť vonkajšie obrysy predtým vybraného tvaru.

Keď grafický prvok získa požadovaný tvar, môžete riadiť akcie na zmenu štýlu. Kliknutím na ponuku „Štýl vrstvy“ sa otvorí dialógové okno, v ktorom sa striedavo vyberajú položky „Tiene“ a „Razba“, v ktorých sa nastavujú rôzne parametre podľa vlastného uváženia. Dobrou správou je, že dialógové okno má vstavanú možnosť náhľadu, takže môžete okamžite vykonať úpravy.

Zmiešané logo sa získa prekrytím textových informácií na grafickom obrázku. Nakoniec zostáva len uložiť získaný výsledok výberom správneho rozšírenia. Odborníci odporúčajú používať rozšírenie PNG.

Po vytvorení loga aspoň raz vlastnými rukami bude úplne jasné, ako vytvoriť logá vo Photoshope, takže v budúcnosti sa takéto zručnosti budú iba zdokonaľovať a úroveň zručností sa zvýši.

Základy tvorby komplexného loga

Keď sa používateľ naučí vytvárať jednoduché variácie, môže pokračovať v zlepšovaní svojich praktických zručností a prejsť k vytváraniu zložitých log, ktoré zahŕňajú animované a vektorové varianty.

Ciele na vytvorenie vektorovej odrody

Použitie jednoduchých tvarov a fontov umožňuje vytvoriť bitmapové logo, ktoré bude na monitore vyzerať celkom dobre. Dá sa vložiť na webovú stránku firmy, vytlačiť vizitky.

Frustrácia však môže nastať, akonáhle si spoločnosť želá použiť toto logo na tlač obrovských plagátov, kalendárov a žiariacich nápisov. V tomto prípade je potrebné zväčšiť hotový obrázok, ale pri prvom pokuse o to používateľ okamžite zaznamená jasnú stratu kvality.

Vektorové logo predstavuje komplexné matematické informácie o obryse obrázka. Pomocou vektorového loga je možné obrázok zväčšiť na ľubovoľnú veľkosť.

V tomto ohľade, ak sa chcete stať profesionálnym grafickým dizajnérom, mali by ste vedieť, ako nakresliť logo vo Photoshope a sprevádzať ho vektorovým obrázkom.

Vytvorenie animovanej odrody

V závislosti od účelu, pre ktorý je logo vytvorené, sa môže grafik rozhodnúť, ktorej odrode dá prednosť. Najmä, ak sa plánuje umiestnenie loga do hlavičky stránky, je najlepšie uprednostniť animovanú verziu, ktorá dokáže čo najviac upútať pozornosť návštevníkov.

Pred spustením procesu animácie by ste mali vytvoriť jednoduché logo, ktorého text by mal byť na samostatnej vrstve.

Kliknutím na takúto vrstvu by mal dizajnér prejsť do časti ponuky "Okno", potom nájsť podponuku "Pracovné prostredie" a potom kliknúť na položku "3D". Po správnom vykonaní takýchto jednoduchých akcií sa vrstva s textovými informáciami okamžite zmení na 3D objekt.

Teraz by ste na zobrazenom 3D paneli mali nájsť vrstvu s textovými informáciami, kliknutím na ňu vykonajte zmeny v jej vlastnostiach. Predovšetkým by ste mali zmeniť parametre hĺbky vytlačenia a zrušiť začiarknutie políčok nastavených na parametroch tieňa.

Na paneli časovej osi nájdite položku „Vytvoriť časovú os pre video“ a kliknite na ňu. Potom sa všetky existujúce vrstvy zobrazia ako samostatné vrstvy videa.

Vyvolaním vlastností prvej vrstvy vyberte parameter "Pozícia 3D scény", potom spustite stopky a pomocou modrého ukazovateľa určte trvanie animácie.

Ďalej na 3D paneli prejdite na vrstvu „Scéna“, tam vykonajte zmeny súradníc osi Y a nastavte parameter pre celý uhol (360 stupňov). Po tejto úprave sa môžete uistiť, že sa obrázok začne otáčať.

Takže vytvorenie loga je v kompetencii každého, kto vie prejaviť trpezlivosť, vytrvalosť, vytrvalosť a je zameraný aj na neustály tvorivý proces. Vyhľadávaným webovým dizajnérom sa môžete stať len vtedy, ak sa naučíte vytvárať logá. rôzne úrovne komplexnosť, uspokojovanie potrieb spotrebiteľov.

V tejto príručke vám to ukážem ako vytvoriť logo vo Photoshope napodobňovanie písma alebo kresby kriedou. Táto metóda je univerzálna: dá sa použiť na absolútne akýkoľvek obrázok - od bežnej typografickej ilustrácie až po logo. Nuž, začnime!
Nemáte čas vytvárať logo, skúste naše

Čo potrebujeme?

Na vytvorenie kriedového efektu potrebujete perokresbu a náčrt loga (môžete použiť moje súbory nižšie).

Tabuľu si môžete stiahnuť z Photodune alebo použiť akúkoľvek alternatívu.

1. Pripravte si kresbu

Krok 1.

Najprv musíte vytlačiť výkres, s ktorým budete pracovať. Napríklad som si vzal logo, ktoré som vytvoril špeciálne pre tento tutoriál.

Krok 2.

Po vytlačení výkresu naň položte list papiera a obkreslite jeho obrysy ceruzkou. Obkreslite čo najrovnomernejšie, ale ak chcete, aby boli okraje trochu neostré, máte na to právo (pozri nižšie).

Použite bežnú ceruzku. Ak chcete, môžete experimentovať s inými nástrojmi.

Krok 3

Teraz naskenujte načrtnuté logo a importujte ho do Photoshopu. Upravte úrovne, aby ste rozjasnili biele oblasti a zvýšili kontrast.
Navyše týmto spôsobom vyčistíte neúmyselne rozmazané miesta. Pre moju skicu Noodles som použil nasledujúce nastavenia:

2. Pridajte efekty vo Photoshope

Krok 1.

Teraz môžete začať priamo spracovávať obrázok vo Photoshope. Vytvorte nový dokument vo Photoshope.

Môj dokument má veľkosť 1200 x 1000 pixelov, 200 dpi a farebný formát RGB. Môžete použiť akékoľvek nastavenie, ktoré vyhovuje vášmu projektu. Ako pozadie vyberte tabuľu.

Krok 2.

Aplikujte efekt vinetácie, aby bol obraz hlbší. Ak to chcete urobiť, pridajte na tabuľu novú vrstvu. Pomocou jemného štetca natrite okraje tmavosivou farbou (pozri nižšie).
Pre túto vrstvu zmeňte režim miešania na Násobiť a upravte Krytie na požadovanú úroveň.

Krok 3

Teraz prekryte náčrt loga cez ostatné vrstvy.

Vyberte vrstvu náčrtu a stlačte Command / Ctrl-I alebo vyberte Obrázky - Úpravy - Invertovať (Obrázky - Úpravy - Invertovať). Tým sa obráti obrázok tak, aby vaše logo bolo biele na čiernom pozadí.

V tomto bode môžete vidieť pozadie vášho loga. Vyberte vrstvu a na paneli Vrstvy zmeňte režim prelínania na Obrazovka. Takto uvidíte iba biele logo.

Krok 4

Ak chcete dať kriede farbu, aplikujte na vrstvu loga vrstvu Úprava odtieňa / sýtosti. Ak to chcete urobiť, kliknite na tlačidlo Vrstva úprav v spodnej časti karty Vrstvy.

Otvorí sa karta Vlastnosti s možnosťou Odtieň / Sýtosť. Aby krieda získala modrú farbu, použila som nasledujúce nastavenia: Tip: Existuje aj iný spôsob, ako vytvoriť orezovú masku. Stlačte Alt / Option a kliknite medzi dvoma vrstvami na karte Vrstvy.