Animasyon yapımı

Bu derste, Illustrator’da basit bir animasyonun nasıl yapıldığını göreceksiniz. Dersi bitirdikten sonra kendi sitenize bir header yapabilecek düzeyde olacaksınız.

Yeni bir döküman açın ve sağ köşeye bir top çizin

Step_1

Layer panelinden bulunduğunuz paneli kopyalayın ve topu biraz kaydırın

Step_2

İkinci layer’ıda kopyalayın ve aynı şekilde topu kaydırın

Step_3

Aynı şekilde bir kaç kez devam edin

Step_4

Bütün topları seçin ve bir renk belirleyin

Step_5

Tekrar bütün topları seçin ve Transparency panelinden multiply seçeneğini işaretleyin

Step_6

Serideki son topu seçin ve Opacity değerini %10′a ayarlayın

Step_7

Son toptan önceki topları seçin ve Opacity değerini %30′dan %100′e kadar ayarlayın

Step_8

File>Export seçeneğini kullanın

Step_9

Flash*./swf seçeneğini işaretleyin

Step_10

Karşınıza çıkan pencerede animasyonunuzla ilgili bir takım değişiklikleri yapabilirsiniz.İllustrator Layerlarını “swf” olarak export edin.Framerate değerini “10″ olarak ayarlayın.

İşlemimiz tamamlandı…

Haziran 8, 2009 at 2:59 pm Yorum yapın

Temel Fonksiyonlar – 1

Programı açtıktan sonra üst kısımdaki File > New butonuna tıklayın

Karşınıza bu şekilde bir ekran gelecektir;

New Document

Name : Dosyanızın ismini verdiğiniz kısımdır. Daha sonra tekrar bulabilmeniz açısından akılda kalıcı isimler vermenizi öneririm. (örn; xfirma_logo)

New Document Profile : Dosyanız için hazır ayarları bulunduran bir sekmedir. Print baskı işlemleri , Web Internet işleri, Mobile and Devices Taşınabilir cihazlar için, hazır ayarlar ve boyutlar barındıran biçimlerdir.

Number of Artboards : Çalışmanızda kaç farklı ‘sayfa’ barındıracağınızı belirler. Bunun alt kategorisinde bulunan Spacing; sayfalar arası boşlukları ifade eder.

Size : Çalışma sayfanızın boyutlarıdır. Tıklayarak döküman profilinizdeki standart boyutları görebilirsiniz  (örn; web ayarları için 800×600-1024×1280, print ayarları için a4-a3 gibi).

Width: Sayfanızın enini ifade eder. Standart boyutların dışında kendi boyutlarınızı kullanabilirsiniz.

Height: Aynı şekilde sayfanızın boyunu ifade eder.

Units : Sayfa uzunluklarını hesaplamada kullanılan ölçü birimlerininin ne cins olucağını belirlemek için kullanılır. (Santim,İnç,Piksel)

Orientation : Buradan sayfanızı dikey ve ya yatay olarak belirleyebilirsiniz.

Ayarlarınızı resimdeki gibi yapın ve enter‘a basın. Karşınıza kullanacağınız sayfa çıkacaktır.

Basit bir kare çizerek işe başlayabiliriz. Bunun için sol taraftaki tool barımızda bulunan Rectangle Tool‘u kullanıyoruz (Kısayol : U). Sayfanızın herhangi bir bölümüne tıklayıp çekmeniz yeterli.

Toolbarımızdan Selection Tool’u Seçelim (Kısayol: V) ve karemizin üstüne tıklayalım. Bu aracı kullanarak objemizi;

Hareket ettirebilir;

Büyütebilir;Untitled-6 copy

Çevirebiliriz;Untitled-5 copy

Untitled-4

Şimdide rengini değiştirelim. Öncelikle Karemizi Seçiyoruz

Colorbar

Üst kısımdaki iki kutu bizim renklendirme için kullanacağımız kutular, ortasında beyaz kare olan kutu; Objenin çizgisi için kullanacağımız.Diğeri ise doldurma için kullanacağımız kutudur.

Doldurma kutusunu açıp kareniz için kendinize göre bir renk seçin, Eğer etrafında duracak bir çizgi istemiyorsanız çizgi kutusunu açıp Untitled-4 copy‘i işaretleyin,bu orada bir renk olmayacağını(transparan olacağını) ifade eder.

Kutumuzun rengini değiştirdikten sonra üstüne bir yazı yazabiliriz. Toolbar’dan Type Tool’u seçelim (Kısayol : T )

Sayfada kare dışındaki herhangi bir yere tıklayın

“Deneme” yazın ve tekrar Selection Tool’u kullanarak yazınızı karenin üstüne getirin.

Dersi bitirdiniz. Sorularınız için lütfen iletişime geçin.

Tekrar görüşmek üzere…

Haziran 8, 2009 at 1:53 pm Yorum yapın

Grafik Tasarımcılar İçin Önemli Linkler

deviantart-logo

1- Deviant Art

Tasarımcıların ve fotoğrafçıların Google’ı, Yüzlerce kategoride, Milyonlarca resim. Ayrıca ‘Resources’ kategorisinde çok çeşitli eklentiler bulabilirsiniz.

http://www.deviantart.com/

tutorialized

2-Tutorialized

Illustrator için 400++ ders barındıran bir site. Bunun dışında 572 kategoride tamı tamına 24.000++ ders var(Özellikle Photoshop kullanıcıları için 11.000++). Kendinizi geliştirmenizde çok faydası dokunacaktır. Ama malesef ingilizce.

http://www.tutorialized.com/

branding2

3-Designm.ag

Değişik Tasarımlar için çok iyi kalitede  kaynaklar bulabilirsiniz. Alttaki ikinci linkte ise ‘Kesinlikle’ edinmeniz gereken 45 adet Brush set var.

http://designm.ag/

http://designm.ag/resources/adobe-illustrator-brushes/

dafont

4- Dafont

Her çeşit Font ihtiyacınız için kullanacağınız belkide tek site, 9000++ Font barındırıyor.

http://www.dafont.com/

user60_pic121_1211983292

5- Grafikerler Net

Türkiye çapındaki grafik tasarımcıların forumu. Forumdan yardım isteyebilir, Tasarımlarınız için topic açarak görüş alabilir, Portfolyonuzu oluşturabilirsiniz.En güzel yanı türkçe olması tabi ki…

http://www.grafikerler.net/

Haziran 7, 2009 at 1:44 pm Yorum yapın

Neden Illustrator ?

Herşeyden önce bulabileceğiniz en detaylı ve buna doğru orantılı olarak, arayüzü en kullanışlı programdır.Türkiyede yeni yeni yaygınlaşmaya başlasada,  Avrupada çoktan ‘endüstri standartı’ koltuğuna oturmuştur.Size en kolay yoldan kafanızdakini tasarlayabilme imkanı sunar ve yaratıcılığınızı kullanabilmenize olanak verir. Gelişmeye en açık vektörel çizim programıdır, İnternetten ücretsiz (Hepsi değil tabi) olarak sayısız Plug-in,Brush, Symbol, Renk kataloğu indirebilirsiniz.

Herşeye rağmen İllustrator’ın da eksikleri yok değil. Bunlardan en önemlisi yavaşlığı;  özellikle detaylı (3 boyutlu çizimler, mesh tool gibi) çizimlerde bunu fazlasıyla hissedeceksiniz.Bu dezavantajı azaltmak için piyasa standartlarının biraz üstünde bilgisayarlar, ve mümkünse apple mac kullanmanızı öneririm.Yeterli bütçeniz yoksa en azından bir RAM alabilirsiniz, çünkü , program kendi kütüphanesi için geçici hafızaya fazlaca ihtiyaç duyacaktır.

Sistem gereksinimleri hakkında daha fazla bilgi için Adobe’un açıkladığı minimum gereksinimler;

Windows

  • 2GHz veya daha hızlı işlemci
  • Microsoft® Windows® XP Service Pack 2 (Service Pack 3 tavsiye edilir.) yada Windows Vista® Home Premium, Business, Ultimate, veya Enterprise  Service Pack 1
  • 512MB RAM (1GB tavsiye edilir.)
  • Yükleme için 2GB Disk alanı (Yükleme esnasında daha fazla isteyecektir , flash tabanlı depolama sistemlerine yüklenemez)
  • 1,024×768 ekran çözünürlüğü (1,280×800 tavsiye edilir), 16-bit vga
  • Dvd Sürücü
  • Teknik destek için internet bağlantısı

Mac OS

  • PowerPC® G4 or G5 or Intel® işlemci
  • Mac OS X v10.4.11–10.5.4
  • 512MB RAM (1GB tavsiye edilir)
  • Yükleme için 2GB Disk alanı (Yükleme esnasında daha fazla isteyecektir , flash tabanlı depolama sistemlerine yüklenemez)
  • 1,024×768 ekran çözünürlüğü (1,280×800 tavsiye edilir), 16-bit vga
  • Dvd Sürücü
  • Teknik destek için internet bağlantısı
Adobe Illustrator 30 günlük deneme sürümünü edinmek için;
https://www.adobe.com/cfusion/tdrc/index.cfm?loc=en&product=illustrator adresinden bir Adobe Account almanız gerekmektedir (ücretsiz).
Satın almak için Bayi Listesi;
http://www.adobe.com/tr/purchase/
Yurtdışı;
http://www.buypcsoft.com/product.asp?ProductID=7941&gclid=CLiE4L6X-JoCFdIUzAodalJXeQ

Haziran 7, 2009 at 12:46 pm Yorum yapın

Vektör vs. Piksel (Bitmap)

Piksel (Bitmap)

Görüntünün en küçük birimidir. Kare şeklinde yanyana gelen renkli pikseller dijital görüntüleri oluşturur (fotoğraflar gibi). Piksellerin boyutları değişebilir ve küçültülebilir, grafiğin kalitesi; grafiğin boyutuna ve piksel boyutuna göre artar. Grafiği büyüttükçe kalite bozulmaya mahkumdur.

Vektör

Piksel gibi yanyana gelen kareler tarafından oluşmayan, Matematiksel hesaplamalara dayanan grafiklerdir. Her vektörel objenin bir başlangıç ve bitiş noktası, gidiş doğrultusu ve büyüklüğü vardır. Vektörel çizimlerde boyut önemli değildir; kalite kaybı olmadan istenildiği kadar büyütülebilir. Kullanım alanları içinde Dergiler,Gazeteler,Billboardlar, Logolar, Broşürler, Afişler gibi çeşitli ürünler yer almaktadır.

vectorvspixel2

Fakat bu bilgilere dayanarak; Piksel çizimin sadece dijital ortamlarda , Vektör çiziminse sadece baskıda kullanıldığını söyleyemeyiz. Örneğin; fotoğraflar sıkça afiş, broşür,mecmua baskılarında kullanılılır, dijital Ortamlarda gördüğünüz Flash animasyonlarsa tamamen vektörel çizimlerdir.

Vektör-Piksel  aradasındaki en büyük fark  ‘büyütebilme’  özelliğidir.

Haziran 7, 2009 at 11:40 am Yorum yapın


Kategoriler

  • Blogroll

  • Beslemeler


    Follow

    Get every new post delivered to your Inbox.