<Procházet> Home / Vše , BUTTON , ICON , výuka / Blog článku: RIATMP1157-Jak tlačítka a ikony

| Mobile | RSS

RIATMP1157-Jak tlačítka a ikony

27 září 2009
How to make button and icon tutorial

Velmi jednoduché, ale atraktivní tlačítka a ikony tutoriál vytvořit téměř každého s minimální nebo téměř žádné zkušenosti Photoshop. Cílem tohoto kurzu je nejen ukázat trik a techniky vytvořit tlačítko, ale také doporučuje, abyste si být kreativní a nápadité, aby si vlastní tlačítka do budoucna.


Jedním z důležitých tajemství v jakékoli tvůrčí práce je schopnost vidět výsledek dlouho předtím, než jste se začala realizovat. Existuje mnoho přístup k dosažení tohoto cíle je pro mě nejlepší způsob, jak je zavřít oči a pokusit se zjistit, co budu vytvářet. Jakmile budu mít něco zajímavého pokusu o pořídit snímek v mé paměti, než jsem se otevřít oči a hned nakreslit na papír, než jsem zapomněl. Je to cvičení můžete dělat a dělat pravidelně se zvýší vaše schopnost vidět jasněji.

Řekněme, že to je to, co jsem viděl, když jsem zavřel oči, teď jak to mám spustit to ve Photoshopu?


Icon exercise draw on paper
Ikona cvičení kreslit na papír
Chcete-li vytvořit to v krocích Photoshop jsou následující, budu se snažit, aby to jednoduché:

Krok 1: Otevřete nový soubor ve Photoshopu a dát jméno jako button_tutorial.psd, šířka: 300, výška: 250, nechat všechno jako výchozí.


Create new photoshop file
Vytvořit nový soubor Photoshopu

Krok 2: Můžete mít pozadí jako bílé nebo použít nějaký vyhlazování texturu, pokud dáváte přednost, jen jsem rychle vytvořit nějakou texturu pomocí textury knihovny.

Create texture in Photoshop
Vytvořit texturu ve Photoshopu

Krok 3: Přidejte novou vrstvu a pojmenujte, vytvořit zaoblený roh náměstí box výběru (135px X135px) a aby poloměr rohů na 20px. Existuje mnoho způsobů, jak vytvořit zaobleného čtverce pole, jeden z jednoduchým způsobem je: nakreslit čtverec pole první a vyberte "Výběr -> Změnit -> Smooth" z horního menu a vyberte 20px poloměr.

create rounded corner square box
vytvořit zaoblený roh náměstí pole
Vaše obrazovka by měla vypadat podobně jako tento:


rounded corner square box in photoshop
zaobleným nárožím náměstí okno ve Photoshopu
Krok 4: K zaplnění této oblast výběru s přechodem barvy, klepněte na (1) ikonu přechodu na ikonu panelu a vyberte možnost (2) přechody barev výběr z horní a vyzvednout tři barvy, jak je znázorněno na obrázku. [# 80a2be, # 013871, # 31b7dd]


gradient color in photoshop
přechod barev ve Photoshopu
Vaše poslední obrázek by měl být takhle.


Gradient color in photoshop
Přechod barev ve Photoshopu

Krok 5: Nyní je čas prozkoumat nějaký efekt,
Klikněte na "Přidat styl vrstvy 'icon v dolní části vrstvy okna a okno Styl vrstvy kontrolovat pouze' pokles Shadow" políčko. Sledujte ukázkový obrázek níže.

Add a layer style Drop Shadow
Přidat styl vrstvy Drop Shadow

Krok 6: Nyní zda jsou účastníci Vnější záře To políčko. Se, jak je znázorněno na obrázku níže.


Add a layer style Outer glow
Přidat styl vrstvy vnější záře

Krok 7: další kontrole "vnitřní záře To políčko. Se, jak je znázorněno na obrázku níže.


Add a layer style Inner glow
Přidat styl vrstvy Vnitřní záře

A tady je váš konečný styl efekt.


Add a new layer effect in photoshop
Přidat nový efekt vrstvy ve Photoshopu

Krok 8: Přidejte novou vrstvu a vyberte "tah" z menu upravit v nahoře a dát zelenou barvu, 6px uvnitř hranic. Sledujte ukázkový obrázek.


Use stroke to create border from edit menu.
Použijte zdvih vytvořit hranici z menu Úpravy.

Krok 9: Nyní máte obrázek, jako je tento. Změna stylu od horní vrstvy panelu 'Screen' dá transparentní efekt.


Use stock to create border from edit menu.
Použijte akcie vytvořit hranice z menu Edit.

Krok 10: Přidejte novou vrstvu a vytvořte zaoblený obdélník okna, jak je znázorněno na obrázku níže. Je to stejné jako 'Krok 3' jsem popsal dříve.

Draw a rounded rectangle box
Nakreslete zaoblený obdélník pole

Krok 11: Vyberte 'Přidat masku vrstvy "ze spodní ikony v panelu Vrstvy okna a vyberte' Přechod ikona 'z okna' Nástroje '. Nyní klikněte a táhněte myší na zaoblený obdélník pole se od shora dolů a měli byste vidět podobný výsledek, jako je tento.


Add layer mask and Gradient icon for lighting effect
Přidat masku vrstvy a přechod na ikonu pro efekt osvětlení

Krok 12: Nyní přidejte další vrstvu a nakreslete kruh, jako na obrázku níže a změnu v Opecity 'z vrstvy panelu na cca 50%.


Opecity  to use highlight effect
Opecity používat zvýraznění efektu

Krok 13: Nyní čas nakreslit ikonu se vám líbí umístit nebo můžete využít existující ikonu vaší sbírky. Jen jsem nakreslit fotoaparát rychle.


Draw camera in photoshop
Nakreslete fotoaparát ve Photoshopu



Můžete přidat další světelný efekt, pokud dáváte přednost, ale je zcela na vás.


Lighting effect on button
světelný efekt na tlačítko

Jakmile budete mít tlačítko připraven, jeho čas vytvořit tolik chcete, během několika minut. Mám teď Sound hrát, poslouchat, audio zařízení, ekvalizér, DVD, CD, MIC nahrávání, video, pásku, ovládání hlasitosti a kameru.


Sound play, Listen, Audio Device, Equalizer, DVD, CD, Mic, Recording, Video, Tape, Volume Control and camera
Zvuk hrát, poslouchat, audio zařízení, ekvalizér, DVD, CD, MIC nahrávání, video, pásku, ovládání hlasitosti a fotoaparát
Nalezeno tento návod užitečné? Můžete si koupit kávu pro mě, můžete platit Na zdraví!! :)

pixel RIATMP1157  How to make button and icons

Sdílejte a užívejte si
  •  RIATMP1157  How to make button and icons favicons?domain=digg RIATMP1157  How to make button and icons favicons?domain=www.dzone RIATMP1157  How to make button and icons favicons?domain=www.facebook RIATMP1157  How to make button and icons favicons?domain=www.google RIATMP1157  How to make button and icons favicons?domain=www.linkedin RIATMP1157  How to make button and icons favicons?domain=favorites.live RIATMP1157  How to make button and icons favicons?domain=www.mixx RIATMP1157  How to make button and icons favicons?domain=www.myspace RIATMP1157  How to make button and icons  RIATMP1157  How to make button and icons favicons?domain=reddit RIATMP1157  How to make button and icons favicons?domain=www.stumbleupon RIATMP1157  How to make button and icons favicons?domain=technorati RIATMP1157  How to make button and icons favicons?domain=twitter RIATMP1157  How to make button and icons favicons?domain=buzz.yahoo RIATMP1157  How to make button and icons
Dovolená jeden Namítat 7230 zobrazení, 16 tak daleko Dnes |
Sledujte Diskuze

Jedna reakce na "RIATMP1157-Jak tlačítka a ikony"

  1. Zoran říká:

    Nejste si jisti, že je to pravda :), ale děkuji za příspěvek.
    Díky

Dovolená jeden Namítat