04.07.2016 27.01.2018

V tomto tutoriálu se naučíte, jak vytvořit ploché ploché ikony sociálních médií.

Co vytvoříte:

Pro vytvoření plochých ikon začneme pozadím, poté k ikonám přidáme efekty, abychom jim dodali originalitu, poté nakreslíme dlouhé stíny. K opakování tohoto návodu budete potřebovat Photoshop CS3 nebo novější.

Zdroje:

• Písmo 1 – http://fontawesome.io/cheatsheet/
• Písmo 2 – http://fontawesome.io/

Krok 1

Vytvořte nový soubor (Ctrl + N) velikost 500 × 400 pixelů.

Vytvořte novou skupinu (CTRL+G) a pojmenujte jej "Pozadí".

Krok 2

Vyplňte pozadí barva # e7e9ea používáním Bucket Tool.

Krok 3

Chcete-li přidat další efekty na pozadí, přidáme přechod. Klikněte na ikonu Vrstva úprav a vyberte Spád (Spád), použijte následující nastavení:

Režim prolnutí vrstev Měkké světlo (Měkký Světlo) | Neprůhlednost: 25 %

Krok 4

Vytvořte novou skupinu a pojmenujte ji „symboly“.

Krok 5

Než začneme, musíme nastavit menu Vládci A Mřížky (Pravítka a mřížky). Přejděte do nabídky Zobrazit pravítka (Pohled- Vládci) A View-Show-Grids (Pohled— Ukázat— Mřížky) . Zde jsou moje nastavení pro Pravítka a mřížky(lze je otevřít přechodem na Edit-Preferences:

Vytvořit Pokyn, stačí na něj kliknout a přetáhnout ho z pravítka. Chcete-li vytvořit svislé vodítko, táhněte ze svislého pravítka a naopak. Takto jsem rozdělil plátno (každá ikona se rovná 50 × 50 pixelů a vzdálenost mezi jednotlivými ikonami 25 pixelů):

Krok 6

V tomto tutoriálu pracujeme s písmem Awesome, můžete přidat vlastní ikony pro svůj web. Obvykle se to provádí umístěním písma CSS na váš web, ale protože pracujeme s Photoshopem, budeme muset zkopírovat každou ikonu, kterou chcete použít, z cheatu. Přejděte na stránku, vyberte ikonu, kterou chcete nakreslit. Použil jsem ikony pro následující ( sociální média) stránky: Twitter; Facebook; Tumblr; Google+;Instagram; Youtube; Škubnutí; Dropbox; DeviantArt; Pinterest; Skype; Krmit.

Krok 7

Jakmile najdete ikonu, kterou chcete použít, zkopírujte ji ( Vyberte jej a poté klikněte pravým tlačítkem myši a klikněte na Kopírovat)

Poté se vraťte do Photoshopu a vyberte Textový nástroj (TextNástroj) na panelu nástrojů. Změňte nastavení písma, jak je znázorněno na obrázku:

Nyní vložte ikonu, kterou jste právě zkopírovali. ( Klepněte pravým tlačítkem a vložit)

Krok 8

Opakujte předchozí krok, dokud nevložíte všechny ikony, které chcete použít.

Krok 9

Vytvořte novou skupinu a přejmenujte ji na „icon bg“, umístěte skupinu pod skupinu „symboly“.

Krok 10

Vytvořte novou vrstvu a umístěte ji do skupiny vytvořené v předchozím kroku. Vrstvu jsem přejmenoval na "ikona bg".

Krok 11

Pomocí nástroje Obdélník se zaoblenými rohy (ObdélníkovýNástroj Kruhový tvar)(nachází se na panelu nástrojů níže Textový nástroj) Vytvořil jsem pozadí ikon,

Zde jsou všechny barvy, které jsem použil:
Twitter: # 6bd1f4;
Facebook: # 5a93cb;
Tumblr: # 3c6a9c;
Google +:# e44940;
Instagram:# 9bd29d;
Youtube:# f4504c;
Škubnutí:# a96db6;
Dropbox:# 81d5ed;
Deviantart:# 6e8e61;
Pinterest:# f25f5f;
Skype:# 67d5f4;
Krmit:# e9951d;

Můžete použít tyto barvy, nebo můžete použít barvy podle svého uvážení - dílo tak získá originalitu.

Pokud se vám nelíbí vzhled zaoblených obdélníků, můžete zvolit jiný tvar, například čtverec nebo kruh. Chcete-li vytvořit dokonalý kruh nebo čtverec, nezapomeňte je držet Klávesa Shift v okamžiku jejich vzniku.

Krok 12

Pokud jste v tuto chvíli s výsledky spokojeni, můžete pokračovat, ale pokud chcete ikonám dodat trochu života, pokračujte ve vylepšování. Začněme s Styl vrstvy Shadow (Vržený stín). Otevřete skupinu "symboly", vyberte jednu z ikon a klikněte na ikonu Fx-Stín (Fx-Drop Shadow)

Krok 13

Opakujte předchozí krok se zbývajícími ikonami. Chcete-li si práci výrazně usnadnit, klikněte klikněte pravým tlačítkem na vrstvu - Kopírovat styl vrstvy. Poté vyberte zbývající vrstvy ikon a klikněte klepněte pravým tlačítkem myši a klepněte na Vložit styl vrstvy.

Krok 14

Nyní přidáme vnitřní stín na pozadí každé ikony. Otevřete skupinu „ikony bg“, vyberte vrstvu s ikonou, klikněte na ikonu Fx- Vnitřní stín (Fx-InnerStín) . Použijte následující možnosti:

Krok 15

Vytvořte novou vrstvu a pojmenujte ji „Efekt lesku“. Změňte barvu popředí na # ffffff; a s pomocí Nástroj obdélníkový výběr vytvořte několik obdélníků poloviční velikosti ikon (cca. 50x25 pixelů). Udělejte to pro všechny ikony.

Pak se změňte režim prolnutí na měkké světlo, snížit Neprůhlednost navrstvit 20% , A vyplnit před 80% .

Krok 16

Vypněte viditelnost vrstvy "Efekt lesku". Vytvořte novou vrstvu a pojmenujte ji „Dlouhý stín“. Tento krok je ve srovnání se zbytkem efektů trochu složitější. Umístěte novou vrstvu pod vrstvu "Efekt lesku".

Krok 17

Vzít Nástroj Polygonální laso a začněte vytvářet obdélníkový stín tak, že se dotknete okraje ikony pouze na pravé spodní straně, poté vytvoříte diagonální čáru, dokud nedosáhne pravého dolního okraje pozadí ikony, udělejte rovnou čáru, dokud nedosáhne středu pozadí, poté spojte čáry. Na obrázku můžete jasněji vidět, jak nakreslit dlouhý stín.

Krok 18

Poslední krok! Snížit Neprůhlednost stínová vrstva do 10% , A vyplnit (Fill) před 0% .

Nyní klikněte na ikonu Fx a vyberte Překryvná vrstvabarvy (Barvapřekryvná vrstva). Použijte následující možnosti:

Nyní vyberte Překryvná vrstvaspád (Spádpřekryvná vrstva) a použijte tato nastavení:

Konečné výsledky:

Každý ví, že standardní počítačová klávesnice má trochu víc
stovky kláves, což znamená, že nemůže zobrazit všechny znaky, které
používané lidmi v každodenním životě. Ale ne každý to ví
kromě zadávání znaků, které vidíme na
vaší klávesnici, Windows vám umožní používat i jiné symboly. Například:

Ale
navzdory skutečnosti, že tyto (a mnoho dalších) symbolů nejsou zapnuté
klávesnice, můžeme je velmi snadno použít při psaní našich
texty. Zkusme to udělat...
Předpokládejme nejjednodušší možnost - napíšeme text v poznámkovém bloku ( Start - Všechny programy - Příslušenství - Poznámkový blok) a do textu musíme vložit symbol autorských práv:

K tomu potřebujeme otevřít tzv Tabulka symbolů, který existuje v operační systém Okna. Je to velmi snadné: Start - Všechny programy - Příslušenství - Systémové nástroje - Tabulka znaků.
Otevře se před námi tabulka symbolů Unicode, ve kterém musíme najít symbol, který potřebujeme:

Poté musíte kliknout na tento symbol levým tlačítkem myši a poté stisknout tlačítko Vybrat a tlačítko kopírovat:

Tím se vybraný symbol zkopíruje do schránky.

Poté se v textu objeví symbol, který potřebujeme:

Jak vidíte, není na tom nic těžkého! Toto je nejjednodušší a nejsrozumitelnější (na
můj názor) metoda, i když můžete mírně změnit pořadí akcí a
zadejte znaky bez otevírání Tabulka symbolů. K tomu stačí znát určitou kombinaci kláves.
Faktem je, že ve Windows je mnoha znakům přiřazen jedinečný kód, který se zadává pomocí klíče Alt.
Chcete-li například zadat stejný symbol autorských práv, musíte stisknout kombinaci kláves Alt+0169, tj. stiskněte (a podržte) klávesu Alt a poté stiskněte číselná tlačítka 0 , 1 , 6 A 9 .
Vezměte prosím na vědomí, že když je stisknuto tlačítko Alt
čísla v poli hlavní klávesnice lze zablokovat, a proto pro
K zadávání čísel můžete použít další pole klávesnice
(po předchozím zapnutí klíčem NumLock

V pravém dolním rohu vidíte, která kombinace kláves odpovídá zvolenému symbolu Tabulky symbolů:

Pokud neustále používáte nějaké symboly, pak já
Doporučuji vytvořit si připomenutí (tabulku s popisem často
použité kódy) a vytiskněte jej na tiskárně. Například takto:

Mějte ale na paměti, že ne každý symbol z tabulky má podobný
kombinaci, a proto je nutné zadat některé znaky, jak je popsáno výše
cesta.
Abychom vám usnadnili nalezení požadovaného symbolu v tabulce,
můžete použít další možnosti a zobrazit
symboly podle skupin.
Chcete-li to provést, zaškrtněte políčko Extra možnosti a poté v polích vyberte požadované možnosti Sada znaků A Seskupování. Tento obrázek například ukazuje, jak můžete zobrazit pouze číselné znaky:

Nebo si například můžeme zobrazit jen ten, který se nám hodí Kódování Windows"Cyrilice":

No a na závěr bych rád poznamenal, že některé programy mají zabudovanou schopnost vkládat speciální znaky.
Například v menu Word programy moci vybrat Vložit - Symbol(foto z Wordu 2010):

To výrazně urychlí vaše psaní, protože... není třeba se uchýlit k tabulce symbolů Windows.

Velmi často se ptají na otázku, jak vložit speciality ve Windows (ať už ve Wordu, Poznámkovém bloku nebo Photoshopu - na tom nezáleží). symboly?

Pro nezasvěcené vysvětlím pro každý případ: speciální. symboly jsou různé ikony a symboly, jako je autorské právo (©), stupeň (5²) nebo zlomek (¼). To vše jsou speciální znaky.

Tak tady to je. Řekněme, že potřebujete zadat zlomek ¼. Jak to udělat? A je to velmi snadné!

Jak vložit speciální znak do Photoshopu nebo jiného programu

A tak se nejprve podívejme na to, jaké druhy symbolů a speciálních symbolů existují. Chcete-li to provést, otevřete tabulku symbolů.

Nachází se zde: Start -> Všechny programy -> Příslušenství -> Systémové nástroje -> Tabulka znaků

Otevře se před vámi následující okno: Ve kterém můžete vidět různé symboly. Vyberte symbol, který vás zajímá a v pravém dolním rohu (označeném modrým kroužkem) se objeví klávesová zkratka pro vložení tohoto symbolu.

Na tento moment je vybrán symbol autorských práv © a pro jeho vložení je třeba provést následující: Klikněte Klávesa Alt a podržením na numerické klávesnici (ta se šipkami, viz obrázek níže) napište číslo 0169, poté uvolněte alt. To je vše!

Upozorňujeme, že nestandardní písma nemusí podporovat speciální znaky. V okně zobrazení speciálních znaků můžete také zobrazit, která písma podporují které znaky. Chcete-li to provést, jednoduše vyberte požadované písmo v horní části okna!

Pro většinu uživatelů aplikace Word je tento problém vyřešen velmi jednoduše. V textu Word editor lis "Vložit" -> "Symbol". Zobrazí se okno, ve kterém můžete vybrat symboly. Když kliknete na tlačítko "Vložit", automaticky se objeví v hlavním poli textového editoru.

Základy práce s nástroji skupiny Text ve Photoshopu: ovládací panel, nastavení, funkce a možnosti.

Skupina se nachází na panelu nástrojů pod tlačítkem s písmenem „T“. Otevřete jej jakýmkoli způsobem:

• kliknutím na černý pravý dolní roh ikony;
• kliknutím pravým tlačítkem myši na ikonu

Text můžete aktivovat stisknutím klávesy T (ruské E) na klávesnici. A nezáleží na tom, jaké je momentálně rozložení klávesnice. Při držení klávesy Shift a několikanásobném stisknutí klávesy „T“ se střídavě aktivují všechny čtyři nástroje v této skupině.

Obr. 1. Skupina textových nástrojů

Vše je zde intuitivní.

1. Horizontální – pro vytvoření obvyklé nahrávky ve vodorovné poloze.
2. Vertikálně – umístí nápis shora dolů.
3. a 4. Vytvořte rychlé masky s horizontálním a vertikálním výběrem.

Nejčastěji se používá horizontální směr.

Ovládací panel skupiny textových nástrojů

Když je nástroj aktivní, horní ovládací panel vypadá takto:

Obr.2. Horní panel nástrojů Text

V Verze Photoshopu CS6 představil nabídku Písmo obsahující několik možností nastavení. O tom bude řeč v jiném článku. Nyní se podíváme na nastavení horního ovládacího panelu.

Pozornost! Před psaním nápisu je lepší nastavit všechna nastavení horního panelu pro nástroje Text ve Photoshopu. Změny však můžete provést později tak, že nejprve vyberete text nebo jeho část, kterou je třeba změnit.

• Nad číslem 1 obr. 2 – ukládání parametrů. Velmi pohodlná funkce pro ukládání nainstalovaná nastavení(název písma, jeho velikost atd.), pokud se k nim musíte pravidelně vracet nebo před rastrováním textové vrstvy.

Kliknutím na malou šipku otevřete okno. Vyberte „Nová sada parametrů nástroje. Otevře se druhé okno, kde můžete nastavit název parametru. Klepněte na tlačítko OK. Editor si nastavení pamatuje.

Obr.3. Ukládání parametrů textu ve Photoshopu

V seznamu se objeví nový řádek. Pro přehlednost byl v předchozím kroku zadán název „Příklad nového uložení“.

Obr.4. Uložená nastavení

Nyní, abyste na panelu nastavili všechny hodnoty, které tam byly při ukládání, musíte kliknout na tento řádek.

Chcete-li řádek odstranit, klepněte na něj pravým tlačítkem myši a vyberte příkaz Odstranit.

• Nad číslem 2, obr. 2 – změnit orientaci textu. Stisknutí tlačítka s písmenem T a šipkami - směr nápisu se změní z horizontálního na vertikální a zpět. Nezapomeňte, že tato textová vrstva musí být aktivní v paletě Vrstvy.
• Nad číslem 3, obr. 2 – typ písma. Kliknutím na tlačítko se šipkou se otevře celý seznam písem dostupných na vašem počítači. Můžete vybrat ten, který potřebujete ze seznamu, nebo jej zadat do okna ručně a poté stisknout Enter.
• Nad číslem 4 Obr. 2 – styl fontu. Tlačítko se šipkou otevře seznam stylů, které vybrané písmo podporuje. Pokud je tlačítko neaktivní, pak vybrané písmo podporuje pouze jeden navrhovaný styl.
• Nad tlačítkem 5 Obr. 2 – velikost písma, neboli Kegl. Rozbalovací seznam nabízí možnosti od 6 do 72 pixelů. Do okna můžete ručně zadat libovolné hodnoty a poté stisknout Enter. Stačí zadat pouze čísla a editor vloží písmena „pt“ automaticky.

Velikost můžete vybrat takto: přesuňte kurzor do levé části okna, když vypadá jako prst se šipkami, podržte stisknuté levé tlačítko myši a táhněte doprava pro zvětšení nebo doleva pro zmenšení. Digitální hodnota v okně se změní. Jakmile uvolníte myš, velikost textu se změní.

• Nad číslem 6 Obr. 2 – styl fontu. Kliknutím na toto tlačítko se otevře seznam stylů, které vybrané písmo podporuje: kurzíva, tučné, tučné... Ne všechna písma podporují úplný seznam stylů, takže může existovat různý počet možností. Pokud tlačítko není aktivní, pak vybrané písmo podporuje pouze jeden navrhovaný styl.
• Nad číslem 7 Obr. 2 – zarovnání textu na jedné straně nebo uprostřed. Tlačítka fungují stejně jako v Word dokument. Nastavení jsou v panelu Odstavec. Přečtěte si o tom níže.
• Nad číslem 8, obr. 2 – výběr barvy. Pole zobrazuje barvu, která bude použita na text. Můžete jej změnit kliknutím na toto okno a výběrem libovolného jiného v paletě, která se otevře. Pokud již byl text zadán, musí být nejprve vybrán.
• Nad číslem 9 Obr. 2 – deformace textu. Klikněte na toto tlačítko, poté otevřete styly a máme různé možnosti deformace. Experiment.

Obr.5. Pokřivení textu

• Nad číslem 10, obr. 2 – otevírá/zavírá Panely znaků, odstavců. Více o tomto.

Panely znaků, odstavců

Panely Znaky a Odstavec se otevírají ve Photoshopu pomocí tlačítka na horním ovládacím panelu nebo na pravém panelu. Pokud nejsou na pravém panelu, zapněte po cestě nabídku Okno – vyberte Symbol nebo Odstavec. Odpovídající ikony se zobrazí na pravém panelu. Pokud jsou vybrány obě, objeví se dvě ikony stejné skupiny, ale když kteroukoli z nich otevřete, v okně budou dvě karty pro pohodlné přepínání mezi těmito panely.

Pozornost! Panel Znaky má při práci s nástroji skupiny Text přednost před panelem Odstavec.

Obr.6. Panely znaků, odstavců

Panel symbolů

Některá nastavení na této kartě duplikují funkce horního ovládacího panelu a již byla zmíněna. Neopakujme to. Hodnoty v nich budou nastaveny na stejné hodnoty, jaké jste nastavili v horním panelu – písmo, jeho velikost atd.

Zbytek je znázorněn na obrázku 6 výše:

1. Řádkování. Definuje mezery mezi řádky.
2. Vyrovnání párů pro úpravu vzdálenosti mezi dvěma znaky. Například z celého textu je třeba přiblížit nebo oddálit pouze dva znaky. Umístěte mezi ně kurzor, otevřete seznam a vyberte správná možnost nebo jej zadejte do okna ručně.
3. Mezery mezi znaky pro nastavení vzdálenosti mezi znaky textu.
4. Vertikální měřítko pro zvýšení/snížení výšky znaků je nastaveno v procentech. Zadejte číslo do pole ručně. Znak % nemusíte zadávat, Photoshop jej vloží automaticky, jakmile stisknete Enter.
5. Vodorovná stupnice natáhne/stlačí steh. Stejně jako předchozí parametr se zadává v procentech.
6. Posun základní linie. Pohodlná funkce při zavádění matematických vzorců a dalších zápisů se superindexem a subindexem. Umožňuje vám zvednout/snížit část řádku nebo slova. Tato část musí být nejprve vybrána. Zadejte hodnotu do okna ručně. Další řádek poskytuje podobné možnosti – pseudoparametry.
7. Pseudoparametry. Nastavení písma v tomto řádku je jasně viditelné – tučné písmo, kurzíva, velká písmena atd.
8. Ligatury, tedy symboly, které se získávají sloučením více písmen nebo znaků, tedy jejich spojením do jednoho znaku. Velmi zřídka používané. Aktivní budou pouze ty, které podporují vybraný font.
9. Otevře seznam jazyků pro kontrolu pravopisu.

Panel odstavce

Nastavení parametrů odstavce, jako je odsazení, obtékání atd.

Obr.7. Panel odstavce

V prvním řádku jsou první tři tlačítka duplikována z horního ovládacího panelu. Už se o nich mluvilo. Zbývající tlačítka budou s největší pravděpodobností neaktivní. Další tři tlačítka na tomto řádku jsou určena k zarovnání spodního řádku textu a poslední slouží k zarovnání celé šířky.

Druhý blok má tři okna, kde můžete nastavit v pixelech odsazení od pravého nebo levého okraje a odsazení prvního řádku.

Třetí blok označuje odsazení před nebo za odstavcem

V dalším bloku je automatické sešívání povoleno/deaktivováno.

Pomocí panelu Glyfy můžete do textu ve Photoshopu vkládat interpunkci, horní indexy, dolní indexy, symboly měn, čísla, speciální znaky a glyfy z jiných jazyků.

Chcete-li panel otevřít, vyberte Text > Panely > Glyfy nebo Okno > Glyfy.

Panel s glyfy

A. Nedávno použité sloty pro glyfy | B. Výběr rodiny písem | C. Výběr stylu | D. Výběr kategorie písma | E. Sloty pro glyfy | F. Oddálit | G. Ovládání zoomu | H. Přiblížit | já Oddálení glyfů | J. Přiblížení na glyfy |

• Chcete-li změnit glyf v aktivní textové vrstvě, postupujte takto:
  1. Pomocí nástroje Text vyberte, kam chcete glyf vložit.
  2. Poklepejte na glyf v panelu Glyfy.
• Panel Glyfy podporuje latinku, řeckou abecedu a azbuku. Omezená podpora Hebrejština, arabština a další složitá písma, jako je indická.

• Pro každé písmo jsou glyfy uspořádány do různých kategorií, jako je základní latinka, rozšířená latinka A, rozšířená latinka B, číslice, měny, symboly a mnoho dalších.
• Glyfy jsou také organizovány podle toho, které funkce OpenType podporují, jako jsou: Alternativy, Ornamenty, Rozšířené ligatury, Čitatele, Jmenovatele, Sady stylů, Jednoprostorové číslice, Ordinální čísla a mnoho dalších.

A. Kategorie písma | B. Skript | C. Funkce OpenType

• Panel Glyfy automaticky najde alternativy pro první vybraný znak v textu.
• Sloty pro glyfy s plným černým obdélníkem v pravém dolním rohu označují, že pro tento konkrétní glyf existují možnosti. Tyto možnosti lze zobrazit v místní nabídce. Chcete-li jej otevřít, klikněte a podržte slot nebo na něj klikněte se stisknutou klávesou Alt nebo Option. Přetáhněte ukazatel myši nad variantu glyfu a uvolněte jej, abyste jej vložili do aktivní vrstvy.

Slot pro glyfy s plným černým obdélníkem v pravém dolním rohu

Možnosti glyfů

Podrobnosti o glyfu

• Posuvník v dolní části dialogového okna umožňuje zvětšit nebo zmenšit velikost glyfů v panelu.
• Nabídka Písmo je rozšířená nabídka obsahující stejné položky, které se nacházejí v panelech Znaky a Volby. Vyhledávání písem však není podporováno.
• Když je ve výběru ve vrstvě Text více písem, panely Znaky, Volby a Glyfy nezobrazují písmo.
• S panelem Glyfy můžete pracovat bez inicializace textové vrstvy.

Když do dokumentu přidáte glyfy, automaticky se přidají do řádku naposledy použitých glyfů v horní části panelu Glyfy. Nedávno použitý glyfový řetězec:

• může obsahovat až 25 různé postavy. Když je překročen limit 25 znaků, nové glyfy jsou přidány doleva a předchozí glyfy jsou odstraněny zprava.
• obsahuje stejné znaky. Symboly se nemění, když je program spuštěn v různých časech.
• zachová styl glyfu a nezohlední jeho styl v panelech Možnosti, Znak a Glyfy.
• určuje velikost bodu, barvu a další hodnoty glyfu podle hodnot na panelech Znaky a Možnosti.