Web 2.0 Etiket (Sticker)Yapımı

Photoshop çalışmamızda web siteleri için Etiket (sticker)yapacağız benzer web 2.0 sticker örnekleri bir çok verb sitesinde header kısmında görmeye alışmış olmalıyız bir çok hazır örnek olmasına rağmen ben sizlere örnek bir uygulamayı anlatmak istedim. İlk olarak yeni bir çalışma sayfası açalım.
1-Arka plan resmi ekleyip yeni layer açalım Eliptical Marquee aracı ile daire oluşturalım kova aracı ile renk #468dcb dolduralım.

2-Dairemizin kenar kısmını dikdörtgen aracı ile seçili yapıp edit>copy yapalım seçili kısmı delete silelim kopya yaptığımız parçayı edit>paste yapalım.

3-Kesip eklediğimiz parçamıza Layer Style Blending Options seçeneklerini uygulayalım. İstersek çok basit olarak istediğimiz renk uygulamasını yapabiliriz group layeri kopya yapalım tek yapmamız gereken daire layer’de uyguladığımız Gradient Overlay style açıp renk tonlarını değişmek olacaktır.

4-Daire layerimize gelelim Layer Style Blending Options seçeneklerini uygulayalım.

5-Dairemize eklediğimiz parçayı ayarlayalım.

6-Daire ve parça layerleri seçili yapalım Layer>New Group From Layers group yapalım group layer seçili free transform aracı ile çalışmamızı çevirelim.

7-Group layer açalım parça layer üzerine yeni layer ekleyelim layer adı parlama olsun daire layerin orta kısmına kadar gelen yeni daire seçimi oluşturalım içini beyaz renk ile dolduralım. Daire layeri seçili yapalım parlama layere gelerek select>inverse yaparak parlama kısmındaki fazlalığı silmek için delete yapalım.

8-Parlama layerin layer mode Overlay yapalım opacity değerini %50 olarak ayarlayalım. Parlama layer mask uygulayıp gradient uygulayalım.

9-Yazımızı yazalım Layer Style Drop Shadow uygulayalım.
İstersek çok basit olarak istediğimiz renk uygulamasını yapabiliriz group layeri kopya yapalım tek yapmamız gereken daire layer’de uyguladığımız Gradient Overlay style açıp renk tonlarını değişmek olacaktır.
Final














Cokkk Güzel Yaa
Çok iyi yaa,sticker olsun, taştan olsun….
Yorum Yazın
Photoders Hakkında
Rastgele Yazılar
Kategoriler
Son Yorumlar
Bağlantılar
Giriş
Etiketler
3D Advanced Animasyon Animation Bir Objenin Yansıması Bir Resim Efekti buttons Calculator Chrome Text cursor dancer dans day Dynamic Efekt Efekti Effect etiket fire flash site yapımı Fotoğraf Gezegen Header Icon kontrol Liquify tool Logo Love smiley Manipulasyon menü Model Mouse Photo Photoders Text Efekt Photo Effect (Resim Efekti) Photo Keskinlik Efekti Photoshop Brushes Photoshop Tutorials Photo Tutorial Powerful Preloader Resim Balans Uygulamaları (Levels) Ses Sis (Fog) Effect Tutorial Sound Stars Tutorials Text efekt tutorials Text Yansıma ve Gölge Efekti Web Logo Yıldız (Star) Photo Effect