Hey guys back-to-back Photoshop Tutorials. V tomto tutoriálu jsem se dozvíte, jak vytvořit I-Phone Stejně jako tlačítka ve Photoshopu. To je velmi jednoduché a velmi účinné cvičení. Doufám, že se vám bude líbit tento tutoriál.

Konečné Preview

To je to, co máme dělat už dnes

Krok # 1

Otevřete Photoshop a vytvořit nový dokument, moje je 550 × 398px s bílým pozadím.

Krok # 2

Vyplňte barvu pozadí vrstvy, moje barva je # 333333.

Krok # 3

Vytvořte novou vrstvu název vrstvy Stripe gradient. Vyberte Obdélníková Marquee Tool a vytvořit s bílým pruhem.

Styling Stripe Layer double-klikněte na náhled proužku vrstvy v panelu Vrstvy k otevření dialogového okna Styly vrstvy, budeme používat vertikální gradiant účinek na pozadí. Pak klikněte na gradientu c olor na pravé Gradient možnost otevřít Barva Gradient Editor.

Double-klikněte na left-color-stop a zadejte hodnotu barvy # aaaaaa, double-klikněte na levé-center-color-stop a zadejte hodnotu barvy # cccccc, double-klikněte na pravé-center-color-stop a zadejte Barva hodnota # dddddd, potom double-klikněte na pravé-color-stop a zadejte hodnotu barvu # ffffff.

By měl vypadat takto.

Krok # 4

Zvolte nástroj Zaoblený obdélník a vytvořit tlačítko, dole je poloměr 90X40px.

Nyní platí určitý účinek

Gradient Overlay

Styling Button double-klikněte na náhled Button vrstvu v panelu Vrstvy k otevření dialogového okna Styly vrstvy, budeme používat vertikální gradiant efekt pro Button. Pak klikněte na barevné gradientu na pravé straně přechodu možnost otevřít Barva Gradient Editor.

Double-klikněte na left-color-stop a zadejte hodnotu # 000000 barev, double-klikněte na levé-center-color-stop a zadejte hodnotu # 222222 barev, double-klikněte na pravé-center-color-stop a zadejte Barva hodnotu # 444444, potom double-klikněte na pravé-color-stop a zadejte hodnotu barvy # 666666.

Zkosení a Reliéf

Další se zkosení a Reliéf stylu vrstvy. Změna stylu, na vnější zkosení, než změna hodnoty hloubka, velikost a zjemňují. Já si nastavit hloubka na 100%, velikost na 1px a zjemňují na 10px

Důležitou součástí tohoto Konzultační hodiny: Ponechte Angle na -90 ^°, výška ve 40 ^°

Zvýraznit režim: Já si nastavit Opacity na 100%.

Shadow režim: Já si nastavit Opacity na 100%.

Úder

Nakonec jsme se použije Tah. První změnou hodnoty Size. Já si nastavit velikost na 1px. Změna na pozici Inside

Já si nastavit Opacity na 80%.

Tah změnit barvu z výchozí # 222222

By měl vypadat takto.

Krok # 5

Zvolte nástroj text a zadejte text na přední straně.

Budeme aplikovat nějaký efekt pro text.

Zkosení Reliéf

Double-klikněte na vrstvu textu na miniaturu v panelu Vrstvy na otevření dialogového okna Styly vrstev. Budeme používat Kuželové Emboss, první Změna stylu na vnější zkosení a technika Vrtací Soft, než změnou hodnot hloubky, směr, velikost a zjemňují. Já si nastavit hloubka na 130%, ve směru dolů na velikost 1px a zjemňují na 0px

Důležitou součástí tohoto Konzultační hodiny: Ponechte úhlu 90 ^°, výška ve 30 ^°

Zvýraznit režim: Já si nastavit Opacity na 0%.

Shadow režim: Já si nastavit Opacity na 50%.

Konečné Preview

Nakonec jsme udělali tento tutoriál.

To je to, co máme dělat už dnes

Stáhněte si zdrojový soubor

Pokud si chcete zkontrolovat svou práci, můžete si stáhnout soubor PSD pro tento tutoriál.

iphone-jako-buttons.rar (21,3 kb)

Soubor pod: Photoshop, Tutorials admin