| |
|
|
 |
|
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. |
 |
| link.zamkinos.com/photoshop_iPhone_ikonu/ |
 |
|
| |
| 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. |
|
|
|
|
|
|
|
| |
|
|
| |
Ş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 |
|
|
 |
|
|
|
|
| |
|
| |
|
|
| |
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.
|
|
|
 |
|
|
|
|
| |
| 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.
|
|
|
 |
|
|
|
|
| |
| 5 |
|
İkon iPhone Home Screen'de. |
|
|
|
|
|
|
| |
| |
Eyedropper tool ile herhangi bir renk üzerinde sağ klik yaptığımızda o rengin kodunu kopyalayabiliriz.
