pioneer | iphone | Auta, Autobazary | Apartment Prague | Kup si lego | Hračky | Autosklo | Psí plemena | Volná místa | Povinné ručení
Webdesign
Webdesign → Photoshop

Photoshop: Vtlačené logo

Autor: Lenka Melčáková → 21. listopad 2005, 14:47 → 10646x přečteno
Počet komentářů: 12 | Přidat komentář

Linkuj si !

ČtyřlístekMám tu pro vás další jednoduchý efekt, který můžete vyzkoušet ve Photoshopu. Opět se hodí pro logo nebo ikonku, záleží na vás. Můžete jej použít pro jakýkoliv obrázek nebo ikonu, který upravíte podle mého návodu a bude vypadat jako vytlačený nebo vtlačený obrázek. Upozorňuji, že obrázek který si vyberete, by měl být bez pozadí, jako samostatný objekt. A pokud se vám tento efekt nebude k ničemu hodit, alespoň můžete vyzkoušet co vše photoshop umí :-) Můžete si také stáhnout (pravým tlačítkem/uložit jako) originál ikonku, kterou jsem upravovala, otevřete si jí rovnou ve photoshopu.

Tento tutorial si můžete stáhnout jako obrázek (jpg 879kb), pravým tlačítkem myši/uložit jako.

1. Otevřeme si nový dokument (Ctrl + N) 200 x 200 pixelů a dáme mu tuto barvu 428A1A. Já jsem si vybrala ikonu čtyřlístku, kterou jsem vložila do nové vrstvy (Ctrl + Shift + N). Pod čtyřlístek jsem nástrojem text (T) vložila nápis, který budeme upravovat stejným způsobem. Verdana, 24px, černá barva, tučně.

Čtyřlístek

2. Čtyřlístek upravíme tak, že klikneme na jeho vrstvu a postupem Image/Adjustments/Brightness and Contrast (Obraz/Přizpůsobení/Jas a Kontrast) obě hodnoty nastavíme na -100. Čtyřlístek tak dostane černou barvu.

Brightness and Contrast


3. Tuto vrstvu s černým čtyřlístkem zkopírujeme do nové vrstvy (Ctrl + J) a použijeme stejnou funkci, ale nastavíme opačné hodnoty +100 a čtyřlístek bude mít bílou barvu.

Brightness and Contrast


4. Nyní důležitý krok! Tyto dvě vrstvy, které jsme vytvořili musíme přehodit tak, aby bílý čtyřlístek byl pod černým čtyřlístkem. Takže chytneme myší vrstvu s bílým čtyřlístkem a přetáhneme ji pod černý. Vrstvy tedy vypadají takto:

Layers


5. Klikneme na vrstvu s bílým čtyřlístkem, vybereme Move Tool (Nástroj přesun) (V) a šipkama dolů a doprava posuneme bílý čtyřlístek o jeden nebo o dva pixely (já jsem posunula o dva). Jedno zmáčknutí šipky posune obrázek o jeden pixel.

Čtyřlístek


6. Pořád zůstává označená vrstva s bílým čtyřlístkem a v rozbalovací nabídce Layers (vrstvy) vybereme Soft Light (Měkké světlo). Klikneme na vrstvu s černým čtyřlístkem a v té samé nabídce vybereme Overlay (Překrýt). A obrázek je hotov.

Layers Layers


7. Stejným způsobem upravíme i text, ale důležité je nejdříve tento text vyrastrovat. Protože tyto funkce nejdou použít na text samotný, na text vyrastrovaný (tedy převedený do obrázku) to již funguje. Klikneme tedy na vrstvu s textem, ale pravým tlačítkem a v nabídce vybereme Rasterize Layer (Rastrovat vrstvu). Nebo také přes Layer/Rasterize/Type (Vrstva/Rastrovat/Textovou vrstvu). Dále pokračujeme podle návodu na čtyřlístek.

Rasterize Layer


Konečný výsledek :-) Pro barvu pozadí a objektu můžete samozřejmě použít jakoukoliv barvu.

čtyřlístek


Jak má vypadat okno Layers (vrstev).

Layers


Rada nakonec. Nezaměňte krok 2 a 3, protože vám to nebude fungovat :-)


Možné související články:



1

Jirka → 22. prosinec 2005, 12:47# Redaktor blogu

Je to super, konečně jsem měl čas si to vyzkoušet, jen bych rád podotknul, že když je celé dílo hotové, tak pak změnou barvy pozadí (Background – viz poslední obrázek) změníte celé barevné složení kompozice, takže v úvodu můžete dát de facto jakoukoliv barvu a až v závěru to upravíte podle celkového vzezření a vašich požadavků.

2

mektro → 30. březen 2006, 15:16#

Taky jsem to vyzkoušel a vypadáto dost pěkně.
Hodnocení je *********.Možná by to chtělo další ukázky něčeho nového..

3

Lenka → 30. březen 2006, 16:51# Redaktor blogu

Jo budu se snažit, ale napsat takový podrobnější a obrázkový tutorial je celkem náročné, hlavně na čas, který momentálně moc není. Ale určitě zas něco připravím :-) Jsem ráda, že se líbí.

4

MacMurphy → 24. květen 2006, 16:03#

Nebylo by lepsi misto pouzivani dvou vrstev s ctyrlistkem pouzit jednu a na ni filtr emboss?

Bylo by to jednodussi a rychlejsi.

5

Lenka → 24. květen 2006, 17:18# Redaktor blogu

V podstatě máš pravdu, ale nejde o filtr emboss, ale o styl vrstvy Bevel and Emboss. Jde o to, že tento styl vrstvy lze použít k tomu stejnému, ale pouze do velikosti 2px, při více pixelech už to zakulacuje stíny a nevypadá to jako vtlačené do pozadí, ale již trochu jinak. Z tohoto návodu, ale můžeš jeden čtyřlístek posunout o kolik pixelů chceš a pořád to bude mít ostré přechody.

6

Lenka → 24. květen 2006, 17:27# Redaktor blogu

Jo a ještě podle mého návodu tak můžeš upravit jakýkoukoliv ikonku, která už má svoje barvy a styly vrstev jako původní čtyřlístek nahoře. Kdybych na něj aplikovala Bevel and Embos, tak mi to nepomůže. Protože teprve Image/Adjustments/Brightness and Contrast z toho udělá ty jednobarevné čtyřlístky.

7

MacMurphy → 25. květen 2006, 13:04#

Ja se s tim zatim ucim. Mam za sebou prvni cd videi, takze kazda informace je pro me nova. Diky za osvetleni. MM

8

Verča → 14. červen 2006, 23:08#

Já bych se chtěla zeptat, kde se dá stáhnout zadáčo Adobe Photoshop?????Moc prosim odepište mi :)

9

MarS21 → 27. srpen 2006, 03:43#

Proč není i tento tutoriál ke stažení? :(

10

Lenka → 27. srpen 2006, 19:15# Redaktor blogu

Tutorial si už můžeš stáhnout a přidala jsem to i do článku :-)

11

Lukasanov → 1. duben 2007, 20:28#

Ti to tady musím pochvalit. Tohle to je skvělý web. :) máš tady príma tipy a i skvělý recenze :). Pokračuj jen tak dál :)

12

MirekNDT → 3. květen 2007, 16:01#

Ahoj ! Jsem ve Photoshopu začátečník, tak prosím o tuto radu – jak mám vložit obrázek do nově vytvořené vrstvy ??? Díky mocc !

 
Přidat komentář
Jméno
nepovinné
nepovinné
  Formátovací příkazy Textile   

Redakce neodpovídá a nenese žádnou zodpovědnost za obsah komentářů.



Předcházející článek »

Následující článek »