• Domů
  • O
  • Články
  • Kontaktujte nás

: 91 11 9810018780 Mailem na adresu: info@aceinfowayindia.com / výzvy: 91 11 9810018780

  • Článek Písemné
  • dne 02.09.2009
  • v 09:41
  • by admin

Vytvořit Beautiful Box Icon ve Photoshopu

Hej kluci ještě jednu Photoshop tutoriál tady, teď v této době jsem vám ukáže, jak vytvořit ikonu v okně Photoshop.This je velmi jednoduchá a účinná technika. Doufám, že se vám bude líbit tato cvičení.

Zde je účinek jedeme na:

final

Krok # 1

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

box-icon-step-0

Krok # 2

Zvolte nástroj obdélník, ujistěte se, že máš ty vybrané možnosti.

box-icon-step-a

Make obdélník, název vrstvy dopředu.

box-icon-step-1

Krok # 3

Nyní Vyplňte obdélník s # af915b
box-icon-step-2

Krok # 4

Použít vnitřní stín pro rectangle box.
box-icon-step-3-a

Obdélník by měl vypadat takto.

box-icon-step-3

Krok # 5

Proveďte novou vrstvu název nové vrstvy je nahoře a vyberte nástroj pero, místo je v horní části původního obdélníku vyberte Free nástroj transformace Ctrl + T, se snížit výšku a jděte do Úpravy - Transformace - výhled a přesunout jeden vrchol roh vnitřní dokud máte tvar krabice.

Krok # 6

Nyní vyplňte horní vrstvy s # e1cea4

Vaše Box vypadat takto

ace-box-icon

Krok # 7

Použít vnitřní stín pro horní vrstvě box.
box-icon-step-5-a

box-icon-step-5

Krok: 8

Vytvořit černou čáru na novou vrstvu, a snížit opacity 40% opětovat tuto černou čáru, přesunout jeden krok zpět a snížit opacity 20%.
box-icon-step-6

Krok # 11

Vytvořit bílým pruhem na horní, zvolte Free nástroj transformace Ctrl + T klikněte pravým tlačítkem myši a zvolte výhledu pak vytáhnout jeden horním rohu uvnitř. Nyní vyberte nástroj pero a vytvořit bílým pruhem a na místě podle tvaru, zvolte Free nástroj transformace Ctrl + T klikněte pravým tlačítkem myši a vyberte výhledu pak táhnout druhé dolním rohu uvnitř. sloučit tyto dvě vrstvy a snížení opacity 40%.

Krabice by měla vypadat následovně.

box-icon-step-7

Krok # 12

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

Nyní platí určitý účinek

gradinat
final-gradiant1

Inner Shadow
final-inner-dropshdow

Drop Shadow
final-inner-shadow

Konečné Preview

final

Jaká je vaše názory na tento návod, prosím podělte se s námi. Komentář nás

Pokud byste chtěli získat více tutoriály od nás, prosím, přihlašte se náš RSS s RSS nebo e-mailem.

Soubor pod: Photoshop, Tutorials admin

Propagujte nás

Tagy: Photoshop, Tutorials

Související články:

Pokud se vám to líbilo čtení tohoto článku, podívejte se na další související články níže:

    • Retro Up obrázku do 2 minut: Photoshop
    • Sketch Effect a malby ve Photoshopu
    • Pop Art Comic Konzultační hodiny: Photoshop
    • Jak vytvořit hladký lesklý Text efekt ve Photoshopu
    • Jak změnit barvu auta jen 2 minuty Použití Photoshop
Untitled Document

Jeden Komentáře

  1. duhovka říká na: 3.září 2009 at 11:44 am Said:

    really nice! díky : D

Odeslat komentář

XHTML: Můžete použít tyto značky: href="" <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> < del datetime = ""> <em> <i> <q cite=""> <strike> <strong>


«Free Rust Textures
Developerské ráj Stránky týdne na září 04th 2009 »
Untitled Document

    Odebírat

  • Přihlásit se k naší krmné
  • Odebírat e-mailem
  • Za námi na cvrlikání
  • Sponzor
  • Sponzor
  • Sponzor
  • Sponzor
  • Sponzor
  • Sponzor

    • Hledat

      Untitled Document
  • Kalendář

    Září 2009
    M T W T F S S
    «Aug
    1 2 3 4 5 6
    7 8 9 10 11 12 13
    14 15 16 17 18 19 20
    21 22 23 24 25 26 27
    28 29 30
    • Stránky

      • Domů
      • O
      • Články
      • Kontaktujte nás
    • Kategorie

    • Css (15)
    • Design / Inspirace (39)
    • Freebies (19)
    • Grafický design (9)
    • Photoshop (10)
    • Zdroje (17)
    • Seo (1)
    • Nářadí (5)
    • Návody (22)
    • Typografie (3)
    • Web development (4)
    • Wordpress (4)
    • Archives

    • Září 2009
    • Srpen 2009
    • Červenec 2009
    • Červen 2009
    • Květen 2009
    • Poslední příspěvky

    • Css
    • Design / Inspiration
    • Volňásek
    • Grafický design
    • Photoshop
    • Populární příspěvky

    • Jak vytvořit dobře vypadající formě bez tabulky
    • 6 Free a vysoce kvalitní cihlové zdi textury
    • Vítejte na ACE
    • Tutoriál vytvořit krásný, jednoduchý, horizontální CSS menu
    • 25 stránek zápatí vzory, trendy a styly
    • 35 Creative ukázkový web záhlaví
    • Developera ráji lokalit týdne 02. července 2009
    • Tag cloud

    Css design Písma Volňásek Grafický design Grafický design Ikony Inspiration Photoshop zdroje Nástroje Tutoriály Typografie webových rozvoj Wordpress

    • Kamarádi

      • Abduzeedo
      • Kromě Alist
      • BittBox
      • CrazyLeaf Design
      • Css triky
      • David Walsh
      • Fudgegraphics
      • Palivo Your Creativity
      • Nápověda Developer
      • Instant Shift
      • Line25
      • Mirificampress
      • My Ink Blog
      • Noupe
      • PSDFan
      • PSDtuts
      • Share Brain
      • Šest Revize
      • Lžička Grafika
      • Toxel
      • Vandelay Design
      • Naším úkolem
      • Web Designer Depot
      • Web Designer Ledger
      • Web Designer Wall
      • You Designer
    • Překladatel

      English flagItalian flagKorean flagChinese (Simplified) flagChinese (Traditional) flagPortuguese flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagCroat flagDanish flagFinnish flagHindi flagPolish flagRumanian flagSwedish flagNorwegian flagCatalan flagFilipino flagHebrew flagIndonesian flagLatvian flagLithuanian flagSerbian flagSlovak flagSlovenian flagUkrainian flagVietnamese flagAlbanian flagEstonian flagGalician flagMaltese flagThai flagTurkish flagHungarian flag
  • SPONZOŘI

    Podívejte se na UPrinting na YouTheDesigner.


    Vizitky online

    Web Design Blog Directory

.
Untitled Document
Zpět na začátek

Obecné

Tyto možná nějakého zájmu
  • O společnosti
  • Ohlasy
  • Contact Details
  • Blog
  • Sociální - Twitter, Flickr

Díla

Příklady z dřívějších projektů
  • O společnosti
  • Ohlasy
  • Contact Details
  • Blog
  • Sociální - Twitter, Flickr

Služby

To je to, co, kde prodává dnes
  • O společnosti
  • Ohlasy
  • Contact Details
  • Blog
  • Sociální - Twitter, Flickr

Contact Details

Chcete najmout nás? Začněte zde ...
  • Volný Projekt Hodnotící
  • E-mail - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, Všechna práva vyhrazena, Ace Infoway Indie Nájem Ace Infoway Indie pro váš další návrh projektu. Podívejte se na naše portfolio.