Kar Amacı Gütmeyen Kuruluşlar için Adobe Photoshop’a Giriş: 4. Bölüm

By: admin
Sa, 19/07/2016 - 14:06

tags:  Adobe Cloud

Kar Amacı Gütmeyen Kuruluşlar için Adobe Photoshop’a Giriş: 4. Bölüm

Wes Holing

Tekrar hoşgeldiniz! Şu ana kadar resmi temizledik ve başlık metnimizi ekledik. Şimdi arkasına gövde metnini ve beyaz kutu ekleyeceğiz. Ama önce tabakalardan konuşalım.

Tabakalar Hakkında Hızlı Bir Not

Photoshop dosyanızdaki her elemen kendi tabakasındadır. Adobe tabakaları şöyle açıklar.

Photoshop tabakaları bir yığın istifli asetat kağıdı gibidir. Tabakadaki şeffaf yerlerden altındaki tabakayı görebilirsiniz. Üstteki tabakada bir görüntü oluşsun diye alttaki tabakayı pozisyonlandırırsınız. Aynı asetat kağıtlarında olduğu gibi.

Adobe layer demonstration

Photoshop ekranın sağ altında “Tabakalar” olarak etiketli bir kutu görürsünüz. (Eğer görmüyorsanız,Pencere > Tabakalar'a.) tıklayarak görebilirsiniz.) Tabakalar kutusunda, “Lorem Ipsum” adında bir liste ögesi göreceksiniz, bir başkasında kızın küçük resmini, ve beyaz bir arka plan göreceksiniz. Bu tekli ögeler sizin tabakalarınız.

Beyaz arka plan bir tabaka, onun üstünde kızın fotoğrafı, ve onun üstünde metin tabakası. Tabakaları diğerlerini etkilemeden tekrar sıralayabilir, düzenleyebilir, gizleyebilir ve gösterebilirsiniz.

Bu projeyle devam ederken daha fazla tabaka oluşturacağız: bir tane başlığın altında olacak beyaz kutu için, bir tane kutu yanındaki metin için, ve bir tane logo için. Bu gönderideki ve sonrasındaki tabakalardan bahsederken, konuştuğumuz buydu.

Bonus: Photoshop’taki tabakalar hakkında daha fazlası için Adobe’nin Tabaka temellerimakalesine bakınız.

Kutu Ekleyin

  1. Dikdörtgen Aracınatıklayın ve basılı tutun. Bir alt pencere açılacak ve size diğer şekiller için seçenekler sunacak.Yuvarlanmış Dikdörtgen Aracınıseçin.Photoshop Rounded Rectangle Tool
  2. Yarıçapı 10pks'yedeğiştirin. ((bu ekranın üstünde menülerin yanındadır.)Photoshop Radius property
  3. Ön plan rengine tıklayın (İki renk kutusunun üst solda olanı).Photoshop foreground color
  4. Rengi beyaza değiştirmek için ffffff hex değeri girin. Sonrasında TAMAM'atıklayın.Photoshop Color Picker
  5. Dikdörtgen oluşturmak için tuvalin herhangi bir yerine tıklayın.
  6. Şu değerleri girin. Genişlik: 1175 pks Yükseklik: 1400 pks Photoshop Create Rounded Rectangle TAMAM'atıklayın. Not: Photoshop versiyonunuza göre, Radii seçeneğiniz olmayabilir. Bunu 2. aşamada anlattığımızdan, endişelenmemize gerek yok.
  7. Taşıma Aracı'natıklayın.Photoshop Move Tool
  8. En dıştaki şeritle birleşmesi için kutuya tıklayın ve taşıyın. Yaklaştıkça birleşecektir.Poster with white box and guides

Bonus: Photoshop CC dikdörtgeni oluşturduktan sonra yuvarlanmış köşelerin yarı çapını değiştirmenize izin verir. Bu dikdörtgeni oluşturduktan sonra düzenleme yapmak için kullanışlıdır. Önceki versiyonlarda bu özellik bulunmamaktadır, bu nedenle bunu 2. Aşamada belirttik.

Kopyayı Ekleyin

Photoshop’ta metni yukarıda oluşturduğumuz gibi bir kutuya ve şekle, yada başlıkta oluşturduğumuz gibi kendi tabakasında oluşturabiliriz. Son bölümde kutu oluşturduğumuzdan muhtemelen hala seçilidir. Eğer buna Metin Aracı’yla tıklarsak, istediğimiz gibi, kutuya metin eklememize olanak verecektir. Ancak bunun yerine biz metnimizi kendi tabakasına koymak istiyoruz. Neden? Bu bize metni yada beyaz kutuyu diğerini etkilemeden değiştirebilmemiz için esneklik tanıyor.

  1. Ctrl'ye basın(Mac'deCommand) ve yuvarlanmış dikdörtgen için tabakaya tıklayın (muhtemelen adı Rounded Rectangle 1'dir). Bu tabakanın seçimini kaldıracaktır.
  2. Yatay Tip Aracı'natıklayın.Photoshop Horizontal Type Tool
  3. Harf tipiniOpen Sans Regular'a, boyutu18 pt'ye, anti örtüşmeyi Düz'e, ve hizalamayı soladeğiştirin.Photoshop character properties
  4. Hizalama bölümünün sağındaki renk kutusuna tıklayın (yukarıdaki ekran görüntüsünde gri-mavi kutu).
  5. Rengi açık camgöbeğine değiştirmek için 8bc9cb hex kodunu girin.Photoshop Color Picker
  6. Yazmaya başlamak için yuvarlanmış dikdörtgene tıklayın.
  7. Şu metni girin (Den den işaretleri olmadan): "Dolor sit amet, consectetur adipiscing elit. Duis quis semper sem, a tempus ligula. Donec sollicitudin, sem at sodales rutrum, nunc sem sollicitudin justo."Poster with one line of text
  8. Tüm metniniz bir satırda olacak ama bu sorun değil. Her virgule ve tirade sonra tıklayın, ve her boşluğu silin ve Enter'abasın.Poster with multiple lines of text selected
  9. Değişiklikleri kabul edeceğiniz zaman ESC'yebasın.Poster with multiple lines of text accepted
  10. Tamam gözüküyor, ama biraz karışmış ve yanlış hizalanmış. Doğru yere yerleştirmek içinTaşıma Aracı'na tıklayın.Photoshop Move Tool
  11. Metni en içteki şeritle biraz üstünde biraz boşluk olacak şekilde hizalamak için metne tıklayın ve sürükleyin. Bu metni içinde başlık metni olan beyaz kutuyla hizalayacaktır. Metin şeridin yanına yatay olarak yerleşecektir.Poster with text aligned next to guide
  12. Şimdi doğru yerde. Şimdi biraz boşluk bırakalım. Herşeyi aşağı almak için kolay olanı Enter'a basmak, ama bu tam olarak istediğimiz değil. Tuvalin hava alması için Photoshop’un Karakter ve Paragrafını kullanalım. Önce Pencere > Karakter'etıklayın.Photoshop Window menu, Character item
  13. Karakter paleti görünecektirKaydırmayı 25'edeğiştirin. Kaydırma alanında VA yazıyor ve altında sağı ve solu gösteren bir ok var.Photoshop Character palette
  14. Şimdi harfler arasındaki boşluk biraz arttı. Bunun hakkında daha fazlası için aşağıda Bonus bölümüne bakın.
  15. Sonrasında Pencere > Paragraf'atıklayın.Photoshop Windows menu, Paragraph item
  16. Paragraf paleti açılacaktır.Yatay Tip Aleti'netıklayın.Photoshop Horizontal Text Tool
  17. Kopyanın “Dolor sit amet.” yazan ilk satırını seçin."Poster text selected
  18. Paragraftan sonra 15 pt boşluk ekleyin.Photoshop Paragraph palette
  19. 3., 5. ve 6. Satırlar için 17. ve 18. aşamaları tekrarlayın (virgülle biten tüm satırlar için “Duis quis semper sem,” , “Donec sollicitudin,” ve “ sem at sodales rutrum").
  20. Şu anda virgülle biten her satırdan sonra 15 puan boşluğunuz olması gerekiyor.Poster text with some spacing included
  21. Kopyanın ikinci satırını seçin, “consectur adipiscing elit."Poster text with some text selected
  22. Paragraftan sonra 40 pt boşluk ekleyin.Photoshop Paragraph palette
  23. Dördüncü ve yedinci satırlar için 21. ve 22. Aşamaları tekrarlayın (noktayla biten kalan tüm satırlar için, “ a tempus ligula” ve “nunc sem sollicitudin justo").Poster text with all spacing included
  24. Gerektiğinde istediğiniz gibi metni Taşıma Aracı'yladikey olarak düzenleyebilirsiniz.Photoshop Move Tool

Sadece metni düzenlemek için çok aşama var gibi görünebilir. Ama Photoshop’u kullanmanın gerçek avantajlarından biri her şey üzerindeki kontrol seviyenizdir. Eğer Microsoft Word’de bir metin hazırlamaya çalışıp bunu başaramadıysanız tasarımcıların neden bu kadar fazla kontrol istediğini anlayabilirsiniz.

Bonus: 13. aşamada kaydırmayı düzenledik. Tipografi dünyasında, kaydırma harfler arası boşluk bırakmanın güzel yolu. Bu belli harf çiftleri arasında boşluk bırakmayla karıştırılmamalı ( V ve A’nın yanyana nasıl göründüğünü düşünün). Aralık bırakmak istiyorsanız , Photoshop’da bu da var. Aralık bırakma Karakter paletinde kaydırmanın hemen solunda.

Kaydırma metninizin çok sıkışık yada çok açık olmamasına yardım eder, ve aralık bırakma harf çiftlerinin çok göze batmasınıönlemek içindir. Creative Market kaydırma, aralık bırakma ve satır aralğı arasındaki farkları oldukça güzel açıklıyor (“ledding” olarak okunur).

5. Bölüm

4. bölümümüz bitti! Sorularınız mı var? Yorum bırakın. 5. bölümde logo ekleyeceğiz ve her şeyi toplayacağız. Görüşmek üzere!

3. Bölüm 5. Bölüm

 

Resim 2: Adobe

All other images: Wes Holing/TechSoup