• Domov
  • O
  • Členi
  • Pišite nam

: 91 11 9810018780 Mail to: info@aceinfowayindia.com / Call: 91 11 9810018780

  • Člen Pisni
  • na 02.09.2009
  • ob 09:41
  • z admin

Ustvarjanje Beautiful Icon Box v Photoshopu

Hej, fantje še eno Photoshop tutorial tukaj, zdaj, v tem času sem vam bo pokazal, kako ustvariti ikono v polje Photoshop.This je zelo preprosta in učinkovita tehnika. Upam, da boste uživali to tutorski.

Tukaj je učinek bomo za:

final

Korak # 1

Odprite Photoshop in ustvariti nov dokument, moj je 567 x 464px z belim ozadjem.

box-icon-step-0

Korak # 2

Izberite pravokotnik orodje, se prepričajte, imaš ti izbranih opcij.

box-icon-step-a

Make pravokotnik, ime plasti spredaj.

box-icon-step-1

Korak # 3

Sedaj napolnite pravokotnik s # af915b
box-icon-step-2

Korak # 4

Uporabi notranji senci za vaše pravokotnik polje.
box-icon-step-3-a

Pravokotnika mora izgledati takole.

box-icon-step-3

Korak # 5

Naredite novo plast ime nove plasti je top in izberite pero orodje, Place na vrh prvotnega pravokotnika, nato pa izberite Free Transform Tool Ctrl + T, ki je zdaj zmanjša višino in pojdite na Edit - Transform - perspektive in premakniti en vrh kotiček notri dokler imate polje obliko.

Step # 6

Sedaj napolnite z vrhnjo plast # e1cea4

Vaš Box videti takole

ace-box-icon

Korak # 7

Uporabi notranji senci za vaše vrhnjo plast polje.
box-icon-step-5-a

box-icon-step-5

Korak: 8

Ustvari črna črta na novo plast in zmanjšanje motnosti 40% podvajati to črno črto, premakni se en korak nazaj in zmanjšanje motnosti 20%.
box-icon-step-6

Korak # 11

Ustvarjanje z belo črto na vrhu, izberite Free Transform Tool Ctrl + T in z desnim klikom izberite perspektive povlecite eno zgornjem kotu notri. Sedaj izberite Pen Tool in ustvarjanje z belo črto in kraj oblike pod, izberite Free Transform Tool Ctrl + T in z desnim klikom izberite perspektive povlecite drugi spodnjem desnem notri. združitev teh dveh plasti in zmanjšanje motnosti 40%.

Škatla mora izgledati takole.

box-icon-step-7

Step # 12

Izberite besedilo, orodje in besedila tipa na sprednji strani.
final-a

Zdaj se malo vplivajo

gradinat
final-gradiant1

Inner Shadow
final-inner-dropshdow

Drop Shadow
final-inner-shadow

Final Preview

final

What's your misli o tem Tutorial, prosim porazdeliti z nami. Komentar us

Če želite prejeti več Vadnice od nas, prosimo, razmislite naročite na naše krme z RSS ali po e-pošti.

Pila pod: Photoshop, Tutorials by admin

Spodbujanje nas

Tags: Photoshop, Tutorials

Povezani članki:

Če ste uživali branju tega članka, preverite iz drugih sorodnih člankov spodaj:

    • Retro Up 2 Slika v zapisnik: Photoshop
    • Skica in slikanje Effect V Photoshop
    • Pop Art Comic Vadnica: Photoshop
    • Kako Ustvari Smooth Glossy Text Effect v Photoshopu
    • Kako spremeniti Car Colour In šele 2 Zapisnik Using Photoshop
Untitled Document

One Komentarji

  1. iris pravi on: 3. september 2009 ob 11:44 Said:

    res lepo! hvala : D

Pošlji komentar

XHTML: Lahko uporabite te oznake: <a href="" <abbr title=""> <acronym <b> <blockquote cite=""> <cite> <code> < del datetime = ""> <em> <i> <q cite=""> <strike> <strong>


«Free Rust Textures
Developer's Paradise mesta na teden za september 04th 2009 "
Untitled Document

    Naroči

  • Naročite se na naše krme
  • Naročite preko e-pošte
  • Sledite nam na Cvrkutati
  • Sponzor
  • Sponzor
  • Sponzor
  • Sponzor
  • Sponzor
  • Sponzor

    • Iskati

      Untitled Document
  • Koledar

    September 2009
    M T W T F S S
    «Avgust
    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
    • Strani

      • Domov
      • O
      • Členi
      • Pišite nam
    • Kategorije

    • Css (15)
    • Design / Inspiration (39)
    • Freebies (18)
    • Graphic Design (9)
    • Photoshop (10)
    • Resources (17)
    • Seo (1)
    • Orodja (5)
    • Tutorials (22)
    • Tipografija (3)
    • Web development (4)
    • Wordpress (4)
    • Arhiv

    • September 2009
    • Avgust 2009
    • Julij 2009
    • Junij 2009
    • Maj 2009
    • Recent Posts

    • Css
    • Design / Inspiration
    • Freebies
    • Graphic Design
    • Photoshop
    • Popular Posts

    • Kako ustvariti dobro videti obliki brez tabele
    • 6 brezplačnega in visoko kakovostnega Brick Wall Textures
    • Dobrodošli v ACE
    • Tutorial ustvariti lep, preprost, CSS horizontalni menu
    • 25 strani noge modelov, gibanj in stilov
    • 35 Creative Website Ponazoritveni Glave
    • Developer's raj območja, teden za 02. julij 2009
    • Tag cloud

    Css Design Pisave Freebies Graphic Design Graphics Design Ikone Inspiration Photoshop Resources Orodja Tutorials Tipografija Web development WordPress

    • Prijatelji

      • Abduzeedo
      • Nagnut ladja Apart
      • Bittbox
      • CrazyLeaf Design
      • Css Tricks
      • David Walsh
      • Fudgegraphics
      • Fuel Your Creativity
      • Pomoč za razvijalce
      • Instant Shift
      • Line25
      • Mirificampress
      • My Ink Blog
      • Noupe
      • PSDFan
      • PSDtuts
      • Delež Brain
      • Six Revisions
      • Spoon Graphics
      • Toxel
      • Vandelay Design
      • Mi funkcija
      • Web Designer Depot
      • Web Designer Ledger
      • Web oblikovalec Wall
      • You Designer
    • Translator

      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
  • SPONZORJI

    Check out UPrinting na YouTheDesigner.


    Business Cards Online

    Web Design Blog Directory

.
Untitled Document
Nazaj na vrh

General

To morda za nekatere interesne
  • O firmi
  • Pričevanja
  • Contact Details
  • Blog
  • Socialna - Twitter, Flickr

Works

Primeri preteklih projektov
  • O firmi
  • Pričevanja
  • Contact Details
  • Blog
  • Socialna - Twitter, Flickr

Storitve

To je tisto, kjer je prodaja še danes
  • O firmi
  • Pričevanja
  • Contact Details
  • Blog
  • Socialna - Twitter, Flickr

Contact Details

Želite najeti nas? začnite tukaj ...
  • Free Project Assesments
  • E-pošta - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, Vse pravice pridržane, Ace Infoway Indija Najem Ace Infoway Indiji za vaš naslednji zasnove projekta. Oglejte si našo portfelja.