• Hjem
  • Om
  • Artikler
  • Kontakt os

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

  • Artikel Skriftlig
  • den 02.09.2009
  • kl 09:41
  • af admin

Opret en Beautiful Box Ikon i Photoshop

Hey guys en mere Photoshop tutorial omkring her, nu i denne tid vil jeg vise dig, hvordan du opretter en kasse ikon i Photoshop.This er meget enkel og effektiv teknik. Jeg håber du vil nyde denne tutorials.

Her er den effekt, vi skal hen til:

final

Trin # 1

Åbne Photoshop og oprette et nyt dokument, mine er 567 × 464px med en hvid baggrund.

box-icon-step-0

Trin # 2

Vælg rektangelværktøjet at du har fået de udvalgte muligheder.

box-icon-step-a

Lav en rektangel, navngive laget front.

box-icon-step-1

Trin # 3

Nu Fyld rektangel med # af915b
box-icon-step-2

Trin # 4

Anvende en indvendig skygge for din rektangel boks.
box-icon-step-3-a

Rektanglet skal se sådan ud.

box-icon-step-3

Trin # 5

Gør nye lag navnet på nye lag er top og vælg Penneværktøjet, Placer den på toppen af den oprindelige rektangel vælg derefter Free Transform Tool Ctrl + T, nu reducere højden og gå til Edit - Transform - overslag og flytte en toppen hjørne inde indtil du har en boks form.

Trin # 6

Nu Fyld det øverste lag med # e1cea4

Din Boks se sådan her ud

ace-box-icon

Trin # 7

Anvende en indvendig skygge for din øverste lag boks.
box-icon-step-5-a

box-icon-step-5

Trin: 8

Opret sorte linje på det nye lag og reducere opacitet 40% duplikere denne sorte linje, flytte den et skridt tilbage og reducere opacitet 20%.
box-icon-step-6

Trin # 11

Opret en hvid stribe på toppen, skal du vælge Free Transform Tool Ctrl + T og højreklik vælg overslag derefter trække en øverste hjørne indeni. Vælg nu Pen Tool og skabe hvid stribe og sted form under, skal du vælge Free Transform Tool Ctrl + T og højreklik vælg overslag træk sekunder nederste hjørne indeni. flette de to lag og reducere opacitet 40%.

Boksen skal se sådan ud.

box-icon-step-7

Trin # 12

Vælg tekstværktøjet og skrive tekst på forsiden.
final-a

Nu gælder en vis effekt

gradinat
final-gradiant1

Indvendig skygge
final-inner-dropshdow

Drop Shadow
final-inner-shadow

Final Preview

final

Hvad er dine tanker om denne tutorial, kan du dele med os. Kommentar os

Hvis du ønsker at modtage flere tutorials fra os, kan du overveje at abonnere på vores feed ved RSS eller e-mail.

Filed under: Photoshop, Tutorials af admin

Markedsføre os

Tags: Photoshop, Tutorials

Relaterede artikler:

hvis du har nydt at læse denne artikel, kan du se andre relaterede artikler under:

    • Retro Up Image på 2 minutter: Photoshop
    • Skitse og Maleri Effect I Photoshop
    • Pop Art Comic Tutorial: Photoshop
    • Sådan oprettes Smooth Glossy Tekst Effect i Photoshop
    • Hvor hen til Lave en bil Farve på bare 2 minutter Brug Photoshop
Untitled Document

3 Kommentarer

  1. iris siger den: 3 september 2009 kl 11:44 Said:

    really nice! tak : D

  2. Opret en Beautiful Box Ikon i Photoshop | Web Design Opdateringer siger den: 9 september 2009 kl 2:21 Said:

    [...] Opret en Beautiful Box Ikon i Photoshop [...]

  3. Jamie siger den: 12 september 2009 kl 12:26 Said:

    Denne tutorial ville have været bedre som en video tut. Det er ikke for begyndere. Du behøver ikke give tilstrækkelig information til en nybegynder til at gøre det tutuorial. Jeg er ikke god nok med perspektiv til re ctreate hvad du spørger.

Indsend en kommentar

XHTML: Du kan bruge disse tags: href="" titel=""> <abbr titel=""> <acronym titel=""> <b> <blockquote citere=""> <cite> <code> < del datetime = ""> <em> <jeg cite=""> <strike> <strong>


«Gratis Rust Textures
Developer's Paradise Sites of the Week for 04 september de 2009 »
Untitled Document

    Abonner

  • Abonnér på vores feed
  • Abonner via email
  • Følg os på kvidre
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor

    • Søgning

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

      • Hjem
      • Om
      • Artikler
      • Kontakt os
    • Kategorier

    • CSS (15)
    • Design / Inspiration (40)
    • Freebies (20)
    • Graphic Design (9)
    • Photoshop (10)
    • Ressourcer (18)
    • SEO (1)
    • Værktøj (5)
    • Tutorials (22)
    • Typography (3)
    • Web udvikling (4)
    • Wordpress (5)
    • Arkiv

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

    • Css
    • Design / Inspiration
    • Freebies
    • Grafisk Design
    • Photoshop
    • Populære Stillinger

    • Hvordan opretter flot form uden skema
    • Opret en Beautiful Box Ikon i Photoshop
    • 6 Fri og High Quality murstensvæg Textures
    • Velkommen til ACE
    • Tutorial til at skabe en smuk, enkel, horisontale CSS menu
    • 25 website footer design, tendenser og stilarter
    • 35 Creative Illustrative Website headers
    • Tag cloud

    CSS design Fonts Freebies Grafisk Design Grafisk Design Ikoner Inspiration Photoshop Ressourcer Værktøjer Tutorials typografi Web udvikling Wordpress

    • Venner

      • Abduzeedo
      • Alist Apart
      • Bittbox
      • CrazyLeaf Design
      • Css tricks
      • David Walsh
      • Fudgegraphics
      • Fuel Your Creativity
      • Hjælp Developer
      • Instant Shift
      • Line25
      • Mirificampress
      • Min Ink Blog
      • Noupe
      • PSDFan
      • PSDtuts
      • Aktie Brain
      • Seks Revisioner
      • Spoon Grafik
      • Toxel
      • Vandelay Design
      • Vi funktion
      • Web Designer Depot
      • Web Designer Ledger
      • Web Designer Wall
      • You The 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
  • SPONSORER

    Check out UPrinting på YouTheDesigner.


    Visitkort Online

    Web Design Blog Directory

.
Untitled Document
Tilbage til toppen

General

Disse måske af en vis interesse
  • Om Vores Firma
  • Testimonials
  • Kontaktdetaljer
  • Blog
  • Social - Twitter, Flickr

Works

Eksempler på tidligere projekter
  • Om Vores Firma
  • Testimonials
  • Kontaktdetaljer
  • Blog
  • Social - Twitter, Flickr

Services

Det er det, hvor sælger i dag
  • Om Vores Firma
  • Testimonials
  • Kontaktdetaljer
  • Blog
  • Social - Twitter, Flickr

Kontaktdetaljer

Ønsker at leje os? komme i gang her ...
  • Gratis Project Assesment
  • Email - info@aceinfowayindia.com
  • Tlf: 91 11 9810018780

Copyright © 2009, All Right Reserved, Ace Infoway Indien Leje Ace Infoway Indien for din næste forundersøgelse. Se vores portefølje.