• Heim
  • Über
  • Artikel
  • Kontaktieren Sie uns

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

  • Artikel geschrieben
  • am 02.09.2009
  • um 09:41 AM
  • von admin

Erstellen Sie eine schöne Box Icon in Photoshop

Hey Jungs noch eine Photoshop-Tutorial hier in der Nähe, jetzt in dieser Zeit werde ich zeigen, wie Sie ein Feld Symbol in Photoshop.This zu erstellen ist sehr einfache und wirkungsvolle Technik. Ich hoffe, Sie werden dieses Tutorials zu genießen.

Hier ist die Wirkung wir werden für:

final

Schritt # 1

Öffnen Sie Photoshop und ein neues Dokument erstellen, ist mein 567 × 464px mit einem weißen Hintergrund.

box-icon-step-0

Schritt # 2

Wählen Sie die Rechteck-Werkzeug sicherzustellen, dass Sie diese Optionen ausgewählt haben.

box-icon-step-a

Machen Sie ein Rechteck, nennen Sie die Ebene vor.

box-icon-step-1

Schritt 3

Füllen Sie nun das Rechteck mit # af915b
box-icon-step-2

Schritt # 4

Wenden Sie einen Schatten nach innen für das Rechteck angezeigt.
box-icon-step-3-a

Das Rechteck sollte wie folgt aussehen.

box-icon-step-3

Schritt # 5

Machen Sie neue Ebene den Namen des neuen Schicht ist top, und wählen Sie Stift-Werkzeug, setzen Sie ihn auf der ursprünglichen Rechteck und wählen Sie dann das Werkzeug Frei transformieren Strg + T, verringert jetzt die Höhe und gehen Sie auf Bearbeiten - Transformieren - Perspektive und Bewegung ein Anfang Ecke im Nest, bis Sie eine Kastenform haben.

Schritt # 6

Füllen Sie nun die obere Ebene mit # e1cea4

Your Box aussehen

ace-box-icon

Schritt # 7

Wenden Sie einen Schatten nach innen für Ihre oberste Schicht ein.
box-icon-step-5-a

box-icon-step-5

Schritt: 8

Erstellen schwarze Linie auf der neuen Ebene zu verringern und die Deckkraft 40% duplizieren Sie diese schwarze Linie, bewegen Sie einen Schritt zurück und reduzieren Sie die Deckkraft 20%.
box-icon-step-6

Schritt # 11

Erstellen Sie einen weißen Streifen auf der Oberseite, wählen Sie das Werkzeug "Frei transformieren Strg + T und der rechten Maustaste wählen Sie Vorausschau ziehen ein oberen Ecke hinein. Wählen Sie nun die Pen-Tool erstellen und weißen Streifen und legen Sie die Form unter, wählen Sie das Werkzeug "Frei transformieren Strg + T und der rechten Maustaste wählen Sie Vorausschau ziehen zweiten unteren Ecke hinein. verschmelzen diese zwei Schichten und reduzieren Sie die Deckkraft 40%.

Die Box sollte wie folgt aussehen.

box-icon-step-7

Schritt # 12

Wählen Sie Text-Werkzeug und Eingeben von Text auf der Vorderseite.
final-a

Nun wenden wir eine gewisse Wirkung

gradinat
final-gradiant1

Inner Shadow
final-inner-dropshdow

Schlagschatten
final-inner-shadow

Final Vorschau

final

Was ist Ihre Meinung zu diesem Tutorial, bitte teilen Sie mit uns. Comment us

Wenn Sie möchten weitere Tutorials von uns erhalten, prüfen Sie bitte abonnieren Sie unseren Feed von RSS-oder E-Mail.

Abgelegt unter: Photoshop, Tutorials von admin

Werbung für uns

Tags: Photoshop, Tutorials

In Verbindung stehende Artikel:

Wenn Sie genossen diesen Artikel lesen, schauen Sie bitte auf ähnliche Artikel unter:

    • Retro Up Image in 2 Minuten: Photoshop
    • Sketch and Painting in Photoshop
    • Pop-Art Comic Tutorial: Photoshop
    • Wie Smooth Glossy Text Effect in Photoshop erstellen
    • Wie man ein Auto Farbe in nur 2 Minuten Änderung mit Photoshop
Untitled Document

Eine Kommentare

  1. Iris sagt am: 3. September 2009 um 11:44 Said:

    really nice! Danke : D

Submit a Comment

XHTML: Sie können diese Tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> < del datetime = ""> <em> <i> <q cite=""> <Stark>


«Free Rust Textures
Developer's Paradise Sites of the Week "der 04. September 2009»
Untitled Document

    Abonnieren

  • Abonnieren Sie unseren Feed
  • Abonnieren per E-Mail
  • Folgen Sie uns auf Twitter
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor

    • Suche

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

      • Heim
      • Über
      • Artikel
      • Kontaktieren Sie uns
    • Kategorien

    • Css (15)
    • Design / Inspiration (39)
    • Freebies (19)
    • Graphic Design (9)
    • Photoshop (10)
    • Ressourcen (17)
    • Seo (1)
    • Tools (5)
    • Tutorials (22)
    • Typografie (3)
    • Web-Entwicklung (4)
    • Wordpress (4)
    • Archiv

    • September 2009
    • August 2009
    • Juli 2009
    • Juni 2009
    • Mai 2009
    • Neueste Beiträge

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

    • Wie erzeugt man gut aussehende Form ohne Tisch
    • 6 Freie und High Quality Textures Brick Wall
    • Willkommen bei ACE
    • Tutorial zu erstellen, eine schöne, einfache, horizontale CSS-Menü
    • 25 Fußzeile der Webseite entwickelt, Trends und Styles
    • 35 Creative Illustrative Website Headers
    • Developer's Paradies Stätten der Woche 02. Juli 2009
    • Tag cloud

    Css Design Fonts Freebies Graphic Design Grafik Design Icons Inspiration Photoshop Resources Tools Tutorials Typografie Web development Wordpress

    • Freunde

      • Abduzeedo
      • Neben Alist
      • Bittbox
      • CrazyLeaf Design
      • CSS-Tricks
      • David Walsh
      • Fudgegraphics
      • Fuel Your Creativity
      • Hilfe Entwickler
      • Instant Shift
      • Line25
      • Mirificampress
      • My Ink Blog
      • Noupe
      • PSDFan
      • PSDTUTS
      • Sagen Brain
      • Six Revisions
      • Spoon Graphics
      • Toxel
      • Vandelay Design
      • Wir fungieren
      • 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
  • SPONSOREN

    Check out UPrinting auf YouTheDesigner.


    Business Cards Online

    Web Design Blog Directory

.
Untitled Document
Zurück zum Anfang

General

Diese vielleicht von Interesse
  • Über unser Unternehmen
  • Testimonials
  • Kontakt Details
  • Blog
  • Social - Twitter, Flickr

Works

Beispiele aus früheren Projekten
  • Über unser Unternehmen
  • Testimonials
  • Kontakt Details
  • Blog
  • Social - Twitter, Flickr

Services

Das ist was, wo heute verkaufen
  • Über unser Unternehmen
  • Testimonials
  • Kontakt Details
  • Blog
  • Social - Twitter, Flickr

Kontakt Details

Willst du uns mieten? beginnen Sie hier ...
  • Freies Projekt Assesment
  • E-Mail - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

© Copyright 2009, Alle Rechte vorbehalten, Ace Infoway Indien Autovermietung Ace Infoway Indien für Ihren nächsten Design-Projekt. Sehen Sie sich unsere Portfolios.