photoders » Image Ready

Komik Hayalet Animation

admin — Sat, 03 Jan 2009 13:16:06 +0000

Photoshop animasyon çalışmamızda komik hayalet figürü yapacağız çalışmamızın sonunda yaptığımız hayalet figürünü animasyon yapacağız çalışmamız için benim tercihim 300X125 px background color siyah oldu elliptical shape tool aracını seçelim foreground renk ayarını #7bcefb yapalım. Örnek resimde gördüğünüz oval çizimi yapalım.

[Hidepost]

CTRL+T transform >Warp aracı ile sahnedeki ovalimizi şekillendirelim.

Görüntümüz.

Hayaletimizin ellerini yapalım. Pen tool aracı kullanırsak daha kolay olur.

El layerimizi kopyalayalım duplicate layer Flip Horizontal çevirelim diğer tarafa kaydıralım her iki eli yapmış olalım.

Göz ve burun yapalım ellipse shape tool aracını kullanalım foregronud color siyah olsun bir daha renk işi ile uğraşmayalım.

Ağız yapmak için pen tool aracını seçelim örnek resimdekine benzer seçim yapalım color siyah oluyor.

Etek kısmını yapalım hani çarşaf görünümü katmak için pen tool aracı kullanıyoruz.

Çalışmamızı tamamladık şimdi animasyon yapalım layer penceresindeki layerleri birleştirelim Merge Layers hayaletimiz tek layer oldu şimdi kopyalayalım duplicate layer Edit>Flip Horizontal çevirelim ter tarafa alalım. Sağ tarafı sola sol tarafı sağa alalım etek kısımları dış tarafta olsun animasyon sırasındaki kayma yönüne göre rüzgardan dalgalanıyor görünümü yaratalım.

Window>Animation seçeneğini tıklayalım
Birinci framede sol tarafdaki hayalet layerimizin layer penceresinde aktif olmasını sağlayalım sağ taraf layerin göz işaretini kapatalım. Animation penceresindeki 1 frameyi duplicate çoğaltalım 2.frame üzerinde hayaletimizi sağ tarafa doğru yön tuşu ile kaydıralım.Tween penceresini açalım frames to Add 5 olsun olarak onaylayalım.

Animation panelinde 7 adet framemiz oluştu.

Son frameyi çoğaltalım duplicates frame 8 frame oluştu layer penceresine gelelim sol layeri pasifleştirelim göz işaretini kapatalım sağ layerimizi seçelim göz işaretini aktif edelim 8 frameyi çoğaltalım duplicate layer 9 frame oluştu şimdi bir önceki uygulamada olduğu şekilde yön tuşu ile hayaletimizi sol tarafa kaydıralım. Tween penceresini açalım ve bir önceki uygulamamızı uygulayalım. Toplam olarak 14 frame oluştu artık test edelim animation panelinde play tuşu ile test edebiliriz çalışmamızı bitirdik şimdi kayıt edebiliriz. CTRL+SHIFT+ALT+S Save For Web Device save seçimi ile kayıt ediyoruz.

[/Hidepost]

Bu Yazıyı Paylaşın

Pohotoshopta Radar Yapalım

admin — Fri, 10 Aug 2007 19:14:17 +0000

Pohotoshopta Radar Yapalım

İlk önce 250×250 pixsel siyah bir çalışma sayfası açıyoruz.

Gradient Tool arçımızla örnekte olduğu şekilde uygulama yapıyoruz. Görüntümüz görüldüğü

şekilde oluşuyor

Brush Tool fırçamızı alıyor renk olarak 8DC63F seçiyoruz ve shift tuşuna basarak çizgilerimizi çizmeye başlıyoruz. örnekte olduğu gibi.

Fitre>Distort>Polar Coordinates>Rectangular to Polar Uyguluyoruz.

Şimdi tekrar Brush Tool fırçamızı 8DC63F alıyor ve örnekteki gibi dikey ve yatay çzgilerimizi çiziyoruz örnekte olduğu şekilde.

Evet şu anda radarımız ortaya çıktı şimdi biz bunu çalıştıralım mı ne dersiniz evet sanırım istediniz o halde başlayalım yalnız iki konuyu işliyoruz sanırım sorumlu arkadaşlar buna dikkat ederler.

Eliptical Marquee tool araçı ile tam olarak dış çizginin dışından seçiyoruz

Yaptığımız seçimi edit>copy ediyor yeni bir layer açarak edit>paste yapıyoruz şimdi

Edit>Free Transform aracımızla layer1 deki şeklimizi çeyrek tur çeviriyoruz şimdi layer 1 deki şeklimizi seçili hale getirip tekrar edit>copy diyor yeni layer açıyoruz yani layer2 layer2 de iken edit>Free transform araçı ile tekrar çeyrek tur çeviriyoruz bu işlemi tam tur tamamlayana kadar devam ediyoruz işlem sonrası görünüm aşağıdaki gibi oluyor.

Evet photoshopta işimizi tamamladık şimdi image ready geçiyoruz SHİFT+CTRL+M

örnekte gördüğünüz gibi animaton penceresinde 1 framede hangi layerin gözü açık backgraund layer penceremizin değilmi

Şimdi diğer 2 nci framede layer1 deki gözü açık bırakıyoruz dikkat backgraund layerimizi devamlı olarak açık bırakıyoruz

3 framede iken layer2 gözü açıyoruz

4 framede iken layer3 gözü açıyoruz layer 2 ve layer 1 deki gözleri kapamamıza gerek yok

Sırayla framelere göre gözleri açıyoruz işlem sonunda görünümümüz şekildeki şekilde olaçaktır. Ben hız olarak (Seconds 0 seçtim)

Save Optimized As diyor gif olarak kaydediyoruz

Evet arkadaşlar işte çalışmamızın sonu evet bayağı uğraştık sanırım

PSD İndir

SONUÇ

Bu Yazıyı Paylaşın

navigation bar menü

admin — Fri, 20 Jul 2007 12:39:56 +0000

Header menü

500X200 px çalışma sayfası açalım. Rectangle Tool (U) aracı ile siyah dikdörtgen alan belirleyelim

layer üzerinde sağ tuş clik [ Resterize Layer ].

Polygonal lasso tool (L) seçim Aracı ile resimdeki seçimi gerçekleştiriyoruz

Seçli alanı delete tuşu yolu ile siliyoruz

Layers->Blending options Drop Shoadow Bevel, Gradient Overlay uyguluyoruz

Sahnedeki görüntümüz

Geldik butonlarımızı yapmaya new layer yeni layer açalım rectangle tool (U) color to #21a9e2. (isteğinize bağlı renk seçebilirsiniz)

Görüntümüz

Buton layeri nav bar menünün altına alalım

Buton için Style Bevel and Emboss

Görüntümüz

Buton layerimizi duplacite layer diyerek çoğaltalım

Nav menü layer a [ Rectangular marquee tool (M) ] aracı ile örnek uygulamaları yapıyoruz isterseniz yapabilirsiniz. Seçimi yapıp delete derseniz silinir seçili kısımlar silmeden copya yapın daha sonra edit paste diyoruz şimdi yeni layer oldu sildiğimiz yerleri doldurdum örnek resimler

Eklediğim küçük butonları duplacite ederek çoğalttım ve değişik renklerini değiştim

ilk butonumuzu duplacite layer diyerek çoğaltalım yazımızı yazalım yazımızıda çoğaltalım şimdi ilk butonumuz 2 adet yaptık 2 adet yazımızda oldu kopyaladığımız buton layerini sağ clik select layer seçili hale getirelim reng olarak renk seçip kova aracı ile doldurun yazıdığımız ve kopya yaparak 2 adet yaptığımız yazılatrı butonlarımız ile birleştirelim Merge Down seçeneği üsteki yazıyı alttaki butonla birleştirir. Ãrnek resimde

Bu 2 şer adet neden yaptık onu anlatmaya çalışayım web düzeninde ower mause efekti vereceğiz bu yüzden bir butunun oluşumunu yaptık siz diğerlerine de uygulayarak yaptığınız diğer butonlarıda aynı şek,ilde yapabilirsiniz şimdi size anlatığım kadarı ile image ready geçiyoruz

Daha önce Rollover Buttons konulu dersimde bu konuyu anlatmıştım fakat bu çalışmada butonumuz tek değil gördüğünüz gibi yani daha farklı uygulama gerekmekte Slice Tool aracını kullanarak yapmamız gerekmekte size şunu belirtmek isterimki bu konuyu beceren arkadaşların kendi web sitesin menü veya butonlarını kendilerine özgü hazırlamaları mümkün olacaktır. Türk ders sitelerinde ilk kez ( photoders.com) tarafında verilen bir ders olduğunu sizlere diyebilirim.

Resim üzerinde yazarak sizlere konuyu anlatmayı daha uygun gördüm İmage ready geçmiştik sanırım
Anlatımı resmi tıklayarak Internet Explorer üzerinden büyük olarak görebilir okuyabilirsiniz.

Resmi büyütmek için tıklayın

İlk olarak Slice Tool aracı kullanarak diğer butonlarımızda ayn anlatığım şekle uygulayalım bu işlemler tamamlandıktan sonra Rollover yani masuue üzerine gelince değişimi gerçekleştireceğiz url yolu vereceğiz

Resmi büyütmek için tıklayın

Bu işlemleri ben tek buton üzerinde anlattım siz bu iki uygulamauı diğer butonlarınıza aynı yöntemi devam ederek yapabilirsiniz.
Çalışma tamamlandıktan sonra kayıt etme işlemini daha önce sizlere anlatığım ( Rollover Buttons) konulu dersimizde olduğu şekilde yapabilirsiniz

Çalışmayı izlemek için tıklayın

Bu Yazıyı Paylaşın

Rollover Buttons

admin — Fri, 20 Jul 2007 11:55:50 +0000

Rollover Buton yapalım

1. 150×90 yeni bir çalışma sayfası açtık örnek butonu hazırladık burada iki buton gibi görsenizde aslında tek bir buton ben sadece yazı rengini değiştim Mause üzerine gelince yazı değişecek şimdi yapılışını aktarayım.
Buton hazır

2- İmage ready geçelim windows> web content açalım

Konuyu resim üzerinde bire bir yazarak anlatmayı daha uygun gördüm sanırım daha iyi anlaşılır ekli resime tıklayarak Internet Explorer üzerinden incelemek için tıklayın

Butonun ilk görünümünü anlattım şimdi mause üzerine gelince değişimi yani ower “rollower slices” resim üzerinde anlatacağım.

Gerekli, ayarları yaptık şimdi kaydetmemiz gerekiyor

Kolay gelsin
Çalışmayı izle

Bu Yazıyı Paylaşın

Parlayan text

admin — Thu, 28 Jun 2007 11:06:10 +0000

Text efekt

500×200 yeni bir çalışma sayfası açalımtype tool aracı ile yazımızı yazalım

New Layer yeni bir layer açalım Gradient tool aracını seçelim reflecdet seçimini menüden yapalım örnek resim

Gradient uygularken benim seçimime dikkat ederseniz aynısını elde edersiniz.

gradient uyguladığımız parlama efekti layerimiz ile text layer. Grupyaıpıyoruzctrl+G.

Parlama efekti olaçak layerimizinlayer mode Lighten ayarlıyoruz gerekirse opacity option.

Ayarlarından istediğiniz saydamlığı elde edebilirsiniz

imagereadygeçiyoruz Shift=Ctrl+Mresim üzerinde gerekli açıklamayı yaptım

Şimdi geldik frame eklemeye tween menüsünü açalımframe to add 9 frame eklenmesini isteyelim diğer ayarlar aynı kalsın ok dediğimizde animationpenceresine frameler eklendi

Play diyerek gerekli denemeyi yapalım ardından gif olarak kayıt edelim

Step Eleven.
File->Save Optimized As

Final

Bu Yazıyı Paylaşın

Love Smiley

admin — Thu, 28 Jun 2007 10:28:22 +0000

loxe smiley yapalım msn üzerinden kullanabilirsiniz.

New Layer yeni bir çalışma sayfası açalım elliptical shape tool.

layer style blending options efektleri uyguluyoruz

Görüntümüz

Gözleri yapalım elliptical shape tool. aracını seçerek başlayalım

Layer style Blendiing and Options

Yeni layer açalım elliptical shape tool. arcı ile iç gözün içini örnek resimdeki seçim ile beraber renk verelim

Göz bebeği olarak ekleyeceğimiz kalp efekti oluşturalım. Custom shape tool
araçlarının olduğu pencereyi açalım

Layer Style Belending Options Bevel hazırladığımız kalp layerine uyguluyoruz.

New Layer yeni bir layer açalım bu layerde smily burun kısmını yapaçağız elliptical tool aracı ile örnek resimdeki gibi seçim yapıp içini renk olarak 790000 dolduralım ardında göz
için uyguladığımız Layer Steyle Blending Options Bevel and Enboss aynı şekilde uyguluyalım

Kaşları yapalım yeni bir layer açalım Pen Tool shape aracı ile örnek resimdeki uygulamayı yapalım

Secimleri kaldırmak için kaş layeri üzerinde rasterize layer dedik ve kaşımızı yaptık artık

Göz,Kaş,Kalp layerlerimizi duplacite layer diyerek çoğaltalım ve diğer gözün olduğu yere taşıyalım kaş layerine sadece flip Horizontal uygularsak diğer tarafa uygun hale gelir. Kaş layerlerini birleştirelim Merge Down

Şimdi ağız yapalım Pen tool shape Layer eçerek örnek olarak yaptığım şekilde ağzı yapabiliriz ardında göz için uyguladığımız Bevel and Enboss aynı şekilde uygulayalım aynısını yapmak isterseniz ayarları ile oynayın kendim ekleyeyim bakarsınız olmaz falan boş gitmesin emeğiniz

Görüntümüzün son şekili

Kalp layerlerimizi Duplacite layer diyerek çoğalttık kalp-1 layerlerimizi birleştirelim Merge Down

Duplacite ettiğimşz kalp-2 layerlerini Edit free transform aracı ile belli oranda büyütelim büyütükten sonra kalp-2 layerlerimizi duplacite layer diyerek tekrar çoğaltalım kalp-3 adı verelim kalp-3 layerleri oluşunca Kalp-2 layerlerini birleştirelim Merge Down

Kalp-3 layerimizede aynı kalp2 de uyguladığımz işlemleri yapalım Not_merge dow birleştirmede layerlerin birindeki efekt gözünü kapatırsanız daha iyi olur

3 adet göz neden yaptık diye düşünmeyin şimdi İmage Ready geçelim ve smiley animasyon uygulayalım ben anlatırken kaşları birer adet yapmıştım sizde animasyon yapacaksanız kaş layerlerinide kalp layerlerinde yaptığımız şekilde 3 adet yapabilirsiniz.

Resim üzerinde gerekli anlatımı yaptım Frame 1

Frame-2

Frame-3

Frame-4

Final

Bu Yazıyı Paylaşın

Kelebek animasyonu

admin — Tue, 26 Jun 2007 23:40:25 +0000

Kelebek animasyon image ready

İlk olarak kullanmayı düşündüğüm kelebek olan resmimi sahneye aldım.

Polygonal tool arcı ile kelebek resmini seçiyorum

Seçimi edit>copyedit>paste ediyoruz

Şimdi hazırladığımız kelebek resmimize hareket verelim. Kanatlara hareket vereceğimiz için kanatları seçiyoruz

Seçim işlemi bitti şimdi seçili layeri kopyalıyoruz duplacite layerÂ edit transform>skew aracı

İle ilk hareketi veriyorum

İlk hareketi verdiğimiz layeri tekrar çoğaltıyoruz duplacite layer

Aynı işlemi çoğaltığım layerede edit>transform>skew aracı ile gerekli ayarlamayı yaptım

Layer görüntüm

Şimdi animasyonu gerçekleştirelim Shift+Ctrl6+M image ready geçiyoruz

Resimde görünümü incelerseniz animasyon penceresinde 1 framemiz mevcut layer penceresindeki layer1 animasyon penceresinde 1.framede

Yeni frame ekliyelim yuvarlak içindeki seçenekten. Yeni eklediğim frame seçili iken layer penceresindeki seçtiğim layeri uygulayın yani 2.framede sadece layer 1 copy aktif olacak

Aynı işlemi 3.frame içinde uygulayalım

Animasyonumuzun hızını ayarlamayı yapalım frame leri seçili hale getirip selest delay time tıklayıp açılan pencereden istediğimiz değeri girebiliriz. Ben bu değeri örnek olmazı için 0,5 yaptım

Animasyonu test ederek hız ile ilgili ayarları yapabilirsiniz. Tüm bu işlemlerden sonra şimdi animasyonumuzu gif olarak kayıt edelim

Daha sonra acılan pencereden isim vererek kaydet diyoruz

Kolay gelsin

Final

Bu Yazıyı Paylaşın

Çizgi Resim Animasyonu (Sınırlarınızı zorlayın)

admin — Tue, 26 Jun 2007 22:19:41 +0000

Evet arkadaşlar birazda değişik ilginç çalışmalar yapalım sınırları zorlayalım

Orijinal resmimizi sahneye alalım

Duplacite layer orijinal resmimizi çoğaltıyoruz Image > Adjustments > Desaturate resmimizi siyah beyaz yapalım

Filters > Others > High Pass 2,6 px uygulayalım ardından Image > Adjustments > Threshold level 114 uygulayarak resmimizi çizgi resim haline dönüştürelim

Karakalem efekti layerimizi duplacite layer yaparak çoğaltalım ilk kopya işlemi sonrası resmimizin bir kısmını siliyoruz tekrar silme işlemi yaptığımız layeri kopyalıyoruz tekrar bir kısmını siliyoruz bu işlemi orijinal layerimiz hariç 4 kez kopyalayarak devam ediyoruz örnek resimde 4 kez kopya işlemi ile birlikte silerek düzenlediğim resimler bir arada

Layer görüntümüz

Karakalem çizimi halindeki resmimizi duplacite layer diyerek çoğaltalım ad olarak color-1 verelim orijinal resim latyerimizin üzerine alalım b&w-1 adlı layerimizin tam tersini uygulayacağız color-1 adlı layer uygulayaçağız görünen kısım bu layerde görünmeyecek

Karışıklık olmaması için resim üzerine göstermek istedim

b&w-1 adlı larimizde görünmesini istediğimiz kısım

Color-1 adlı düzenlediğimiz layerimizde sildiğimiz kısım

Color-1 layerimizi bu şekle getirdikten sonra kopyalayıp color-2 layer oluşturalım silme işlemi aynı örnekten hareketle b&w-2 layerdekinin tersi olarak devam edelimÂ color layerlerimizde 5 adet olacak

Color layerlerimiz

örnekte gördüğünüz şekilde silinen kısımlar b&w layerler ile aynı boyutlarda silinmiştir.

Layer görüntümüz

Ben çalışmada kullanmak üzere el kalem resmi hazırladım uğraşmak istemezseniz benim hazırladığımı kullanın

Artık animasyon kısmına geçelim Windows>animation tıklayarak animasyon penceresini açalım

Sizlere resim üzerinde anlatmaya çalışacağım

Çizgi resim oluşturma animasyon kısmını hazırladık animasyonumuza devam edelim

Layer 0 adlı orijinal resim layerimizin optical değeini 40% yapalım

Tüm işlemler bitirdikten sonra kalem layerimize hareket verelim örnek olarak animasyon penceresinde gördüğünüz yolu izleyin ben animasyonuma yazıda ekledim onu anlatmadım gerekte yok bu kısmını haletliğinizde animasyonun diğer kısmını kesin çözersiniz.

Final

PSD İndir

Bu Yazıyı Paylaşın

Alev Alev Yanan Ateş

admin — Tue, 26 Jun 2007 20:50:37 +0000

Alev alev yanan ateş animasyonu yapalım

400×200 çalışma sayfası açtık renk beyaz arka planl aötığımız layerimizi kova aracı ile siyah renk ile dolduralım.

Layer>New layer ad olarak 1 dedik yeni bir layer açmış olduk Marguee Tool aracı ile (M) örnek resimdeki seçim yapıyoruz

Seçili alanı #f9f9f9 renk ile dolduralım fitler>Blur>Gaussion blur

Layer Duplacite layer layer1 kopyalıyoruz layer2 açtığımız layer2 iki kere kopyalıyoruz

Layer1 dışındaki layerlerimizin göz işaretini kaldıralım smudge tool aracı seçiyoruz yumuşak bir fırça seçiyoruz brush 46 resimdeki uygulamayı gerçekleştiriyoruz.

Layer1 uyguladığımız bu uygulamayı layer2 uygulayalım uygularken layer1 göz işararetini kapatalım

Aynı uygulamayı diğer kalan layerlere uygulayalım amacımız layerleri birbirinden farklı şekilde düzenlemek olduğunu belirtmek isterimWindow>animation tıklayarak animasyon penceresini açalım ilk frame ilk layeri örnek resimde görmektesiniz.

Frame2 layer2 copy2 frame3 layer2 copy frame4 layer1 alarak ayarlıyoruz frame ve layer seçimlerinde diğer layer gözlerini kapatmayı unutmayalım

Layerlerimize renk uygulayacağız layer bölümünün altındaki Create new fil tıklayarak color Balance uygulamaya başlayalım.

Uygulama sonrası animation pencerelerinin tamamına uygulandığını görebilir denemek için animasyon penceresindeki play tuşuna tuklşayarak deneye bilirsiniz

Hızını ayarlayabilirsiniz kendinize kalmış

İmage ready geçerek save as optimized yolu ile gif olarak kayıt edebiliriz

Final

Bu Yazıyı Paylaşın

3D Text Rotation

admin — Tue, 26 Jun 2007 20:29:56 +0000

3D Text güzel bir çalışma

300×300 elliptical marquee tool aracı ile shift tuşu basılı düzgün bir daire oluşturduk new layer yeni layer ekledik bucket tool arcı ile color #108ab8 ile dolduralım.

Gradient Overlay

Duplacite Layer layeri çoğaltım ardından tekrar Gradient Overlay açarak renk değişimi yaptım.

Layer Opacity multiply %20 ayarladım

Select>invert seçim ters yapıyorum ardından yeni bir layer açıyorum kova araçı ile ters yaptığım yeni layeri color 003471 doldurdum.

Type Tool aracı ile yazımızı yazıyorum. Ardından yazı layerimize fitler>spherize uıyguladım.

Geldik animasyon kısmına Shift+Ctrl+M image ready geçiyoruz.

1.framede iken layer menüsünde photoders yazımız aktif olması gerekmekte dikkat edelim 1.framede iken yazımızı başlangıç noktasına alıyoruz. örnek resim.

Yazımın olduğu yer işaret içinde olan görünmeyen yerdir. Yeni bir frame ekliyorum animasyon penceresine ardından yazımı bitiş noktasına kaydıracağım örnek resim.

Tween seceneüini tıklayarak açıyoruz şimdi burada frame sayımızı ayarlıyoruz benim seçimim 12 frame

Frame ve sahnedeki görüntüm.

Zaman ayarı isteğinize kalmış bir şey ben frame sayımı yüksek tutarak bir değişiklik yapmadım artık animasyonumuzu gif olarak kaydetebiliriz.

Final

Bu Yazıyı Paylaşın

Tv Yayına hazırlayalım

admin — Sun, 24 Jun 2007 12:51:30 +0000

Bu çalışmamızda sizlere daha önce yapılışını photoshop derslerinde anlatığım Televizyonu yayına hazırlayacağız şimdi hazırladığımız tv yi image ready alalımBu çalışmamızda sizlere daha önce yapılışını photoshop derslerinde anlatığım Televizyonu yayına hazırlayacağız şimdi hazırladığımız tv yi image ready alalım
Aynı ölçüdeki resimleri tek, tek alarak sahnedeki tv ekranına göre ayarlıyoruz ben aynı ölçülerde 5 adet resim hazırladım ayarladım ekrandaki layer görünümü

Animasyon penceresin sadece bir layer olmalı bu layerdede sadece tv görünüyor olmalı
şimdi hazırladığım aynı ölüdeki resimleri tek,tek alıyorum ilk aldığım resmi tv içine göre ayarladım bu bizim 1.frame 1.layerdeki sabit görüntümüz olacak örnekte olduğu gibi

Şimdi yeni bir frame daha ekliyoruz şimdi burada görünmesini istediğimiz resminde gözünü aktif hale getiriyoruz

Evet şimdi yeni bir frame daha açarak işleme devam edelim resim sayımız kadar frame açtıktan sonra örnekte olduğu gibi uygulamaları tekrar ediyoruz son hali örnek resimdeki gibi olacak

file >save pitimized as tıklayak çalışmanızı gif olarak kaydedin
sonuç aşağıda görüldüğü gibi olacak.

Bu Yazıyı Paylaşın