Türkçe Photoshop Dersleri  
Türkçe Photoshop Dersleri Resimli Anlatım

     
Photoshopta iPhone icon web clip   Photoshop'ta iPhone'a ikon eklenmesi. (Web clip)

Aslında temel anlamda bu dersin Photoshop'la çok alakası yok :) Ama madem Photoshop ile ilgileniyoruz, o halde yan bilgi olarak böyle bir şey varken öğrenelim istedim. Şimdi mesele şu 512 x 512 pixel olarak bir tasarım yapıyoruz ve bunu iPhone ekranına ikon olarak yerleştiriyoruz :)
 
Paylaşmak için linki kopyala facebook sayfana yapıştır.
 
1   iPhone ikonunu Home Screen'e yerleştirme.
 
Özet olarak bu derste ne yapacağız?

Phone'a bir ikon eklenmesi olayı tamamen bir estetik anlayışın ürünüdür. Şöyle ki, normalde bilgisayarlarınızda sıklıkla ziyaret ettiğiniz bir web sitesine sürekli adres satırına yazarak gitmektense Favorilerim'e eklersiniz.

İşte bu mantık iPhone'larda Safari'de de olmasına rağmen birde kolaylık olması bakımından Home Screen dediğimiz ana ekrana ikon eklenilerek gerçekleşir. Web sitesinin sahibi eğer iPhone için özel bir ikon tasarımı eklemişse iPhone'ununzda bu kısayol ikon olarak görünür. Bütün mesela bu yani.

Sadece iPhone değil, iPod touch ve iPad için de geçerlidir.

Öncelikle tasarımınızı 512x512 pixel olarak çalışmanızı öneririm. Ben öyle yaptım.
 
Photoshop iPhone ikonu tasarımı
 
photoshop dersleri
 
2   Ölçüleri ayarlayın.
 
Şimdi bu tasarimi aşağıdaki ölçülerde kaydedelim. Bu ölçülerin her biri iPhone, iPad ve iPod touch ekranlar içindir.

57 x 57 px
76 x 76 px
114 x 114 px
120 x 120 px
152 x 152 px
180 x 180 px
 
Photoshop iPhone ikonu tasarımı
Photoshop iPhone ikonu tasarımı
 
photoshop dersleri
 


 
3   Web sitenize atın.
 
Dosyaları internete atın. Web dosyanız içinde şu HTML kodları
<head> </head> etiketleri arasında olmalıdır.

<link rel="apple-touch-icon" sizes="57x57" href="57x57px.png">
<link rel="apple-touch-icon" sizes="76x76" href="76x76px.png">
<link rel="apple-touch-icon" sizes="114x114" href="114x114px.png">
<link rel="apple-touch-icon" sizes="120x120" href="120x120px.png">
<link rel="apple-touch-icon" sizes="152x152" href="152x152px.png">
<link rel="apple-touch-icon" sizes="180x180" href="180x180px.png">


Web siteniz yoksa ve bir ikonunuzu iPhone'unuzda görmek istiyorsanız bana maille gönderin ben sizin ikonunuza bir link oluştururum ve linki size yollarım :)

Altta gördüğünüz adrese mail atın.
bi sey
 
Photoshop iPhone ikonu tasarımı
 
photoshop dersleri
 
4   Linki iPhone'a ekleyin.
 
1) ilk olarak paylaş simgesine dokunun.
2) Add to Home Screen simgesine dokunun
3) Kendinizce bir isim ekleyebilirsiniz. İsteğe bağlı. İkonun altında görünecek.
4) Add yazan yere dokunduğunuzda ikonunuz iPhone ekranına eklenir.

 
Photoshop iPhone ikonu tasarımı

Photoshop iPhone ikonu tasarımı
 
photoshop dersleri
 
5   İkon iPhone Home Screen'de.
 
İşte sonuç.

 
Photoshop iPhone ikonu tasarımı
 
photoshop dersleri
 
 
 
 
  Diğer derslerden bazıları.
 
Photoshopta  kaya zemini nasıl yapılır.  
Photoshop'ta
kaya dokusunun yapılışı.

 
 
Photoshopta karakalem yapımı  
Photoshop'ta bir
klurşun kalemin basitçe nasıl çizildiğini gör.

 
 
Photoshopta photomerge  
Photoshop'ta
fotoğraf birleştirme işlemi :
photomerge

 
 
 
  Photoshop püf noktaları.
 

Photoshop'ta en çok kaç adım geri gidebiliriz?

PS CS5 te en fazla 1000 adım geri gidebiliyorsunuz. Ama bu maksimum gidebileceğiniz adım. Sizin ayarlarınızda kaç adım ise siz o kadar gidebilirsiniz. Bunu öğrenmek için :

Apple bilgisayarlarda menüden
Photoshop > Preferences > Performance... seçtikten sonra History & Cache bölümündeki History Stages ayarınıza bakmalısınız. Oradaki sayı kaç ise o kadar adım geri gidebilirsiniz. Ressimde göreceğiniz gibi ben 1000 değil 25 adıma ayarlamışım.

Photoshop CS5 History Stage

 
 
Photoshop dersleri / Eyedropper tool Eyedropper tool ile herhangi bir renk üzerinde sağ klik yaptığımızda o rengin kodunu kopyalayabiliriz.
Photoshop CS5 History Stage

 
 
 
...

 
 
 
  duvar kaplama paneli
 
Allwall duvar panelleri

 
 
Allwall duvar panelleri

 
 
Allwall duvar panelleri

Duvar kaplama paneli

 
duvardadekor.com
 
  Photoshop kısa yolları
 

Apple:
Cmd+Z : Geri alır.
Tekrar Cmd+Z yaparsan başa döner.
Cmd+Alt+Z geriye doğru gider.


 
 
Windows
Ctrl+Z : Geri alır.
Tekrar Ctrl+Z yaparsan başa döner.
Ctrl+Alt+Z geriye doğru gider.



 
 
Photoshopta photomerge  
Photoshop'ta
fotoğraf birleştirme işlemi :
photomerge

 
 
 
© copyright 2014