Photoshop araçları

Photoshop Araçları

Photoshop araçları Photoshop’a hakim olmadan önce bilmemiz gereken temel araçlardır. Photoshop araçlarını deneme / yanılma yoluyla öğrenseniz bile zaman içerisinde bilmediğiniz veya uzun sürede yaptığınız işlemleri – uygulamaların kısa süre içerisinde çok basit yöntemlerle araç çubuğundan yapılabilir olduğunu öğrenebilirsiniz. Yalnız Photoshop araçlarının bir çok olması nedeniyle çalıştığınız alan üzerine kullanılabilir araçları öğrenmeniz ilk aşamada yeterli de olabilmektedir. Örneğin siz sadece fotoğraftan sonra bir kaç blurlama işlemi yapacaksanız öğrenmeniz gereken blur  araçıdır. Yine aynı şekilde kesim ve seçme işlemleri yapıyorsanız bu sefer öğrenmeniz gereken araçlar sadece move, işaretleme – seçme araçları ve cropdur. Photoshop araçlarını açıklayalım; Continue reading “Photoshop araçları”

Photoshop da resmin boyutu nasıl öğrenilir

Photoshopda resmin boyutunu öğrenme

Photoshopda resmin boyutu Bilgi (İnformation) Panelinden öğrenilir. İlk önce bu paneli açmanız gerekiyor. Photoshop bilgi panelini f8 tuşuyla veya Windows / İnformation’dan açabilirsiniz.

Continue reading “Photoshop da resmin boyutu nasıl öğrenilir”

PSD’den CSS’e çevirme – PSD to CSS

Web dünyasında ön geliştiriciler (Front End) ve arka geliştiriciler(Back End) vardır. Ön geliştiriciler kullanıcıya görünen kısımda yani ön kısımda çalışırken arka geliştiriciler ise kullanıcı tarafından görülmeyen arka kısımdan görevlidirler. Ön taraf diye adlandırılan kısımda tasarım – client, arka taraf diye adlandırılan kısımdaysa dinamik – server tabanlı bir çalışma mevcuttur. Ön geliştiriciler de arka geliştiriciler gibi kod yazabilirler fakat bu kodların türü değişiktir. Örneğin kendini ön geliştirici olarak geliştiren kişi client tabanlı diller yani Jquery, Javascript, Html, Css vb.. dillerde ileriyken arka tarafta kendini geliştiren kişi ise sunucu tabanlı diller olan PHP, ASP, MySQL vs. gibi dillerde kendini geliştirmektedir.

PSD’den CSS’e çevirme – PSD to CSS

Bu alanda çok profesyonel yerlere gelmek istiyorsanız bir zamandan sonra size sadece PSD’den CSS’e çevirmek yetmeyecektir. Aynı zamanda Jquery gibi teknolojilerle de ilgilenmelisiniz. Başlarken dikkat edilmesi gerekenler arasında elbette size göre en kullanışlı bir web editörü ve hızlı bir şekilde açılan iyi bir tarayıcı PSD’den CSS’e çevirme işleminde sizi sonuca ulaştıracak gereksinimler arasında yatıyor. Fakat işleme geçmeden bilinmesi gereken en temel gereksinim elbette ki HTML. CSS kodlarını ilk aşamada ezberlemeye çalışmayın. Zaten bunu pratikte yapacaksınız. En başta işlemin mantığına odaklanın. Başlayalım…

Photoshop PSD dosyası  Proje dosyasını indir

Temayı indir

1.Aşama: Bölümlendirme

psdPSD’den CSS’e çevirme işlemini yapmadan önce PSD’ yi önce kendi kafanızda daha sonra ise fiziksel olarak bölümlendirmelisiniz. PSD to CSS işleminde bölümlendirme işlemini bir satır – sütün ilişkisi olarak adlandırın. Bu şekilde adlandırdığınız takdirde zihninizde CSS’e çevirmek istediğiniz temayı daha kolay bölümlendirebilirsiniz. Bazı PSD to CSS işlemindeki bölümlendirmeler. Profesyonel çalışmak istiyorsanız bölümlendirme işlemini px tabanlı olarak gerçekleştirin. Temayı kodlamadan önce pixel genişliklerini ve bölümleri kaba taslak olarak bir defteri geçirmenizi öneririm. Bu sayede temayı kodlarken tekrar tekrar bölümlendirmeye konusunda zaman kaybı yaşamazsınız.

Continue reading “PSD’den CSS’e çevirme – PSD to CSS”

Photoshopta banner yapmak

Photoshop da banner yapımı

Web dünyasında bannerlar çoğunlukla reklam için kullanırlar. Azınlıkta da olsa duyuru için kullanılmaktadırlar. Photoshop da banner yapmak bu iki durum içinde uygundur. Aynı zamanda ister reklam isterse duyuru olsun amaç bannerın kendini belli etmesidir. Bannerın ilgi çekici olması için tasarımının reklama – duyuruya uygunluğu ve yayınlanacak sayfa ile alakalı olması ile sağlanır. Ben size bu iki aşamalı sistemin ilkini tamamlamanız için Photoshop ile birlikte yardımcı olacağım.

Banner boyutu

Web üzerinde en fazla kullanılan banner boyutu 468 x 60 yani genişliği 468px, yüksekliği ise 60px olan banner türüdür. Bu nedenle ben bu boyutlara göre örneğimizi gerçekleştireceğim.

Photoshopda banner yapımına başlamadan önce bir proje üzerinde gitmek çalışmanın kalitesini artıracağını düşündüğümden hayali bir hosting firmasının yaptığı kampanyayı çalışmaya yansıttım. Çalışma sonunda uçuşacağımız sonuç ise şu şekilde;

468×60

Photoshop 468 x 60 banner yapımı Continue reading “Photoshopta banner yapmak”

Photoshop ile toplu filigran ekleme (Videolu)

Photoshop ile toplu filigran ekleme

İnternette ister yazı isterse resim filigranı eklemek için bir çok program bulunmakta. Yalnız bu programların bir çoğu ücretli. Ücretsiz olanlardan ise tam verim alınamıyor. Online olaraksa bir kaç site böyle bir hizmet veriyor yalnız bu tür sitelerede çok fazla resim ekleyemiyorsunuz. Bu nedenle amacımız olan “toplu filigran” ekleyemiyor. Durum böyle olunca iş başa düştü diy Photoshop’u açıp filigranı Action ile Batch (Toplu İşlem) yapabilir miyim diye kurcalamayı başladım. Daha sonra internetten izlediğim bir kaç ders ile Action’u hazırladım. Yalnız izlediğim videoların tümü İngilizce olduğundan bu dersi hazırlamaya karar verdim. Başlayalım… Continue reading “Photoshop ile toplu filigran ekleme (Videolu)”

Photoshopta Gözyaşı Yapmak

Photoshop’ta gözyaşı çizimi
photoshop’ta gözyaşı çizimi
bu dersimizde seçmiş olduğumuz bir resme göz yaşı çizeceğiz. burada temel amaç gözyaşı çizerken photoshop’un belli araçlarının ne şekilde, nerede, nasıl kullanılacağını öğrenmektir. araçların fonksiyonlarını öğrendiğimizde farklıyerlerde farklı işlemler için rahatça kullanabiliriz. şimdiden kolay gelsin!
1. çalışmak için önce iyi bir resim seçelim. yakın çekim bir portre olursa iyi olur. internetten üzerinde çalışmak istediğiniz hoşunuza gidecek bir resim seçebilirsiniz.
resmi bulduğunuzu ve photoshop’ta açtığınızı varsayarak derse başlayalım. önce pen tool aracını kullanacak bir göz yaşı alanı çizelim. aşağıda resimdekine benzer bir alan belirleyebilirsiniz.

Continue reading “Photoshopta Gözyaşı Yapmak”

Photoshopta Yara izi silme

Photoshop günümüzün en kullanışlı ve işe yarar programların başında gelmektedir. Photoshopta rötuş yapmak sandığınızdan daha kolay.

Adım adım bakalım.

İlk önce rötüşlemek ve üstünü kapatmak istediğiniz yarası, izi, çili olan bir resmi photoshop’a atalım.

Resmi attıktan sonra üzerine gelerek yakınlaşalım.

Damga şeklinde olan() ve sağ kısımda yer alan düğmeyi tıklayalım.

İzin üstünü kapatmak istediğiniz bir yerden ALT tuşuna basarak örnek alalım.

Ve son olarak izin üstüne bırakalım.

Bu kadar basit ve kolay olan işlemi hiçbir yardım almadan yapabilirsiniz.

Fotoğraf Düzenleme Programı

PHOENİX

 

Photoshop gibi zor programları öğrenmek için yeterli zamanınız yoksa Phoenix programını kullanabilirsiniz. Phoenix programını öğrenmek çok kolay.

Aviary.com internet sitesine girerek Phoenix düğmesini tıklayın ve yüklenmesini bekleyin. Yüklendikten sonra örnek bir resim açılacaktır. Resme yaklaşabilir ve layers düğmesinden istediğiniz katmanı seçebilirsiniz.

Kendiniz bir resim yüklemek için FİLE à NEW DOCUMENT şeklinde yol izleyin.

Photoshop klavye kısayolları

Photoshop hızlı kullanmak ve daha profesyonel olmak için kısayollarını bilmeniz şart. Bunun nedeni yüksek çözünürlükte çalıştığınız zaman artık araç kullanımını kaldırarak sadecer resim üzerinde çalışmanız gerekiyor. Bunun için “TAB” tuşuna bir deneme yapabilirsiniz. Evet şimdi photoshop klavye kısayolları içina aşağıdaki resim gibi ALT+SHİFT+CTRL+K (k tuşu) diyerek veya Edit/Keyboard Shurtucs diyebilirsin.