<Procházet> Home / Všetko , BUTTON , výučba / Blog článku: RIATMP1026 - Krok za krokom návod, ako vytvoriť tlačidlá photoshop

| Mobile | RSS

RIATMP1026 - Krok za krokom návod, ako vytvoriť tlačidlá photoshop

08.05.2009
Step by step tutorial on how to create photoshop button.
step23

Kliknite tu pre stiahnutie

Toto je veľmi jednoduchý návod, ako vytvoriť tlačidlá vo Photoshope. Nasledujte tento krok za krokom pokyny a môžete dozvedieť väčšinu vecí potrebných na vytvorenie tlačidla. Môžete si tiež stiahnuť súbor Photoshopu tu a upraviť ju pre vlastnú potrebu.


Krok 1: Najprv vytvorte novú Filele -> Nový a dať šírka 900px a výška 89px.

Create New Photoshop file
Vytvoriť nový súbor Photoshopu

Krok 2: Pridajte novú vrstvu a vyberte 895px 39px obdĺžnik meno, aby rohy zaoblené 3px. Alebo z horného menu zvoľte Výber -> upraviť -> hladká a zvoľte polomer 3px.

step02 RIATMP1026   Step by step tutorial on how to create photoshop buttons
step02

Krok 3: Vyberte 'efekt> Gradent Overlay "a zvoľte farby zľava doprava. # Cbcbcb, # 8a8a8a. Získate prechodu obdĺžnik okna.

gradient overlay effect in photoshop
Prekrytie prechodom efekt v Photoshope
Select gradient overlay color in photoshop
Vyberte Prekrytie prechodom farieb vo Photoshope

Rectangle box in photoshop
Obdĺžnik box v Photoshope

Krok 4:
Pridajte novú vrstvu a vytvoriť ďalšie obdĺžnik 895px 47px tesne pod predchádzajúcim obdĺžnika. Vyberte efekt> Prekrytie prechodom a vyberte farbu # # 9f9f9f 5e5d5e a vyplniť výber.

Gradient overlay in photoshop.
Prekrytie prechodom vo Photoshope.

Gradient overlay in photoshop
Prekrytie prechodom vo Photoshope

Gradient rectangle in photoshop
Gradient obdĺžnik v Photoshope

Krok 5: Pridanie novej vrstvy a Draw 121px 31px obdĺžnik vyberieme prvú možnosť -> Upraviť -> hladké a zvoľte 3px. Efekt> Prekrytie prechodom.

gradient overlay in photoshop
Prekrytie prechodom vo Photoshope
gradient overlay in photoshop
step11

Krok 7: Teraz vyberte túto vrstvu a vytvoriť viac kópií a vyskladať jeden po druhom. Kliknite pravým tlačidlom na vrstvu a vyberte vrstvy transparentnosť. Pridať vrstvu pod ňou tejto vrstvy a vyplňte s bielou, ďalší krok jeden pixel dole a vyberte znovu a odstrániť zdieľaný priestor, takže budete mať tenkú linku spodnú časť prístroja tlačidla.

step111 RIATMP1026   Step by step tutorial on how to create photoshop buttons
step111

step12 RIATMP1026   Step by step tutorial on how to create photoshop buttons
step12

step14 RIATMP1026   Step by step tutorial on how to create photoshop buttons
step14

Krok 8:
Pridať jednu novú vrstvu a vytvorte obdĺžnik okno málo ako vaše veľké tlačidlá a pridať efekt prechodu znovu.
Vyberte si farby # a # fbd888 f8bd36

step15 150x150 RIATMP1026   Step by step tutorial on how to create photoshop buttons
step15

step17 150x150 RIATMP1026   Step by step tutorial on how to create photoshop buttons
step17

step16 150x150 RIATMP1026   Step by step tutorial on how to create photoshop buttons
step16

Nakoniec pridajte 1 pixel # fbd98 čiaru medzi dvoma sekcii a je hotovo a to by malo vyzerať takto

step19 559x55 RIATMP1026   Step by step tutorial on how to create photoshop buttons
step19
Zdieľajte a užívajte si
  •  RIATMP1026   Step by step tutorial on how to create photoshop buttons favicons?domain=digg RIATMP1026   Step by step tutorial on how to create photoshop buttons favicons?domain=www.dzone RIATMP1026   Step by step tutorial on how to create photoshop buttons favicons?domain=www.facebook RIATMP1026   Step by step tutorial on how to create photoshop buttons favicons?domain=www.google RIATMP1026   Step by step tutorial on how to create photoshop buttons favicons?domain=www.linkedin RIATMP1026   Step by step tutorial on how to create photoshop buttons favicons?domain=favorites.live RIATMP1026   Step by step tutorial on how to create photoshop buttons favicons?domain=www.mixx RIATMP1026   Step by step tutorial on how to create photoshop buttons favicons?domain=www.myspace RIATMP1026   Step by step tutorial on how to create photoshop buttons  RIATMP1026   Step by step tutorial on how to create photoshop buttons favicons?domain=reddit RIATMP1026   Step by step tutorial on how to create photoshop buttons favicons?domain=www.stumbleupon RIATMP1026   Step by step tutorial on how to create photoshop buttons favicons?domain=technorati RIATMP1026   Step by step tutorial on how to create photoshop buttons favicons?domain=twitter RIATMP1026   Step by step tutorial on how to create photoshop buttons favicons?domain=buzz.yahoo RIATMP1026   Step by step tutorial on how to create photoshop buttons
Required 1501 zobrazení, 7 tak ďaleko Dnes |

Komentáre sú uzavreté.