<Browse> Strona główna / Wszystkie , BUTTON , ICON , Tutorial / blog artykułu: RIATMP1157-Jak zrobić przycisk i ikony

| Mobile | RSS

RIATMP1157-Jak zrobić przycisk i ikony

27 września 2009
How to make button and icon tutorial

Bardzo proste, ale atrakcyjne przycisku i ikony tutorial tworzenia prawie każdy z minimalnym lub prawie żadnego doświadczenia Photoshop. Celem tego podręcznika jest nie tylko pokazuje sztuczki i techniki tworzenia przycisku, ale również zachęca do kreatywności i wyobraźni, aby własne przyciski w przyszłości.


Jednym z najważniejszych tajnych w każdym pracy twórczej jest możliwość, aby zobaczyć wynik długo zanim zaczęła wykonawczych. Istnieje wiele podejście do jego osiągnięcia, dla mnie najlepszym sposobem jest zamknąć oczy i spróbować zobaczyć, co mam zamiar stworzyć. Kiedyś coś spróbować zrobić zdjęcie w mojej pamięci, zanim otworzę oczy i od razu rysować to na papierze zanim zapomnę. Jest to ćwiczenie możesz zrobić i robi regularnie zwiększy zdolność dostrzegania jaśniej.

Powiedzmy, że to, co widziałem, gdy zamknęłam oczy, teraz jak można go wykonać w Photoshopie?


Icon exercise draw on paper
wykonywania Icon rysować na papierze
Aby utworzyć w Photoshop kroki są następujące, postaram się zrobić to proste:

Krok 1: Otwórz nowy plik w Photoshopie i podać nazwę jak button_tutorial.psd, szerokość: 300, wysokość: 250, zostawić wszystko tak jak domyślne.


Create new photoshop file
Utwórz nowy plik photoshop

Krok 2: Możesz zachować tło białe lub korzystać z niektórych wygładzanie tekstur, jeśli wolisz, po prostu szybko stworzył kilka tekstur z wykorzystaniem biblioteki tekstur.

Create texture in Photoshop
Tworzenie tekstury w photoshop

Krok 3: Dodaj nową warstwę i nazwij, tworzyć zaokrąglony róg placu zaznaczania (135px X135px) i wprowadzić promień narożnika do 20px. Istnieje wiele sposobów tworzenia zaokrąglony kwadrat, jeden prosty sposób: Narysuj kwadrat pierwszy i wybrać opcję "Select -> Modify -> Smooth" z górnego menu i wybierz promieniu 20px.

create rounded corner square box
utworzyć zaokrąglony narożnik kwadrat
Twój ekran powinien wyglądać tak:


rounded corner square box in photoshop
zaokrąglony róg kwadrat w photoshopie
Krok 4: Aby wypełnić tę obszar zaznaczenia z gradient kolorów, kliknij na (1) gradient ikonę w panelu ikonę i wybierz (2) gradient wyboru koloru od góry i wybrać trzy kolor jak widać na obrazku. [# 80a2be, # 013871, # 31b7dd]


gradient color in photoshop
gradient koloru w photoshopie
Twój ostateczny obraz powinien wyglądać.


Gradient color in photoshop
Gradient kolorów w photoshopie

Krok 5: Teraz czas na zwiedzanie jakiś efekt,
Kliknij na "Dodaj styl warstwy" ikony w dolnej części okna warstw, w pole wyboru stylu okna Layer tylko "Cień". Postępuj zgodnie z przykładowego obrazka poniżej.

Add a layer style Drop Shadow
Dodaj styl warstwy Cień

Krok 6: Teraz pole wyboru "Outer Glow" wyboru. Czy tak jak pokazano na obrazku poniżej.


Add a layer style Outer glow
Dodaj styl warstwy zewnętrzne blask

Krok 7: pole wyboru "Inner Glow 'wyboru. Czy tak jak pokazano na obrazku poniżej.


Add a layer style Inner glow
Dodaj styl warstwy wewnętrzny blask

I tu jest twój styl efekt końcowy.


Add a new layer effect in photoshop
Dodaj nowy efekt warstwy w photoshopie

Krok 8: Dodaj nową warstwę i wybierz "Stroke" z menu "Edycja" na górze i daje kolor zielony, 6px wewnątrz granicy. Wykonaj obraz próbki.


Use stroke to create border from edit menu.
Użyj skok do tworzenia granicy z menu Edycja.

Krok 9: masz obrazek jak ten. Zmień styl z górnym panelu warstwy "Screen" daje przejrzysty efekt.


Use stock to create border from edit menu.
czas Służy do tworzenia granicy z menu Edycja.

Krok 10: Dodaj nową warstwę i narysuj prostokąt zaokrąglony prostokąt, jak pokazano na obrazku poniżej. To jest taki sam jak "Krok 3" opiszę wcześniej.

Draw a rounded rectangle box
Narysuj prostokąt zaokrąglony prostokąt

Krok 11: "Dodaj maskę warstwy" Wybierz z dolnym pasku ikon w oknie Layer i wybierz opcję "Gradient ikonę" z okna "Narzędzia". Teraz kliknij i przeciągnij myszą na pole prostokąta zaokrąglonego obowiązywać od góry do dołu i powinieneś zobaczyć podobny wynik podobny do tego.


Add layer mask and Gradient icon for lighting effect
Dodaj maskę warstwy i Gradient ikonę efekt oświetleniowy

Krok 12: Teraz dodaj kolejną warstwę i narysuj kółko jak na zdjęciu poniżej i zmiana "Opecity" z panelu warstwy do około 50%.


Opecity  to use highlight effect
Opecity wykorzystać efekt podkreślenia

Krok 13: Teraz czas, aby narysować ikonę chcesz umieścić albo skorzystać z istniejących ikony z kolekcji. Właśnie wyciągnąć aparat szybko.


Draw camera in photoshop
Remis kamery w photoshopie



Możesz dodać więcej efektów świetlnych, jeśli wolisz, ale całkowicie do Ciebie.


Lighting effect on button
oświetlenie wpływ na przycisk

Po przycisk gotowa, jej czasu, by stworzyć jak wiele chcesz w zaledwie kilka minut. Mam teraz, Sound grać Słuchaj, urządzenia audio, Equalizer, DVD, CD, mikrofon, nagrywanie, Video, Tape, głośności i aparatu.


Sound play, Listen, Audio Device, Equalizer, DVD, CD, Mic, Recording, Video, Tape, Volume Control and camera
odtwarzać dźwięk Słuchaj, urządzenia audio, Equalizer, DVD, CD, mikrofon, nagrywanie, Video, Tape, głośności i kamery
Znalazłem ten tutorial przydatne? Możesz kupić mi kawę, można płacić tutaj ! Pozdrawiam :)

pixel RIATMP1157  How to make button and icons

Ciesz się i udział
  •  RIATMP1157  How to make button and icons favicons?domain=digg RIATMP1157  How to make button and icons favicons?domain=www.dzone RIATMP1157  How to make button and icons favicons?domain=www.facebook RIATMP1157  How to make button and icons favicons?domain=www.google RIATMP1157  How to make button and icons favicons?domain=www.linkedin RIATMP1157  How to make button and icons favicons?domain=favorites.live RIATMP1157  How to make button and icons favicons?domain=www.mixx RIATMP1157  How to make button and icons favicons?domain=www.myspace RIATMP1157  How to make button and icons  RIATMP1157  How to make button and icons favicons?domain=reddit RIATMP1157  How to make button and icons favicons?domain=www.stumbleupon RIATMP1157  How to make button and icons favicons?domain=technorati RIATMP1157  How to make button and icons favicons?domain=twitter RIATMP1157  How to make button and icons favicons?domain=buzz.yahoo RIATMP1157  How to make button and icons
Zostaw odpowiedź 3365 odsłon, 13 do tej pory dzisiaj |
Follow dyskusja

Jedna odpowiedź do "RIATMP1157-Jak zrobić przycisk i ikony"

  1. Zoran Says:

    Nie wiesz, że to prawda:), ale dzięki za post.
    Dzięki

Zostaw odpowiedź