Photoshop Temel Kavramları.
File Menüsü
Yeni CtrL+N Cmd+N
Yeni Layer Ctrl+Shift+N Cmd+Shift+N
Aç Ctrl+O Cmd+O
FarkliAç Ctrl+Alt+O n/a
Kapat Ctrl+W Cmd+W
Hepsini Kapat Ctrl+Shift+W Cmd+Shift+W
Kaydet Ctrl+S Cmd+S
FarkliKaydet Ctrl+Shift+S Cmd+Shift+S
KopyasiniKaydet Ctrl+Alt+S Cmd+Option+S
Web için Kaydet Ctrl+Alt+Shift+S Cmd+Option+Shift+S
Page Setup Ctrl+Shift+P Cmd+Shift+P
Yazdir Ctrl+P Cmd+P
Çikis Ctrl+Q Cmd+Q
ImageReady' e geç Ctrl+Shift+M Cmd+Shift+M
Yardim F1
Edit Menüsü
Undo Ctrl+Z Cmd+Z
History 'de bir adim geri Ctrl+Alt+Z Cmd+Option+Z
History 'de bir adim ileri Ctrl+Shift+Z Cmd+Shift+Z
Kes Ctrl+X Cmd+X
Kopyala Ctrl+C Cmd+C
Birleþtirilmiþ Kopyala Ctrl+Shift+C Cmd+Shift+C
Yapistir Ctrl+V Cmd+V
Içine Yapistir Ctrl+Shift+V Cmd+Shift+V
Free Transform Ctrl+T Cmd+T
Image Menüsü
Adjust Levels Ctrl+L Cmd+L
Adjust Auto Levels Ctrl+Shift+L Cmd+Shift+L
Adjust Auto Contrast Ctrl+Alt+Shift+L Cmd+Option+Shift+L
Adjust Curves Ctrl+M Cmd+M
Adjust Color Balance Ctrl+B Cmd+B
Adjust Hue/Saturation Ctrl+U Cmd+U
Desaturate Ctrl+Shift+U Cmd+Shift+U
Invert Ctrl+I Cmd+I
Extract Ctrl+Alt+X Cmd+Option+X
Layers menüsü
New Layer Ctrl+Shift+N Cmd+Shift+N
Layer via Copy Ctrl+J Cmd+J
Layer via Cut Ctrl+Shift+J Cmd+Shift+J
Group with Previous Ctrl+G Cmd+G
Ungroup Ctrl+Shift+G Cmd+Shift+G
Bring to Front Ctrl+Shift+] Cmd+Shift+]
Bring Forward Ctrl+] Cmd+]
Send Backward Ctrl+[ Cmd+[
Send Back Ctrl+Shift+[ Cmd+Shift+[
Send Backward Ctrl+[ Cmd+[
Merge Layers Ctrl+E Cmd+E
Merge Visible Ctrl+Shift+E Cmd+Shift+E
Select Menüsü
Hepsini Seç Ctrl+A Cmd+A
Seçiciliði gider Ctrl+D Cmd+D
Yeniden Seç Ctrl+Shift+D Cmd+Shift+D
Inverse Ctrl+Shift+I Cmd+Shift+I
Feather Ctrl+Alt+D Cmd+Option+D
Filter Menüsü
Son Filter'i tekrarla Ctrl+F Cmd+F
Fade Ctrl+Shift+F Cmd+Shift+F
View Menüsü
Preview CMYK Ctrl+Y Cmd+Y
Gamut Warning Ctrl+Shift+Y Cmd+Shift+Y
Zoom In Ctrl++ Cmd++
Zoom Out Ctrl++ Cmd++
Fit on Screen Ctrl+0 (sifir) Cmd+0 (sifir)
Actual Pixels Ctrl+Alt+0 (sifir) Cmd+Option+0 (sifir)
Hide Edges Ctrl+H Cmd+H
Hide Path Ctrl+Shift+H Cmd+Shift+H
Show Rulers Ctrl+R Cmd+R
Snap Ctrl+; Cmd+;
Target Path Ctrl+Shift+H; Cmd+Shift+H;
Lock Guides Ctrl+Alt+; Cmd+Option+;
Show Guides Ctrl+' Cmd+'
Show Grid Alt+Ctrl+' Option+Ctrl+'
Katmanlar Layers
"Layer" leri açmak için Ana Menüden, Window > Show Layers yolunu kullanıyoruz. (Kapatmak için ise Window > Hide Layers yolunu seçiyoruz.).
Katmanlar olarak da ifade edilen Layer'ler Photoshop gibi resim işleme programlarının en önemli unsurlarıdır. İmajımızı hazırlarken yaptımız her desenin, yazının, grafiğin birbirine karışmaması, değiştirmek istediğimizde herbirine ayrı ayrı hükmetmemizi sağlarlar. İmajımızı hazırlarken, imaja ekleyeceğimiz her yeni parça ayrı bir katman (Layer) açılarak yapılmalıdır. Yani meydana getireceğimiz imajımız bir Üstüste Gelmiş Layer - Katmanlar - Bütünüdür.
Bunu şöyle de açıklayabiliriz;nasıl ki bir sinema filmi çekilirken film kamerası şerit halinde ve her hareketi ayrı ayrı karelere çeker de ancak film oynatıldığı zaman perdede hepsi tek bir sahne imiş gibi görünürse Layer ler de aynı böyle bir filmin kareleri gibi ayrı ayrı hazırlanır ama yapılan imaj tek bir resimmiş gibi görünür.
Tabiki bizim imajımızda -Katmanlarda- film kareleri gibi hareketlilik, animasyon yoktur. ))
Bunun nedeni Photoshop'un sadece pixel tabanlı, bitmap resim işleme programı olmasıdır.
Ancak pixel tabanlı imajlara da animasyon uygulamasını Adobe-ImageReady Programını incelerken göreceğiz. (Animasyonlu Banner vb.)
Layer'lerin herbirisi birbirinden bağımsızdır.
Onları istediğimiz gibi yerlerini değiştirebilir, herbirine ayrı ayrı çeşitli Effect'ler (Yeni adıyla "Layer Style" ) uygulayabilir, saydamlaştırıp, altındaki layerin görünmesini sağlayabilir yada imajımızda görünmesini iptal edebiliriz.
Şimdi bu anlattıklarımızı uygulamalı olarak görelim:
Açılan New penceresi ile yeni açılacağımız dökümanımızın hangi özelliklerde olacağını belirliyoruz.
Bu Pencereyi biraz açıklayalım, Name kısmını dökümanınıza (imajınıza) bir ad vermek için kullanabilirsiniz. Image Size Bölümünde, imajımızın genişliğinin (Width), yüksekliğinin (Height) pixel cinsinden ne olacağını yazacağız. Bütün resim işleme programları gibi Photoshopta da ölçü birimi pixel olduğundan bu kısmın pixels olarak kalması çok önemlidir. Resolution penceresi ise imajımızın pixels/inch olarak çözünürlüğünü belirliyoruz. Bu sayfalarda Photoshop ile web sayfalarımızda kullanılacak imajları düzenleyeceğimizi var sayarak ve imajımızı web de yayınlayacağımızı düşünerek monitör çözünürlükleri de 72 pixel olduğundan Resolution bölümünün mutlaka 72 pixels/inch olması gerekiyor. Yani monitör de 1 inc (2,54 cm) lik bir alanda de 72 pixel görünecektir. Mode Kısmı, yine monitörler açısından ekran görüntü renkleri olan RGB Color olarak kalacaktır. Contents Bölümünü imajımızın arkaplan rengini belirleyeceğimiz bölümdür.Yani imajımız hangi renk üzerine oturacaktır? Bu bölümde White, Background,Transparant olarak 3 seçenek görüyoruz. Whiteeçilirse arka plan renginin Beyaz olur, Background: Araçlar Kutusunu açıklarken sözü edilen Renk Seçim aracında (Palet'te) alttaki rengi ifade eder
[Resimleri görebilmek için üye olun veya giriş yapın.]
NEW PENCERESİNİN KULLANIMI
[Resimleri görebilmek için üye olun veya giriş yapın.]
Yan taraftaki resimde görüleceği üzere, Background (Alttaki Renk) Kırmızı, Foreground (Üstteki Renk) Sarı dır. Resimdeki Kırmızı nın olduğu yere hangi rengi verip, "Contents" bölümünde, Background seçeneğini işaretlersek imajımızın arka plan rengi o renk olur. İsterseniz, 'a tıklayarak Background Sarı, Foreground Kırmızı olarak renkleri yer değiştirebilir (Klavyedeki X Tuşu) yada 'a tıklayarak da default ayarlara (Background Beyaz, Foreground Siyah) geçebilirsiniz. (Klavyedeki D Tuşu
[Resimleri görebilmek için üye olun veya giriş yapın.]
Transparet: Seçilirse, imajımızın arka plan rengi olmayacak, imaj penceresi zemini yandaki resimdeki gibi görünecektir.Transparent olan imajlar, yerleşecekleri web sayfalarının arka plan rengi (<body bgcolor="#FFFFFF">) ne olursa olsun o renk ile uyumlu olacaklardır.
[Resimleri görebilmek için üye olun veya giriş yapın.]
New Penceresindeki ilgili yerleri düzenledikten sonra OK Tuşuna basıp Nihayet Nihayet yeni imajımızı açıyoruz ve Layer lere devam ediyoruz. Şayet Layer sekmesi görünmüyorsa Ana Menüden, Window > Show Layers ile Layerlerimizi aktif hale getiriyoruz. İlk açılışta Layer Penceresi görüntüsü yandaki gibidir.
File Menüsü
Yeni CtrL+N Cmd+N
Yeni Layer Ctrl+Shift+N Cmd+Shift+N
Aç Ctrl+O Cmd+O
FarkliAç Ctrl+Alt+O n/a
Kapat Ctrl+W Cmd+W
Hepsini Kapat Ctrl+Shift+W Cmd+Shift+W
Kaydet Ctrl+S Cmd+S
FarkliKaydet Ctrl+Shift+S Cmd+Shift+S
KopyasiniKaydet Ctrl+Alt+S Cmd+Option+S
Web için Kaydet Ctrl+Alt+Shift+S Cmd+Option+Shift+S
Page Setup Ctrl+Shift+P Cmd+Shift+P
Yazdir Ctrl+P Cmd+P
Çikis Ctrl+Q Cmd+Q
ImageReady' e geç Ctrl+Shift+M Cmd+Shift+M
Yardim F1
Edit Menüsü
Undo Ctrl+Z Cmd+Z
History 'de bir adim geri Ctrl+Alt+Z Cmd+Option+Z
History 'de bir adim ileri Ctrl+Shift+Z Cmd+Shift+Z
Kes Ctrl+X Cmd+X
Kopyala Ctrl+C Cmd+C
Birleþtirilmiþ Kopyala Ctrl+Shift+C Cmd+Shift+C
Yapistir Ctrl+V Cmd+V
Içine Yapistir Ctrl+Shift+V Cmd+Shift+V
Free Transform Ctrl+T Cmd+T
Image Menüsü
Adjust Levels Ctrl+L Cmd+L
Adjust Auto Levels Ctrl+Shift+L Cmd+Shift+L
Adjust Auto Contrast Ctrl+Alt+Shift+L Cmd+Option+Shift+L
Adjust Curves Ctrl+M Cmd+M
Adjust Color Balance Ctrl+B Cmd+B
Adjust Hue/Saturation Ctrl+U Cmd+U
Desaturate Ctrl+Shift+U Cmd+Shift+U
Invert Ctrl+I Cmd+I
Extract Ctrl+Alt+X Cmd+Option+X
Layers menüsü
New Layer Ctrl+Shift+N Cmd+Shift+N
Layer via Copy Ctrl+J Cmd+J
Layer via Cut Ctrl+Shift+J Cmd+Shift+J
Group with Previous Ctrl+G Cmd+G
Ungroup Ctrl+Shift+G Cmd+Shift+G
Bring to Front Ctrl+Shift+] Cmd+Shift+]
Bring Forward Ctrl+] Cmd+]
Send Backward Ctrl+[ Cmd+[
Send Back Ctrl+Shift+[ Cmd+Shift+[
Send Backward Ctrl+[ Cmd+[
Merge Layers Ctrl+E Cmd+E
Merge Visible Ctrl+Shift+E Cmd+Shift+E
Select Menüsü
Hepsini Seç Ctrl+A Cmd+A
Seçiciliði gider Ctrl+D Cmd+D
Yeniden Seç Ctrl+Shift+D Cmd+Shift+D
Inverse Ctrl+Shift+I Cmd+Shift+I
Feather Ctrl+Alt+D Cmd+Option+D
Filter Menüsü
Son Filter'i tekrarla Ctrl+F Cmd+F
Fade Ctrl+Shift+F Cmd+Shift+F
View Menüsü
Preview CMYK Ctrl+Y Cmd+Y
Gamut Warning Ctrl+Shift+Y Cmd+Shift+Y
Zoom In Ctrl++ Cmd++
Zoom Out Ctrl++ Cmd++
Fit on Screen Ctrl+0 (sifir) Cmd+0 (sifir)
Actual Pixels Ctrl+Alt+0 (sifir) Cmd+Option+0 (sifir)
Hide Edges Ctrl+H Cmd+H
Hide Path Ctrl+Shift+H Cmd+Shift+H
Show Rulers Ctrl+R Cmd+R
Snap Ctrl+; Cmd+;
Target Path Ctrl+Shift+H; Cmd+Shift+H;
Lock Guides Ctrl+Alt+; Cmd+Option+;
Show Guides Ctrl+' Cmd+'
Show Grid Alt+Ctrl+' Option+Ctrl+'
Katmanlar Layers
"Layer" leri açmak için Ana Menüden, Window > Show Layers yolunu kullanıyoruz. (Kapatmak için ise Window > Hide Layers yolunu seçiyoruz.).
Katmanlar olarak da ifade edilen Layer'ler Photoshop gibi resim işleme programlarının en önemli unsurlarıdır. İmajımızı hazırlarken yaptımız her desenin, yazının, grafiğin birbirine karışmaması, değiştirmek istediğimizde herbirine ayrı ayrı hükmetmemizi sağlarlar. İmajımızı hazırlarken, imaja ekleyeceğimiz her yeni parça ayrı bir katman (Layer) açılarak yapılmalıdır. Yani meydana getireceğimiz imajımız bir Üstüste Gelmiş Layer - Katmanlar - Bütünüdür.
Bunu şöyle de açıklayabiliriz;nasıl ki bir sinema filmi çekilirken film kamerası şerit halinde ve her hareketi ayrı ayrı karelere çeker de ancak film oynatıldığı zaman perdede hepsi tek bir sahne imiş gibi görünürse Layer ler de aynı böyle bir filmin kareleri gibi ayrı ayrı hazırlanır ama yapılan imaj tek bir resimmiş gibi görünür.
Tabiki bizim imajımızda -Katmanlarda- film kareleri gibi hareketlilik, animasyon yoktur. ))
Bunun nedeni Photoshop'un sadece pixel tabanlı, bitmap resim işleme programı olmasıdır.
Ancak pixel tabanlı imajlara da animasyon uygulamasını Adobe-ImageReady Programını incelerken göreceğiz. (Animasyonlu Banner vb.)
Layer'lerin herbirisi birbirinden bağımsızdır.
Onları istediğimiz gibi yerlerini değiştirebilir, herbirine ayrı ayrı çeşitli Effect'ler (Yeni adıyla "Layer Style" ) uygulayabilir, saydamlaştırıp, altındaki layerin görünmesini sağlayabilir yada imajımızda görünmesini iptal edebiliriz.
Şimdi bu anlattıklarımızı uygulamalı olarak görelim:
Açılan New penceresi ile yeni açılacağımız dökümanımızın hangi özelliklerde olacağını belirliyoruz.
Bu Pencereyi biraz açıklayalım, Name kısmını dökümanınıza (imajınıza) bir ad vermek için kullanabilirsiniz. Image Size Bölümünde, imajımızın genişliğinin (Width), yüksekliğinin (Height) pixel cinsinden ne olacağını yazacağız. Bütün resim işleme programları gibi Photoshopta da ölçü birimi pixel olduğundan bu kısmın pixels olarak kalması çok önemlidir. Resolution penceresi ise imajımızın pixels/inch olarak çözünürlüğünü belirliyoruz. Bu sayfalarda Photoshop ile web sayfalarımızda kullanılacak imajları düzenleyeceğimizi var sayarak ve imajımızı web de yayınlayacağımızı düşünerek monitör çözünürlükleri de 72 pixel olduğundan Resolution bölümünün mutlaka 72 pixels/inch olması gerekiyor. Yani monitör de 1 inc (2,54 cm) lik bir alanda de 72 pixel görünecektir. Mode Kısmı, yine monitörler açısından ekran görüntü renkleri olan RGB Color olarak kalacaktır. Contents Bölümünü imajımızın arkaplan rengini belirleyeceğimiz bölümdür.Yani imajımız hangi renk üzerine oturacaktır? Bu bölümde White, Background,Transparant olarak 3 seçenek görüyoruz. Whiteeçilirse arka plan renginin Beyaz olur, Background: Araçlar Kutusunu açıklarken sözü edilen Renk Seçim aracında (Palet'te) alttaki rengi ifade eder
[Resimleri görebilmek için üye olun veya giriş yapın.]
NEW PENCERESİNİN KULLANIMI
[Resimleri görebilmek için üye olun veya giriş yapın.]
Yan taraftaki resimde görüleceği üzere, Background (Alttaki Renk) Kırmızı, Foreground (Üstteki Renk) Sarı dır. Resimdeki Kırmızı nın olduğu yere hangi rengi verip, "Contents" bölümünde, Background seçeneğini işaretlersek imajımızın arka plan rengi o renk olur. İsterseniz, 'a tıklayarak Background Sarı, Foreground Kırmızı olarak renkleri yer değiştirebilir (Klavyedeki X Tuşu) yada 'a tıklayarak da default ayarlara (Background Beyaz, Foreground Siyah) geçebilirsiniz. (Klavyedeki D Tuşu
[Resimleri görebilmek için üye olun veya giriş yapın.]
Transparet: Seçilirse, imajımızın arka plan rengi olmayacak, imaj penceresi zemini yandaki resimdeki gibi görünecektir.Transparent olan imajlar, yerleşecekleri web sayfalarının arka plan rengi (<body bgcolor="#FFFFFF">) ne olursa olsun o renk ile uyumlu olacaklardır.
[Resimleri görebilmek için üye olun veya giriş yapın.]
New Penceresindeki ilgili yerleri düzenledikten sonra OK Tuşuna basıp Nihayet Nihayet yeni imajımızı açıyoruz ve Layer lere devam ediyoruz. Şayet Layer sekmesi görünmüyorsa Ana Menüden, Window > Show Layers ile Layerlerimizi aktif hale getiriyoruz. İlk açılışta Layer Penceresi görüntüsü yandaki gibidir.