Vytvořte leták s nabídkou restaurace ve Photoshopu. Jak vytvořit nabídku v kontaktu Jak vytvořit vysouvací nabídky ve Photoshopu

V tomto článku se podíváme na strukturu příkazů v horním řádku nabídky programu. Photoshop CS5. Lišta menu (1) umístěný v horní části programu a obsahuje nabídku (2) a vnořené podnabídky (3) .

Některá podnabídky jsou neaktivní. Proč jsou neaktivní? Protože k tomu musíte vytvořit určité podmínky nebo provést určité akce - je to dobrý tip. Rozbalení nabídky (2) , musíte kliknout na příslušné jméno a můžete již jít bez kliknutí. Pokud nemáte myš, můžete také použít následující metodu: stiskněte klávesu Alt a budete mít takové podtržítka (4) vedle názvů položek nabídky.

Chcete-li otevřít libovolné jméno, musíte stisknout odpovídající písmeno na klávesnici. Například pro nabídku Soubor je to písmeno f. Stisknu písmeno f, otevře se nabídka Soubor. Můžete v něm procházet pomocí šipek na klávesnici. Chcete-li procházet nabídkou nebo k jiné položce nabídky, stiskněte šipku v příslušném směru. Klávesa Esc zruší nabídku. Opětovným stisknutím klávesy Alt se dostaneme z režimu klávesnice. Po jeho stisknutí podtržení příkazů zmizí. To pro případ, že nemáte myš.

V nabídce (2) a podnabídka (3) existují příkazy, které poskytují přístup téměř ke všem úpravám a příkazům ve Photoshopu. Mnoho často používaných a těžko dostupných příkazů má odpovídající klávesové zkratky uvedené napravo od příkazů. Jedná se o takzvané klávesové zkratky.

Jejich použití výrazně usnadňuje a zrychluje práci. Proto je od samého začátku lepší pamatovat si a používat klávesové zkratky. Chcete-li použít kombinaci kláves, musíte stisknout první klávesu a bez jejího uvolnění stisknout následující klávesy. To znamená, že na konci musí být stisknuto několik kláves současně. Pak bude příkaz fungovat.

Některé položky nabídky nevypadají jako příkazy, ale připomínají zaškrtávací políčka (5) nainstalován kliknutím myši. Například zobrazte „Pomocné prvky“ nebo „Pravítka“. Takové příkazy jsou zpravidla určeny k zobrazení nebo skrytí jakýchkoli prvků rozhraní nebo k nastavení programu pro práci ve zvláštním režimu. Na obrázku vidíte, že mám zapnuté pomocné prvky, pravítka a kotvy.

Základní příkazy Photoshopu

Všechny příkazy Photoshopu jsou seskupeny podle podobných charakteristik a jsou od sebe odděleny vodorovnou čarou. Nyní se podívejme na základní a nejběžnější příkazy.

1) Nabídka Soubor - jsou to příkazy pro vytvoření nového dokumentu a jeho otevření, stejně jako příkazy pro zavření a uložení dokumentu v různých variantách ( snadné ukládání, ukládání jako při výběru formátu a ukládání pro web a zařízení, která optimalizují soubor pro správné zobrazení na internetu nebo na jakémkoli zařízení). Toto jsou hlavní příkazy, které potřebujeme. Další příkazy se nepoužívají tak často a podíváme se na ně o něco později.

2) Nabídka Úpravy - potřebné, pokud provedeme nějakou akci. Například používám tužku. V nabídce Úpravy můžete tento krok vrátit zpět, udělat krok zpět, nebo pokud se k této akci potřebuji vrátit, můžete udělat krok vpřed. Stav můžete také zrušit a vrátit se zpět. V nabídce „Úpravy“ jsou také standardní operace pro většinu programů - řezání do schránky, kopírování, kopírování kombinovaných dat a různé vkládání.

Zde se také velmi často používají příkazy k provedení výplně a tahu. Níže jsou uvedeny příkazy pro změnu měřítka a transformaci, stejně jako pro práci s vrstvami. Tato nabídka také definuje štětec, vzor, \u200b\u200bkterý si sami vytvoříme. Níže je nastavení programu, nastavení barev a základní nastavení nabídky ( budeme je také zvažovat o něco později.).

3) Příkaz obrázku Je nejrozvinutější tým. Zde máme všechny příkazy a nástroje pro úpravu obrázků, jako jsou úrovně, křivky a další nástroje pro manipulaci s obrázky. S ním můžete také změnit velikost obrázku, pracovat s velikostí plátna, otáčet obrázek v různých úhlech a také pracovat s obrazovými kanály.

4) Nabídka vrstev mluví sám za sebe. Je určen pro různé operace s vrstvami. První věc, kterou možná budeme potřebovat, je vytvořit novou vrstvu, duplikovat vrstvu, vytvořit nové vrstvy úprav a také inteligentní objekty. To vše lze vytvořit jiným způsobem prostřednictvím palety „Vrstvy“ ( budeme uvažovat o něco později).

5) Příkaz pro výběr navržen pro práci s vybranými oblastmi. Lze jej také použít k vytvoření výběrů na základě řady barev nebo v režimu rychlé masky.

6) V nabídce „Filtr“ obsahuje všechny filtry ve Photoshopu. Jako vložené filtry (6) a externí filtry (7) prodejci třetích stran zvaní pluginy. Pluginy se instalují do konkrétních složek ( budeme uvažovat o něco později) a můžete s nimi pracovat stejně jako s filtry. Pomocí filtrů (6) obrázek můžete změnit různými způsoby. Například rozostřete obrázek, přidejte do něj šum, zaostřete jej atd.

7) Nabídka Analýza určeno pro speciální práci - toto menu prakticky nepotřebujeme. Zde můžete spočítat určitý počet objektů, změřit libovolnou délku, nastavit měřítko měření.

8) 3D nabídka navrženo pro práci s 3D soubory a 3D objekty.

9) V nabídce Zobrazit můžete upravit režimy obrazovky, zobrazit obraz v různých velikostech ( změna měřítka obrazu), zapínat a vypínat pravítka, zobrazovat vodítka na konkrétních místech obrazu a provádět různé speciální operace.

10) Nabídka okna navrženo pro ovládání pracovního prostředí a vyvolání různých palet.

Podívejme se, jak vytvořit objemnou vodorovnou nabídku pro web. Nejprve vytvořte dokument široký 1 600 pixelů a široký 2 000 pixelů.

Vytvořte novou vrstvu.

Na postranním panelu nástrojů vyberte možnost Obdélníková oblast.

Nyní vytvořme pracovní oblast pro budoucí nabídku.

Pomocí nástroje Výplň vyplňte výběr barvou. Pro zjednodušení práce - # 0391ff, toto je barva, kterou jsem použil. Zde zjistíte, jak změnit barvu.

Nyní zkusme najít střed šablony nabídky. Chcete-li to provést, vyberte nástroj „přesunout“ a klikněte na prázdnou vrstvu.

Nyní vidíme střed a můžeme si ho sami označit. Znát její místo pobytu se bude stále hodit.

Umístěte konstrukční čáru do středu dokumentu. K tomu budeme muset přesunout kurzor na pravítko umístěné na panelu nástrojů nádrže a vytáhnout jej.

Na postranním panelu nástrojů vyberte „Text“ a napište název budoucích sekcí.

Například jsem si vybral téma nábytku a rozhodl se vyvinout nabídku webu pro následující sekce:

Domov
Kuchyně
Ložnice
Polstrovaný nábytek
Chodby
Stěny
O společnosti
Kontakty

Píšeme do řádku. Mezi každou částí necháme vzdálenost pomocí mezer.

Arial velikost písma 18 pixelů. Tyto parametry najdeme v panelu „Text“.

Nyní pomocí výše uvedeného nástroje Přesunout nastavte text do středu pracovního dokumentu se zaměřením na pomocný řádek.

Nyní přidáme trochu svazku do naší nabídky.

Rozdělme tlačítka. Chcete-li to provést, musíme vybrat nástroj čára na panelu nástrojů. Vezmeme barvu o něco tmavší než pole naší nabídky. Řekněme # 0179d6. Nakreslete vodorovnou čáru s klávesou Shift o tloušťce 1 pixel. Snažíme se to držet rovně. Od hranice k hranici modré oblasti. Pokud s tím máte potíže, můžete jej změnit pomocí nástroje Přesunout.

Potom výsledný řádek rastrujeme.

Nyní musíme duplikovat výsledný prvek. Chcete-li to provést, v okně vrstev klikněte levým tlačítkem myši na vrstvu tvaru a vyberte možnost „Duplikovat vrstvu“.

Klikněte na výslednou vrstvu a zvolte Možnosti prolnutí. Potřebujeme kartu Color Overlay. Vezmeme barvu o něco světlejší než pole nabídky. Například # 6bbeff.

Nyní pomocí nástroje Přesunout vrstvu přetáhněte od záběru. Dali jsme je vedle sebe. Chcete-li to provést, budete muset obrázek zvětšit. Postavy by měly být umístěny vedle sebe, aby mezi nimi nebyla žádná mezera.

Tady je to, co máme. Tlačítko se stalo objemným. Vytvořili jsme napodobeninu světla a stínu. Nyní udělejme totéž se zbytkem tlačítek.

Duplikujte vrstvy, abyste zkrátili pracovní čas.

Hlasitost se objevila, ale něco chybí. Zkusme do lišty nabídky přidat nějaký objem.

Vytvořte vodorovné čáry stejnou metodou pomocí barev # 0063af a # 78c2fb.

Umístěte je na vrchol. Tady je to, co máme.

Jednoduché volumetrické menu pro web je připraveno!

V tomto výukovém programu Photoshopu vás seznámíme s procesem vytváření jednoduché rozevírací nabídky.

Náhled hotového obrázku

Krok 1
Otevřete Photoshop a stiskněte Ctrl + N, čímž vytvoříte nový dokument. Zadejte níže uvedené nastavení a klikněte na OK. Zapněte zobrazení mřížky: Zobrazit\u003e Zobrazit\u003e Mřížka (Zobrazit\u003e Zobrazit\u003e Mřížka) a také zapněte přichytávání k mřížce: Zobrazit\u003e Přichytit k ...\u003e Mřížkové čáry (Zobrazit\u003e Zobrazit\u003e Mřížka). Prozatím budeme mít dostatek řádků každých 5 pixelů. Přejděte na Úpravy\u003e Předvolby\u003e Vodítka, Mřížka a řezy a všimněte si části Mřížka. Do pole Gridline Every zadejte 5 a do pole Subdivision 1. Nakonec nastavte barvu mřížky: # a7a7a7 a klikněte na OK.

Nenechte se zastrašit hustou sítí, která se objeví na plátně. Je to nutné pro usnadnění práce. Mimo jiné také povolíme zobrazení informačního panelu: Okno\u003e Informace (Okno\u003e Informace) pro sledování polohy vašich prvků a tvarů v reálném čase.

Krok 2
Nastavte barvu popředí na # 3f8ecf, vyberte nástroj Zaoblený obdélník a nastavte Poloměr na 20 px. Vytvořte vektorovou cestu 160x40 a duplikujte ji: Control + J. Vyberte kopii a upravte ji na bílou. Přepněte na nástroj Obdélník, klikněte na tlačítko Protnout na horním panelu a nakreslete vektorovou cestu 40x40 px, jak je znázorněno na třetím obrázku níže. Přejděte na paletu vrstev a poklepáním na bílý obrys otevřete okno stylu vrstvy.

Použijte vnitřní záři a tah a poté zadejte parametry zobrazené na následujících obrázcích.

Krok 3
Znovu vyberte modrý zaoblený obdélník vytvořený v předchozím kroku a duplikujte jej: Control + J. Vyberte kopii, vytvořte ji bílou a přepněte na nástroj Obdélník. Klikněte na tlačítko Protnout na horním panelu a nakreslete vektorovou cestu 120x40 px, jak je znázorněno na druhém obrázku níže.

Vraťte se zpět na paletu vrstev. Klikněte pravým tlačítkem na bílý obrys vytvořený v předchozím kroku a vyberte možnost „Kopírovat styl vrstvy“. Dále klepněte pravým tlačítkem na bílý obrys vytvořený na začátku tohoto kroku a vyberte položku „Vložit styl vrstvy“ (Vložit styl vrstvy).

Krok 4
Vyberte textový nástroj a zadejte text, jak je znázorněno na následujícím obrázku. Nastavte barvu textu: # a1d8ff, poté s otevřeným oknem Styly vrstev zadejte nastavení uvedená na obrázcích níže:

Krok 5
Vraťte se zpět do modrého zaobleného obdélníku vytvořeného ve druhém kroku, otevřete okno Styly vrstev a zadejte níže uvedené nastavení. Duplikujte tento tvar: Control + J, vyberte kopii, znovu otevřete okno Styly vrstev a použijte vržený stín s níže uvedeným nastavením. Vyberte zatím všechny tvary a seskupte je: Control + G. Toto bude vaše zavřená rozbalovací nabídka. V posledním kroku to ještě trochu vylepšíme.

Krok 6
Vraťme se zpět k paletě vrstev. Klikněte na skupinu vytvořenou v předchozím kroku, RMB a vyberte „Duplikovat skupinu“. Vyberte nově vytvořenou skupinu, přetáhněte ji níže a umístěte ji, jak je znázorněno na obrázku níže.

Krok 7
Pojďme pokračovat v práci se skupinou vytvořenou v předchozím kroku. Nejprve musíte upravit text, který je k dispozici zde. Změňte barvu na # b4b4b4, poté na ni klikněte pravým tlačítkem (na paletě vrstev) a vyberte možnost „Vymazat styl vrstvy“ (Vymazat styl vrstvy). Otevřete okno Styl vrstvy a použijte vržený stín na šedý text s níže uvedeným nastavením.

Krok 8
Nastavte barvu popředí na # f5f5f5, vyberte nástroj Zaoblený obdélník a nastavte poloměr na 20px. Vytvořte vektorovou cestu 160x35 px, umístěte ji tak, jak je znázorněno na prvním obrázku níže, a poté ji duplikujte: Control + J. Vyberte duplikát a změňte jej na bílou. Přepněte na nástroj Obdélník, klikněte na tlačítko Protnout na horním panelu a nakreslete vektorovou cestu 40x35 px, jak je znázorněno na druhém obrázku níže.

Pojďme se obrátit k paletě vrstev. Snižte výplň této cesty na 0%, poté otevřete okno Styl vrstvy a použijte nastavení zobrazené na obrázcích níže:

Krok 9
Znovu vyberte zaoblený obdélník vytvořený na začátku předchozího kroku a duplikujte jej (Control + J). Vyberte kopii a umístěte ji dopředu: Shift + Control +], snižte krytí výplně (výplň) na 0%, otevřete okno Styly vrstev a zadejte následující nastavení:

Krok 10
Znovu vyberte druhou cestu vytvořenou v kroku 8 a duplikujte ji: Control + J. Vyberte kopii a umístěte ji dopředu: Shift + Control +]. Dále otevřete okno stylu vrstvy a upravte parametry stylu vrstvy Stín, jak je znázorněno níže.

Krok 11
Pojďme se podívat na pravou stranu tvarů vytvořených v procesu provádění posledních kroků. Nastavte barvu popředí na #ebebeb, vyberte nástroj Obdélník, vytvořte vektorovou cestu 10x15 px a umístěte ji, jak je znázorněno na prvním obrázku níže. Vyberte tento malý obdélník. Klikněte na tlačítko Přidat do výběru (Přidat) na horní liště možností a nakreslete další vektorovou cestu 10x15, jak je znázorněno na druhém obrázku níže. Poté, co se ujistíte, že poslední vytvořená cesta je stále aktivní, stiskněte Control + T, otočte ji o 45 stupňů a stiskněte Enter.

Přejděte na paletu vrstev. Podržte Ctrl a klikněte na miniaturu vrstvy vektorové cesty vytvořené v předchozím kroku. Tím se načte oblast výběru nečinnosti. Nyní vyberte Nástroj pro výběr a ujistěte se, že vrstva s vektorovou cestou - šipka je aktivní.

Klikněte na tlačítko Zarovnat svislé středy a Zarovnat vodorovné středy na horním panelu možností a zarovnejte šipku, jak je znázorněno na pátém obrázku níže. Dále otevřete okno Styly vrstev a použijte následující styly s níže uvedeným nastavením.

Krok 12
Vyberte textový nástroj a zadejte nějaký jednoduchý text, jak je znázorněno na obrázku níže. Nastavte barvu na # b4b4b4, poté otevřete okno stylu vrstvy a použijte vržený stín s nastavením zobrazeným na obrázku. Vyberte tento nový text s prvky vytvořenými v posledních čtyřech krocích a seskupte je: Control + G.

Krok 13
Vytvořte další čtyři kopie poslední skupiny, kterou jste vytvořili. Uspořádejte nové skupiny, jak je znázorněno níže, a změňte štítky.

Krok 14
Věnujte pozornost podnabídce, která je pro mě označena jako „Výukové programy“, otevřete okno stylu vrstvy aplikované na tvar šipky a zadejte následující parametry:

Krok 15
Vyberte text „Návody“ a změňte jeho barvu na # 2c95dd. Také vyberte šedý zaoblený obdélník pod textem, otevřete okno Styly vrstev, použijte přechodovou vrstvu s níže uvedeným nastavením.

Krok 16
K dokončení posledních kroků potřebujeme mřížku s velikostí buňky 1 pixel. Přejděte tedy na Úpravy\u003e Předvolby\u003e Vodítka, Mřížka a řezy a do pole Mřížka Každý zadejte 1. Nastavte barvu popředí na # a1d8ff, vyberte nástroj Obdélník, vytvořte čtverec 6 pixelů a umístěte jej, jak je znázorněno na prvním obrázku níže. Poté vyberte nástroj pro přímý výběr a věnujte pozornost spodní části vytvořené vektorové cesty. Vyberte pravý kotevní bod a posuňte jej 3px doleva. Přepněte na nástroj Vymazat kotevní bod a kliknutím na zbývající spodní kotevní bod jej odstraňte. Ve výsledku by se váš čtverec měl proměnit v trojúhelník!

Hotový obrázek

V tomto kurzu vytvoříme originální tlačítko pro web.

Krok 1.

Vytvořte nový dokument, nastavte barvu pozadí pomocí indikátoru: # f7f5f6. Aktivujte nástroj Nástroj zaobleného obdélníku (Zaoblený obdélník) s poloměrem 10 pixelů. Nastavte barvu popředí na barvu s exponentem: # 2f88bb. Vytvořte malý zaoblený obdélník na nové vrstvě.

Krok 2.

Nyní jděte na Styl vrstvya požádejte o nakreslený obdélník Vnější záře a Vnitřní záře s následujícím nastavením:

Krok 3.

Podržte klíč , klikněte myší na miniaturu vrstvy s obdélníkem, aby se na ni načetl výběr. Vytvořte novou vrstvu, vstupte do nabídky: Select-Modif-Contract (Selection-Modification - Shrink) a v parametru „velikost komprese“ nastavte hodnotu: 1 pixel.

Aktivujte nástroj Eliptický výřez(Oválná oblast výběru) a zatímco držíte , začněte odečítat výběr, jak je znázorněno. Poté, co zůstane nezbytná část výběru, vyplňte tento výběr bílým průhledným přechodem, nastavte režim přechodu přechodu Překrývající se, neprůhlednost vrstvy -48% a zrušte výběr stisknutím klávesové zkratky .

Krok 4.

Vytvořte novou vrstvu a použijte nástroj Eliptický výřez(Oválná oblast výběru), vytvořte elipsu, jak je znázorněno. Nyní pomocí nástroje Spád(Spád), styl - od hlavní po průhlednou a podél oválného výběru vytvořte přechodovou výplň. Tento přechod bude fungovat jako stín.

Krok 5.

Dále podržte klíč , klikněte myší na miniaturu vrstvy s obdélníkem, aby se na ni načetl výběr. Nyní vstupte do nabídky Select-inverznía stiskněte klávesu ... Touto akcí odstraníme další stín z tlačítka.

Krok 6.

Nastavte neprůhlednost vrstvy tlačítka na 32%. Podržte klíč , klikněte myší na miniaturu první vrstvy, aby se do ní načetl výběr, a poté podržte klávesu a pomocí Obdélníkový rámeček(Obdélníkový rámeček), odečtěte polovinu výběru.