Ako vytvoriť jednoduché sklenené tlačidlo vo Photoshope?

Je veľmi jednoduché vytvoriť trendovo vyzerajúce sklenené tlačidlo v programe Adobe Photoshop
Je veľmi jednoduché vytvoriť trendovo vyzerajúce sklenené tlačidlo v programe Adobe Photoshop.

Je veľmi jednoduché vytvoriť trendovo vyzerajúce sklenené tlačidlo v programe Adobe Photoshop.

Časť 1 z 9: úvod

  1. 1
    Tlačidlo, ktoré sa chystáte vytvoriť, bude vyzerať takto.

Časť 2 z 9: vytvorte nový obrázok

  1. 1
    Spustite photoshop a zadajte ctrl+n (príkaz-n na mac), aby ste vytvorili nový obrázok.
  2. 2
    Zadajte 250 pre „width:“, 250 pre „Height:“, 72 pre „Resolution:“ a biele pre „Background Contents:“. Kliknite na „OK“.
  3. 3
    Kliknite na „súbor“> „uložiť ako“. Zmeňte „Formát:“ na Photoshop (*.PSD, *.PDD). Nastavte „Názov súboru:“ na GlassButton.psd. Kliknite na „OK“.

Časť 3 z 9: Vytvorte pruhované pozadie

  1. 1
    Vytvorte dočasný dokument na pozadí s pruhovaním. Zadajte CTRL-N a vytvorte nový dokument. Zadajte 1 pre „Šírku:“, 10 pre „Výška“, 72 pre „Rozlíšenie:“ a biele pre „Obsah pozadia:“. Kliknite na „OK“.
  2. 2
    Napíšte Z na otvorenie lupy. Kliknite na pruhovaný dokument, kým nebude aspoň o 1600%väčší. Novú vrstvu vytvoríte stlačením klávesov SHIFT+CTRL+N. Keď sa otvorí dialógové okno novej vrstvy, kliknite na tlačidlo „OK“.
  3. 3
    Stlačením M otvoríte nástroj na označenie štvorca. Ak sa z nejakého dôvodu otvorí nástroj Kruhové ohraničenie, môžete na štvorcový nástroj prejsť podržaním ľavého tlačidla myši nad nástrojom Ohraničiť v paneli s nástrojmi. Vedľa panela s nástrojmi sa otvorí malé okno a môžete vybrať štvorcový nástroj.
  4. 4
    Do dokumentu s pruhmi nakreslite okolo dolného bodu 1 bod. Uistite sa, že perie je nastavené na 0.
  5. 5
    Ak chcete otvoriť okno výplne, zadajte shift-f5. Nastavte „Použiť:“ na čiernu. Kliknite na „OK“. Teraz stlačením klávesov CTRL+A vyberte celý dokument.
  6. 6
    Kliknite na „upraviť“> „definovať vzor“. Otvorí sa okno. Nastavte „Názov:“ na Pinstripe.
  7. 7
    Zatvorte pruhovaný dokument. Už ho nepotrebujeme a nie je dôvod ho zachraňovať.
Ktoré sa chystáte vytvoriť
Tlačidlo, ktoré sa chystáte vytvoriť, bude vyzerať takto.

Časť 4 z 9: zmeňte pozadie skleneného tlačidla

  1. 1
    Kliknutím na záhlavie dokumentu v sklenenom tlačidle ho aktivujete.
  2. 2
    Otvorte okno výplne stlačením klávesu shift+f5. Zmeňte „Použiť:“ na Vzor. Zmeňte „Vlastný vzor“ na vzor Pinstripe, ktorý sme vytvorili. Potom kliknite na „OK“. Váš dokument by teraz mal vyzerať takto:

Časť 5 z 9: Vytvorenie tvaru gombíka

  1. 1
    Kliknite a podržte ľavé tlačidlo myši na značkovacom nástroji v paneli nástrojov. Keď sa malé okno otvorí vedľa neho, posuňte sa na nástroj Eliptický značkovací nástroj.
  2. 2
    Podržte stlačené tlačidlo SHIFT a kliknite na hornú ľavú stranu dokumentu a ťahajte eliptický okraj, kým sa ukazovateľ myši nenachádza takmer v pravom dolnom rohu dokumentu. Chceme, aby bol kruh o niečo menší ako dokument. Kliknutím na SHIFT+CTRL+N vytvoríte novú vrstvu. Keď sa otvorí okno Nová vrstva, zmeňte „Názov:“ na Tvar tlačidla.
  3. 3
    Zmeňte farbu popredia na peknú sýtu modrú. Kliknite na vzorkovníku Farba popredia na paneli s nástrojmi.
  4. 4
    Keď sa otvorí okno výberu farieb, zmeňte „#“ na 000066 (to sú nuly).
  5. 5
    Kliknite na „ok“.
  6. 6
    Vráťte sa k dokumentu na sklenenej tlačidle a stlačením klávesovej skratky shift+f5 otvorte okno výplne. Pre farbu popredia nastavte „Použiť:“. Kliknite na „OK“. Stlačením klávesov CTRL+A vyberte celý dokument. Stlačením CTRL+X kruh vystrihnete a stlačením CTRL+V ho prilepíte späť. Vystrihovanie a vkladanie vycentruje kruh v dokumente. V palete vrstiev zmeňte „Režim miešania“ na Lineárne napaľovanie.
  7. 7
    Váš dokument by mal teraz vyzerať takto: Ak nie, vráťte sa a skontrolujte každý krok pokynov.

Časť 6 z 9: naneste na pozadie skreslenie

  1. 1
    Ak ste sa niekedy pozreli cez pohár vody, všimnete si, že prechádzajúci obraz je mierne skreslený. Prostredníctvom nášho tlačidla sa zobrazujú pruhy na pozadí, takže musíme riadky trochu zdeformovať.
  2. 2
    Podržte kláves CTRL a kliknite na vrstvu tvaru tlačidla v palete vrstiev. Toto nakreslí výber okolo nášho tvaru gombíka. Teraz kliknite na vrstvu pozadia v palete vrstiev. Kliknite na „Filtre“> „Skresliť“> „Spherize“. Nastavte „Suma“ na 66%.
  3. 3
    Kliknite na „ok“. Váš dokument by teraz mal vyzerať takto:
Podržte stlačené tlačidlo CTRL
Podržte stlačené tlačidlo CTRL a kliknite na vrstvu začiarknutia v palete vrstiev.

Časť 7 z 9: pridajte odraz

  1. 1
    Zaistite, aby bol okolo kruhu stále výber. Novú vrstvu vytvoríte stlačením klávesov SHIFT+CTRL+N. Keď sa otvorí okno Nová vrstva, zmeňte „Názov:“ na Odraz. Kliknite na „OK“. Pri pohľade na vrstvy v palete vrstiev mala byť medzi vrstvami Pozadie a Tvar gombíka vytvorená nová vrstva s názvom Odraz. Vrstvu Odrazu musíme presunúť do hornej časti palety. Kliknite a podržte ľavé tlačidlo myši na vrstve Odraz a potiahnite ho do hornej časti palety.
  2. 2
    Napíšte D a potom X. To zmení farbu popredia a pozadia na bielu a čiernu. Zadajte G, aby ste sa zmenili na nástroj Prechod. Nastavte gradient na popredie na priehľadný.
  3. 3
    Uistite sa, že je vybratá vaša vrstva odrazu, začnite kresliť prechodovú čiaru od hornej časti kruhu k spodnej časti kruhu. Pri tom držte stlačený kláves SHIFT, aby ste získali dokonale rovnú čiaru. Keď čiara dosiahne spodok kruhu, pustite tlačidlo myši. Teraz stlačením klávesu CTRL+D zrušte výber kruhu. Váš dokument by teraz mal vyzerať takto:
  4. 4
    Zmeňte veľkosť a tvar odrazovej vrstvy. Napíšte CTRL+T, aby sme mohli vrstvu Transformácie odrazov voľne transformovať. Uchopte „štvorec“, ktorý prebieha pozdĺž pravej bočnej čiary. Podržte stlačený kláves ALT a ťahajte štvorec dovnútra, kým nebude mať vrstva odrazu asi 0,8 -násobku veľkosti, akú mala predtým. Teraz uchopte „štvorec“, ktorý prebieha pozdĺž spodnej čiary. Podržte stlačený kláves ALT a ťahajte štvorec smerom nahor, kým nebude vrstva odrazu asi 0,6 -násobku veľkosti, akú mala. Transformáciu potvrďte stlačením klávesu ENTER. Váš dokument by teraz mal vyzerať takto:
  5. 5
    Nechceme, aby bol odraz takto priamo v strede tlačidla, preto stlačením V prepnite na nástroj na presun. Teraz kliknite na odraz a ťahajte ho nahor, kým nie je takmer v hornej časti kruhu. V palete vrstiev zmeňte krytie na 85%.
  6. 6
    Teraz by váš dokument mal vyzerať takto:
  7. 7
    Mohli by ste sa tu zastaviť, keby ste chceli. Ale umožňuje pridať k začiarknutie sprievodca štýlu v stredu tlačidla.

Časť 8 z 9: Pridanie značky začiarknutia v štýle sprievodcu

  1. 1
    Kliknite na vrstvu tvaru tlačidla v palete vrstiev. Teraz napíšte SHIFT+CTRL+N a vytvorte novú vrstvu nad vrstvou tvaru tlačidla. Keď sa otvorí okno Nová vrstva, zmeňte položku „Názov:“ na začiarknutie. Teraz musíme otvoriť nástroj Vlastný tvar. Na paneli s nástrojmi kliknite a podržte nástroj Obdĺžnik, kým sa vedľa neho neotvorí okno. V zozname vyberte položku Vlastný tvar.
  2. 2
    Z horného panela s nástrojmi zmeňte tvar na tvar začiarknutia.
  3. 3
    Kliknite na vzorkovník farieb v popredí v paneli nástrojov. Keď sa otvorí okno Výber farby, zmeňte „#“ na 932200. Kliknite na „OK“.
  4. 4
    Na vrstvu začiarknutia nakreslite veľkú značku začiarknutia, ktorá je o niečo menšia ako tlačidlo. To urobíte kliknutím na spodok kruhu a vytiahnutím tvaru.
  5. 5
    Kliknite na „vrstvu“> „rasterizovať“> „tvar“. Teraz zmeňte krytie vrstvy začiarknutia na 80%. Váš dokument by teraz mal vyzerať takto:
  6. 6
  7. 7
    Podržte stlačené tlačidlo CTRL a kliknite na vrstvu začiarknutia v palete vrstiev. Ak chcete nástroj presunúť, napíšte V. Teraz podržte kláves ALT a osemkrát stlačte klávesovú skratku nadol na klávesnici. Teraz zmeňte farbu popredia na A72903. Stlačením klávesov SHIFT+F5 otvorte okno Vyplniť. Zaistite, aby bola možnosť „Použiť:“ nastavená na možnosť Farba popredia. Kliknite na „OK“. Zrušte výber vrstvy stlačením klávesov CTRL+D.
  8. 8
    V palete vrstiev kliknite pravým tlačidlom myši na vrstvu začiarknutia a vyberte možnosti prelínania. Otvorí sa okno Štýl vrstvy. Kliknite na Dropshadow. Zmeňte „Uhol:“ na 90 a „Vzdialenosť:" na 15.
  9. 9
    Kliknite na „ok“.
Podržte ľavé tlačidlo myši na vrstve Odraz
Kliknite a podržte ľavé tlačidlo myši na vrstve Odraz a potiahnite ho do hornej časti palety.

Časť 9 z 9: niekoľko posledných úprav

  1. 1
    Kliknite pravým tlačidlom myši na vrstvu tvaru tlačidla a vyberte možnosti miešania. Keď sa otvorí okno Štýl vrstvy, kliknite na Vnútorný tieň. Zmeňte „Režim prelínania:“ na Násobenie, „Krytie:“ na 75%, „Uhol:“ na 90, „Vzdialenosť:“ na 5, „Sýtič:“ na 0 a „Veľkosť:“ na 75. Kliknite na Vrhnúť tieň. Nechajte všetky nastavenia tak, ako sú. Kliknite na „OK“.
  2. 2
    A je to, hotovo! Váš konečný obrázok by mal vyzerať takto:

Tipy

  • Na tlačidlo môžete pridať text pomocou nástroja Text.
  • Môžete sa pohrať s oknom Štýl vrstvy, aby ste dosiahli zaujímavé výsledky.
  • Kliknutím na položky „Obrázok“> „Veľkosť obrázka“ zmeníte veľkosť obrázka. Ak by ste niečo také chceli použiť na webovej stránke, určite by ste chceli niečo menšie.

Veci, ktoré budete potrebovať

  • Adobe Photoshop 7 alebo 8 (CS)
FacebookTwitterInstagramPinterestLinkedInGoogle+YoutubeRedditDribbbleBehanceGithubCodePenWhatsappEmail