• Home
  • Over
  • Artikelen
  • Contacteer ons

: 91 11 9810018780 Mail naar: info@aceinfowayindia.com / Bel: 91 11 9810018780

  • Artikel geschreven
  • op 02.09.2009
  • om 09:41
  • door admin

Maak een mooie Box Icon in Photoshop

Hey guys nog een Photoshop tutorial hier, nu in deze tijd zal ik laten zien hoe je een vak-pictogram in Photoshop.This maken is zeer eenvoudig en effectieve techniek. Ik hoop dat u deze tutorials genieten.

Hier is het effect gaan we voor:

final

Stap # 1

Open Photoshop en maak een nieuw document, is de mijne 567 × 464px met een witte achtergrond.

box-icon-step-0

Stap # 2

Selecteer het gereedschap Rechthoek zorg ervoor dat u hebt deze geselecteerde opties.

box-icon-step-a

Maak een rechthoek, de naam van de laag front.

box-icon-step-1

Stap # 3

Nu Vul de rechthoek met # af915b
box-icon-step-2

Stap # 4

Breng een innerlijke schaduw voor uw rechthoek doos.
box-icon-step-3-a

De rechthoek moet er zo uitzien.

box-icon-step-3

Stap # 5

Maak nieuwe laag de naam van de nieuwe laag is top en selecteer de pen tool, plaatst u deze op de top van de oorspronkelijke rechthoek en selecteer het gereedschap Vrije transformatie Ctrl + T, nu verminderen de hoogte en ga naar Edit - Transform - vooruitzichten en bewegen een van de top hoek binnen tot je een doos vorm hebben.

Stap # 6

Vul nu de bovenste laag met # e1cea4

Uw Box uitzien

ace-box-icon

Stap # 7

Breng een innerlijke schaduw voor uw bovenste laag box.
box-icon-step-5-a

box-icon-step-5

Stap: 8

Maak zwarte lijn op de nieuwe laag en vermindering van de dekking 40% duplicaat deze zwarte lijn, zet het een stap terug en vermindering van de dekking 20%.
box-icon-step-6

Stap # 11

Maak een witte streep op de top, selecteer het gereedschap Vrije transformatie Ctrl + T en klik met de rechtermuisknop selecteer vooruitzichten trek een bovenhoek binnen. Selecteer nu de Pen Tool en creëren witte streep en plaats de vorm in, selecteer het gereedschap Vrije transformatie Ctrl + T en klik met de rechtermuisknop selecteer vooruitzichten trek seconden onderste hoek binnen. samenvoegen van deze twee lagen, en vermindering van de dekking 40%.

De doos moet er zo uitzien.

box-icon-step-7

Stap # 12

Selecteer tekst gereedschap en typt u tekst op de voorzijde.
final-a

Nu gelden enkele invloed

gradinat
final-gradiant1

Inner Shadow
final-inner-dropshdow

Slagschaduw
final-inner-shadow

Final Preview

final

Wat is uw bedenkingen bij deze tutorial, gelieve te delen met ons. Reactie ons

Wilt u meer tutorials van ons te ontvangen, kunt u overwegen een abonnement op onze feed met RSS of per e-mail.

Geplaatst onder: Photoshop, Tutorials door admin

Promoot ons

Tags: Photoshop, Tutorials

Verwante artikelen:

Als je genoten hebt van het lezen van dit artikel, kijk dan op andere aanverwante artikelen hieronder:

    • Retro Up Image in 2 Minutes: Photoshop
    • Schets en Schilderkunst Effect in Photoshop
    • Pop Art Comic Tutorial: Photoshop
    • How to Create Smooth Glossy Text Effect in Photoshop
    • How to Change Auto Colour in slechts 2 minuten Met Photoshop
Untitled Document

Een commentaar

  1. iris zegt op: 3 september 2009 om 11:44 Said:

    really nice! bedankt : D

Submit a Comment

XHTML: U kunt deze tags: href="" titel=""> <abbr title= <acronym title= <b> <blockquote noemen=""> <cite> <code> < del datetime = ""> <em> <i> <q cite=""> <strike> <strong>


«Gratis Rust Structuren
Developer's Paradise Sites van de Week voor 04 september 2009 »

    Abonneren

  • Abonneer u op onze feed
  • Abonneren via e-mail
  • Volg ons op Twitter
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor

    • Zoeken

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

      • Home
      • Over
      • Artikelen
      • Contacteer ons
    • Categorieën

    • Css (15)
    • Design / Inspiration (39)
    • Freebies (19)
    • Graphic Design (9)
    • Photoshop (10)
    • Resources (17)
    • Seo (1)
    • Tools (5)
    • Tutorials (22)
    • Typografie (3)
    • Web ontwikkeling (4)
    • Wordpress (4)
    • Archief

    • September 2009
    • Augustus 2009
    • Juli 2009
    • Juni 2009
    • Mei 2009
    • Recente berichten

    • Css
    • Design / Inspiration
    • Freebies
    • Graphic Design
    • Photoshop
    • Populaire Posten

    • Hoe creëren good looking vorm zonder tafel
    • 6 Gratis en High Quality Brick Wall Structuren
    • Welkom bij ACE
    • Tutorial om een mooie, eenvoudige, horizontale CSS Menu
    • 25 footer website ontwerpen, trends en stijlen
    • 35 Creative Illustratieve Website Headers
    • Paradijs voor ontwikkelaars sites van de week voor juli 02nd 2009
    • Tag cloud

    Css Design Fonts Freebies Grafisch Ontwerp Grafisch ontwerp Icons Inspiratie Photoshop Resources Tools Tutorials Typografie Web ontwikkeling Wordpress

    • Vrienden

      • Abduzeedo
      • ALIST Apart
      • BittBox
      • CrazyLeaf Design
      • Css Tricks
      • David Walsh
      • Fudgegraphics
      • Fuel Your Creativity
      • Help ontwikkelaars
      • Instant Shift
      • Line25
      • Mirificampress
      • My Ink Blog
      • Noupe
      • PSDFan
      • PSDTUTS
      • Deel Brain
      • Six Revisions
      • Spoon Graphics
      • Toxel
      • Vandelay Design
      • Wij functie
      • 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
  • SPONSORS

    Check out UPrinting op YouTheDesigner.


    Business Cards Online

    Web Design Blog Directory

.
Untitled Document
Terug naar boven

Algemeen

Deze misschien van enig belang
  • Over Ons Bedrijf
  • Getuigenissen
  • Contactgegevens
  • Blog
  • Sociaal - Twitter, Flickr

Werken

Voorbeelden van projecten uit het verleden
  • Over Ons Bedrijf
  • Getuigenissen
  • Contactgegevens
  • Blog
  • Sociaal - Twitter, Flickr

Diensten

Dit is wat vandaag waar de verkoop
  • Over Ons Bedrijf
  • Getuigenissen
  • Contactgegevens
  • Blog
  • Sociaal - Twitter, Flickr

Contactgegevens

Wilt u ons inhuren? je hier begonnen ...
  • Gratis Project Assesment
  • E-mail - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, All Right Reserved, Ace Infoway India Huur Ace Infoway India voor uw volgende ontwerp project. Bekijk onze portfolio.