Ako vytvoriť herné menu vo Photoshope. Ako vytvoriť krásne menu v skupine VKontakte. Ako vytvoriť krásne menu pre skupinu VKontakte: pokyny krok za krokom

V tomto článku sa pozrieme na štruktúru príkazov v hornom riadku ponuky programu. Photoshop CS5. Panel s ponukami (1) nachádza sa v hornej časti programu a obsahuje menu (2) a vnorené podponuky (3) .

Niektoré podponuky sú neaktívne. Prečo sú neaktívne? Pretože na to musíte vytvoriť určité podmienky alebo vykonať určité akcie - to je dobrý tip. Na rozšírenie ponuky (2) , musíte kliknúť na príslušný názov a už môžete ísť bez kliknutia. Tiež, ak nemáte myš, môžete použiť nasledujúcu metódu: stlačte kláves Alt a budete mať takéto podčiarknutia (4) vedľa názvov položiek ponuky.

A ak chcete otvoriť akékoľvek meno, stačí stlačiť príslušné písmeno na klávesnici. Napríklad pre ponuku "Súbor" je to písmeno f. Stlačím písmeno f, otvorí sa ponuka "Súbor". Môžete sa v ňom pohybovať pomocou šípok na klávesnici. Ak chcete prejsť cez ponuku alebo na inú položku ponuky, stlačte šípku v príslušnom smere. Kláves Esc zruší ponuku. Opätovným stlačením klávesu Alt sa dostaneme z režimu klávesnice. Po jeho stlačení podčiarknutie v príkazoch zmizne. To v prípade, že nemáte myš.

Na jedálnom lístku (2) a podmenu (3) existujú príkazy, ktoré poskytujú prístup k takmer všetkým úpravám a príkazom vo Photoshope. Mnohé bežne používané a ťažko dostupné príkazy majú príslušné klávesové skratky uvedené napravo od príkazov. Ide o takzvané klávesové skratky.

Ich použitie značne uľahčuje a urýchľuje prácu. Preto je od samého začiatku lepšie zapamätať si a používať klávesové skratky. Ak chcete použiť kombináciu klávesov, musíte stlačiť prvý kláves a bez toho, aby ste ho uvoľnili, potom stlačiť nasledujúce klávesy. To znamená, že na konci musí byť stlačených niekoľko kláves súčasne. Potom bude príkaz fungovať.

Niektoré položky ponuky nevyzerajú ako príkazy, ale pripomínajú začiarkavacie políčka (5) nainštalovaný kliknutím myši. Zobrazte napríklad „Auxiliaries“ alebo „Rulers“. Takéto príkazy sú spravidla určené na zobrazenie alebo skrytie akýchkoľvek prvkov rozhrania alebo na nastavenie programu, aby pracoval v nejakom špeciálnom režime. Na obrázku vidíte, že mám zapnuté pomocné prvky, pravítka a kotvy.

Základné príkazy Photoshopu

Všetky príkazy Photoshopu sú zoskupené podľa podobných charakteristík a oddelené od seba vodorovnou čiarou. Teraz sa pozrime na základné a najčastejšie príkazy.

1) Ponuka Súbor- sú to príkazy na vytvorenie nového dokumentu a jeho otvorenie, ako aj príkazy na zatvorenie a uloženie dokumentu v rôznych variáciách ( jednoduché ukladanie, ukladanie ako pri výbere formátu a ukladanie pre web a zariadenia, ktoré optimalizujú súbor pre správne zobrazenie na internete alebo na akomkoľvek zariadení). Toto sú základné príkazy, ktoré potrebujeme. Ďalšie príkazy sa nepoužívajú príliš často a pozrieme sa na ne o niečo neskôr.

2) Upraviť menu - bude potrebné, ak vykonáme nejakú akciu. Ja napríklad používam ceruzku. V ponuke „Upraviť“ môžete tento krok vrátiť späť, urobiť krok späť, alebo ak sa potrebujem vrátiť k tejto akcii, môžete urobiť krok vpred. Môžete tiež zrušiť stav a vrátiť sa späť. Aj v menu „Úpravy“ sú operácie, ktoré sú štandardné pre väčšinu programov – sú to vystrihovanie do schránky, kopírovanie, kopírovanie kombinovaných údajov a rôzne vkladanie.

Veľmi často sa tu používajú aj príkazy na vykonanie výplne a ťahu. Nižšie sú uvedené príkazy na zmenu mierky a transformáciu, ako aj na prácu s vrstvami. Toto menu definuje aj štetec, vzor, ​​ktorý si sami vytvoríme. Nižšie je uvedené nastavenie programu, nastavenie farieb a základné nastavenia ponuky ( pozrieme sa na ne aj trochu neskôr.).

3) Obrazový príkaz Je najrozvinutejším tímom. Tu máme všetky príkazy a nástroje na úpravu obrazu, ako sú úrovne, krivky a ďalšie nástroje na manipuláciu s obrázkami. S ním môžete tiež meniť veľkosť obrazu, pracovať s veľkosťou plátna, otáčať obraz v rôznych uhloch a tiež pracovať s obrazovými kanálmi.

4) Ponuka vrstiev hovorí sám za seba. Je určený na rôzne operácie s vrstvami. Prvá vec, ktorú môžeme potrebovať, je vytvoriť novú vrstvu, duplikovať vrstvu, vytvoriť nové vrstvy úprav, ako aj inteligentné objekty. To všetko je možné vytvoriť aj iným spôsobom prostredníctvom palety "Vrstvy" ( zvážime trochu neskôr).

5) Príkaz na výber navrhnutý pre prácu s vybranými oblasťami. Môže sa použiť aj na vytváranie výberov na základe rozsahu farieb alebo v režime rýchlej masky.

6) V ponuke "Filter". obsahuje všetky filtre vo Photoshope. Ako inline filtre (6) a vonkajšie filtre (7) predajcovia tretích strán nazývaní pluginy. Zásuvné moduly sa inštalujú do konkrétnych priečinkov ( zvážime trochu neskôr) a dá sa s nimi pracovať rovnako ako s filtrami. Používanie filtrov (6) obrázok môžete zmeniť rôznymi spôsobmi. Napríklad rozmazať obrázok, pridať doň šum, doostriť a podobne.

7) Ponuka analýzy určené na špeciálne práce - toto menu prakticky nepotrebujeme. Tu môžete spočítať určitý počet predmetov, zmerať ľubovoľnú dĺžku, nastaviť mierku merania.

8) 3D menu navrhnutý na prácu s 3D súbormi a 3D objektmi.

9) V ponuke Zobraziť môžete upraviť režimy obrazovky, zobraziť obraz v rôznych veľkostiach ( škálovanie obrazu), zapínať a vypínať pravítka, zobrazovať vodidlá na konkrétnych miestach v obraze a vykonávať rôzne špeciálne operácie.

10) Ponuka okna určené na ovládanie pracovných prostredí a vyvolávanie rôznych paliet.

V tomto návode vytvoríme originálne tlačidlo pre stránku.

Krok 1.

Vytvorte nový dokument, nastavte farbu pozadia pomocou indikátora: # f7f5f6. Aktivujte nástroj Nástroj Zaoblený obdĺžnik (Zaoblený obdĺžnik) s polomerom 10 pixelov. Nastavte farbu popredia na farbu s exponentom: # 2f88bb. Na novej vrstve vytvorte malý zaoblený obdĺžnik.

Krok 2.

Teraz prejdite na Štýl vrstvy a aplikujte na nakreslený obdĺžnik Vonkajšia žiara a Vnútorná žiara s nasledujúcimi nastaveniami:

Krok 3

Podržaním klávesu , kliknite na miniatúru vrstvy s obdĺžnikom, aby ste na ňu načítali výber. Vytvorte novú vrstvu, vstúpte do ponuky: Select-Modif-Contract a v parametri "veľkosť kompresie" nastavte hodnotu: 1 pixel.

Aktivujte nástroj Nástroj na eliptický výber(Oválne markíza) a podržte stlačené tlačidlo , začnite odčítavať výber podľa obrázka. Keď zostane požadovaná časť výberu, vyplňte tento výber bielym priehľadným prechodom, nastavte režim prelínania prechodov Prekrývanie, nepriehľadnosť vrstvy -48 % a výber zrušte stlačením klávesovej skratky .

Krok 4

Vytvorte novú vrstvu a použite nástroj Nástroj na eliptický výber(Oválne markíza), vytvorte elipsu podľa obrázka. Teraz pomocou nástroja Gradient(Prechod), štýl - od hlavného po priehľadný a vytvorte prechodovú výplň pozdĺž oválneho výberu. Tento gradient bude pôsobiť ako vrhnutý tieň.

Krok 5.

Ďalej podržte kláves , kliknite na miniatúru vrstvy s obdĺžnikom, aby ste na ňu načítali výber. Teraz vstúpte do ponuky Select-Inverse a stlačte tlačidlo ... Týmto úkonom odstránime prebytočný tieň z tlačidla.

Krok 6.

Nastavte nepriehľadnosť pre vrstvu tlačidiel na 32 %. Podržaním klávesu , kliknite myšou na miniatúru prvej vrstvy, aby ste do nej načítali výber, a potom pri stlačenom klávese a používanie Nástroj na obdĺžnikový výber(Obdĺžnikový markíz), odpočítajte polovicu výberu.

Krok 7.

Vyplňte tento výber bielou farbou a zmeňte nepriehľadnosť na 11 %.

Krok 8.

Teraz vytvorte novú vrstvu a nakreslite kruh, ako je znázornené nižšie.

Krok 9.

V tomto návode na Photoshop vás prevedieme procesom vytvorenia jednoduchej rozbaľovacej ponuky.

Ukážka hotového obrázka

Krok 1
Otvorte Photoshop stlačením Ctrl + N, čím vytvoríte nový dokument. Zadajte nastavenia nižšie a kliknite na tlačidlo OK. Zapnite zobrazenie mriežky: Zobraziť> Zobraziť> Mriežka (Zobraziť> Zobraziť> Mriežka) a zapnite aj prichytávanie k mriežke: Zobraziť> Prichytiť na…> Čiary mriežky (Zobraziť> Zobraziť> Mriežka). Zatiaľ budeme mať dostatok riadkov každých 5 pixelov. Prejdite na Upraviť> Predvoľby> Vodiace čiary, Mriežka a rezy a všimnite si časť Mriežka. Zadajte 5 do poľa Gridline Every a 1 do poľa Subdivision. Nakoniec nastavte farbu mriežky: # a7a7a7 a kliknite na tlačidlo OK.

Nenechajte sa zastrašiť hustou sieťovinou, ktorá sa objavuje na plátne. Je to potrebné na uľahčenie vašej práce. Okrem iného povolíme aj zobrazenie infopanela: Okno> Informácie (Okno> Info), aby ste mohli v reálnom čase sledovať polohu vašich prvkov a tvarov.

Krok 2
Nastavte farbu popredia na # 3f8ecf, vyberte nástroj Zaoblený obdĺžnik a polomer nastavte na 20 px. Vytvorte vektorovú cestu 160 x 40 a duplikujte ju: Control + J. Vyberte kópiu a urobte ju bielou. Prepnite sa na nástroj Obdĺžnik, kliknite na tlačidlo Pretínať na hornom paneli a nakreslite vektorovú cestu s rozmermi 40 x 40 px, ako je znázornené na treťom obrázku nižšie. Prejdite na paletu vrstiev a dvojitým kliknutím na biely obrys otvorte okno štýlu vrstvy.

Použite Inner Glow a Stroke, potom zadajte parametre zobrazené na nasledujúcich ilustráciách.

Krok 3
Znova vyberte modrý zaoblený obdĺžnik vytvorený v predchádzajúcom kroku a duplikujte ho: Control + J. Vyberte kópiu, urobte ju bielou a prepnite na nástroj Obdĺžnik. Kliknite na tlačidlo Intersect na hornom paneli a nakreslite vektorovú cestu s rozmermi 120 x 40 px, ako je znázornené na druhom obrázku nižšie.

Vráťte sa na paletu vrstiev. Kliknite pravým tlačidlom myši na biely obrys vytvorený v predchádzajúcom kroku a vyberte možnosť „Kopírovať štýl vrstvy“. Potom kliknite pravým tlačidlom myši na biely obrys vytvorený na začiatku tohto kroku a vyberte položku „Prilepiť štýl vrstvy“ (Prilepiť štýl vrstvy).

Krok 4
Vyberte nástroj Type Tool a zadajte text, ako je znázornené na nasledujúcom obrázku. Nastavte farbu textu: # a1d8ff, potom otvorte okno Štýly vrstiev a zadajte nastavenia zobrazené na obrázkoch nižšie:

Krok 5
Vráťte sa k modrému zaoblenému obdĺžniku vytvorenému v druhom kroku, otvorte okno Štýly vrstiev a zadajte nastavenia nižšie. Duplikujte tento tvar: Ctrl + J, vyberte kópiu, znova otvorte okno Štýly vrstiev a použite vrhnutý tieň s nižšie uvedenými nastaveniami. Vyberte všetky doterajšie tvary a zoskupte ich: Control + G. Toto bude vaša uzavretá rozbaľovacia ponuka. V poslednom kroku to ešte trochu doladíme.

Krok 6
Vráťme sa k palete vrstiev. Kliknite na skupinu vytvorenú v predchádzajúcom kroku, RMB a vyberte "Duplikovať skupinu" (Duplicate Group). Vyberte novovytvorenú skupinu, presuňte ju nižšie a umiestnite tak, ako je znázornené na obrázku nižšie.

Krok 7
Pokračujme v práci so skupinou vytvorenou v predchádzajúcom kroku. Najprv musíte upraviť text, ktorý je tu k dispozícii. Zmeňte farbu na # b4b4b4, potom na ňu kliknite pravým tlačidlom myši (na palete vrstiev) a vyberte „Vymazať štýl vrstvy“ (Vymazať štýl vrstvy). Otvorte okno Štýly vrstiev a použite vrhnutý tieň na sivý text s nižšie uvedenými nastaveniami.

Krok 8
Nastavte farbu popredia na # f5f5f5, vyberte nástroj Zaoblený obdĺžnik a polomer nastavte na 20 pixelov. Vytvorte vektorovú cestu s rozmermi 160 x 35 px, umiestnite ju tak, ako je znázornené na prvom obrázku nižšie, potom ju duplikujte: Control + J. Vyberte duplikát a urobte ho bielym. Prepnite sa na nástroj Obdĺžnik, kliknite na tlačidlo Pretínať na hornom paneli a nakreslite vektorovú cestu s rozmermi 40 x 35 px, ako je znázornené na druhom obrázku nižšie.

Obráťme sa na paletu vrstiev. Znížte nepriehľadnosť výplne (výplň) tejto cesty na 0 %, po otvorení okna štýlu vrstvy použite nastavenia zobrazené na obrázkoch nižšie:

Krok 9
Znova vyberte zaoblený obdĺžnik vytvorený na začiatku predchádzajúceho kroku a duplikujte ho (Ctrl + J). Vyberte kópiu, dajte ju dopredu: Shift + Control +], znížte nepriehľadnosť výplne (výplň) na 0 %, otvorte okno Štýly vrstiev a zadajte nasledujúce nastavenia:

Krok 10
Znova vyberte druhú cestu vytvorenú v kroku 8 a duplikujte ju: Control + J. Vyberte kópiu, presuňte ju dopredu: Shift + Control +]. Ďalej otvorte okno štýlu vrstvy a upravte parametre štýlu vrstvy tieňa, ako je znázornené nižšie.

Krok 11
Poďme sa pozrieť na pravú stranu tvarov vytvorených v procese vykonávania posledných krokov. Nastavte farbu popredia na #ebebeb, vyberte nástroj Obdĺžnik, vytvorte vektorovú cestu 10 x 15 px a umiestnite ju tak, ako je znázornené na prvom obrázku nižšie. Vyberte tento malý obdĺžnik. Kliknite na tlačidlo Pridať do výberu na hornom paneli možností a nakreslite ďalšiu vektorovú cestu 10x15, ako je znázornené na druhom obrázku nižšie. Keď sa ubezpečíte, že posledná cesta, ktorú ste vytvorili, je stále aktívna, stlačte Control + T, otočte ju o 45 stupňov a stlačte Enter.

Prejdite na paletu vrstiev. Podržte Ctrl a kliknite na miniatúru vrstvy vektorovej cesty vytvorenej v predchádzajúcom kroku. V dôsledku toho sa načíta jeho nečinný výber. Teraz vyberte nástroj Selection Tool a uistite sa, že vrstva s vektorovou cestou - šípka je aktívna.

Kliknutím na tlačidlo Zarovnať zvislé stredy a Zarovnať vodorovné stredy na hornom paneli možností zarovnajte šípku, ako je znázornené na piatom obrázku nižšie. Ďalej otvorte okno Štýly vrstiev a použite nasledujúce štýly s nižšie uvedenými nastaveniami.

Krok 12
Vyberte nástroj Type Tool a zadajte jednoduchý text, ako je znázornené na obrázku nižšie. Nastavte farbu na # b4b4b4, potom otvorte okno Štýly vrstiev a použite Vržený tieň s nastaveniami zobrazenými na obrázku. Vyberte tento nový text s prvkami vytvorenými v posledných štyroch krokoch a všetko zoskupte: Control + G.

Krok 13
Vytvorte ďalšie štyri kópie poslednej skupiny, ktorú ste vytvorili. Usporiadajte nové skupiny podľa obrázka nižšie a zmeňte štítky.

Krok 14
Venujte pozornosť podponuke, ktorá je pre mňa označená ako „Výukové programy“, otvorte okno štýlu vrstvy aplikovaného na tvar šípky a zadajte nasledujúce parametre:

Krok 15
Vyberte text „Návody“ a zmeňte jeho farbu na # 2c95dd. Tiež vyberte sivý zaoblený obdĺžnik pod textom, otvorte okno Štýly vrstiev, použite prekrytie prechodom s nastaveniami nižšie.

Krok 16
Na dokončenie posledných krokov potrebujeme mriežku s veľkosťou bunky 1 pixel. Prejdite teda do ponuky Upraviť> Predvoľby> Sprievodcovia, mriežka a rezy a zadajte 1 do poľa mriežka Každá. Nastavte farbu popredia na # a1d8ff, vyberte nástroj Rectangle Tool, vytvorte štvorec s veľkosťou 6 pixelov a umiestnite ho tak, ako je znázornené na prvom obrázku nižšie. Ďalej vyberte nástroj pre priamy výber a venujte pozornosť spodnej časti vytvorenej vektorovej cesty. Vyberte pravý kotviaci bod a posuňte ho o 3 pixely doľava. Prepnite na nástroj Delete Anchor Point Tool a kliknutím na zostávajúci spodný kotviaci bod ho odstráňte. V dôsledku toho by sa váš štvorec mal zmeniť na trojuholník!

Hotový obrázok

Ahoj všetci! Tentokrát sme pre vás pripravili návod, ako vytvoriť brožúru pripravenú na tlač pre imaginárnu kaviareň s názvom „Fialová káva“. V tomto návode si povieme niečo o príprave pozadia a pár pomocných objektov, ktoré následne naimportujeme do Adobe InDesign pre dokončenie brožúry. pripravený? Choď!

Predtým ako začneš

Táto lekcia tvrdí, že je sprievodcom pre tých, ktorí začínajú chápať umenie tlačového dizajnu. Tu sa dotkneme niekoľkých dôležitých tém týkajúcich sa nastavenia dokumentu, merných jednotiek a veľkostí, značiek, okrajov a tlače bez nich, práce s farbami, typografie a dokonca aj niečoho na tlač.

Lekciu som rozdelil na dve časti, z ktorých jedna je venovaná vytvoreniu pozadia pre menu a niekoľkým dizajnovým prvkom pomocou nástrojov Photoshopu, druhá časť bude hovoriť o práci na výsledkoch prvej v Adobe InDesign, aby bolo možné správne rozvrhnúť obsah, pripraviť dokument na tlač a vlastne ho vytlačiť.

Práca bude prebiehať v rámci pomyselnej legendy, podľa ktorej nám klient „X“ poskytol pár obrázkov a wordovský dokument s textom do bookletu. Vašou úlohou, ako dizajnéra, bude zozbierať z toho všetkého krásny layout, ktorý sa nebude hanbiť vytlačiť a ukázať klientovi.

Začnime. Na lekciu budete potrebovať nasledovné:

• Šálka ​​kávy,
• dym,

Označenie dokumentu

Pamätajte, že ceruzka a papier sú vždy na prvom mieste! Načrtnite požadovaný výsledok a možnosti, ako ho dosiahnuť. Nižšie je môj návrh, ktorý poslúži ako východiskový bod pre ďalšiu kreativitu. Mali by existovať dve strany: predná a zadná.

Predný list bude obsahovať rozloženie obalu a zadný list bude obsahovať samotný text ponuky. Leták sa zloží na polovicu ako brožúra. Primárne farby budú fialová a čierna pre pozadie a takmer biela pre text. Veľkosti plátna sa môžu líšiť, ale podľa môjho názoru je „dvojité písmeno“ v poriadku. Pre každú stranu teda budeme mať vlastný formát písmen (215,9 x 279,4 mm). Vo všeobecnosti sa akceptuje tlač jedálnych lístkov vo veľkých formátoch, ale v konečnom dôsledku všetko závisí od vašich preferencií. Po definovaní cieľov a nápadov môžete pokračovať.

Krok 1

Pre šablónu si vytvoríme jeden dokument s pozadím, na ktorý umiestnime názov firmy a aplikujeme šálku kávy.

Otvorte Photoshop a prejdite na Súbor> Nový. Najprv sa rozhodnite, aký formát papiera chcete použiť (môže to tiež zaťažiť rozpočet klienta). Navrhujem začať svoje uvažovanie s Letterom 8,5 x 11 palcov (215,9 x 279,4 mm). V tejto fáze je tiež veľmi dôležité nastaviť rozlíšenie (minimálne rozlíšenie pre tlač je podľa mojich skúseností 300 dpi (300ppi)). A v rovnakej fáze musíme nastaviť farebný režim CMYK.

Obálka bookletu bude z jedného celku a vznikne preložením na polovicu už vytlačeného listu jedálneho lístka. Preto, aby bolo pozadie hladké, bez nežiaducich rámov a prechodov, vytvoríme ho ako jeden dokument, čo znamená zdvojnásobenie veľkosti pôvodnej šablóny („Dvojité písmeno“).

Zväčšite šírku papiera Letter na 17 palcov. Po skontrolovaní zadaných parametrov kliknite na tlačidlo OK.

Krok 2

Teraz máme normálne potlačené plátno, no predsa by nebolo na škodu postarať sa o ďalší priestor po obvode ako bezpečnostnú sieť pre bezokrajovú tlač. Aktivujte pravítka (Pravítka, Ctrl + R) a do pracovnej oblasti preneste štyri vodiace lišty (kliknite na pravítko a potiahnite na plátno), jednu pre každý okraj dokumentu. Potom prejdite na Obrázok > Veľkosť plátna a zväčšite dokument o 1/8 palca zhora, zdola a po stranách. To sa dá dosiahnuť jednoduchým pridaním 0,25 palca k výške a šírke, ako je znázornené na mojom obrázku nižšie. Uistite sa, že kotva je vycentrovaná a kliknite na tlačidlo OK.

Návrh pozadia

Krok 3

Začnime so skutočnou grafikou. Najprv rozbaľte vrstvu prechodovej výplne. Prejdite na Vrstva > Nová vrstva výplne > Prechod a priraďte farbám prechodu nasledujúce hodnoty: fialová (C: 80, M: 100, Y: 30, K: 25) a čierna (C: 70, M: 70, Y: 70 a K: 95), čo je zovšeobecnená hodnota pre Rich Black v typografii a funguje veľmi ziskovo. Nezabudnite nastaviť Uhol na 90 stupňov.

Krok 4

Teraz poďme použiť niektoré efekty na pozadie. Vytvorte novú vrstvu na vrchnej vrstve prechodu, nastavte farbu popredia na C: 80 M: 70 Y: 60 K: 80, nastavte farbu pozadia na bielu. Potom prejdite na Filter> Render> Clouds. Zmeňte režim prelínania tejto vrstvy na Prekrytie. Potom prejdite na Filter> Blur> Motion Blur, nastavte Uhol na 90 stupňov a Vzdialenosť na 999 pixelov. Nakoniec upravte Úrovne (Ctrl + L), ako je znázornené na obrázku nižšie, aby ste dokončili efekt.

Krok 5

Pomocou nástroja Pero (P) vytvorte tvar, ako je znázornené na obrázku nižšie. Cesto vyplňte C: 10, M: 15, Y: 0, K: 0. Na udržanie poriadku vrstiev použite skupiny. Prvá vec, ktorú som urobil, bolo vytvorenie skupiny s názvom „Curves Right“ a vložil som do nej všetky krivky pre pravú stranu plátna. Potom prejdite na Vrstva> Maska vrstvy> Skryť všetko a vyplňte ju vodorovným prechodom od bielej po čiernu, aby bola viditeľná iba ľavá strana tvaru. Nakoniec znížte nepriehľadnosť vrstvy na 25 % a nastavte jej režim miešania farieb.

Krok 6

Niekoľkokrát duplikujte svoj tvar (podržte kláves Alt a potiahnite vrstvu) a pomocou nástroja na transformáciu upravte každý záber, aby ste získali niečo podobné obsahu na obrázku nižšie. Môžete priniesť toľko kriviek, koľko chcete. Skúste sa pohrať s nepriehľadnosťou každého tvaru, aby ste dosiahli čo najzaujímavejší efekt.

Potom vyberte skupinu „Curves Right“ a presuňte ju na pravú stranu plátna. Potom ho zduplikujte (môžete to dosiahnuť aj podržaním Alt a potiahnutím) a prejdite na Upraviť> Transformovať> Prevrátiť horizontálne, aby sa záber zobrazil vodorovne. Potom záber premenujte na „Curves Left“ a presuňte ho na ľavú stranu plátna.

Krok 7

Vytvorte novú vrstvu nad „Krivkami“. Pomocou nástroja Elipsa (U) nakreslite ružový kruh (C: 5 M: 55 Y: 0 K: 0). Ak chcete, aby kruh mal správny tvar, podržte Shift a naťahujte ho. Potom prejdite na Filter> Blur> Gaussian Blur (budete vyzvaní na rastrovanie vrstvy - urobte to), nastavte polomer rozostrenia na 50px a stlačte Ok. Potom zmeňte režim prelínania vrstvy na Color Dodge, nastavte nepriehľadnosť na 50 % a umiestnite túto škvrnu niekde na ktorúkoľvek z vašich kriviek.

Duplikujte túto vrstvu toľkokrát, koľkokrát chcete, zmeňte nepriehľadnosť, pohrajte sa s veľkosťou každého záberu a pokúste sa získať niečo podobné ako na obrázku nižšie. Keď skončíte s kruhmi, presuňte ich všetky do samostatného priečinka nazývaného niečo ako „Svetlé gule“.

Krok 8

V tomto kroku budete musieť otvoriť súpravu hviezdicových štetcov. Vytvorte novú vrstvu a nakreslite na ňu biele hviezdy na rôznych miestach. Potom pridajte do vrstvy štýl vonkajšieho lesku s režimom prelínania obrazovky 70 pixelov, farba C: 15, M: 55, Y: 0, K: 0. Nakoniec nastavte túto vrstvu na približne 70% nepriehľadnosť.

Pridajte názov

Krok 9

Ďalším krokom je pridanie loga. Samozrejme, nemožno to nazvať logom v pravom zmysle slova, keďže logo je zložitejší dizajnový prvok, preto ho nazvime len „názov spoločnosti“. Teraz rozdeľte pravú polovicu dokumentu pomocou zvislého vodidla na dva stĺpce a posuňte ďalšie tri vodorovné, aby ste stranu rozdelili na štyri riadky rovnakej výšky. Potom pomocou nástroja Type Tool (T) nakreslite slovo „VIOLET“ veľkými bielymi písmenami na pravú stranu dokumentu v druhom riadku. Použil som komerčný headset Avant Garde, ale môžete použiť ktorýkoľvek z dostupných náprotivkov (Futura, Century Gothic atď.). Parametre textu sú zobrazené na obrázku nižšie. Potom vyberte jedno písmeno „O“ a zmeňte jeho farbu na C: 10, M: 85, Y: 0 a K: 0. Posledným krokom je aplikovanie prekrytia prechodom na text v sivej až bielej farbe s režimom prelínania lineárneho vypálenia, 75% nepriehľadnosťou a uhlom 90 stupňov. Pozrite si ilustráciu:

Krok 10

Teraz pridajme k textovej vrstve reflexnú vrstvu. Ak to chcete urobiť, duplikujte svoj nápis, rastrujte ho (rýchly spôsob, ako to urobiť: vytvorte prázdnu vrstvu pod textovou vrstvou, vyberte textovú vrstvu a novovytvorenú prázdnu vrstvu a stlačte Ctrl + E, aby ste ich zlúčili do jednej) a prejdite na Upraviť > Transformovať > Prevrátiť vertikálne. Kópiu umiestnite tesne pod titulok. Na dokončenie myšlienky stačí vynulovať vrstvu odrazu a to sa dá urobiť pridaním masky do vrstvy: Vrstva> Maska vrstvy> Skryť všetko, ktorú je potom potrebné vyplniť prechodom z čiernej na bielu pomocou Nástroj prechodu (G).

Krok 11

Posledným akordom bude aplikácia dvojice žiarivo bielych hviezd z Stars Brush na text. Zopakujte obrázok nižšie, pričom nezabudnite znížiť nepriehľadnosť vrstvy na 85 %.

Krok 12

Teraz pridajme slovo „káva“ vpravo a pod „Fialka“. Na to môžete použiť ľubovoľný typ písma Script (ja som napríklad vzal eduardovské písmo). Potom pridajte štýl prekrytia prechodom s farbami od C: 10, M: 85, Y: 0, K: 0 až C: 15, M: 55, Y: 5, K: 0. Potom by sa všetky vrstvy súvisiace s takzvaným firemným logom mali umiestniť do samostatného priečinka s názvom „Logo“.

Kompozitné vrstvy

Krok 13

Nastavme Layer Comps tak, aby bolo možné uložiť dve rôzne verzie dizajnu do dvoch samostatných súborov pomocou Automated Script.

Najprv zapnite paletu Layer Comps (Windows> Layer Comps). Uistite sa, že máte viditeľný priečinok "Logo" a na palete Layer Comps kliknite na tlačidlo New, aby ste vytvorili novú vrstvu kompozície. Premenujte ho na „Kryt“. Potom skryte priečinok „Logo“ (vypnite viditeľnosť) a vytvorte novú vrstvu kompozície s názvom „Inner“. Môžete prepínať viditeľnosť výsledných vrstiev, aby ste si boli konečne istí, že všetko bolo vykonané správne.

Krok 14

Teraz otvorte Súbor> Skripty> Layer Comps to Files. V dialógovom okne vyberte typ súboru PSD, otvorte priečinok, do ktorého chcete uložiť svoje súbory, priraďte im rozlišovaciu predponu ako „Fialová“ pre ich názvy a ponechajte ostatné nastavenia ako predvolené. Po kliknutí na Spustiť Photoshop automaticky vytvorí súbor pre každú vrstvu kompozície a názvy súborov budú obsahovať názvy týchto vrstiev.

Pridávanie grafických prvkov. Šálka ​​kávy

Krok 15

Otvorte šálku kávy vo Photoshope, dvakrát kliknite na vrstvu „Pozadie“ v palete Vrstvy, aby ste ju mohli upravovať. Potom pomocou nástroja Pero (P) v režime Cesty nakreslite okolo pohára kruh. Potom kliknite na tlačidlo Vylúčiť prekrývajúce sa oblasti cesty na paneli Možnosti nástroja v hornej časti obrazovky a nakreslite kruh okolo vnútorného kruhu rukoväte. Potom, keď ste hotoví s cestami, prejdite na Vrstva> Vektorová maska> Aktuálna cesta, aby ste previedli cestu na vektorovú masku a izolovali pohár od pozadia.

Krok 16

Teraz môžete pohár preniesť do pracovného dokumentu. V prípade potreby je možné túto vrstvu rastrovať (kliknite pravým tlačidlom myši na vrstvu v palete Vrstvy a vyberte položku Rastrovať vrstvu). Pomenujte túto vrstvu „šálka na kávu“.

Potom pomocou techniky opísanej v kroku 10 pridajte do pohára odraz, ale tentoraz pomocou veľkej a mäkkej čiernej kefy (nástroj Brush, B) v režime masky skryte hranaté okraje odrazu, ako je znázornené na obrázku. nižšie.

Krok 17

Ako malý detail dáme do pohára tieň. Pomocou nástroja Elipsa vytiahnite nasýtenú čiernu elipsu medzi pohár a jeho odraz. Potom prejdite na Filter> Blur> Gaussian Blur, v zobrazenom okne nastavte polomer rozostrenia na 35 px a kliknite na tlačidlo OK.

Krok 18

Ak chcete zachovať fialovú náladu, použite vrstvu úpravy fotografického filtra na vrchu pohára (tlačidlo Nová výplň alebo vrstva úprav v spodnej časti palety Vrstvy). Nezabudnite ju pridať v režime orezovej masky a zmeňte jej odtieň na C: 40, M: 80, Y: 0, K: 0, Hustota nastavená na 25 %. Potom preneste všetky vrstvy so šálkou do samostatnej skupiny s názvom „Šálka ​​na kávu“.

Krok 19

Teraz si predstavme malý pramienok arómy vychádzajúci z našej šálky kávy. Otvorte dymovú fotografiu a dvakrát kliknite na vrstvu „Pozadie“, čím ju prepnete do režimu úprav. Potom stlačte Ctrl + I, aby ste invertovali farby obrázka. V okne Nastavenia odtieňa / sýtosti (Ctrl + U) nastavte hodnotu Odtieň na -92, aby mal opar fialový odtieň.

Teraz poďme extrahovať dym z fotografie. Na palete Kanály (Okno> Kanály) zduplikujte červený kanál, stlačením Ctrl + A, Ctrl + C uložte kópiu do schránky, potom odstráňte duplikovanú vrstvu, prepnite späť na kanál RGB, aby sa obraz vrátil do pôvodnej farby. .

V palete Vrstvy vyberte vrstvu zákalu a prejdite na Vrstva> Maska vrstvy> Skryť všetko, potom kliknite na túto masku so stlačeným klávesom Alt, aby bola viditeľná. Potom prilepte na masku obrázok, ktorý ste predtým skopírovali do schránky. Po prepnutí na pôvodnú miniatúru vrstvy môžete vidieť, ako tento trik fungoval.

Krok 20

Pretiahnite vrstvu dymu na náš hlavný dokument. Potom ho rastrujte a pomenujte ho „Dym“. Položte ho tesne nad šálku kávy. Pridajte masku do tejto vrstvy a naplňte ju bielym až čiernym gradientom, aby ste skryli hornú časť pramienok kávovej arómy.

Nakoniec duplikujte vrstvu „Dym“, umiestnite kópiu na vrch pôvodnej vrstvy a prejdite na položku Filter> Blur> Gaussian Blur s polomerom rozmazania približne 35%. To vytvorí pre vrstvu dymu peknú žiarivú auru.

Krok 21

Teraz, aby bol pohár ešte viac očarujúci, pridajte niekoľko svetlých škvŕn a hviezd, ako sme to urobili na pozadí v krokoch 7 a 8. Potom umiestnite všetky vrstvy spojené s pohárom, vrátane dymu, hviezd a svetiel, do samostatný priečinok s názvom „Káva“.

Exportovanie grafických prvkov

Krok 22

V súčasnosti máme dve dôležité skupiny s vrstvami: „Káva“ a „Logo“. Obe skupiny predstavujú doplnkovú grafiku, ktorú budeme neskôr musieť importovať do InDesignu. Preto ich teraz musíme pripraviť a exportovať do samostatných súborov. Začnime so skupinou "Logo". Duplikujte ho (pretiahnite skupinu na tlačidlo Nové na palete Vrstvy), prejdite na tento záber a stlačením Ctrl + E ho rastrujte. Urobte to isté so skupinou „Káva“.

Krok 23

Vyberte vrstvu „Kopírovať logo“, kliknite na ňu pravým tlačidlom myši a vyberte možnosť Duplikovať vrstvu. V dialógovom okne, ktoré sa otvorí, zadajte nový názov a v poli Cieľový dokument vyberte Nový. Tým sa vytvorí kópia vrstvy v novom dokumente s rovnakými rozmermi ako originál. Pomocou nástroja Crop Tool odstráňte prázdne oblasti kópie a uložte dokument, pričom mu dáte nejaký informatívny názov, napríklad „Logo.psd“. Opakujte rovnaký postup s vrstvou „Kópia kávy“.

Výstupné súbory

Krok 24

No a to je s Photoshopom na dnes všetko. V tejto fáze musíte mať nasledujúce kľúčové prvky, aby ste ich mohli použiť v druhej časti tutoriálu: dva súbory PSD s pozadím (jeden pre obálku, druhý pre vnútorné strany), súbor PSD s logom na priehľadnom pozadí a súbor PSD so šálkou kávy tiež na priehľadnom pozadí.

Teraz máme všetko na to, aby sme v InDesign vytvorili dokument pripravený na tlač, vrátane informácií dodaných zákazníkom.

V tejto časti sa pokúsime prísť na to, ako zostaviť menu preEncore. Na tento účel použijeme softvér -PhotoshopČs. Predovšetkým musíte skontrolovať, či príkaz fungujeUpraviť>UpraviťvPhotoshop, musíte dvakrát kliknúť na súborpsd, otvorenéPhotoshopCS, a nie iný softvér (ako naprACDSee a ďalší diváci). Ak to chcete urobiť, vezmite súbor s príponoupsd.

Klikneme naň pravým tlačidlom myši a z kontextového menu vyberieme posledný riadok Vlastnosti. A v okne, ktoré sa zobrazí oproti aplikácii, ak tam nie je PhotoshopCs kliknite na tlačidlo Zmeniť.

A v zobrazenom zozname vybertePhotoshopCS, potom OK.

Všetci si vytýčili expanziu.

Teraz sa pozrime, z čoho pozostáva menu.Encore a prečo nemôžete priamo použiť predvoľby z iných programov, napr.Ulead.

SpustiťEncore.

Ak chcete vidieť, z čoho pozostáva naša ponuka, otvorte projektTest.ncor.

Zvýraznite okno ponuky Upraviť. Vykonávamepríkaz Upraviť> Upraviť vo Photoshope (Shift + Ctrl + M). Alebo stlačte tlačidlo na palete nástrojov.

A naše menu sa otvoríPhotoshopČs.

V pravom dolnom rohu v paleteVrstvy uvidíme celú štruktúru nášho menu.

Menu pozostáva z vrstvyPozadie (obrázok na pozadí), niektoré menu majú tátošaPozadiedetaily s rôznymi prvkami pozadia, ktoré je možné vypnúť / presunúť (napríklad kytica kvetov atď.)

Teraz sa pozrime, čo v sebe ockovia skrývajú (+)stuha &stuhavideo, pretože nie je ťažké uhádnuť obsah našich tlačidiel. Otvoríme tátoše a pozrime si nasledujúci obrázok. Poďme na to.

(+) stuha je obyčajný gombík.

(+) stuhavideo je tlačidlo videa.

Základné prvky tu (= 1)Zlatý klinec,T - textová vrstva s názvom tlačidla a (%)video,hranica &stuha sú ozdobné prvky. (= 1)zvýraznenie jeSubpicture, týmto prvkom vyberáme aktívne tlačidlo pri jeho výbere z diaľkového ovládačaDVD - prehrávač, alebo keď naň prejdete kurzorom myši.Podobrázok slúži na pohyb v menu, pri otváraní / vytváraní tlačidla musí byť vo vypnutom stave.

Ako už bolo spomenuté, ide o textovú vrstvu, ktorú môžeme upravovať.

okraj je ozdobný okraj.

(%) video je samotné tlačidlo videa, miesto, kde uvidíme prvú snímku nášho filmu.

stuha - ozdobný pásik na text.

Je čas skúsiť vytvoriť si vlastné tlačidlo, na to potrebujeme nasledujúce súbory - stiahnuť

SpustiťEncore.

TlačiťCtrl +N,Ctrl +Ja a importujem tri súbory 1.mpg, 2.mpg, 3.mpg.

Importujeme naše menuSúbor>ImportovaťakoPonuka (Shift +Ctrl +I) súborzlato _Ponuka.psd.

A vidíme, že naše pozadie (%)video sa zmenilo z čiernej na sivú. Pri vykonávaní príkazuSúbor>ImportovaťakoMenu - akékoľvek videominiatúra je šedá. Kým nespojíme naše tlačidlo videa s video materiálom, budeme vidieť sivú farbuzástupný symbol.

Ak chcete vidieť celé okno, zmeňte mierku v ľavom dolnom rohu o 50 %.

Presuňte náš súbor myšou 1.mpg zo záložkyProjekt na naše prvé tlačidlo, druhý súbor na druhé tlačidlo, tretie na tretie tlačidlo v okne

Vyberte myšou naše menu a prepnite sa na záložkuVrstvy. Poďme otvoriť (+)zlato 1 a uvidíte, že nie je dostatok vrstvy (= 1)vyzdvihnúť tzvPodobrázok. Zakázať (%)video, odtrhnite oči.

Nechajte aktivovanú iba vrstvurám a vyberte priečinokNastaviť> (+)zlato 1. Vykonajte príkazObjekt>VytvortePodobrázok.

Rovnakú operáciu robíme s priečinkami (+)zlato 2, (+)zlatá 3. Teraz si musíme urobiť náhľad našej ponuky -Súbor>Náhľad.

A ak sme počas inicializácie dostali nasledujúci dialóg.

Kliknite na - Zrušiť. Vy a ja sme zabudli určiť, čo sa hrá ako prvé. Opravme túto chybu - vyberte ju v záložke Projekt je naše menu.

Potom kliknite pravým tlačidlom myši a vyberte položku z kontextovej ponukySetakonajprvHrať.

Postup opakujemeSúbor>Náhľad.

Alebo môžete použiť tlačidlo na paneli nástrojov zakrúžkované v červenom štvorci.

Otvorí sa oknoProjektNáhľad.

Na obrázku vidíme vybrané stredné tlačidlo. Ak je farbaPodobraz nám nevyhovuje, zatvárame oknoNáhľad. Zvýraznite našu ponuku aUpraviť>UpraviťvPhotoshop.

Vo Photoshope vyberte naše vrstvy jednu po druhej a dočasne vypnite vrstvu (%)video arám. A naopak zapnutím vrstvy (= 1).

Výsledok riadime podľa obrázku.

TlačiťCtrl +L a v zobrazenom okneÚrovne.

Vykonávame nasledujúcu akciu - posúvajte posúvače, ako je znázornené nižšie.

Ak nám všetko vyhovuje, stlačímeCtrl +S,Ctrl +Q (Súbor>Východ). Robíme vPrídavok -Pozrite si a sledujte našu novinkuPodobrázok.

Zavrieť oknoNáhľad. Zostáva nám pridať text do ponuky k našim tlačidlám. Samozrejme, že sa to dá urobiť vo Photoshope, ale poďme sa pozrieť, ako to urobiť vo PhotoshopeEncore. Prepnúť na záložkuPostavy.

Vyberte si v ňom písmo -GaramondBookCTT, sledovanie -BoldItalic, veľkosť (veľkosť) - 36 a farba. Po vykonaní nastavení vyberte na paneli nástrojov - T.

A začneme zadávať náš text pod tlačidlá.

Prepnutie na záložkuVrstvy, vidíme, že máme tri nové textové vrstvy.

Teraz zvýraznenie v záložkeVrstvy vrchná vrstva Koniec, prejdite na kartuŠtýly, zapnite predvoľby pre text - T, tlačidlo je ohraničené červeným štvorcom. Výber inštalácieNastaviť>Novinka a vyberte štýl zo zoznamužltáZlatoSkosenieOdsadenie (text).psd.

A urobte to isté s vrstvami Film, Album. RobímeSúbor>Náhľad.

A zvažujeme náš výsledok.

Účelom tejto lekcie nie je vytvoriť krásne a nezvyčajné menu, ale zistiť, z čoho pozostáva najjednoduchšie menu a ako si ho vyrobiť sami.

V snahe o ďalšiu radu:

Môže nastať situácia, keď máte v menu tri tlačidlá, respektíve tri scény, no všetky začínajú jednou úvodnou obrazovkou. A budete mať tri rovnaké tlačidlá. Alebo máte jeden z pozemkov, ktorý začína čiernym rámom ( Fade), príl. a tlačidlo videa bude mať čierny obrázok. Situáciu môžete zlepšiť, navrhujem túto možnosť - prejdeme do adresára, kde bol náš projekt uložený, napríklad - C: \ Moje dokumenty \Test \Zdroje \Jedálny lístok. A keď sme otvorili tohto ocka, vidíme súbory.psd, ale nás zaujíma úplne prvýPonuka _Bpgc _Dsf _1933415418, ostatné dočasné súbory končiace na _tepl.psd #1A (2A, 1B….) Nepotrebujeme. Dvakrát kliknite na tento súbor, otvorte ho vo Photoshope, zmeňte vrstvu požadovaného tlačidla (%)video k obrázku, ktorý potrebujeme. ACtrl +S - uložiť.

Ctrl +Q - ukončite Photoshop.

Všetko. Môžete mať vopred pripravené rovnaké menu, ale s rôznymi vrstvami videa a po skopírovaní názvu nahraďte súbor Ponuka _Bpgc _Dsf _1933415418.

Vyvstáva logická otázka, ale je to možnéPrídavok podľa tímuUpraviť>UpraviťvPhotoshop pošlite naše menu naPhotoshop a urobte našu náhradu. Ak upravené menu uložíme akoCtrl +S, potom ich ovplyvníme veľmi _tepl.psd #1A (2A, 1B....) A zmenená vrstva (%)

Kde sa nás pýta, či chceme nahradiť existujúci súbor s rovnakým názvom. Kliknite na tlačidlo OK. ZavrieťPhotoshop -Ctrl +Q. AEncore sa nám stretáva aj s dialógom.

Môžeš použiťSetplagátFrame, zvážme jeho pôsobenie na prvej značke, ktorá sa automaticky nastaví pri pridávaní filmu na časovú os. Presuňte indikátor na miesto, kde ho potrebujeme. Ovládame požadovaný rám na okne monitora.

Kliknite pravým tlačidlom myši na značku, zmení sa na červenú a vyberte ju z rozbaľovacieho zoznamu