<Browse> Ana Sayfa / Tümü , Button , ICON Öğretici / Blog article: RIATMP1157 düğmesi ve simgeleri nasıl yapmak

| Mobile | RSS

Düğmesi ve simgeler yapmak için RIATMP1157-

27 Eylül 2009
How to make button and icon tutorial

Çok basit ama ilgi çekici bir düğme oluşturmak için minimum veya Photoshop deneyimi neredeyse hiç ile hemen hemen herkes ve simge öğretici. Bu yazının amacı, sadece bir düğme yaratma hüner ve teknik, aynı zamanda gelecekte kendi düğmeleri yapmak için yaratıcı ve yaratıcı olmak için size cesaret değildir.


Herhangi bir yaratıcı çalışma önemli sırrı uygulamaya başlamıştır uzun zaman önce sonucunu görmek için yeteneği. Benim için en iyi yolu yakın gözlerimi, bunu başarmak ve oluşturmak için gidiyorum ne olduğunu görmek için denemek için birçok yaklaşım vardır. Bir keresinde ilginç bir şey var unutmadan Gözlerimi açmak ve hemen bir kağıda çizin önce, benim belleğimde bir anlık görüntü almaya çalışın. Bu yapabileceğiniz bir egzersiz ve düzenli yapıyor, daha net görebilmek için yeteneğinizi artıracaktır.

Lets Photoshop nasıl yürütebilirsiniz şimdi, gözlerim kapalı ne gördüysem, bu söylüyorlar?


Icon exercise draw on paper
Simge egzersiz kağıt üzerine çizmek
Photoshop adımları oluşturmak için aşağıdaki gibi, ben basit hale getirmek için çalışacağız.

Adım 1: Photoshop'ta yeni bir dosya açın ve button_tutorial.psd, genişlik gibi bir ad verin: 300, height: 250, varsayılan olarak her şeyi bırakın.


Create new photoshop file
Yeni Photoshop dosyası oluşturun

Adım 2: İsterseniz bazı yumuşatma doku beyaz olarak arka planda tutmak ya da kullanabilirsiniz, ben sadece hızlı doku kütüphanesi kullanarak bazı doku oluşturulur.

Create texture in Photoshop
Photoshop doku oluşturma

Adım 3: yeni bir katman ekleyin ve bir ad verin, yuvarlak köşe kare kutu seçimi oluşturmak (135px X135px) ve 20px için köşe yarıçapı yapmak. Yuvarlatılmış kare kutusu oluşturmak için birçok yol, basit bir yolu vardır: İlk kare bir kutu çizin ve 'Seç - üst menüden "> Düzgün ve 20px yarıçap seçmek -> Değiştir.

create rounded corner square box
yuvarlak köşe kare kutusu oluşturmak
Ekran buna benzer görünmelidir:


rounded corner square box in photoshop
photoshop yuvarlak köşe kare kutu
Adım 4: degrade renk ile seçim alanını doldurmak için, (1) simgesi paneli ve select (2) degrade renk seçimi üstten degrade simgesine tıklayın ve resimde görüldüğü gibi üç renk seçin. [# 80a2be, # 013.871 # 31b7dd]


gradient color in photoshop
photoshop renk degrade
Son görüntü bu gibi olmalıdır.


Gradient color in photoshop
Photoshop Gradient rengi

Adım 5: Şimdi bazı etkisini araştırmak için, zaman,
'Bir katman stili Ekle' alt kat penceresinin simgesini ve Katman stili penceresinden sadece 'Drop Shadow' onay kutusunu tıklatın. Aşağıdaki örnek görüntü izleyin.

Add a layer style Drop Shadow
Bir katman stili Drop Shadow ekle

Adım 6: Şimdi çek 'Outer Glow' onay kutusunu. Aşağıdaki resimde gösterildiği gibi.


Add a layer style Outer glow
Dış katman stili bir parlaklık katın

Adım 7: Sonraki çek 'Inner Glow' onay kutusu. Aşağıdaki resimde gösterildiği gibi.


Add a layer style Inner glow
İç katman stili bir parlaklık katın

Ve burada son tarzı etkisi.


Add a new layer effect in photoshop
Photoshop yeni bir katman efekti ekleme

Adım 8: Yeni bir katman ekleyin ve üst kısmındaki 'Düzenle' menüsünden 'İnme' seçeneğini seçin ve yeşil renkte, sınırları içinde 6px verir. Örnek görüntü izleyin.


Use stroke to create border from edit menu.
Düzenleme menüsü sınır oluşturmak için felç kullanın.

Adım 9: Şimdi böyle bir görüntü var. Üst tabaka panelinden 'Ekran' stilini değiştirme şeffaf bir etkisi verecektir.


Use stock to create border from edit menu.
Stok düzenleme menüsü sınır oluşturmak için kullanın.

Adım 10: Yeni bir layer ekleyin ve aşağıdaki resimde gösterildiği gibi yuvarlak bir dikdörtgen kutu çizmek. Ben daha önce tarif Adım 3 'gibi aynıdır.

Draw a rounded rectangle box
Yuvarlak bir dikdörtgen kutu çizin

Adım 11: Katman penceresinin alt simgeleri bar, ve 'Araçlar' penceresinden 'Gradient simgesi' seçeneğini seçin 'a katman maskesi'. Hemen tıklayın ve yukarıdan aşağıya doğru uygulamak için yuvarlatılmış dikdörtgen kutu üzerinde fareyi sürükleyin ve buna benzer bir sonucunu görmek gerekir.


Add layer mask and Gradient icon for lighting effect
Aydınlatma efekti için katman maskesi ve Gradient simgesi ekle

Adım 12: Şimdi başka bir katman ekleyin ve aşağıdaki resimdeki gibi bir daire çizin ve katman panelini yaklaşık% 50 'Opecity' değiştirmek.


Opecity  to use highlight effect
Vurgulamak efekti kullanmak için Opecity

Adım 13: Şimdi koleksiyonundan Varolan herhangi bir simge yerinde veya kullanmak gibi bir simge çekmek için. Ben sadece hızlı bir kamera çizin.


Draw camera in photoshop
Photoshop kamera çekmek



İsterseniz daha fazla aydınlatma efekti ekleyebilirsiniz, ancak bu tamamen size kalmış.


Lighting effect on button
düğmesine aydınlatma etkisi

Bir kere, çok sayıda, sadece birkaç dakika içinde istedikleri gibi oluşturmak için zaman hazır düğmesi var. Şimdi, Dinle, Ses Cihaz, oyun Ekolayzır, DVD, CD, Mikrofon, Kayıt, Video, Teyp, Ses Kontrol ve kamera Ses.


Sound play, Listen, Audio Device, Equalizer, DVD, CD, Mic, Recording, Video, Tape, Volume Control and camera
Ses, Audio Device dinleyin, Ekolayzır, DVD, CD, Mikrofon, Kayıt, Video, Teyp, Ses Kontrol ve kamera oynamak
Bu eğitimde faydalı mı buldunuz? Benim için bir kahve satın alabilirsiniz, burada ödeyebilirsiniz ! Şerefe :)

pixel RIATMP1157  How to make button and icons

Paylaşma ve tadını çıkarın
  •  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
Bir Cevap Yazın 6988 kez, 3 bugüne kadar bugün |
Etiketler: , , ,
Tartışma izleyin

"Düğmesi ve simgeler yapmak için RIATMP1157-nasıl" Bir Tepki

  1. Zoran Diyor ki:

    Bu doğru olduğundan emin değil:), ama bir yazı için teşekkürler.
    Teşekkürler

Bir Cevap Yazın