• Dom
  • O
  • Artykuły
  • Skontaktuj się z nami

: 91 11 9810018780 E-mail: info@aceinfowayindia.com / Call: 91 11 9810018780

  • Artykuł napisany
  • w dniu 02.09.2009
  • at 09:41
  • przez admin

Tworzenie Beautiful Box ikona w programie Photoshop

Hey guys jeden Photoshop tutorial po to tu, to w tym czasie i pokaże, jak stworzyć ikonę w oknie Photoshop.This jest bardzo proste i skuteczne techniki. Mam nadzieję, że spodoba się Państwu ten wychowawczy.

Oto efekt idziemy do:

final

Krok 1

Open Photoshop i utworzyć nowy dokument, mój jest 567 × 464px z białym tłem.

box-icon-step-0

Krok # 2

Wybierz narzędzie Prostokąt upewnij się, że mam te opcje zaznaczone.

box-icon-step-a

Dodać do prostokąta, nazwy przednią warstwę.

box-icon-step-1

Krok 3

Teraz wypełnić prostokąt # af915b
box-icon-step-2

Krok 4

Zastosuj wewnętrzny cień na pole prostokąta.
box-icon-step-3-a

Prostokąt powinien wyglądać.

box-icon-step-3

Krok 5

Dodać nową warstwę nazwę nowej warstwy jest najlepsze i wybierz narzędzie pióro, umieścić go na szczycie oryginalna prostokąta a następnie wybierz Przekształcenie Free Tool Ctrl + T, teraz ograniczyć wysokość i przejdź do Edit - Transform - perspektywy i przenieść jeden górę róg wewnątrz, póki nie ma kształtu pola.

Krok 6

Teraz wypełnić górną warstwę z # e1cea4

Twój wygląda tak

ace-box-icon

Krok 7

Zastosuj wewnętrzny cień za top box warstwy.
box-icon-step-5-a

box-icon-step-5

Krok 8

Tworzenie czarna linia na nową warstwę i zmniejszyć opacity 40% powtarzanie tej czarnej linii, przenieść jeden krok do tyłu i zmniejszyć opacity 20%.
box-icon-step-6

Krok # 11

Tworzenie białym paskiem na wierzchu, wybierz Przekształcenie Free Tool Ctrl + T i kliknij prawym przyciskiem myszy wybierz perspektywy następnie wyciągnąć jednego górnego rogu do środka. Teraz wybieramy Pen Tool i stworzyć białym paskiem i miejsce kształt pod wybierz Przekształcenie Free Tool Ctrl + T i kliknij prawym przyciskiem myszy wybierz perspektywy następnie wyciągnąć sekund dolnym rogu w środku. scalić te dwie warstwy i zmniejszenie opacity 40%.

Pole powinno wyglądać.

box-icon-step-7

Krok # 12

Wybierz narzędzie Tekst i wpisz tekst z przodu.
final-a

Teraz się pewne efekty

gradinat
final-gradiant1

Inner Shadow
final-inner-dropshdow

Drop Shadow
final-inner-shadow

Wersja Preview

final

Co myśli o tym kursie, proszę podzielić się z nami. Komentarz do nas

Jeśli chcieliby Państwo uzyskać więcej tutoriali od nas, proszę zapisać się do naszego kanału przez RSS lub poprzez e-mail.

Filed under: Photoshop, Tutorials przez admin

Promuj nas

Tagi: Photoshop, Tutorials

Pokrewne artykuły:

Jeśli korzystają przeczytaniu tego artykułu, proszę sprawdzić inne powiązanych artykułów poniżej:

    • Retro w górę Grafika w 2 minuty: Photoshop
    • Skecze i Malarstwa w życie w Photoshop
    • Pop Art Comic Tutorial: Photoshop
    • Tworzenie Smooth Glossy Efekty tekstowe w Photoshopie
    • Jak zmienić kolor samochodów w zaledwie 2 minuty za pomocą Photoshopa
Untitled Document

Jeden Komentarze

  1. tęczówki mówi na: 3 września 2009 at 11:44 Said:

    really nice! dzięki : D

Prześlij komentarz

XHTML: Możesz używać tych skuwki: href="" title=""> <abbr title=""> <acronym <b> <blockquote zacytować=""> <cite> <code> < del datetime = ""> <em> <<q zacytować=""> <strike> <strong>


«Wolny Rust Tekstury
Developer's Paradise terenów Tydzień 04 września 2009 »
Untitled Document

    Subskrypcja

  • Zapisz się do naszego kanału
  • Subskrybuj przez e-mail
  • Follow us on Twitter
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor

    • Szukać

      Untitled Document
  • Kalendarz

    Wrzesień 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
    • Strony

      • Dom
      • O
      • Artykuły
      • Skontaktuj się z nami
    • Kategorie

    • CSS (15)
    • Design / Inspiracje (39)
    • Za Darmo (18)
    • Graphic Design (9)
    • Photoshop (10)
    • Zasoby (17)
    • Seo (1)
    • Narzędzia (5)
    • Poradniki (22)
    • Typografia (3)
    • Opracowanie WWW (4)
    • Wordpress (4)
    • Archiwum

    • Wrzesień 2009
    • Sierpień 2009
    • Lipiec 2009
    • Czerwiec 2009
    • Maj 2009
    • Recent Posts

    • Css
    • Design / Inspiration
    • Za Darmo
    • Graphic Design
    • Photoshop
    • Popularne posty

    • Jak stworzyć dobry patrząc formie bez tabeli
    • 6 Free oraz wysokiej jakości Brick Wall Tekstury
    • Zapraszamy do ACE
    • Tutorial do tworzenia Piękne, proste, poziome menu CSS
    • 25 projektów WWW stopki, trendy i style
    • 35 Creative przykładowej witryny Nagłówki
    • Developer's witryn raju tydzień w lipcu 02-cie 2009
    • Tag cloud

    CSS Design Czcionki Darmo Graphic Design Projektowanie graficzne ikony Inspiration Photoshop Zasoby Narzędzia Samouczki Typografia rozwoju Web Wordpress

    • Znajomi

      • Abduzeedo
      • Oprócz alist
      • BittBox
      • CrazyLeaf Design
      • Css Tricks
      • David Walsh
      • Fudgegraphics
      • Paliwo Your Creativity
      • Pomoc deweloperów
      • Instant Shift
      • Line25
      • Mirificampress
      • Tusz My Blog
      • Noupe
      • PSDFan
      • PSDTUTS
      • Poleć Brain
      • Sześć Rewizje
      • Spoon Graphics
      • Toxel
      • Vandelay Design
      • Działamy
      • Web Designer Depot
      • Web Designer Ledger
      • Web Designer Wall
      • Jesteś Designer
    • Tłumacz

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

    Sprawdź UPrinting na YouTheDesigner.


    Wizytówki online

    Web Design Blog Directory

.
Untitled Document
Powrót do góry

Ogólne

Te być może z pewnym zainteresowaniem
  • O naszej firmie
  • Referencje
  • Contact Details
  • Blog
  • Społeczny - Twitter, Flickr

Works

Przykłady z ostatnich projektów
  • O naszej firmie
  • Referencje
  • Contact Details
  • Blog
  • Społeczny - Twitter, Flickr

Usługi

To, co w przypadku gdy sprzedaż dziś
  • O naszej firmie
  • Referencje
  • Contact Details
  • Blog
  • Społeczny - Twitter, Flickr

Contact Details

Chcesz wynająć nas? zacząć tutaj ...
  • Darmowe Project Assesment
  • Email - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, All Right Reserved, Ace Infoway Indie Wynajem Ace Infoway Indii do następnego projektu konstrukcji. Zobacz nasze portfolio.