Photoshopta ve Imageready ile hareketli Matrix efekti Yapma

Zamanının en ilgi çekici filmiydi.. Gerek animasyonları olsun gerek yaratıcılığı olsun her kesimin dilindeydi metrix ve hareketli akan yeşil fonu.. Bizde düşündük ki siz kullanıcılarımız bu hareketli kayan menüden mahrum kalmayın ve dersini hazırladık.. Nasılmı yapılıyor? Dersin devamını okumaya devam edelim…

1. Photoshopu acin. Asagida gosterilen olculerde bir dosya yaratin.

2. Filter > Texture > Grain‘i secin. Asagidaki degerleri verin.

3. Filter > Artistic > Neon Glow‘u secin ve asagidaki degerleri girin.

4. Filter > Stylize > Glowing Edges‘i secin ve asagidaki degerli verin.

5. Ctrl+U ile Hue/Saturation’i acin. Hue, Saturation, Lightness degerleri ile oynayarak istediginiz rengi verin.

6. Simdi resminiz asagidaki gibi gorunuyor olmalidir.

7. Artik matrix efektimiz tamam. Bunu daha da ileri goturup hareketli animasyon yapmak isterseniz tools paletinden “Jump to Imageready”ye tiklayin. Imageready acilacaktir. Animation paletinde duplicate current frame dugmesine tiklayin. Simdi ayni resimden iki tane olacaktir. Ustune tiklayarak 2 numarali olani secin.

8.Tools paletinden “Move tool  “u secin. Asagida gosterildigi gibi resmi asagiya dogru indirin.

9. Sunlari yapin.

• Select > Load selection > Layer 1 transparency
• Image > Crop

10. Animation paletinin alt kismindaki “Tween ” dugmesine tiklayin. Asagida gosterilen degerleri girin ve ok’e tiklayin.

Ve matrix animasyonunuz hazir. Bu teknigi kullanarak daha guzel seyler de yapabilirsiniz.

örnek:

Alıntı: tahribat.com – GLaDio

Photoshopta Scanlines (Tv Görüntüsü) efekti yapımı

Bazı arkadaşlarımız gerek sitelerdeki imzalarında gerekse kendi fantezileri dogrultularında scanlines yanii sanki tv ekranındaki görüntüymüş gibi görünen resimler yapmak istiyolar. Her ne kadar tv ekranından fırlamış etkisi vermesede bence imzalarda yada tv görüntüsüne benzer şeyler yapımından yardımcı olabilecek photoshop un yapımı en kolay derslerinden biridir.. Nasılmı yapılıyor? Devamını okuyalım..

Öncelikle photoshop umuzu açıyoruz ve ayarlarını yukarıdaki gibi arka fonu Transparan olmak zorunllulugu ile 1×2 px boyutlarında yeni bir sayfa açıyoruz…

Tools paletinden Pencil Tool’u seçiyoruz ve Brush Size’i 1px yapıyoruz..

Sayfanın sonuna kadar yaklaşıyoruz (Zoom yapıyoruz) -Kısa yolu CTRL + tuşlarına aynı anda basılmalıdır- ve  alt tarafına siyah bir kare konduruyoruz..

Sırası ile;

• select > all
• edit > define pattern > isim olarak “scanlines” yazıp “ok” a tıklıyoruz

Üzerinde scanlines efektini uygulayacağımız resmimizi açıyoruz..  Ben yukarıdaki resmi kullanıcam..

Layers paletinde “Create new layer” dugmesine tiklıyoruz ve yarattığımız yeni layer in adını scanlines olarak atıyoruz..

Yukarıdaki menüden Edit > Fill.. e tıklıyoruz yada Shift + F5 tuşlarına aynı anda basıyoruz..

Açılan pencereden Use: Pattern seçiyoruz ve altındaki küçük kutucupa tıklayıp bizim yaratmış olduğumuz pattern e tıklıyoruz. OK diyerek yolumuza devam ediyoruz..

Resmimiz şekildeki gibi olucak ama pek etkili ve güzel bir çalışma olmadığı kanaatindeyim birazdaha oynuyalım..

Layer menüsünden scanlines laye’i seçiliyken layer modunu Overlay olarak ayarlayın..

Yine scanlines seçili iken opacity değerini 50% olarak ayarlayın.. ve bitiyor..

Sizin fantezileriniz ve ugraşılarınız sonucunda bambaşka şekiller verebilirsiniz. Ben biraz oynadım ve yukarıdaki şekli verdim.. Daha güzellerini yapmak sizin elinizde..

Kolay gelsin

Photoshop da Actions Yapımı

Fotograf studyolarında görmüşsünüzdür. Bir vesikalık çekilir ve ardından bir tuşa basılır. sonra ne oluyorsa olur.. Vesikalık 6 vesikalık olur önce sonra 3 3 ayrılır. Bunların köşelerini çerçeve geçer birde ardından altına stüdyonun logosu reklamı eklenir ve kaydolur. Bu süreç içerisinde yapılan tek şey 3 saniye kadar beklemek ve olan biteni izlemektir. İşte bu işlemin hepsi photoshop ta action bölümü ile oluyor. Peki nasıl oluyor bu işlem? Photoshop biz ne yaparsak kaydediyor ve istediğimiz zaman o külfetli bütün işlemleri tek tek yapıyor. Ben ise bu işlemi ençok hazırladığım derslerin resimlerine  www.tutorialci.net yazerken kullanıyorum. Bu derstede bunu anlatıcam..

Öncelikle photoshop umuzu açıyoruz ve eğer Actions penceremiz açık değil ise “Windows > Actions” sekmesine tıklıyarak yada klavyemizden “Alt + F9” tuşuna basarak action penceremizi açıyoruz..

Açılan action penceresinde Resimde gösterilen “Create new action” a tıklıyoruz..

Yeni çılan “New Action” penceresinde;
Name: Action a vermek istediğimiz ismi
Set: Default Actions
Function Key: Action a vermek istediğimiz kısayol tuşu. (Vermek zorunda değiliz ama kolaylık bakımından tavsiyemdir..)
Color: None
olarak seçiyoruz ve “Record” tuşuna basıyoruz..

Record dememiz ile birlikte photoshop ne yaparsak kaydetmeye başlıyor. Yeni bir sayfa açarsak action u uyguladığımız aman photoshop bizim için yeni bir sayfa açıcaktır. Yeni bir yazı yazarsak, yeni yazı yazıcaktır. Birşey çevirirsek yada boyutunu değiştirirsek, actionu uyguladığımız zaman daha önce yaptıklarımızın aynısını yapıcaktır..

Ben daha önce açmış olduğum sayfada www.tutorialci.net yazdım ve biraz gölge tarzı ayarlar yaptım. Tüm işlemlerimiz bittikten sonra resimde gösterilen “Stop playing/recording” butonuna basıyoruz ve artık action umuz hazır.
Eğer ekleme yapmak istersek, çalışmamızın üzerine tıklamamız ve daha önceki kırmızı record tuşuna basmamız yeterlidir. Tabiki sonra tekrar durdurmak şartı ile..

Kolay gelsin..

Photoshop ta Parçalayıcı Aracı kullanarak Web Sitesi Hazırlama

Web sitesi ile ilgilenenler yada sürekli internette gezenler muhakkak görmüşerdir böyle mükemmel şekillerde siteler vardır görüntü mükemmeldir, bazıları merak ederler araştırırlar nasıl olduğunu ne olduğu, Araştırmaya başlanıldığı zaman pekçok çeşit web tasarım yöntemi vardır. Kodlama, flash, swish, frontpage, css gibi ama bunlardan en önemlisi vede kullanışlısı şüphesiz photoshop tur. Herşey photoshop ta resim olarak yapılır ve sonra dremweaver yada herhangi bir html editörü ile düzenlenir ve kullanılır. Çoğu tasarımcı vede template (hazır web sitesi şablonu) hazırlıyanlar photoshop yöntemi kullanarak güzel şeyler hazırlarlar. Bu dersimizde de photoshop ile nasıl web sitesi hazırlanır, parçalayıcı araç nasıl kullanılır onları anlatmaya çalışıcam…

Öncelikle photoshopta, web sayfamızın olmasını istediğimiz boyutlarda bir çalışma dosyası açıyoruz ve web sitemizi tasarlıyoruz..
Çok hızlı geçtin diyeceksiniz ama burası sizin yaratıçılığınıza kalmış ben örnek olsun diye amatör şekilde bir çalışma yaptım.

Soldaki menüden “Slice Tool” (Resim Parçalama) aracımızı alıyoruz..

Mause ile seçerek parçalara ayırıyoruz. Mümkün olduğunca kullanışlu bölmeliyizki kaydettiğimiz zaman resimler ne fazla büyük nede fazla küçük olarak kaydedilsin.

Ben örnek olarak Logo bölümünü ayr kaydettim. Menü ve linkleri ayırdım birde sürekli değişmesini istediğim orta bölümü seçtim..

Ayırma işlemimiz bittikten sonra File > Save for Web & Devices.. ‘e yada “Alt + Shift + Ctrl + S” kombinasyonu ile Save for Web & Devices sekmesini açıyoruz..

Açılan pencerede resimde görülen butona tıklayıp ayırmak istediklerimize vede link vermek istediğimiz parçaların üzerine çift tıklıyoruz..

Örnek olması amacı ile ben anasayfa linkini yapıyorum.
Name: kısmına butonun ve resmin adını, URL: kısmına ise tıklandığı zaman açılıcak olan sayfanın urlsini yazıyoruz.. ve “Ok” diyerek kaydediyoruz..

Diğer resimler içinde aynı şekilde uyguluyoruz. Linklemek istemediğimiz resimlerin URL bölümünü boş bırakıyoruz..

Tekrar eski pencereye dönüyoruz. Burda pekfazla ayar yapmaya gerek yok “Save” diyip kaydediyoruz..

Dosya adı: index
Kayıt türü: HTML and Images (*.html)
kaydetmek istediğimiz yeri seçiyoruz ve “Kaydet” butonuna tıklıyoruz..

Diğer sayfaları kaydetmek için index yerini sitenizdeki menülere vede verdiiniz linkler ile uyumlu şekilde değiştirip tekrar kaydedin..

Web sitemiz artık hazır. index.html i tıklıyarak web sayfamızı görebiliriz. Üzerinde değişiklik yapmak için çeşitli proğramlar ile (Dreamweaver vb.) tasarımımızı düzenliyebiliriz…

Ben örnek teskil etmesi bakımından yaptığım siteyi tutorialci.net_ps_site_yapimi_ornek.zip adresinden bakabilirsiniz…

Web sayfasını parçalayıp kaydetmek bu kadar kolay tasasrım işlemide sizin ps bilginize vede yaratıcılığınza kalmış..

Kolay gelsin..

Photoshop ile Araç Farı Değiştirme

Photoshop ile arabamızın klasik olagan farlarını başka model begendiğimiz farklar ile değiştiriyoruz.. Hemde çok kolay bir şekilde..

1-Güzel bir 206 farı. Fakat yeterince iyi durmuyor.

2-BMW 3 serisi güzel bir far.

3-Lasso Tool ile şekildeki gibi seçip copy yapıyoruz.

4-Daha sonra Sanal Modifiye yapacağımız otomobilimizin üzerine Paste ile yapıştırıyoruz.Yine Free Transform ile ebatlarını ayarlayabiliriz.

5-Eraser kullanarak görünmesini istemediğimiz kısımları siliyoruz.

6-Kalan kısımların yerlerini Colour Change ile kaportaya yakın bir renge getiriyoruz.

7-Otomobilimizi boyuyoruz.

Sonraki Yazılar »