Modül 4: Grafik Kursu Photoshop ve CorelDRAW
E-LIFE
FİZİKSEL ENGELLİLER İÇİN EÖĞRENME SANAL MERKEZİ
2011-1-RO1-LEO05-15322
Bu proje Avrupa Komisyonu tarafından
finanse edilmektedir. Bu yayın sadece
yazarların görüşlerini yansıtmaktadır ve
Komisyon burada yer alan bilgilerin herhangi
bir şekilde kullanılmasından sorumlu
tutulamaz.
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
İÇİNDEKİLER
1.MODULÜN AÇIKLAMASI..................................................................... 3
2.
GİRİŞ ........................................................................................... 5
3.
GRAFİK TASARIM......................................................................... 6
3.1.Adobe PhotoshopMenüleri........................................................................... 6
3.1.1.
Dosya ...................................................................................................... 6
3.1.2.
Düzenle.................................................................................................. 12
3.1.3.
Resim .................................................................................................... 14
3.1.4.
Layer ..................................................................................................... 17
3.1.5.
Seç ........................................................................................................ 22
3.1.6.
Filtre ...................................................................................................... 24
3.1.7.
Gözat ..................................................................................................... 32
3.1.8.
Pencere .................................................................................................. 33
3.1.9.
Yardım ................................................................................................... 33
3.2. Adobe Photoshop Araç Kutusu ................................................................. 35
3.2.1.
Ürün ...................................................................................................... 35
3.2.2.
Dikdörtgen Marque Tool ........................................................................... 36
3.2.3.
Eliptik Marque Tool .................................................................................. 37
3.2.4.
Kement Tool ........................................................................................... 38
3.2.5.
Slice Tool ............................................................................................... 40
3.2.6.
Brush Tool ve Pencil Tool .......................................................................... 41
3.2.7.
Stamp Tool Clone .................................................................................... 41
3.2.8.
Gradient Aracı ve Paint Bucket Tool ........................................................... 42
3.2.9.
Blur Aracı ............................................................................................... 44
3.2.10.
Type Tool ............................................................................................... 45
3.2.11.
Damlalık Aracı ......................................................................................... 48
3.2.13.
El Aracı .................................................................................................. 48
3.2.14.
Yakınlaştırma Aracı .................................................................................. 49
3.2.15.
Ön Plan Rengi ve Arka Plan Rengi .............................................................. 49
3.3.Adobe Photoshop CS6 için klavye kısayolları listesi ...................................... 50
3.4. Hakkında birkaç şeyCorelDRAW................................................................ 53
3.5.CorelDRAW X6 için klavye kısayolları listesi ................................................ 55
4.
WEB SİTE DÜZEN OLUŞTURMA ................................................... 59
4.1. Adobe Photoshop ile Web-site düzeni oluşturma ......................................... 59
4.2.CorelDRAW ile web-site düzeni oluşturma................................................... 64
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
2/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
1.MODÜLÜN AÇIKLAMASI
MODÜL BAŞLIK
Grafik Tasarım - Adobe Photoshop ve CorelDRAW
KODU
VAT4
ANAHTAR
KELİMELER
Web, Sanal İş için Grafik Tasarım Düzenleri,
Tarama, Grafik,
HEDEF KİTLE
Modülün hedef grubu sanal işgücü piyasasına
girmek ya da temas kurmak için fırsat arayan
fiziksel engeli bireylerdir
SEVİYE
Orta
KARİYER
OLANAKLARI
Yüksek vasıflı bağımsız yükleniciler olarak Web
sayfaları,
reklam
grafik,
vb
düzenleri
oluşturabilirsiniz

MODÜLÜ AMACI
ÖĞRENME
ÇIKTILARI
Bu modül, katılımcılara ilan ve tanıtımlar için
grafik ve web sayfası düzeni oluşturmalarında
başarılı bir başlangıç yapmaları için pratik ve
kapsamlı bilgiler içermektedir. Katılımcılar, grafik
tasarımı konusunda başarılı bir kariyer için gerekli
olan unsurları bilgi ve kaynakları öğreneceklerdir.
Modülü başarılı bir şekilde tamamlayan katılımcı
grafik tasarımcısı
olmayı
ve bunun
nasıl
gerçekleşeceğini öğrenecektir.
ÖN BECERİ (LER)
Temel BİT kullanımı
ÖN DERS (LER)
Hiçbiri
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
3/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
ÖĞRENME SAATİ
ÖNERİSİ
44 saat
YETERLİLİK
Etkili çalışma süreç ve prosedürler geliştirilmesi ve
uygulanması
DEĞERLENDİRME
Değerlendirmede seçmeli test oluşacaktır. Her test
öğrenme çıktıları genelinde adayların bilgi ve
anlayış test edecek çoktan seçmeli sorulardan
oluşacaktır.
KATEGORİ
maliyet (maliyet optimizasyonu)
zaman (etkin zaman yönetimi)
s kaliteli (hizmet kalitesi)
m-kalite (yönetim kalitesi)
TAMAMLAYICI
MALZEME (LER)
Yok
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
4/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
1. GİRİŞ
Dijital grafik dosyalarının iki ana türü vardır: Vektör ve taramalı (raster) görüntüler
Vektör
görüntüler,
binlerce
çok
küçük
çizgilerden
ve
eğriler
(veya
patikalar)
dan
oluşur,taramalı (raster) görüntüler ise piksel ile yapılır.
Vektör grafikler temel olarak çizim, logolar, teknik çizimler, web sitesi düzenleri geliştirmek
için kullanılır. Vektör görüntülerinin en önemli avantajlarından kaliteden (çözünürlük) ödün
vermeden görüntüleri istediğiniz kadar büyütebilmenizdir.
Grafiğin bu türü için en çok kullanılan programlardan biri CorelDRAW’dır, program Corel
Corporation tarafından geliştirmiş ve piyasaya sunulmuştur.
Taramalı grafik; grafik tasarımı, web tasarımı, fotoğraf düzenlemesi vb işler için kullanılır
Tarama görüntü, piksellerden dolayıbitmap görüntü olarak bilinir. Vektör grafik görüntüsünün
aksine, bir raster görüntüyü büyütülmek istendiği zaman çözünürlük azalmaktadır ve pikselleri
görebilirsiniz.Adobe Photoshop taramalı grafik oluşturmak için çok kullanılan programdır,
Adobe Systems tarafından gelişrilmiş ve piyasaya sürülmüştür.
Bu derste Photoshop veya CorelDRAW ile ilgili tüm seçeneklerin ayrıntılı bir incelemesinden
ziyade profesyonel grafik ve web tasarımı çalışmaları için kullanılan ve gerekli olan en önemli
kavramları öğreneceksiniz.Bu modülün sonunda profesyonel bir grafik oluşturmanız mümkün
olacak ve herhangi bir şirket bu çalışmalarınızı satın almak ve kullanmak isteyecektir.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
5/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
2. GRAFİK TASARIM
3.1. Adobe Photoshop Menüleri
Dosya
Yeni
Yeni
bir
belge
oluşturmak
için
Dosyaya
gidin
(File)
ardından
Yeni
(New)
gidin.Aşağıdaki iletişim kutusu açılacaktır.
Buradan dosya adı, (file name), görüntü boyutu (image size) birim ölçüleri(unit
measures)çözünürlük
(kalite),
resolution
(quality),
renk
modu(colour
mode)
arkaplan (background) türünü seçebilirsiniz. İstediğiniz ayarları yapın ve OK tuşuna
basın.
Aç (Open)
Bu komutla, bildiğiniz ve kullandığınız diğer birçok programda olduğu gibi, bilgisayarınızda
görüntü ve dosyaları düzenlemek için açabilirsiniz.
Kapat (Close)
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
6/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Bu komutla, aç işlevinini tersine, belgeleri kapatabilirsiniz. Aynı işi yapmak Windows İşletim
Sisteminin tüm windowsllarında olduğu gibi, belge penceresinin sağ üst gelen "X" ile
mümkündür. Eğer son değişiklikleri kaydetmediyseniz ve bunu yapmak istiyorsanız, program
size soracaktır.
Kaydet (Save)
B,u bilgisayardaki çalışmanızı kaydetmenize olanak verir. Bunu mümkün olduğunca sık yapmak
yararlıdır, aksi takdirde elektrik kesintisi veya bilgisayarınızkilitlendiğinde çalışmanızı kaybetme
riskiniz olabilir.
Daha hızlı kaydetmek için kısa yol tuşu Ctrl + S kullanabilirsiniz. Bu komutu ilk kez
kullandığınızda farklı kaydet (Save as) seçeneği ile birlikte dosyayı nereye kaydetmek
istediğinize bağlı olarak dosya adı, uzantısı ve yolunu belirtmeniz gerekir, Bu komut ilk seferde
bunu sorar daha sonra program hiç bir şey sormaz sadece dosyayı daha önce belirlediğiniz
yere kaydeder.
Photoshop’da aşağıdaki ana dosya çeşitleri kullanılır:
-.psd: Adobe Photoshop programının varsayılan dosya türüdür. İleri düzenleme ve baskılar
için kullanılır.
- .bmp (bitmap): Windowsun belirtilen görüntü dosyasıdır, grafik fonksiyonları neredeyse
tüm programlar tarafından tanınır. Bu tür bir dosya daha az profesyonel olan çalışmalarda
kullanılmaktadır.
- .jpg, gif, png:Web, belge alışverişi, monitör ve diğer programlar eklemek için görüntü
formatlarıdır. Jpg formatı aynı zamanda baskı (print) için de kullanılabilir.
- . tif ve EPS: baskı malzemeleri (printing materials) için kullanılır.
Farklı Kaydet (Save As)
Kaydet (Save) den farklı olarak Farklı Kaydet (Save as) komutunda yaptığımız değişikliklerde
daima dosya adı klasör ve uzantısını belirtmeliyiz.
Web için Kaydet
Bu komut Web de, gif, png,jpg formatlarında kullanılan görüntüleri kaydeder. Ayrıca HTML
biçimindeki düzeni dönüştürmek için kullanılabilir, ama biz bir sonraki bölümde bu konudan söz
edeceğiz - Web-site düzeni oluşturma.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
7/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Bu tür dosyalar ile ilgili en önemli özelliklerinden biri yükleme hızı ve görüntü kalitesi arasında
bir uzlaşmadır. Jpg formatında, diğer iki biçim için geçerli olan şeffaf arka plan mümkün
değildir.
İçeri taşı (Import)
Dijital kameralardan fotoğrafları, taranan malzemeleri Photoshopdaki PDF belgelerine aktarmak
için kullanılır.
Otomatikleştir (Automate)
Web Resim Galerisi (web photo menu) alt menüde (Submenu) en fazla kullanılan seçenektir.
Hızlı bir biçimde Web siteleri için fotoğraf albümleri düzenlemek kolay gezinmek için
mükemmel bir araçtır.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
8/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Şimdi bu pencerede en önemli sekmeyi ineceleyelim.
Stiller (Styles)
Şimdi burada Galeri için Düzen (layout) seçebiliriz
Klasörler
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
9/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Gözat (Browse)
Galeri için kullanılacak görüntüleri içeren klasörü seçin.
Hedef (Destination)
Biz Galeri oluşturmak Klasör belirtin.
Seçenekler (Options)
Buradan görüntü boyutunu seçin.
Galeri hakkında bilgi (Information about Gallery)
Web sitesi adı, fotoğraf adı, irtibat verileri (e-posta, telefon ...), tarih, yazı tipini, yazı tipi
boyutunu belirtin.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
10/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Yazdır (Print)
Bildiğiniz ve kullandığınız diğer programlarda olduğu gibi bu komutla yazdırabilirsiniz.
Ad (Name)
Yazıcıyı seçin.
Özellikler (Properties)
Sayfa Düzeni (Page layout)
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
11/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Dikey veya Yatay, vb - Kopya ve kâğıt yönü sayısını seçin
Kâğıt (Paper)
Kâğıt boyutu (Mektup, A4, A5 ...), kâğıt türü (normal, karton ...) belirterek, kâğıt, kaset seçimi
(Kaset 1, Kaset 2, ...) ile görüntüye göre seçim yapın.
Baskı kalitesi (Print quality)
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
12/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Çözünürlük görüntünün kalitesi anlamına gelir. Çözünürlüğü yüksek olduğunda, görüntü
kalitesi çok yüksektir
Tonere göre siyah-beyaz veya gri tonlu baskılar vardır.
3.2. Düzenle (Edit)
Geri Al / Yinele (Undo / Redo)
Programların çoğunda olduğu gibi, yinele (Undo) komutu son işlemi iptal eder. Yinelenin (Redo)
tersine bir adım ileri gider. Diğer programların aksine, Adobe Photoshop’ta bu komutlar sadece
bir çalışma için kullanılabilirler. Çeşitli işlemlerde geri gidip düzeltmek Geri / ileri gitmek için,
biz Geçmiş Panelini kullanın (History Panel) kullanın ve istediğiniz işleme geri dönmek için onu
tıklamanız gerekir. Adobe Photoshop çalışma alanının sağında bir panel görünür ve onuwindow
menüsünde aktif (activated) hale getirebiliriz ya da devre dışı (deactivated) bırakabiliriz.
Bu
derste bu konuyu tekrar ele alacağız.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
13/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Kes (Cut)
Belleği (memory) kopyalayın ve mevcut Layerden seçilen alanı silin.
Kopyala (Copy)
Mevcut layer alanından belleği seçin ama kes (cut) komutunda olduğu gibi silmeyinkopyalayın
(copy).
Yapıştır (Paste)
Kes (cut) veya Kopyala (copy) komutları ile bellekte kopyalanan mevcut layerden seçili alana
Kopyala (yapıştır).
Temizle (Clear)
Geçerli layerdan seçilen alanı silin. Alternatif olarak Sil (delete) tuşunu kullanabilirsiniz.
Doldur (Fill)
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
14/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Ön plan rengi (foreground), arka plan rengini (background color) veya Desen (Texture) ile
mevcut Layerdan seçilen alanı doldurun.
Tarz (Stroke)
Mevcut Layerdan seçilen alan için bir sınır oluşturun. Ayarlanacak sınırın en önemli
parametreleri şunlardır: genişlik, renk ve konum (içinde, merkezinde, ya da dışında).
Free Transform (Serbest dönüşüm)
Bu komut sayesinde mevcut leyer üzerinde ölçeği ve / veya ekseni seçili alan içinde
döndürebilirsiniz.
Bunu yaptıktan sonar, sekiz kontrol noktası göreceksiniz; bunların dördü dikdörtgen köşede ve
diğer dördü iki tarafın ortasında yer almaktadır.
Sol fare tuşunu basılı tutarak ve köşeleri çekerek, hem genişlik ve hem de uzunluğu
değiştirebilirsiniz.
Bozulmadan orantılı görünen bir ölçek istiyorsanız, Shift tuşuna basmanız gerekir.
Farenin iki tarafının ortasından çekerek tek bir boyutu değiştirebiliriz
Eğer seçimi döndürmek istiyorsanız, bir noktayı seçin veya daha yakın bir yerden dışarı getirin.
Burada iki ucunda oklarla küçük bir eğri görünür. Daha sonra sola veya sağa fare ile
çizebilirsiniz
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
15/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Dönüştür (Transform)
Ölçek - Yukarıda açıklandığı gibi
Döndür - Bunu Free Transform de açıkladık
Asimetri (Skew) - Geçerli layer üzerinde dikey veya yatay paralel olarak seçilen bölgeyi
yeniden biçimlendirmek
Deforme (Distort) – Seçilen alanının üzerindeki sekiznoktanın herhangi biri üzerinden fare ile
çekerek seçili alan yeniden düzenlenebilir.
Perspektif - sekiz noktanın herhangi birinden fare ile çekerek, görüntünün açısını değiştirmek.
180 Derece Döndürmek - Görüntüyü 180 derece döndürün.
90 derece döndürmek - saat yönünde 90 derece döndürmek.
90 derece ters döndürmek - saat yönünün tersine görüntü 90 derece döndürün.
Yatay Çevir - Yatay ayna görüntüsü elde edilir
Dikey Çevir - Dikey ayna görüntüsü elde edilir
3.3
Görüntü (Image)
Mod (Mode)
Bir resim için kullanılan renk kodlarını (renk oluşturmak için istediğiniz şekilde) ifade eder.
Monitör, Internet veya baskı: Renk kodu öncelikle resmi kullanmak istediğiniz ortama bağlı
olarak seçilir.
Gri tonlama
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
16/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Gri tonlarda görüntü dönüşümü.
Alt
menüden
bir
alt
komut
seçtiğimiz
zaman,
program,
layer’ları
düzleştirip
düzleştirmeyeceğimizi (Don’t Flatten) or not (Flatten) sorar. Adobe Photoshop da en önemli
kavram Layer’lardır. Layer’lar ayrı ayrı görüntünün farklı unsurlara dönüşmesine imkan tanır.
Bu
konuyu
bir
sonraki
menüde
tekrar
ele alacağız
ancak bizim
daima
seçeceğimiz
düzleştirmeme (Don’t Flatten) seçeneğidir.
RGB Renk
Bu isim renklerin baş harflerinden oluşur: Kırmızı, Yeşil ve Mavi (red, green, blue) Herhangi bir
renk bu üç rengin bir araya getirilmesiyle elde edilmektedir. Bu renklerin her birinin 0 ile 255
arasında bir sayısal değeri vardır. Örneğin, siyah renk kodu R 0, G:0 ve B:0’ dır beyaz renk için
kod R: 255 G: 255 B: 255’ dir. Bu renk kodu monitör ve web için grafik tasarım için kullanılır.
CMYK Renk
Bu kod adının baş harflerinden gelmektedir Mavi (Cyan) (bir tür mavi), Magenta (kırmızının bir
türü), Sarı (yellow) ve Siyah (black).Tüm renkler bu dört renk karıştırılması ile elde edilir. Bu
dört rengin her birinin 0 ile 100 arasında bir sayısal değeri vardır. Örneğin, siyah renk için kod
C: 0 M: 0 Y: 0 K: 100 iken beyaz için kod C: 0 0 M: 0 Y: 0 K: 0’dır.
CMYK renk kodu print için kullanılır.
Ayarlamalar (Adjustments)
Eğriler (Curves)
Bu aşamadan itibaren artık diagonalin ortasında varsayılan noktaya fareyi çekerek görüntülerin
renk tonu kontrol edebilir. Ek kontrol noktaları oluşturmak istiyorsanız, sadece görünmesini
istediğiniz yere çift tıklayın. İletişim kutusunun (dialogue box) üstünü seçerek RGB kodları için
Kırmızı - Yeşil - Mavi. ayrı ayrı renk kanalları üzerinde çalışabilirsiniz. Bir kez istediğiniz sonucu
elde ettikten sonra OK tuşuna basın ya da değişiklikleri iptal etmek isterseniz iptal (Cancel)
tuşuna basın.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
17/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Parlaklık / Kontrast (Brightness/Contrast)
Parlaklık ve Kontrast değiştirme: ölçeğin ortasında varsayılan yere fare imleci çekerek yapılır.
Sola sürüklerseniz bunu azaltır ve sağasürüklerseniz arttırırsınız. Değişiklikleri izlemek için
Kontrol Ön izleme Kutusunu(Preview Box) izleyin.
Otomatik Kontrast
Kontrast optimizasyonu otomatik olarak yapılır.
Çoğalt (Duplicate)
Yeni bir pencerede resmin bir kopyasını oluşturun.
Resim Boyutu (Image Size)
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
18/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Biz dosya oluştururken boyutlar ölçü birimleri ve görüntü çözünürlüğünü iyi bir şekilde
belirlemediğimizi düşünürsek, bunu bu komut ile değiştirebiliriz.
Tuval Boyutu (Canavas Size)
Genellikle, bu komut görüntü alanı boyutunu artırmak istediğinizde, yeni öğeler eklemek için
ya da büyüklük değişmeden bırakıldığında kullanılır. Bu artış, merkez dâhil olmak üzere
yukarıdaki kutuda (Anchor) gösterildiği gibi 9 çizgiden biri olabilir.
Tuali Döndür (Rotate Canavas)
Düzenle- Dönüştür konusunda daha önce bahsettiğimiz bazı işlemler gerçekleştirmek.
1.1.1.
Katman (Layer)
Daha önce bahsettiğimiz gibi Layer’ler Adobe Photoshop programının bazı temel grafik
elemanlarıdır, resmin ayrı layerlar üzerinde yer alan farklı unsurlarını onlar yoluyla kontrol
edebiliriz.
Layer’lar ile ilgili işlemleri göstermek için iki tür layer oluşturacağız: Peleş Castle (Peleş Kalesi)
ve ocean (okyonus). Bu amaç doğrultusunda şimdi tarayıcı penceresini açalım, Google Arama
Motorunu başlatalım: Resimler (Images) ve ardından arama kutusuna “Peleş Castle” yazalım.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
19/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Seçelim ve resmi açalım ve ardından farenin sağ tuşunu tıklatarak – Copy (Kopyala). Ardından
Photoshop’u açalım ve Ctrl + N (File- New). Ve yine ardından resmi buraya yapıştırmak için
Ctrl+V (Paste). Layer’lar panelinde window menüden aktif hale getirebilir ya da devre dışı
bırakabiliriz, Layer 1’i çift tıklatın, Peleş Castle yazın ve enter’a basın.
Google’a geri dönün, Ocean (Okyonus) arayın resmi açın ve sağ tuşa tıklayın- Copy, ardından
Photoshop’a gidin ve castle’ın (kalenin) resmi içine okyonus resmini koymak için Ctrl+V ye
basın tekrar Layer 1’in üzerine çift tıklayın, Ocean yazın ve enter’a basın. Biz şimdi sadece son
resmi görebiliyoruz, Ocean görülebilir, çünkü ocean layer Castle laterın üstünde yer alıyor.
Eğer Castle görmek istersek Layer Panelinde fareyi Castle layerın üzerine götürerek Ocean
layerın üzerin sürükleyin.
YeniLayer
Bu komut, varsayılan Katman 1 olarak adlandırılan yeni bir layer oluşturur. Yukarıda
gösterildiği gibi Mouse ın üzerine çift tıklanarak adını değiştirmek mümkündür.
Aynı etki Layers Panelinin aşağı kısmında sondan bir önceki simgeye basarak elde edilebilir.
Layer arka planı
Bu komut varsayılan Layeri Arkaplan (Background) Layeri olarak da isimlendirilen
Layer 0 a dönüştürür. Bu arkaplan resmini şeffaf yapabildiği için bir avantaj taşır. Bunu için
Select All, veya CTRL+A ve ardından Delete (Sil) tuşuna basınız.
Aynı şey fareyi Arkaplana veya Layer 0 I Layer Panel Trash’a sürükleyerek de yapılabilir.
Aşağıdaki resimde bu çalışma arka planlı ve arka plan olmadan gösterilmektedir.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
20/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Layer Seti
Bu komut Layers Panelinde bir klasör oluşturur ve burada layerlerdaha kolay manipüle
edilebilmesi için temalara göre gruplandırılmış olabilir. Bu özellik, çok sayıda layerle
çalışıldığında karmaşık resimler için yararlıdır. Varsayılan Layerler Klasörünü Set 1 olarak
adlandırıyoruz,
ancak
oluşturulduktan
ve
sonrasında
çift
tıklayarak
bu
adı
değiştirebiliriz.Örneğin, fareyiSet 1’de Okyanus (Oceon) Layeri üzerine sürükleyin Layer Panel
olarak aşağıdaki resimde gösterildiği gibi olacaktır.
Geri dönmek için, sadece ters işlem yapmak yeterlidir Layeri ana Pencere Paneline geri
sürükleyin. Klasörü (Folder) okun yakınlarındaki bir yerden üstüne tıklayarak herhangi bir
Window File Managerde (Windows Dosya Yöneticisi) açıp kapayabilirsiniz.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
21/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Artık ihtiyacımız yoksa, şimdi gösterdiğimiz örnekte olduğu gibi klasörü Panel Trash’a
sürükleyebiliriz.
Layeri Çoğalt (Duplicate Layer)
Mevcut layerin bir kopyasını oluşturmak.
Sil (Delete)
Seçilen layer silinir.
Layer Stili (Layer Style)
Layer etkisi oluşturulmasına olanak sağlar. Bu alt menünün kullanımı kolaydırarzu edilen
Layerın boş ve mavi olan kısmını veya Layers panelini çift tıklatmamız gerekir. Bunu aşağıdaki
pencerede görebilirsiniz.
Efektlerin en çok kullanıldığı yerler: Drop Shadow, Inner Shadow, Outer Glow, Inner Glow,
Bevel ve Emboss, Satin ve Stroke’tur. Biz bu etkilerin her biri ile "oynamanızı" ve sonuçları
gözlemlemenizi öneririz.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
22/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Yukarıda ele alındığı gibi, bir layer başka bir layer altına yerleştirilirse birinci layer normal
olarak görülemez. Görünür olmaya başlaması için yukarıda katmanın donukluğunu (opacity)
değiştirmeniz gerekir. Bunu Layerlar Panelinin üst sağından yapabilirsiniz. % 50 opacity ile
"Peleş Kalesinin" Layerda nasıl görünür olabileceğini aşağıdan görebilirsiniz:
Birlikte daha fazla Layer yönetmek istiyorsanız, Layer Panelinde bunlardan birine tıklayın ve
sonra bağlanmak istediğiniz Layerın solundaki ikinci kutuya tıklayın. Bu kutuda bir zincir
görünecektir.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
23/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Bu bağlantıyı kesmek istiyorsanız, zincirli kutuyu tekrar tıklayın.
Layerin görünür, olup olmadığını layerin soldan ilk kutusunda, bir göz gösterir. Fareyi
tıklayarak bunu aktif ve / veya devre dışı bırakılabiliriz.
Linkleri Birleştirme (Merge Linked)
Sadece bir layeri bağlantılı layerlere bağlar.
Görünür Birleştirme (Merge Visible)
Sadece bir layeri görünür layerlerle bağlar.
Flatten Resim (Flatten Image)
Sadece bir layeri tüm mevcut layerlerden yapar.
1..2.
Seçim (Select)
Tümü (All)
Geçerli Layerin içeriğini seçin veya Ctrl + A
Seçimi kaldır(Deselect)
Seçimi iptal eder.
Yeniden seçin (Reselect)
Seçimi geri yükleyin.
Ters (Inverse)
Seçilen alanı ters çevirin.
Tüy (Feather)
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
24/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Kenar seçimini "Yumuşatır" böylece onu kesmek istediğimizde (pürüzlü) pikselli görünmez.
Feather’a daha büyük bir değer vermek istediğimizde kenar kararır. Çoğu durumda kullanılan
değerler, 1 ya da 2 'dir.
Değiştirmek (Modify)
Sınır (Edge)
Seçtiğimiz kalınlıkta sınır için seçim oluşturmak için renk ile doldurun aşağıdaki resimde
görüldüğü gibi bir görüntü oluşur.
Genişlet(Expand)
Bizim tarafımızdan verilen bilgiler doğrultusunda piksel sayısı ile seçilen alanı genişletin.
Daralt (Contract)
Bizim tarafımızdan öğretildiği gibi piksel sayısı ile seçilen alanı azaltın.
Seçim Dönüşümü (Transform Selection)
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
25/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Herhangi bir şekilde görüntüyü etkilemeden uzunluğu ve seçilen alanın genişliğini değiştirin. Bu
komutu verdikten sonra, ekranda sekiz kontrol noktası görünecektir dört tanesi köşelerdedördü
ise,iki tarafın ortasında görünür. Farenin sol tuşunu basılı tutarak köşelere sürükleyerek,
uzunluk ve genişliği değiştirebilirsiniz. Seçimi bozmak istemiyorsak Shift tuşunu basılı tutmanız
gerekir. Iki tarafın ortasından fare ile sürüklersek, sadece uzunluk veya genişliği değiştiririz.
Eğer fare imlecini bir check pointin yanına veya dışarı kısmına getirirsek pointerin iki ucunda
oklarla küçük bir eğriye dönüştüğünü göreceksiniz. Şimdi istediğiniz yöne fareyi sürükleyerek
seçimi (selection) döndürebilirsiniz.
1.1.1.
Filtre (Filter)
Bu menü bize kompozisyonlarınız için şaşırtıcı efektler eklemenize izin verir.
Kale ile veya
başka diğer resimlerletüm bu filtreleri denemeniziöneririz, bundan çok hoşlanacaksınız. Biz,
aşağıda bu etkilerin sadece en önemli türlerini sunacağız
Artistik
Poster Kenarları (Poster Edges)
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
26/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Görüntü bir litografi gibi görünüyor.
Bulanıklık (Blur)
Filtreler bu kategoriden bulanık bir görüntü üretecek. En sık kullanılan Gaussian Blur’dur.
Gaussian Blur
Bozuk (Distort)
Diffüz Glow
Resime bir yaygın parlaklık verir.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
27/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Noise (paraziti düzeltme)
Noise ekle
Görüntüye noise ekleyin. Bu pikselli olur.
Benekleri giderin
Bu Noise komutunun tersidir. Bu komut, görüntüden paraziti kaldırır.
Toz ve Çizikler
Bu tozlu ve çizik eski fotoğrafların rötuşu için kullanılır.
Önce
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
28/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Sonra
Medyan
Bu lekeleri temizle komutu ile hemen hemen benzer, ancak daha ince bir kontrolü vardır.
Önce
Sonra
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
29/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Çevirmek (Render)
Fark Bulutlar (Difference Clouds)
Resmin bazı kısımları bir çeşit bulutlara dönüştürülür.
Işık parlaması (Lens Flare)
Işık kırılmasına neden olan parıltıyı giderir.
Işık Efektleri (Lighting Effects)
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
30/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Işık efektleri ile aydınlatmada farklı stiller.
Keskinleştirmek (Sharpener)
Daha Keskinleştirme
Görüntü vurgulanır
Üslup kazandırmak (Stylize)
Yaygınlaştırma (Diffuse)
Görüntü yaygın bir görünüme sahip olur.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
31/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Kabartma yapmak (Emboss)
Bir kroki veya litografi gibi birresim oluşturmak.
Parlak kenarları (Glowing Edges)
Görüntüye bir psychedelic yönsunulur.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
32/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Solarize
Bir resimde renkleri eşitler ve tersine çevirir.
Fayans (Tiles)
Görüntüye sanatsal bir parmaklık ekler.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
33/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Trace Contour
Görüntüye çizim havası kazandırır.
Doku (Texture)
Dokulaştırıcı (Texturizer)
Bir görüntü için seçtiğiniz veya oluşturduğunuz doku uygulayın.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
34/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
1.1.2.
Görünüm (View)
Zoom (Ctrl +) / Zoom Out (Ctrl-)
Ölçeğin mevcut gerçek boyutunu değiştirmeden resmin nasıl göründüğüne bağlı olarak
büyütüp/ küçültebilirsiniz
Cetveller (Rulers)
Kontrol ederek veya etmeyerek kutunun görünürlüğününiyi veya bozuk olmasına karşı
pencerenin içerdiği resmi kenarlarından cetvelle görüntüyü netleştirebilirsiniz.
Bu cetvellerle
aşağıdaki resimde görüldüğü gibi resmin farklı unsurlarına uyum sağlayan hayali hatlar
ekleyebilirsiniz.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
35/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
1.1.3.
Pencere (Window)
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
36/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Buradan Adobe Photoshop’un özellikle en önemli ve yararlı unsurları olan Kontrol Panelleri ve
Araçların bir dizi kontrol veya işareti kaldırabilirsiniz. Yukarıdaki resimde işaretlilerin çoğu en
önemlilerdir. Zaten bazıları hakkında, aşağıdaki bölümlerde bunları alacağız.
1..4.
Yardım (Help)
Herhangi bir programda olduğu gibi Photoshop Yardım Menüsü ile soruların yanıtlarını
bulabilirsiniz.
Alt menüden Photoshop Yardım (F1) kullanacağız.
Tarayıcı penceresinin üstünden, sağdaki son sekmeyi açın işaretleyin, arama (search)
Daha sonra aşağıdaki kutuya bir veya daha fazla anahtar kelime yazın ve ara (search) tuşuna
basın.
Sağ tarafta sorunun cevabı görünür.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
37/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
38/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
3.2. Adobe Photoshop Araç Kutusu
Eğlenceli bir şekilde öğrenmek için, Adobe Photoshop araçlar sağlar ne, biz internetten bir
görüntü
alıp
ve
"aile"(family)Google
onunla
oynamaya
Images
başlamayı
arayalım.Biz
öneriyoruz.
aşağıdaki
resme
Örneğin,
seçebiliriz
anahtar
sağ
kelime
tıklayın
ve
bilgisayarınıza kaydedin. Daha sonra, Dosya - Photoshop açın (File – Open in Photoshop).
3.2.1. Kırpma (Crop)
Bu fotoğrafı iki parçaya bölmek istiyorsanız, Araç panelinden (Toolbox panel) Kırpma aracını
(Crop tool) kullanabilirsiniz:
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
39/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Crop’u tıklayın ve daha sonra fare imlecini fotoğrafın üst kısmına getirin. Sol tuşuna basılı tutun
ve görüntünün orta-alt kısmına kadar çapraz olarak sürükleyin ve sonra sol fare düğmesini
bırakın. Seçtiğiniz alanda İçeride bir yere çift tıklayarak arzu ettiğiniz resmi elde edin.
3.2.2. Dikdörtgen Marquee aracı
Bu dikdörtgen seçimler oluşturmak için kullanılır. Şimdi, fotoğrafın altında seçilen yerde
gölgeleri keselim. Araç kutusundan (Toolbox) Dikdörtgen Aracı (Rectangular Tool) seçin.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
40/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Farenin sol tuşuna ve gölgeleri kapsayana kadar alt soldan sağa doğru alttan sürükle basılı
tutarak, resmin altına sürükleyin. Daha sonra, fareyi bırakıp sil (delete) tuşuna basınSonuç,
aşağıda yer alan resimdeki gibidir:
3.2.3. Eliptik Marquee Aracı(Elliptical marquee tool)
Bu aracı seçmek için seçilen araçları üzerinde farenin sol tuşuna basılı tutun ve belirli bir araç
seçebileceğiniz bir kutu görünür.
Şimdi sol-yukarıdan aşağı sağa kadar seçelim. Seçimi bir daire içine almak istiyorsanız, Shift
tuşunu basılı tutun. Menüye gidin ve listeden ters (Inverse) seçeneğini seçin. Delete tuşuna
basın, ardından seçime (select) geri dönün Seçimi Kaldır'ı seçin. Görüntü aşağıdaki gibi
görünecektir:
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
41/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Görüntüye bir kontür vermek istersek, deselecte basmadan önce yine Select Inverse ve
ardından Düzen (Edit) menüsüne gidin ve Stroke’u seçin.
Bir önceki bölümde anlatıldığı gibi kalınlık, renkler ve konum (thick contour, colour and
location) en önemli ayarlardır. İstediğiniz ayarları yapın ve OK düğmesine basın, ardından
Select-Deselect seçinve aşağıda resimdeki gibi bir sonuç elde edeceksiniz:
3.2.4. Lasso Aracı (Lasso Tool)
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
42/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Lasso Aracının üç tip çeşidi vardır. Lasso Tool (freehand), ve Polygonal Lasso Aracı and
Magnetic Lasso Aracı. Ince seçimler için en doğru ve en çok kullanılan araç Polygonal Lasso
Aracıdır. Şimdi ailemizin görüntüsünden anneyi kesmek için bu aracı kullanalım. Fotoğrafı daha
iyi görmek için, "Ctrl + tuş kombinasyonuna" basın. Uygun bir biçimde tıklamak için daima
annenin bulunduğu yerin içerisini tıklayalım asla dışarı bir yere tıklamayın. Bir noktadan
başlayın örneğin, başın ortasından başlayın ve aynı noktaya dönün. Bu seçimi kapatmak
anlamına gelir. Select – ınverse ve delete tuşuna basın.Annenin etrafındakilerin kesilmesiyle
elde edilen sonuç aşağıdaki resimdeki gibidir:
Arka plan renginin yukarıdaki durumda olduğu gibi, düzgün ya da hemen hemen eşit
olduğunda, Magic Wand Tool bu mükemmel bir araç seçimdir.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
43/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Bu aracın önemli bir parametresi Tolerance’dir. "0" (Sıfır) da Tolerans sadece bir renk tonu
seçer. Tolerans yükseldikçe daha fazla renk seçilecektir. Bir diğer önemli parametre Antialiased’dır. Bu seçenek seçilirse çıkıntılı kenarı engelleyen bir "yumuşama" ile ilgileniyoruz
demektir.
Toolbox panelinde bir seçim aracı seçildiğinde seçim fare ile hareket ettirilebilir.
Seçilen nesneyi taşımak için biz Move Tool kullanacağız.
3.2.5. Slice Aracı (Slice Tool)
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
44/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Biz "Web sitesi düzeni oluşturma" bölümünde bu aracı ele alacağız.
3.2.6. Fırça ve Kalem Aracı (Brush Tool ve Pencil Tool)
Fırça ve kalem el ile çizmek için kullanılır. En önemli parametre çizgi kalınlığıdır – Brush
3.2.7. Stamp Tool Clone
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
45/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Özellikle ince ayarlar için kullanılır. "Alt" tuşuna basılı tutun ve sonra klonlamak istediğiniz
fotoğrafın bölümünü tıklayın. Sonra resmin klonu yapıştırmak istediğiniz parçasını tıklayın. En
önemli parametre klonlama boyutudur – Fırça ile
3.2.8. Gradient Aracı ve Paint Bucket Tool
Bu araçlar renkli bir seçim ile doldurmak için kullanılır.
Gradientbir
renkten
diğerine
kademeli
bir
geçiştir.
Aynı
zamanda
daha
fazla
renk
kullanabiliriz.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
46/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Rectangular Marquee Tool kullanarak dikdörtgen bir seçim yapalım. Gradient Tool tıklayın. Bu
araçtan özelliklerin (properties) üst çubuğundan renk çubuğunu tıklatın. Aşağıda görülen
iletişim kutusu elde edilecektir:
Üstten varsayılan bir modeli seçebilirsiniz, ya da üsttengradient biçimini aşağıdaki sliderları
tıklayarak rengi ayarlamak veya renk çubuğuna yeni bir renk ekleyerek özelleştirebilirsiniz.
Daha sonra istenilen yönde, görüntünün bir tarafından diğer tarafına fareyi sürükleyin.
Aşağıdaki şekle benzer bir sonuç elde edilecektir:
Paint Bucket Tool tek bir renk ile seçili alanı doldurur.
Renk Masası'ndan (Colour Panel) bu
rengi seçebiliriz, daha önce bu bölümde bu Panel hakkında bilgi vermiştik. İyi bir renk tonu
kontrolü içintoolbox üzerinde Foregroundrengini tıklayın.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
47/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Paint Bucket Tool dan seçtiğiniz rengi tıkladıktan sonra alanı seçiniz. Aşağıdaki resme benzer
bir sonuç elde edeceksiniz:
3.2.9. Blur Aracı
Bu bizim tanınmasını istemediğiniz bir yüz için örneğin bir görüntünün bir kısmını bulanık
yapmak için kullanılır.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
48/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
En önemli parametre, aracın büyüklüğüdür- Fırça. Şimdi En favori ünlü fotoğrafını internette
arayalım sağ tıklayın ve Copy 'yı tıklatın. Photoshop’ a geri dönün, File - New veya Ctrl + N,
parametreleri ayarlayın ve OK tuşuna basın. Daha sonra fotoğraf yapıştırmak için Edit – Paste
veya Ctrl + V.
Seçilen Blur Tool ile istenen alanda bulanıklık sağladık. Aşağıdaki resme benzer bir sonuç
alırsınız:
3.2.10. Yazı Aracı (Type Tool)
Bu araç ile görüntülere metin ekleyebilir ve biçimlendirebilirsiniz.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
49/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Şimdi Coca Cola sitesine girmek için Google'da "Coca Cola"yı arayalım.
Bir kez bu siteye
girdikten sonra, farenin okunun sitede kullanılan bölgenin dışında olduğundan emin olun ve
klavyenin sağ üst kısmından PrtScn düğmesine basın.Bu işlem sayesinde bir tür kopyalama
(copy) gibi tüm ekranı kaplayacağız. Şimdi yine Adobe Photoshop’a geri dönüyoruz ve yeni bir
belge oluşturmak için Ctrl + N ve sonra Ctrl + V (Paste). Aşağıdaki görüntüyü elde edeceğiz:
Resmin tüm genişliğini yukarıdan aşağı dğru seçerek Rectangular Marque Tool bilgisayar
çubuklarını gizliyoruz. Üst ile başlayalım. Bir kez seçim yaptık, Colour Panelden veya
Toolbox’dan favori rengi seçin ve sonra Menüden Edit–Fill. Resmin altında bu işlemi tekrarlayın.
Bu şekilde başlık ve açıklayıcı metin (açıklama) için bir alan yarattınız. Genişliğini azaltmak için
görüntüyü kırpın, aşağıda resimdeki gibi bir sonuç elde edeceksiniz:
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
50/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Photoshop metinin dört ana türü vardır:
-
Yatay metin;
-
Dikey metin;
-
Bir çizgi metin üzerinde (örneğin başlıklar, için);
-
Paragraf metin için çok satırlı metin (metin kutusu),.
Aşağida Metin biçimlendirme için metin çubuğu yer alıyor.
Bu iyi bilinen ve kullanılan word
programının çok benzerdir.
Yönü, yazı tipi, boyut, hizalama, stil (kalın, italik, normal), anti-aliasing modu, (anti pürüzlü
kenarları), renk, eğri metin, paragraf seçenekleri vb seçebiliriz.
Resmin üst kısmında alt kısıma göre daha fazla aralık (space) olduğundan metni ilk paragrafta
kullanacağız ve altta bir başlık kullanacağız.
Sınırlar için dikey metin (vertical text) kullanın.
Altı tıklayın ve istediğiniz format ile "Coca-Cola" yazın.
Yukarıda seçilen Type Tool ile farenin sol tuşuna basılı tutarak fareyi üst solun herhangi bir
yerinden en alt sağda red type ın üzerine sürükleyin. Sonra tuşu bırakın. Arzu edilen
ayarlamaları yapar, yazarız. Metin biçimlendirme Word'de olduğu gibi, fare ile seçerek daha
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
51/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
sonra yapılabilir. Kutu boyutu orta tarafta bulunan kontrol
noktaları
arasında fareyi
sürükleyerek değiştirilebilir. Move Tool kullanarak hareket ettirilebilir. Şimdi aşağıdaki metni
yazalım: "öğretim amacıylaCoca Colaweb sitesindenbirekran görüntüsüdür. Aşağıda resimdeki
gibi bir sonuç elde edilecektir:
3.2.11. Eyedropper Aracı
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
52/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Bu araç, bir görüntünün bir kısmındaki renk klonlanmasını daha sonra başka bir bölümde
kullanmak için kullanılır.
3.2.12. Hand Aracı
Bu araç,pencereyegirmeyenresminparçalarınıgörselleştirmekiçin kullanılır
3.2.13. Yakınlaştırma Aracı
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
53/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Büyüteç resmin ölçeğiniyakınlaştırmak veya uzaklaştırmak için kullanılır. Varsayılan seçenek
yakınlaştırmadır. Uzaklaştırma için Alt tuşunu basılı tutun.
3.2.14. Ön Plan Rengi ve Arka Plan Rengi
Ön plan Rengi ana renktir ve Fırça, Kurşun Kalem veya Paint Bucket (Boya paleti) gibi araçlarla
kullanılır. Arka plan rengi arka alan rengidir ve örneğin, Eraser Tool (Silgi aracı) ve Sil
(delete)gibi araçlarla kullanılır. Varsayılan olarak bu renkler siyah ve beyazdır. Bu renkler
aralarındaki oka tıklayarak tersine çevrilebilir.
Renkler üzerine tıklayarak değiştirilebilir.
3.3. Adobe Photoshop CS6 için klavye kısayolu listesi
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
54/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Aşağıdaki kısayollar aynı mevcut işlemleri ve menüleri yaparken işinizi kolaylaştırabilir veçok
daha hızlı hale getirebilir. Bu kısayolların tam listesi için, Adobe web sitesinden "Yardım"
sayfasından (http://help.adobe.com) ziyaret edin1.
Seçilen Araçlar İçin Kısayollar
V
Move tool (Aracı hareket ettirir)
+ M Shift Rectangular Marquee aracı, Oval Seçim Çerçevesi aracı (Elliptical Marquee tool)
Shift + LLasso tool, Polygonal Lasso tool, Magnetic Lasso tool
Shift + WMagic Wand tool (Sihirli Değnek aracı)Quick Selection tool (Hızlı Seçim aracı)
Shift + CCrop tool (Kırpma aracı)
Shift + IEyedropper tool (Damlalık aracı),Color Sampler tool (Renk Örneği aracı), Measure
tool(Ölçü aracı),Count tool (Sayma aracı)
Shift + JSpot Healing Brush tool (Nokta Düzeltme Fırçası aracı),Healing Brush tool (Düzeltme
Fırçası aracı) Patch tool, Red Eye tool (Kırmızı Gözü düzelt aracı)
Shift + BBrush tool (Fırça aracı),Pencil tool (Kalem aracı),Color Replacement tool (Renk
Değiştirme aracı)
+ S ShiftClone Stamp tool, Pattern Stamp tool (Desen Damgası aracı)
Shift + YHistory Brush tool (Geçmiş Fırçası aracı) Art History Brush tool (Sanat Fırçası aracı)
Shift + E Eraser tool (Silgi aracı) Background Eraser tool, Magic Eraser tool (Sihirli Silgi aracı)
Shift + GGradient tool, Paint Bucket tool
+ O ShiftDodge tool, Burn tool, Sponge tool
Shift + P Pen tool, Freeform Pen tool (Kalem aracı, Serbest Biçim Kalem aracı)
Shift + THorizontal Type tool, Vertical Type tool, Horizontal Type mask tool, Vertical Type
mask tool (Yatay Yazım aracı, Dikey Metin aracı, Yatay Tip maske aracı, Dikey Tipi maske
aracı)
Shift + APath Selection tool (Yol Seçimi aracı), Direct Selection tool(Doğrudan Seçim aracı)
+ U Shift Rectangle tool, Rounded Rectangle tool, Ellipse tool, Polygon tool, Line tool, Custom
Shape tool ( Dikdörtgen aracı, Yuvarlak Köşeli Dikdörtgen aracı, Elips aracı, Çokgen aracı, Çizgi
aracı, Özel Şekil aracı)
Shift + N
3D Object Camera tool (Roll, Pan, Walk, Zoom tool) 3D Nesne Kamera aracı
(Rulo, Pan, Yürüyüş, Yakınlaştırma aracı)
Shift + K
3D Object Rotate tool (Roll, Pan, Slide, Scale tool), 3D Nesne Döndürme aracı
(Rulo, Pan, Slayt, Ölçek aracı).
R
Rotate view tool (Tresten görmek aracı)
H
Hand tool (El aracı)
1
http://help.adobe.com/en_US/photoshop/cs/using/WSD578BD7D-07BC-46f6-AAC26E491E8AD818a.html#WS24E993BC-E1F3-4ac6-8225-7685C3B17669a
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
55/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Z
Zoom tool (Yakınlaştırma aracı)
Resmin Görüntüsü İçin Kısayollar
Ctrl + Tab
Shift-Ctrl-W
Açık belgeler arasında geçiş yapar
Photoshop’da dosyayı kapatır ve köprü açar
S
Standart mod ve Hızlı Maske modu arasında geçiş yapar
Shift + F
Menü çubuğuyla Standart Ekran Modu, Maksimum Ekran Modu,
Tam Ekran Modu ve arasında iler/ geri geçiş yapar
Hand tool Çift tıklatmak PenceredeFit görüntü sağlar
Ctrl + 1
% 100 büyütür
Ctrl + boşluk
Yakınlaştırır
Alt + boşluk
Space + drag
Uzaklaştırır
Yakınlaştırma aracıyla sürüklerken yakınlaştırma seçim çerçevesini
taşır
Page Up / Page Down 1 ekran yukarı veya aşağı kaydırma
Shift + Page Up / Page Down 10 birim yukarı veya aşağı
Home veya End
Sol üst köşesinden veya sağ alt köşeyegitmek
\ (backslash)
Kısmi saydam olarak açma / kapama taggle layer maskesi (layer maskesi
seçilmelidir)
Filtre Galerisi için kısayollar
Alt-click a filter
Üsstte seçilen yeni filtreyi uygulama
Alt-click a disclosure triangle Tüm Trinagle ları aç/kapa
Ctrl
Alt
Adobe Photoshop Standart İptal düğmesini değiştirin
Reset için İptal düğmesini değiştirin
Ctrl + Z
Geri Al / Yinele
Ctrl + Shift + Z
Ileri adım
Ctrl + Alt + Z
Geri adım
Eğriler için kısayollar (Shortcuts for Curves)
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
56/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Ctrl + M
Adobe Photoshopdaki Eğriler (curves) iletişim kutusunu (dialog
box) aç
Ctrl + Tab
Curve’in sonraki noktasını seç
Shift + Ctrl + Tab
Curve’in bir önceki noktasını seç
Noktalalar üzerinde ctrl-tıklaCurve üzerinde birden çok nokta seç
Ctrl + D
noktayı kaldır
Bir nokta seçin ve Delete tuşuna basın Curve üzerinde bir nokta silmek için
Arrow tuşları
Seçilen nokta 1 birim hareket eder
Shift + Arrow (ok) tuşları
Seçilen nokta 10 birim taşınır
Alt-sürükleyin black/white point slidersVurgular ve gölgeler ekranda kırpılmış olur
ctrl- image tıklayın
Bileşik (composite) eğriyi bir noktaya ayarlayın
Shift + Ctrl görüntüyü -tıklayın Kanal (channel) eğrileri bir noktaya ayarlayın
Alt-click the field
Toggle grid size (Geçiş ızgara boyutu)
Karma Modlar İçin Kısayollar
Shift + + (plus) veya - (minus)Karma modlar arasında geçiş
Shift + Alt + N
Normal
Shift + Alt + I
Dissolve (Çöz)
Shift + Alt + Q
Arkasında (Sadece fırça aracı)
Shift + Alt + R
Clear (Temizle) (Sadece fırça aracı)
Shift + Alt + K
Darken (karartmak)
Shift + Alt + M
Multiply (çoğaltmak)
Shift + Alt + B
Color Burn (renk yapmak)
Shift + Alt + A
Linear Burn
Shift + Alt + G
Lighten (hafifletmek)
Shift + Alt + S
Screen (ekran)
Shift + Alt + D
Color Dodge
Shift + Alt + W
Linear Dodge
Shift + Alt + O
Overlay (kaplama)
Shift + Alt + F
Soft Light (yumuşak ışık)
Shift + Alt + H
Hard Light (sert ışık)
Shift + Alt + V
Vivid Light (canlı ışık)
Shift + Alt + J
Linear Light (doğrusal ışık)
Shift + Alt + Z
Pin Light (ışık pini)
Shift + Alt + L
Hard Mix (katı karışım)
Shift + Alt + E
Difference (fark)
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
57/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Shift + Alt + X
Exclusion (hariç tutma)
Shift + Alt + U
Hue (ton)
Shift + Alt + T
Saturation (doygun)
Shift + Alt + C
Color (renk)
Shift + Alt + Y
Luminosity (parlaklık)
Sponge tool + Shft + Alt + D Desaturate (doymamış)
Sponge tool + Shft + Alt +S Saturate (doymuş)
3.4. CorelDRAW hakkında birkaç şey
Bu modülün başında belirttiğimiz gibi, CorelDRAW profesyonel tasarım (basit veya karmaşık)
oluşturmaya yardımcı olacak kapsamlı bir vektör grafik uygulamasıdır.
Bir CorelDRAW pencere aşağıdaki resimde gibi görünmektedir:
Birçok arayüz bileşenlerininWindows’dan ödünç alındığını fark edebilirsiniz. Daha somut olmak
gerekirse, bir CorelDRAW penceresi aşağıdaki unsurları içerir:
-
Uygulamanın adı ve versiyonunu görüntüleyen başlık çubuğu, (en aza indirmek aşağı
geri ve kapatılması) açık ve diğer kontrol düğmeleri olan dosyanın adı:
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
58/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
-
Farklı işlevleri olan diğer kontrol düğmeleri (minimize etmek, aşağı indirmek geri
kapama) için erişim sağlayan menü bar; Windows menüsü ile benzer Menü çubuğu:
-
Propertybar:
-
Araç Kutusu (Toolbox):
Pick Tool – Seçimi ve nesne dönüşüm sağlar
Shape Tool(F10) – Node’lara dayalı olarak nesnenin şeklini ayarlamayı sağlar.
Crop Tool – Seçimin dışında kalan alanı kaldırır
Zoom Tool (Z) – Çalışma alanı üzerinde Zoom
Freehand Tool (F5) – Eğriler ve düz çizgi parçalarını çizer
Smart Fill Tool – Hızlı alan doldurun
Rectangle Tool (F6) - Dikdörtgenler ve karelerin çizimini sağlar
Ellipse Tool (F7) - Elips, daire ve yay çizmeyi sağlar
Polygon Tool (Y) - Çokgenler ve yıldızlar çizmeyi sağlar
Basic Shapes – Temel şekiller
Text Tool (F8) – Yazma (paragraf ya da sanatsal metinler)
Table Tool - Tabloları çizmeyi sağlar
Interactive Blend Tool – İki nesneyi karıştırır
Eyedropper Tool–Kullanılan çizim için bir renk seçmenizi sağlar
Outline Tool– Atadığınız, Kalınlık, Renk, Stil, Ok uçları ve herhangi bir çizgi vb gibi
özellikllerin niteliklerini değiştirmenizi sağlar
Fill - Düzgün dolgu, Fountain dolgu, Doku dolgu, PostScript dolgu veya dolgu yok gibi
çeşitli seçenekleri içeren dolguları görüntüler.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
59/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Interactive Fill Tool (G) –Fountain dolgu uygular
-
CMYK Palette, arka plan renkleri veya kontur çizgi rengini çok kolay bir şekilde
değiştirmenize olanak verir.
Bir sonraki bölümde CorelDRAW’da bir düzen oluşturmayı öğreneceksiniz.
3.5. CorelDRAW X6 için klavye kısayol listesi
Aşağıdaki kısayollar mevcut işlemleri ve menüleri yaparken işinizi kolaylaştırabilir ve çok daha
hızlı hale getirebilir. Bu kısayolların tam listesi için; Corel web sitesini
(www.corel.com)
ziyaret edin
2
KUMANDA
KISAYOL
Artistic Media
I
AÇIKLAMA
Eğrilerçizer vekonturlaraFırça, Boya, Kaligrafiefektlerle
hazır ayar verir
Back One
Ctrl+PgDn
Seçilen nesnenin yerini nesne yığın sıralamasında geri
2
http://product.corel.com/help/CorelDRAW/540240626/Main/EN/Doc/wwhelp/wwhimpl/js/html/wwhelp.htm?context=
CorelDRAW_Help&topic=IDDH_DEFAULT_HELP_PAGE&single=
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
60/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
bir konum geriye yollar
Bold
Ctrl+B
Metnin stilini kalın olarak değiştirir
Break Apart
Ctrl+K
Seçili nesneyi ayırır
Bullet
Ctrl+M
Metindeki madde işaretlerini ekler/kaldırır
Center
Ctrl+E
Metni hizalar, metnin hizasını değiştirir
Center to Page
P
Sayfa için seçilen nesnelerin merkezlerini hizalar
Color
Shift+F12
Anahat Renk iletişim kutusunu (Outline Color dialog
box) açar
Combine
Ctrl+L
Seçilen nesneleri birleştirir.
Convert To Curves
Ctrl+Q
Seçili
nesneyi
eğriye
dönüştürür;
eğrileri
dönüştürmede daha esnek düzenleme sağlayabilir
Convert To Paragraph Text
Ctrl+F8
Sanatsal metini paragraf metinine dönüştürür ya da
tersini yapar
Convert Outline To Object
Ctrl+Shift+Q
Bir nesneyi bir taslağa dönüştürür
Copy
Ctrl+C
Seçimi kopyalar ve panoya yerleştirir
Cut
Ctrl+X
Seçimi keser ve panoya yerleştirir
Delete
Delete
Seçili nesneyi siler
Duplicate
Ctrl+D
Seçilen nesneyi çoğaltır ve belirtilen bir miktarda
azaltır.
Edit Text...
Ctrl+Shift+T
Dialog box’ dan Edit Text’i açar
Ellipse
F7
Elips ve daireler çizer; çift tıklatarak seçeneklerden
iletişim kutusunun Toolbox sekmesi açılır
Eraser
X
Bir grafiğin bir parçasını siler ya da bir nesneyi iki yola
böler
Exit
Alt+F4
CorelDRAW’dan çıkışve aktif çizimlerin kaydedilmesi
Export...
Ctrl+E
Metin veya nesneyi başak bir formata yollar
Fill
G
Bir nesneye dolgu ekler; tıklayıp nesne üzerinde
sürükleyerek bir fountain doldurmak mümkündür.
Find Text...
Alt+F3
Çizimde belirtilen metin bulur
Font List
Ctrl+Shift+F
Tüm etkin kullanılabilir / yazı tiplerinin bir listesini
gösterir
Force Full
Ctrl+H
Son
satırı
tam
uyuma
zorlamak
için
metnin
hizalamasını değiştirir
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
61/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Format Text...
Ctrl+T
Metin biçimleri özellikleri
Forward One
Ctrl+PgUp
Seçili nesneyi bir konum ileri yerleştirir
Fountain
F11
Nesneye (fountain) renklendirme doldurur.
Freehand
F5
Freehand modunda çizgiler ve eğriler çizer
Full
Ctrl+J
Tam uyum için metinin hizalamasını değiştirir
Full-Screen Preview
F9
Çizimin tam ekran önizlemesini görüntüler
Graph Paper
D
Dikdörtgenler bir grup çizer; çift tıklayarak seçenekler
iletişim kutusunun Toolbox sekmesi açılır
Group
Ctrl+G
Seçilen nesneleri gruplandırır
HTML Font Size List
Ctrl+Shift+H
Tüm etkin kullanılabilir / HTML yazı tipi boyutlarının bir
listesini gösterir
Horizontal Text
Ctrl+,
Metni horizontal (yatay) yöne değiştirir
Import...
Ctrl+I
Metin veya nesne alır
Interactive Fill
G
Nesneyi tıklayarak ve sürükleyerek nesneye dolgu
ekler.
Left
Ctrl+L
Sol hizalama ile metin hizasını değiştirir
Mesh Fill
M
Mesh Fill nesnesini başka nesneye dönüştürür
Next Page
PgDn
Bir sonraki sayfaya gider
New
Ctrl+N
Yeni bir çizim yaratır
Open...
Ctrl+O
Mevcut çizimi açar
Options...
Ctrl+J
CorelDRAW
seçeneklerini
ayarlamak
için
iletişim
kutusunu açar
Paste
Ctrl+V
Çizimin içine pano içeriğini yapıştırır.
Pen
F12
Outline Pen dialog box’ ı açar
Polygon
Y
Simetrik çokgenler çizer; çift tıklayarak Seçenekler
iletişim kutusunun Toolbox sekmesi açılır
Previous Page
PgUp
Bir önceki sayfaya git
Print...
Ctrl+P
Çizimleri yazdırır
Properties
Alt+Return
Mevcut seçilen yere veya araca bağlı olarak nesne
veya araç özelliklerini gösterir.
Rectangle
F6
Dikdörtgenler çizer; çift tıklayarak bir sayfa çerçevesi
oluşturur
Redo
Ctrl+Shift+Z
Son işlemi tersine geri alır
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
62/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Refresh Window
Ctrl+W
Çizim penceresi yeniden çizer
Repeat
Ctrl+R
Son işlemi tekrar eder
Right
Ctrl+R
Doğru bir uyum için metnin hizalamasını değiştirir
Save...
Ctrl+S
Aktif çizimi kaydeder
Select all
Ctrl+A
Aktif sayfadaki tüm nesneleri seçer
Shape
F10
Araca çift tıklayarak, bir nesnedeki node’ları düzenler.
Spell Check...
Ctrl+F12
Spell checker’ı açar, seçilen metindeki yazı kontrolünü
yapar
Spiral
A
Spiraller
çizer;
toolbox’ı
çift
tıklayarak
iletişim
kutusundan seçenekler (options) sekmesi açılır
Text
F8
Metin ekler; Sanatsal Yazı eklemek için sayfa üzerine
tıklayın ve Paragraf Metin eklemek için tıklayın ve
sürükleyin
Undo Delete
Ctrl+Z
Son işlemin tersi
Ungroup
Ctrl+U
Seçilen nesneleri veya nesne gruplarını çözer
Uniform Fill...
Shift+F11
Nesneyi tek bir renk ile doldurur.
Underline
Ctrl+U
Yazının altına çizgi ekler
Use bullets
Ctrl+M
Bullet gizle / göster
Vertical Text
Ctrl+.
Dikey metni değiştirir.
Visual Basic Editor...
Alt+F11
Uygulama Editörü için Visual Basic’i çalıştırır
What's This?
Shift+F1
Yardım
Zoom
Z
Yakınlaştır
Zoom Out
F3
Çizimi uzaklaştırır
Zoom To Fit
F4
Çizimdeki tüm nesneleri yakınlaştırır
Zoom To Page
Shift+F4
Yazılabilir tüm sayfayı görüntüler
Zoom To Selection
Shift+F2
Sadece seçilen nesneyi yakınlaştırır
2. WEB SİTESİ DÜZENİ OLUŞTURMA
4.1. Adobe Photoshop ile web siteleri düzeni oluşturma
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
63/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Adobe Photoshop profesyonel Web düzeni oluşturmak için temel bir yazılımdır bunun yanısıra
WordPress, Joomla, OsCommerce vb gibi açık kaynak platformları vardır.
Genellikle bir web sitesi altı temel unsurdan oluşur: Başlık, Alt başlık, Sol, Sağ, Sayfa ve Alt
Bilgi: Şimdi bunları ayrı ayrı analiz edelim ve genellikle neleri içerdiklerini görelim.
Başlık
Alt Başlık (Yatay Menü)
Doğru
(Haberler
Sol
Sayfa
Temalar
(Dikey Menü)
Harita
Vb)
Altbilgi (Trafik Sayacı, Copyright, Alt Menü vb)
Başlık
Site sahibi olan şirketin adı ve logosu, fotoğraflar, vb içerir
Alt başlık
Yatay menü vb içerir
Sol
Dikey menü vb içerir
Sayfa
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
64/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Diğer unsurlar sabitken her sayfa özel içeriğe sahiptir.
Sağ
Haberler, İletişim, Harita vb öğeleri içerir
Altbilgi
Trafik Sayacı, Copyright, Alt Menü, vb öğeleri içerir
Şimdi bir örnek ile uygulama yapalım. Çocuklar için partiler organize bir şirket için bir site
oluşturmak gerektiğini varsayalım. Biz Grafik Tasarım bölümde öğrendiklerimimz uygularsak,
site şu şekilde olabilir:
Şimdi Slice Tool’u kullanarak, bu bölümde daha önce anlatıldığı gibi sketch’ledikdörtgenlere
ayıralım.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
65/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Aşağıda resimdeki gibi bir sonuç elde edilecektir:
Dosyaya (File) git - Web için Kaydet (Save) Aşağıdaki pencere açılacaktır:
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
66/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Index. htmlolarak adlandırın ve sonra kaydedin.
Tarayıcıda bir web sitesi adresi yazdığınızda, bu index. html, default. html ve bu iki dosyanın
çeşitli uzantıları görünür. Tarayıcısı bulamazsa, bir hata mesajı görüntülenir.
Otomatik olarak "Images" klasörü oluşturulacaktır. Bu aşağıdaki resimdeki gibi görünecektir:
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
67/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Şimdi siteye kaydettiğimiz klasöre gidelim ve bunu açmak için index.html dosyası üzerine çift
tıklayalım. Aşağıda resimdeki gibi bir sonuç elde edeceğiz:
4.2. CorelDRAW ile web sitesi düzeni oluşturma
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
68/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Biz
Photoshop
ile
oluşturduğumuzaynı
düzende
ancak
bu
kez
CorelDRAW
programı
kullanarakweb sitesi oluşturacağız. CorelDRAW ile düzenleri oluşturmak daha kolaydır, ancak
kullanacağımız görüntüler Photoshop’da işlenmelididr. Bunlar aşağıdaki gibi olacaktır:
Yeni veya Ctrl + N tuşları kombinasyonu - CorelDRAW ve Dosya kullanarak yeni bir belge
oluşturun açın. Düzen menüsünden Sayfa Yapısı seçin. Aşağıdaki görüntü ayarları yapın ve
ardından OK tuşuna basın.
CorelDRAW’I açın File – New veya Ctrl + N kombinasyonunu kullanarak yeni bir belge
oluşturun. Layout menüsünden Page setup’ ı seçin. Aşağıdaki görüntünün ayrlarını yapın ve
ardından OK basın.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
69/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Önce arka plan oluşturacağız. Toolbaox’dan Rectangle Tool’u seçmek için Program penceresinin
sol tarafına gidin ve kurgusal çerçeve ile çevreleyin. Ardından Fill – Fountain Fill, kullanmak
istediğiniz rengi seçin, -90 derecede açı seçin böylece gradientdikey olur ve ardından OK
tuşuna basın.
Daha hassas kontrol için Interactive Fill Tool’u kullanabiliriz.
Şimdi en soldan ilk araç olan Pick Tool’u seçelim ve henüz hazır değilse dikdörtgeni seçmek için
tıklayalım. Ardından sağ taraftaki Colour Palette’in ilk hücresine tıklayalımx ile dikdörtgenin
sınırını
kaldıralım.
Renk
Paleti
yoksa
Pencere
menüsünden
Colour
Plattes
olarak
etkinleştirmeniz gerekir. RGB paleti seçmek için özen gösterin çünkü web için çalışıyoruz.
Zaten değilse en, soldan ilk aracı ve seçmek için dikdörtgen tıklayın izin. Daha sonra sağ
dikdörtgen kenarlığı kaldırmak için sağ taraftaki Renk Paleti ilk hücre, "X" ile bir, bir tıklatın.
Renk Paletleri - Renk Paleti yoksa biz Pencere menüsünden etkinleştirmeniz gerekir. RGB palet
seçmek için özen gösterin çünkü web için çalışıyoruz.
Aşağıda resimdeki gibi bir sonuç elde edeceğiz:
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
70/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Şimdi düzen için kullanışlı bir alan yaratacağız. Bunun için, tekrar Rectangle Tool’u seçin.
Üstten properties box’a, uzunluk ve genişlik için 1000 piksel değerlerini veriyoruz.Uzunluk ve
genişlik oranının otomatik olarak değiştirilmesini önlemek için kilidin açılmasına özen gösterin.
Kilit kapalı ise, açmak için üzerine tıklayın.
Dikdörtgen seçiliyken, sayfanın ortasına koymak için "P" tuşuna basın. Onun iki tarafında iki
dikey kılavuz çizgi gelir, silin.
Şimdi başlık için 1000/400 px ile bir dikdörtgen yaratalım. Slaytın altında bir kılavuz çizgi çizin
ve daha sonra dikdörtgeni silin.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
71/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Dosya (file) menüsünden al (import) komutuyla veya veya Ctrl + I tuş kombinasyonu ile
görüntünün başlığını kutuya getirin:ev, kale, buttons ve çocuklar. Onları Pick Tool ile hareket
ettirin. Bunun yanısıra gerekli ise, yakınlaştırmak veya uzaklaştırmak ve bir köşesinden sola
veya sağa, yukarı veya aşağı çapraz olarak fare ile sürükleyin.
Araç kutusundan (Toolbox) Metni (text) seçin. “HOME” yazın, Pick Tool ile metni seçin, Colour
Palette’de,Dark Green seçin, metni birköşesinden döndürmek ve sol çatı tarafına yerleştirmek
için tekrar tıklayın. Aynı şeyi “BİBLO” (TRINKET) ve “YOU ARE THE PARTY” için de yapın ve son
olarak koyu kırmızı rengi seçin.
Şimdi metin ve görüntüler için kutular oluşturalım. Dikdörtgen Aracı (Rectangle Tool) ile
dikdörtgen bir kutu oluşturun. Pick Tool’u seçin ve Orange (portakal rengi) kontür yapmak için
Colour Box’da Orange’a sağ tıklayın ve dikdörtgenin arka planında herhangi bir renk
istemediğiniz için X’ in üstüne sol tıklayın. Bunu kaldırmak için kutunun dışına sol tıklayın..
DikdörtgenAracı(Rectangle Tool) ileturuncu birarka plan vekenar boşluksuz- çerçevesizbir
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
72/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
başlık için ilkdikdörtgenin içinebir kutuoluşturun. Metin Aracında (Text Tool) beyaz ile, ortaya
"CONTACT" yazın. Metin Aracı(Text Tool) ile farenin sol düğmesini basılı tutarken; sürükleyerek
ilk kutudan boş alana doğru- üst-soldan sağ aşağı doğru bir metin kutusu oluşturun. Daha
sonra yeşil ile iletişim bilgilerini yazın. Aşağıdaki resimdeki gibi bir sonuç elde ederiz:
CONTACT
Str. Martisor nr. 55 sector 4
0721.196.893 0744.870.675
Zona Brancoveanu Langa
"Oraselul Copiilor"
Bu Bölümde 4, 1’de işlediğimiz gibi aynı yolla diğer kutuları olşturmak için bir düzen
yaratacağız. Photo Box (fotoğraf kutusu) için başlıkta Corel görüntüleri geldiğinde yaptığımız
gibi, File – Import veya Ctrl + I, kullanacağız. Tüm kutuları taşımak için, Seçim Aracı (Pick
Tool) kullanarak, fare ile onları çevreliyoruz ve daha sonra Arrange - Group command veya Ctrl
+ G kullanıyoruz. Grubu çözmek için: Arrange – Ungroup or Ctrl + U. Son olarak, düzen
aşağıdaki resimdeki gibi görünecektir.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
73/74
LdV “e-LIFE” Projesi – Module 4 – Grafik Tasarım Kurrsu
Photoshop (psd, tif, jpg, vb) tarafından tanınan bir biçime görüntüyü kaydedin, programı
bununla açın ve daha önceki alt derslerde gördüğümüz gibi Slice Tool kullanarak HTML’e
dönüştürün.
e- LIFE projesi tarafından geliştirilen diğer kurslarda Web sitesi oluşturma konusunda daha
fazla bilgi verilecektir.
A Leonardo da Vinci Project
e-LIFE – e-Learning Virtual Center for People with Physical Disabilities
2011-1-RO1-LEO05-15322
74/74
Download

Modül 4: Grafik Kursu - Photoshop ve CorelDRAW