• Hem
  • Om
  • Artiklar
  • Kontakt

: 91 11 9810018780 Post till: info@aceinfowayindia.com / Ring: 91 11 9810018780

  • Artikel skriven
  • den 02.09.2009
  • at 09:41
  • av admin

Skapa en Beautiful Box ikon i Photoshop

Hey guys ett mer Photoshop tutorial runt här, nu i denna tid kommer jag att visa dig hur du skapar en låda ikon i Photoshop.This är mycket enkel och effektiv teknik. Jag hoppas att ni kommer att njuta av denna handledning.

Här är den effekt vi är på väg till:

final

Steg 1

Öppna Photoshop och skapa ett nytt dokument, är min 567 × 464px med en vit bakgrund.

box-icon-step-0

Steg 2

Markera rektangelverktyget Kontrollera att du har de valda alternativ.

box-icon-step-a

Gör en rektangel, namn lagret fram.

box-icon-step-1

Steg 3

Nu Fyll rektangeln med # af915b
box-icon-step-2

Steg 4

Applicera en inre skugga för din rektangel ruta.
box-icon-step-3-a

Rektangeln ska se ut så här.

box-icon-step-3

Steg # 5

Gör nytt lager namnet på nya lagret är bäst och väljer ritstiftet, placera den på den ursprungliga rektangeln sedan välja Free Transform bearbetar Ctrl + T, nu minska höjden och gå till Edit - Transform - perspektiv och flytta en början hörn inne tills du har en låda form.

Steg # 6

Nu Fyll det översta lagret med # e1cea4

Ditt Box ser ut så här

ace-box-icon

Steg 7

Applicera en inre skugga för dina ytskikt box.
box-icon-step-5-a

box-icon-step-5

Steg: 8

Skapa svarta streck på nya lager och minska opaciteten 40% kopiera detta svart linje, flytta den ett steg tillbaka och minska opaciteten 20%.
box-icon-step-6

Steg # 11

Skapa en vit rand på ovansidan, välj Free Transform bearbetar Ctrl + T och högerklicka välj Perspective sedan dra en övre hörnet inne. Välj nu Pen Tool och skapa vit rand och placera form under markerar Free Transform bearbetar Ctrl + T och högerklicka välj Perspective dra sedan andra nedre hörnet inne. sammanfoga dessa två lager och minska opacitet 40%.

Boxen bör se ut så här.

box-icon-step-7

Steg # 12

Välj text verktyget och skriva text på framsidan.
final-a

Nu gäller viss effekt

gradinat
final-gradiant1

Inner Shadow
final-inner-dropshdow

Skugga
final-inner-shadow

Final Preview

final

Vad är dina tankar om den här läraren, vänligen dela med oss. Kommentar oss

Om du vill få fler tutorials från oss, vänligen överväga att prenumerera på vårt foder genom RSS eller e-post.

Filed under: Photoshop, Tutorials av admin

Främja oss

Taggar: Photoshop, Tutorials

Artiklar:

Om du gillade att läsa den här artikeln, kan du kolla in andra relaterade artiklarna nedan:

    • Retro Up Bild på 2 minuter: Photoshop
    • Skiss och målning Effekt i Photoshop
    • Pop Art Comic Tutorial: Photoshop
    • How to Create Smooth Glossy Texteffekt i Photoshop
    • Hur till Ändra A Car Färg på bara 2 minuter med hjälp av Photoshop
Untitled Document

Skicka en kommentar

XHTML: Du kan använda dessa taggar: href="" titel=""> <abbr titel=""> <b> <blockquote anföra=""> <kodifiera> < del datetime = ""> <em> <jag <slag> <starkt>


«Gratis Rust Strukturer
Untitled Document

  • Prenumerera med RSS
  • |
  • Prenumerera via e-post
Sponsor Sponsor
Sponsor Sponsor Sponsor Sponsor

    • Söka

      Untitled Document
  • Kalender

    September 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
    • Pages

      • Hem
      • Om
      • Artiklar
      • Kontakt
    • Kategorier

    • Css (15)
    • Design / Inspiration (38)
    • Freebies (18)
    • Grafisk Design (9)
    • Photoshop (10)
    • Resurser (17)
    • Seo (1)
    • Verktyg (5)
    • Handledningar (22)
    • Typografi (3)
    • Webbutveckling (4)
    • Wordpress (4)
    • Arkiv

    • September 2009
    • Augusti 2009
    • Juli 2009
    • Juni 2009
    • Maj 2009
    • Recent Posts

    • Css
    • Design / Inspiration
    • Freebies
    • Grafisk Design
    • Photoshop
    • Populära inlägg

    • Hur skapar snygg form utan bord
    • 6 Fri och hög kvalitet Brick Wall Strukturer
    • Välkommen till ACE
    • Handledning för att skapa en vacker, enkel, horisontell CSS meny
    • 25 webbplats footer mönster, trender och stilar
    • 35 Creative Belysande Webbsida rubriker
    • Developer's paradise platser i veckan under juli 02. 2009
    • Taggmoln

    CSS Design Fonts Freebies Graphic Design Graphics Design Ikoner Inspiration Photoshop Resources Tools Tutorials Typografi Webbutveckling Wordpress

    • Vänner

      • Abduzeedo
      • En lista Apart
      • Bittbox
      • CrazyLeaf Design
      • CSS-Tricks
      • David Walsh
      • Fudgegraphics
      • Bränsle Your Creativity
      • Hjälp Developer
      • Instant Shift
      • Line25
      • Mirificampress
      • My Ink Blog
      • Noupe
      • PSDFan
      • PSDtuts
      • Dela Brain
      • Six Revisions
      • Spoon Graphics
      • Toxel
      • Vandelay Design
      • Vi funktion
      • Web Designer Depot
      • Web Designer Ledger
      • Web Designer Wall
      • Du Designer
    • Översättare

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

    Kolla UPrinting på YouTheDesigner.


    Visitkort Online

    Web Design Blog Directory

.
Untitled Document
Tillbaka till toppen

General

Dessa kanske av visst intresse
  • Om vårt företag
  • Testimonials
  • Kontaktuppgifter
  • Blogg
  • Social - Twitter, Flickr

Works

Exempel på tidigare projekt
  • Om vårt företag
  • Testimonials
  • Kontaktuppgifter
  • Blogg
  • Social - Twitter, Flickr

Tjänster

Detta är vad där säljer idag
  • Om vårt företag
  • Testimonials
  • Kontaktuppgifter
  • Blogg
  • Social - Twitter, Flickr

Kontaktuppgifter

Vill du anlita oss? komma igång här ...
  • Free Project Assessment
  • Email - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, All Right Reserved, Ace Infoway Indien Hyra Ace Infoway Indien för ditt nästa konstruktionsprojekt. Se vår portfölj.