photoders » Photo

Flash XML Photo Galeri

admin — Thu, 09 Apr 2009 09:31:27 +0000

Flash çalışmamızda fotoğraf galerisi hazırlayacağız slideshow galeri uygulamalarımızdan farklı olarak XML üzerinden resimlerimizi çağırmamız olacaktır. Çalışmamızda kullanacağımız resimleri hazırlayalım hazırladığımız resimlere uygun çalışma sayfası açalım benim tercihim 476×550 pixels oldu.

1-Çalışmaya buton hazırlayarak başlayalım kendinize göre buton hazırlayabilirsiniz ben photoshop ile kendi butonumu hazırladım flash içine import ettim sahnede resim seçili F8 graphic yapalım name Symbol 1 olarak kalabilir Symbol 1 seçili F8 movie clip yapalım name Symbol 2_mc olsun Button içine girelim up konumunda aynen kalsın over konumunda properties fitler drop shadow uygulayalım.

Down konumunda drop shadow blur 5 değerini 2 distance 5 değerini 2 yapalım. Hit konumu up ile aynı kalabilir.
2-İki buton kullanacağımız için kütüphanedeki butonu duplicate kopya yapalım name but sağ olsun yeni buton içine girelim free transform ile up-over-down-hit konumlarında çevirelim amacımız drop efektini aynı konuma getirmek.
3-Scene1 sahnemize gelelim çalışmada görülen arka fon photoshop ile hazırlandı isteğinize göre uygulama yapabilir hiçbir şey eklemeden sadece renk verebilirsiniz bu kısım size kalsın. Layer1 adını bg yapalım resmi ekliyoruz aling panelden sahneye ortalayalım.
4-Yeni layer ekleyelim adını sol buton yapalım kütüphaneden sol-but alarak ekleyelim sahnede buton seçili instance name kısmına geri_btn yazalım buton üzerinde actions paneli açalım ekli kodu ekleyelim.

on (release)
{
My_SlideNumber = My_SlideNumber - 1;
showPhoto(My_SlideNumber);
}

5-Yeni layer ekleyelim layer adı sağ buton olsun kütüphaneden sağ-but alarak ekleyelim buton seçili instance name kısmına ileri_btn yazalım buton üzerinde actions paneli açalım ekli kodu ekleyelim.

on (release)
{
My_SlideNumber = My_SlideNumber + 1;
showPhoto(My_SlideNumber);
}

6-Yeni layer ekleyelim layer adı klip olsun Insert New Symbol yeni clip yapalım name klip olsun kütüphanede boş bir klipimiz oldu boş klipi kütüphaneden alalım klip layerimize ekleyelim buradaki dikkat etmemiz gereken kısım merkez noktası sol üst köşe olsun resimlerimizin sahnedeki yerini bu nokta doğrusunda ayarlayacağız.

7-Yeni layer ekleyelim layer adı text logo olsun yazı yazalım.
8-Yeni layer ekleyelim layer adı action olsun F9 actions paneli açalım ekli kodu ekleyelim.

function loadPhotoXml(filename)
{
PhotoXml.load(filename);
PhotoXml.onLoad = function (success)
{
if (success)
{
My_SlideNumber = 0;
My_ParentNode = this.firstChild;
My_TotalSlides = My_ParentNode.childNodes.length;
showPhoto(My_SlideNumber);
} // end if
};
} // End of the function
function showPhoto(PhotoNum)
{
if (PhotoNum == My_TotalSlides - 1)
{
ileri_btn.enabled = false;
}
else
{
ileri_btn.enabled = true;
} // end else if
if (PhotoNum == 0)
{
geri_btn.enabled = false;
}
else
{
geri_btn.enabled = true;
} // end else if
var _loc3 = My_ParentNode.childNodes[PhotoNum].attributes.filename;
var _loc4 = My_ParentNode.childNodes[PhotoNum].attributes.resim;
klip_mc.loadMovie("photo/" + _loc3);
title_text.text = _loc4;
klip_mc._alpha = 0;
this.onEnterFrame = function ()
{
if (klip_mc._alpha < 100)
{
klip_mc._alpha = klip_mc._alpha + 3;
} // end if
};
} // End of the function
var My_SlideNumber;
var My_TotalSlides;
var My_ParentNode;
var PhotoXml = new XML();
PhotoXml.ignoreWhite = true;
loadPhotoXml("photo.xml");

9-Yeni layer ekleyelim layer adı title olsun buton layerleri üzereni alalım Dynamic text çerçeve oluşturalım instance name kısmına title_text yazalım
10-Çalışmamızı tamamladık şimdi XML dosyası hazırlayalım not defteri veya Notepad ile yapabiliriz hazırlanışını ekli dosya içinde bulabilirsiniz. Kayıt ederken photo adı ile kayıt edelim .
11- Resimlerimizi photo isimli klasör içine ekleyelim XML dosyası Photo klasörü flash Swf aynı klasör içinde yer alacak.
Çalışmamız sonlandı artık deneyebiliriz.
Çalışmayı izle
FLA İndir

Bu Yazıyı Paylaşın

Alev Photo Manipülasyon

admin — Sun, 15 Mar 2009 19:32:23 +0000

Photoshop çalışmamızda resim üzerinde manipülasyon çalışması yapacağız yapacağımız çalışmayı wallpaper kullanabiliriz çalışmada kullanacağımız resimleri photo1 ve photo2 linklerinden indirebilirsiniz. İndirdiğimiz bayan resmini istediğimiz değerde küçültebiliriz, diğer resmimizide ayarlayalım.1-Her iki resmide photoshop içine alalım bayan resmi üzerinde çalışmamıza başlayalım duplicate layer Ctrl+J kopya yapalım, foreground renk siyah ayarlayalım Alt+Del kısayolu ile background layeri siyah yapalım örnek resim.

2-Layer1 aktif yapalım Ctrl+Shift+U desaturate siyah beyaz yapalım örnek resim.

3-Renkleri ters çevirelim invert Ctrl+I örnek resim.

4-Layer1 kopyalayalım Filter > Stylized > Find Edges uygulayalım, ters çevirelim invert Ctrl+İ
Blending Mode Hard light yapalım. Örnek resim.

5-Layer1 copy layeri kopyalayalım duplicate layer Ctrl+J Blending Mode Screen yapalım.

6-Resim2 açalım move tool ile remi çalışmamızın üzerine taşıyalım.

7-Layer2 layeri ayarlayalım Blending Mode screen yapalım örnek resim.

8-Layer2 layeri kopyalayalım duplicate layer layer2 layerin göz işaretini kapatalım.

9-Layer2 copy layer üzerinde Free Transform aracını seçelim rotate çevirelim biraz alt resmimize göre ayarlayalım örnek resim.

10-Wrap aracını seçelim Edit > Transform > Warp örnerk resimdeki şekilde ayarlama yapalım.

11-filter>Liquify ile biraz ayarlama dalgalanma yapalım az olsun örnek resim.

12-Layer 2 copy layeri kopyalayalım Free Transform aracı ile çevirelim örnek resimdeki şekilde ayarlayalım.

13-Layer2 copy layeri kopya yapalım Layer 2 copy 2 layerimiz oluştu free transform aracı ile çevirelim gerekli ayarlamayı yapalım gerekli dalgalanmalar için Liquify kullanalım layerleri kopya yaparak saç kısmını çevirelim örnek resim.

14-Layer2 layerin göz işaretini aktif yapalım, Blending Mode Vivid Light yapalım.

15-Free Transform aracı ile ayarlama yapalım örnek resim.

16-Layer2 layere Filter> Blur> Gaussian Blur Radius 10 veya 15 pixels uygulayalım.

17-Layer2 layer üzerinde layer mask uygulayalım brush tool yumuşak fırça seçelim diameter 250 pixels olsun kenar temizliğini yapalım.

18-Mak layer üzerinde move tool + ctrl tıklayalım seçim oluşsun yeni layer ekleyelim tekrar fırça ile sahnedeki beyaz kısımları temizleyelim.
19-Layer 2 copy 6 layere gelelim create new fill adjustment layer icona tıklıyoruz.

20-Hue/Saturation uyguluyoruz, icona tekrar tıklayıp bu sefer Brightness/Contrast uyguluyoruz.

Layer görüntümüz.

21-Brush Paleti açalım örnek resimlerdeki ayarları yapalım.

22-Yeni layer ekleyelim renk ayarlayalım fırçamız ile çalışmamızda istediğimiz uygulamayı yapalım.

23-Yeni layer ekleyelim Brush ayarını yapalım layer üzerinde istediğimiz temasları yapalım örnek resim.

Final

Bu Yazıyı Paylaşın

Gezegen Panoramic Photo

admin — Tue, 25 Nov 2008 11:12:59 +0000

Photoshop çalışmamızda şehir resmini panoromik resim yapacağız hazırladığımız panoramik resmi yapacağımız çalışma ve uygulayacağımız fitler efekt ile gezegen bir şehir elde etmeye çalışacağız. İlk olarak resmimizi çalışmamızda kullanacağımız resmi açalım benim çalıştığım resmi buradan indirebilirsiniz.

[Hidepost]

Crop Tool aracı ile resmimizi keselim örnek resim.

Dodge tool (O) aracını seçelim soft brush seçelim örnek resimdeki uygulamada gördüğünüz gibi resmin üst kısmını parlatalım.

Filter > Other > Ofset açılan pencerede resmimiz px değerinin yarısını Horizantal px kutusuna yazalım vertical boş kalsın wrap around seçili olsun.

Sahnedeki resmimiz tam yarıda birleşti şimdi iki resim birleşme kısmını Clone Stamp aracı ile işleyelim bazı yerlerde kartştırmak için smudge tool aracı kullanalım.

Image > Image Size penceresini açalım Width 1024 px biz Height 1024 yapıyoruz kısaca eşitliyoruz.

Görüntümüz.

Resmi çevirelim Rotate 180.

Filter > Distort > Polar Coordinates Rectangular to Polar seçiyoruz.

Liquify Fitler Brush 600 px.

Filter > Sharpen > Sharpen More.

Lasso Tool (L) aracı ile örnek seçimi oluşturalım Feather 30 pixels uygulayalım.

select invert seçimi ters çevirelim delete siliyoruz Ctrl+D seçimi kaldıralım.

Yeni layer ekleyelim en alta alalım color 7f5e6f olsun kova aracı ile leyeri dolduralım ben uygulamada kullanmak için Pattern hazırladım 150×150 px yeni bir sayfa açtım transparent Custom Shape Tool seçtim shape penceresinden Floran ornament 2, Ornament 2, Ornament3 shape lerini kullanarak kendime pattern yaparak Edit > Define Pattern seçeneği ile kayıt ettim.

Görüntümüz.

Gezegen layerimizi kopyalayalım duplacite layer Filter >Blur >Radial Blur uygulayalım efekti tekrarlayalım Ctrl+F

Gezegen kopya layeri Layer Mode Color Dodge Opacity to 75%. Olarak ayarlayalım

Yeni layer ekleyelim Filter > Render > Clouds uyguluyoruz Layer Mode Hard Light Opacity to 50% olarak ayarlayalım.

Yeni layer ekleyelim Solid Color color 583144 Layer mask>Hide all gradient tool seçelim radial olsun (black – white) uygulayalım. Gezegen kopya layerimize Outer Glow verelim

Final

Diğer örnek

[/Hidepost]

Bu Yazıyı Paylaşın