GOOGLE WEB DESIGNER PROGRAMINDA GRAFİK
8. CYanıtınız yanlış ise “Google Web Designer
Programının Özellikleri” konusunu yeniden gözden geçiriniz.
1. C Yanıtınız yanlış ise “Google Web Designer
Prog-ramında Web için Grafik Tasarım Bileşenleri ve İşlevleri” konusunu yeniden gözden geçiriniz.
6. E
Yanıtınız yanlış ise “Google Web Designer Programının Özellikleri” konusunu yeniden gözden geçiriniz.
3. ?A Yanıtınız yanlış ise “Google Web Designer
Prog-ramında Web için Grafik Tasarım Bileşenleri ve İşlevleri” konusunu yeniden gözden geçiriniz.
8. C Yanıtınız yanlış ise “Google Web Designer
Programının Özellikleri” konusunu yeniden gözden geçiriniz.
2. C Yanıtınız yanlış ise “Google Web Designer
Prog-ramında Web için Grafik Tasarım Bileşenleri ve İşlevleri” konusunu yeniden gözden geçiriniz.
7. D
Yanıtınız yanlış ise “Google Web Designer Programının Arayüzünün Görünüm ve Özel-likleri” konusunu yeniden gözden geçiriniz.
4. B
Yanıtınız yanlış ise “Google Web Designer Prog-ramında Web için Grafik Tasarım Bileşenleri ve İşlevleri” konusunu yeniden gözden geçiriniz.
5. C
Yanıtınız yanlış ise “Google Web Designer Prog-ramında Web için Grafik Tasarım Bileşenleri ve İşlevleri” konusunu yeniden gözden geçiriniz.
9. B
Yanıtınız yanlış ise “Google Web Designer Prog-ramında Web için Grafik Tasarım Bileşenleri ve İşlevleri” konusunu yeniden gözden geçiriniz.
10. A
Araştır Yanıt Anahtarı
5
Araştır 1
Web projemizle ilgili olarak, web grafik tasarımı ve web tasarımını diğer bir ifadeyle içerik oluşumu ve kodlamayı ortak arayüzü kullanarak yapabiliririz.
Bir HTML 5 reklamı ya da herhangi bir web tasarımı için içerik biçimlendir-me, interaktif öğe alıntıları yapma, kodlama, Ağ’a yükleme gibi temel gereksi-nimler tek programı kullanarak gerçekleştirilebilmektedir.
Araştır 2
Zaman çizelgesinde yer alan, çeşitli seçenekleri değerlendirerek çalışacağımız katmanı seçebilir, değişiklik yapabilir, katmanı kilitleyebiliriz. Zaman çizelgesini gizleyebilir ya da görünür hale getirebiliriz. Tasarımımızda eğer animasyon öğe-leri yer alıyorsa bu durumda oynat, tekrar oynat ve hızlı moda geç seçeneköğe-leri ile oluşturabiliriz. Yine, tasarımımızın bu özelliği ve sunumu için süre saptaması yapabiliriz. Tasarımımızı yaparken, tasarım süresi ve işlemleri sırasında gerçek-leştirdiğimiz bütün aşamalar zamansal olarak bu çizelgede kaydedilmektedir.
Araştır 3
Görünüm Çubuğu, Google Web Designer’ın entegre bir program olma niteliği-nin göstergesidir. Tasarım aşamalarına göre panelleri devreye sokabilir projemizi, hem web grafik tasarım, hem de web tasarım olarak aynı ortamda geliştirebilir, kontrol edebilir ve yayınlayabiliriz. Web grafik tasarımı yaptıktan sonra, web ta-sarımı tamamlamak için, diğer bir ifadeyle HTML (Kodlama),CSS (Metin ve görüntülerin ayrışması), PHP/ASP.NET (Dinamik yapı), IP/FTP (İnternete yük-leme) işlemlerini yaparken farklı bir program kullanmaya gerek yoktur.
Araştır 4
Google Web Designer programı, pratik ve kolay anlaşılır bir yapıya sahiptir. Progra-mın arayüzü, Araç Çubuğu, Araç Seçenekleri Çubuğu, Zaman Çizelgesi, Görünüm Çubuğu, Paneller, Çalışma Alanı olmak üzere 6 bölümden oluşmaktadır. Çalışma alanını kullanarak, araç çubuğu ve araç seçenekleri çubuklarından eş zamanlı olarak yararlanabilir ve grafik tasarımımızı oluşturabiliriz. Zaman çizelgesi, panelleri kulla-narak tasarımımızı Web’e uyumlu hale getirebiliriz.Görünüm çubuğunu kullayararlanabilir ve grafik tasarımımızı oluşturabiliriz. Zaman çizelgesi, panelleri kulla-narak gerçekleştirdiğimiz tasarımın Web’de nasıl göründüğünü kontrol edebilir, algoritmik olarak HTML eş değerini görebilir, gerekirse değişiklikler yapabilir ve İnternette ya-yınlayabiliriz.Başlangıç olarak, basit bir banner tasarımı, daha kapsamlı tasarım ça-lışmaları yapmaya olanak sağlayacak bir deneyim olacaktır.
Google Web Designer ile Grafik Tasarımı
Aydemir, M. (2009). Web Tasarım Rehberi, İstanbul:
KODLAR.
Eyman, D. (2015). Digital Rhetoric, Ann Arbor:
Universty of Michigan Press.
Garfield, S. (2016). Tam Benim Tipim, (Gürses, S.
Çeviri), İstanbul: Domingo
İncearık, M.E. (2015). Grafik Tasarım Rehberi, İstanbul: KODLAR.
Pektaş, H. (2014). Exlibris, İstanbul: İstanbul Ekslibris Derneği.
Twemlow, A. (2011). Grafik Tasarım Ne İçindir?, (Özgen, D. Çeviri), İstanbul: YEM.
Kaynakça
Googol sözcüğü için: http://www.matematiksel.org/
googol-dan-googlea/ Erişim Tarihi: 21/11/
2017
Google Web Designer Yardım: https://support.google.
com/webdesigner/?hl=tr#topic=3249465 Erişim Tarihi: 08/11/2016.
Google Web Designer Tanıtım: https://www.google.
com/webdesigner/ Erişim Tarihi: 06/11/2016.
Google Web Designer Kullanımı: https://www.
youtube.com/user/ Erişim Tarihi: 05/11/2016.
Google Web Designer İşlevleri: https://www.youtube.
com/watch?v=h8S2EzP-7xk Erişim Tarihi:
07/11/2016.
İnternet Kaynakları
Bölüm 6
Photoshop ile Grafik Tasarımı
Anahtar Sözcükler: • Sayısal Fotoğrafçılık • Sayısal Fotoğraf İşleme • Adobe Photoshop
• Fotoğraf Manipülasyonu – Fotomontaj • Filtreler
öğrenme çıktıları
1
Sayısal Fotoğrafçılık - Sayısal Fotoğraf İşleme Kavramları1 Sayısal fotoğrafçılık ve sayısal fotoğraf işleme kavramlarının ne olduğunu
tanımlayabilme
2
Adobe Photoshop Programı ve Arayüzü 2 Adobe Photoshop programının tanıyarak
programın temel arayüz bileşenlerinin özellik ve işlevlerinin neler olduğunu açıklayabilme
4
Photoshop Ortamında Çizim - Renklendirme / Boyama
4 Adobe Photoshop programı ortamında çizimler, renklendirmeler/boyamalar gerçekleştirebilme
6
Photoshop Ortamında Katmanlarla Çalışma6 Adobe Photoshop programı ortamında katmanlarla çalışmayı gerçekleştirebilme Photoshop ile Temel Fotoğraf İşleme ve
Fotoğraf Manipülasyonu - Fotomontaj 3 Adobe Photoshop programı ortamındaki
araçlarla temel fotoğraf işleme ve fotoğraf manipülasyonu - fotomontaj çalışmalarını gerçekleştirebilme
3
Photoshop Ortamında Filtrelerle Çalışma 5 Adobe Photoshop programı ortamındaki
filtreleri çalışmalarınıza uygulayabilme
5
GİRİŞ
Fotoğrafçılığın günümüz konumuna ulaşmasın-da aktif rol oynayan birçok farklı teknoloji var olsa da, bu noktada yapılan atılımlarda büyük pay sahibi olan elbette bilgisayar ve elektronik teknolojilerin-deki gelişmelerdir. Özellikle bilginin veri adı altında sayısal sistemler ortamında kolaylıklar depolanabi-lir, düzenlenebilir ve kullanılabilir olması, hayatın birçok alanında olduğu gibi fotoğrafçılığı da pozitif yönde etkilemiş ve uzun bir süre klasik fotoğraf film-lerine bağlı olarak –bir bakıma mekaniksel– yaşamı-nı sürdüren fotoğrafçılık alayaşamı-nı yerini sayısal fotoğraf-çılığa (digital photography) bırakmıştır.
Sayısal fotoğrafçılık çalışmaları sayesinde daha istendik düzeylerde fotoğraf çekimleri gerçekleştir-menin yanında fotoğraflar üzerinde yapılabilecek düzeltme – rötuş ve düzenleme yaklaşımlarının çapı da genişlemiştir. Nitekim bilgisayar yazılımla-rının – programlayazılımla-rının gelişmesi ve bunun daha üst düzey işlem kapasitelerine sahip bilgisayar tabanlı sistemler tarafından desteklenmesi, sayısal fotoğ-rafçılık bağlamında sayısal fotoğraf işleme yaklaşı-mının geliştirilmesine neden olmuştur.
Açıklamalar dikkate alınmak suretiyle bu üni-tenin amacı, sayısal fotoğraf işleme çalışmaları ko-nusunda yaygın bir kullanıma sahip olan Adobe Photoshop programına değinmek ve bu program ile Web tasarım arasındaki köprünün kurulması yönünde farkındalığı artırmak çevresinde birleş-mektedir. Söz konusu amaç dâhilinde ilk olarak sayısal fotoğrafçılık ve sayısal fotoğraf işleme konu-larından bahsedilecek, ardından Adobe Photoshop programı dikkate alınarak, bu program aracılığıyla sayısal fotoğraf işleme çalışmaları konusunda çeşitli bilgi ve becerilerin okuyucuya kazandırılması sağ-lanacak, son olarak ise, Web tasarımı yönündeki çalışmalar açısından programın kazanımlarından bahsedilecektir.