Üye Olun veya Şifrenizi unuttuysanız şifreyi resetle linkini kullanınız?
Bütün Zaman Ayarları WEZ +4 olarak düzenlenmiştir. Şu Anki Saat: 17:37 . | Foruma Hoşgeldiniz, bilgi alışverişinde bulunabilmeniz ve üyelik gerektiren bölümleri okuyabilmeniz için öncelikle kayıt olmalısınız
| Duyuru |
| Photoshop Dersleri Çeşitli resimli açıklamalı photoshop dersleri |
 |
| | LinkBack (3) | Konu Seçenekleri | Modları Göster |
06-13-2008, 19:26
|
 #1 (permalink)
|
| PhotoshopUzmanı Kurucusu   Üyelik Tarihi: Feb 2007 Bulunduğu Yer: C:\Program Files\Adobe\Adobe Photoshop CS2 Yaş: 23 Mesajlar: 5.378
Teşekkür Et: 175
Thanked 2.159 Times in 944 Posts
Resimler: 38 Tecrübe Puanı: 10    | Loading Bar Yapımı (istek üzerine) 1-ilk olarak tool menüsünden Rounded Rectangle Tool aracımızı seçiyoruz ve aşağıdaki resimdeki gibi uyguluyoruz.  2-Daha sonra uzun dikdörtgen şeklimizin bulunduğu layera sağ tuş ile tıklıyoruz açılan menüden bleending options bölümüne giriyoruz.  3-Açılan bleending options penecersinde ilk olarak gradient overyal bölümüne giriyoruz ayarları aşağıdaki gibi yapıyoruz.  4-Ardından yine aynı pencereden Stroke bölümüne giriyoruz ayarları aşağıdaki gibi yapıyoruz.  5-Yukarıdaki işlemleri yaptıktan sonra tekrar tool menüsünden Rounded rectangle tool aracımızı seçiyoruz.  6-Yukarıda seçtiğimiz Rounded rectangle tool aracımız ile ufak bir dikdörtgen daha yapıyoruz aşağıda gösterildiği gibi...  7-Daha sonra yukarıda oluşturduğumuz ufak dikdörtgenizin kopyasını çıkartmak için layerının üstüne tıklıyoruz açılan menüden duplicate layer diyoruz.  8-Yukarıdaki işlemi alt kısımda kalan uzun dikdörtgenizin içini ufak dikdörtgenler ile dolana kadar tekrarlıyoruz görüntü aşağıdaki gibi olmalıdır.  9-Ardından her bir ufak dikdörtgenlerimizie aşağıdaki efeklerin aynısı uyfuluyoruz ilk olarak bleending options bölümüne giriyoruz aşağıdaki gibi...  10-Ardından açılan pencereden ilk olarak gradient overlay bölümüne giriyoruz ayarları aşağıdaki gibi uyguluyoruz.  11-Ardından aynı pencereden Stroke bölümüne giriyoruz aşağıdaki ayarları uyguluyoruz.  12-Yukarıdaki ayarlarıda yaptıktan sonra loading barımızın gövdesini oluşturmuş olduk...  13-Şimdi layer menüsünde bulunan ufak layerlarımızın üstüne çift tıklıyoruz ve layer isimlerini aşağıdaki yazıyoruz ve sıraya koyuyoruzki animasyon penceresinde çalışırken karışıklık olmasın...  14-Şimdi aşağıdaki yolu izliyoruz ve animasyon penceresini aktif ediyoruz.  15-Aşağıdaki gibi animasyon penceresi aktif olacaktır.  16-Aşağıdaki resimdede işlemler esnasında sık sık kullanacağımız iki butonun tanıtımını yapmak istedim zorluk çekmemeniz açısından...  17-Şimdi geldik loading bar'ımıza hareket kazandırmaya animasyon penceresinde bir layer varken bütün ufak dikdörtgenlerimizin bulunduğu layerların layer menüsünden göz işaretlerini kapatıryoruz sadece en başta bulunan dikdörtgenin göz işaretini kapamıyoruz aşağıdaki gibi...  18-Daha sonra Yukarıda animasyon pencersinde tanıttığım gibi yeni layer açma butonuna tıklıyoruz açılan yeni layerda bu kez ilk işlemdeki ufak dikdörtgen layerımızın göz işaretini kaldırıp ikinci layerımızda 2.dikdörtgen larımızın göz işaretini açıyoruz aşağıda gösterildiği gibi...  19-Şimdi animasyon penceresinde bir layer daha açıyoruz o layerdada 3.dikdörtgenizin göz işaretini açıyoruz 1 ve 2 numaralı dikdörtgenlerimiz kapalı olacak aşağıdaki gibi...  20-Aynı şekilde bir layer daha açıyoruz animasyon penceresinde bu layerdada bundan öncekiler kapalı olacak şekilde 4 numaralı dikdörtgenizin göz işaretini aktif ediyoruz aşağıdaki gibi...  21-Şimdi animasyon penceresinde bir layer daha oluşturuyoruz bu layerda 5 numaralı dikdörtgenizin göz işaretini aktif ediyoruz bundan önceki dikdörtgen layerlarımızın bulunduğu göz işaretleri kapalı olacak aşağıdaki gibi...  22-Şimdi bir layer daha oluşturuyoruz ve 5numaralı layerımızın göz işaretini aktif ediyoruz diğerleri kapalı olacak şekilde...  23-Yukarıdaki işlemleri sırası ile yaptıktan sonra animasyon penceresinde görüntü aşağıdaki gibi olacaktır yeşil renk ile gösterdiğim butona basarsanız animasyonumuzun hareket ettiğini göreceksiniz...  24-Şimdi aşağıda gösterdiğim butona tıklıyoruz ve çalışmamızı imageready'e taşıyoruz...  25-Çalışmamız imageready programına geçtikten sonra aşağıdaki yolu izliyoruz çalışmayı kaydetmek üzere... Not:gif şeklinde kaydetmek için photoshoptan imageready programına geçmedende kaydedebilirsiniz bunun için izleyeceğiniz yol file+save for web seçeneğidir ama bu işlemi amatör arkadaşlara tavsiye etmem kafanız karışabilir)  26-Yukarıdaki yolu izledikten sonra önümüze gelen sayfada alt kısımda ayarları aşağıdaki gibi uyguluyoruz.  27-Yukarıdaki işlemide yaptıktan sonra çalışmamız sonlanacaktır...  28-Ben kafanızın karışmaması için en basit hali ile anlattım animasyon işlevini kendinizi bu alanda dahada geliştirmek için sık sık üstünde uygulama yapmalısınız animasyon penceresindeki ayarlarda göz kaldırıp aktif etme bölümü ile oynayarak aşağıdaki gibi daha değişik sonuçlar alabilrisiniz yeterki animasyon penceresinin nasıl işlediğini çözünüz... 
__________________  ARAMASIN GÖZLER O ŞİMDİ ASKER!.. |
|      |
| The Following 10 Users Say Thank You to HAKAN For This Useful Post: | -MGEY!K- (06-13-2008), brtg_dgn (06-13-2008), GeCeLeR_PreNSi (06-22-2008), illegal43 (06-13-2008), Kültürlü Kedi (06-17-2008), LeGeND-MæN (06-15-2008), mehmetcece76 (06-15-2008), SoNiC89 (06-13-2008), TheBear (06-14-2008), Young Thug (06-13-2008) |
| Sponsored Links |
| |
|
06-13-2008, 19:30
| #2 (permalink) |
| Çalıştı Çalıştı En Sonunda Bişeler Öğrendi :)   Üyelik Tarihi: Feb 2008 Bulunduğu Yer: İstanbuL Yaş: 19 Mesajlar: 214
Teşekkür Et: 227
Thanked 25 Times in 5 Posts
Resimler: 5 Tecrübe Puanı: 2 | Ce: Loading Bar Yapımı (istek üzerine) teşekkürler üstad emeğine sağlık 
__________________  |
|
| |
|
06-13-2008, 19:34
| #3 (permalink) |
| Editör   Üyelik Tarihi: Jan 2008 Bulunduğu Yer: in HussLa Ciry'z GhettozZ.! Yaş: 19 Mesajlar: 1.595
Teşekkür Et: 140
Thanked 231 Times in 58 Posts
Resimler: 22 Tecrübe Puanı: 3 | Ce: Loading Bar Yapımı (istek üzerine) Güzel Anlatım emeğine sağlık
__________________
|
|
| |
|
06-13-2008, 20:16
| #4 (permalink) |
| PhotoshopUzmanı Kurucusu Üyelik Tarihi: Feb 2007 Bulunduğu Yer: C:\Program Files\Adobe\Adobe Photoshop CS2 Yaş: 23 Mesajlar: 5.378
Teşekkür Et: 175
Thanked 2.159 Times in 944 Posts
Resimler: 38 Tecrübe Puanı: 10 | Ce: Loading Bar Yapımı (istek üzerine) işinizi görürse ne mutlu...
__________________ ARAMASIN GÖZLER O ŞİMDİ ASKER!.. |
|
| |
|
06-13-2008, 20:21
| #5 (permalink) |
| Sitenin Demirbaşı   Üyelik Tarihi: Mar 2008 Bulunduğu Yer: Kütahya Mesajlar: 2.019
Teşekkür Et: 871
Thanked 244 Times in 101 Posts
Resimler: 6 Tecrübe Puanı: 4 | Ce: Loading Bar Yapımı (istek üzerine) Eline sağlık Hkan abi gerçekten çok güzel olmuş ders ama şu turuncuyu çok güzel yakıştırıyorsun :) |
|
| |
|
06-14-2008, 10:52
| #6 (permalink) |
| İlerleyen Günlerde Profesyonel PS'ci olacak :)  Üyelik Tarihi: Dec 2007 Bulunduğu Yer: İstanbul Mesajlar: 109
Teşekkür Et: 4
Thanked 2 Times in 2 Posts
Tecrübe Puanı: 2 | Ce: Loading Bar Yapımı (istek üzerine) Bir sorum var .gif den başka harekeli resim formatı varmı? Gif de kalite bozuluyor çünkü
__________________ İmza Yok Parmak Bassam... I Love Skateboarding... |
|
| |
|
06-14-2008, 11:20
| #7 (permalink) | |
| PhotoshopUzmanı Kurucusu Üyelik Tarihi: Feb 2007 Bulunduğu Yer: C:\Program Files\Adobe\Adobe Photoshop CS2 Yaş: 23 Mesajlar: 5.378
Teşekkür Et: 175
Thanked 2.159 Times in 944 Posts
Resimler: 38 Tecrübe Puanı: 10 | Ce: Loading Bar Yapımı (istek üzerine) Alıntı:
__________________ ARAMASIN GÖZLER O ŞİMDİ ASKER!.. | |
|
| |
|
06-14-2008, 14:05
| #8 (permalink) |
| İlerleyen Günlerde Profesyonel PS'ci olacak :)  Üyelik Tarihi: Jan 2008 Bulunduğu Yer: kocaeli Mesajlar: 55
Teşekkür Et: 5
Thanked 14 Times in 5 Posts
Tecrübe Puanı: 2 | Ce: Loading Bar Yapımı (istek üzerine) Hacım harikasın yaw o kadar güzel anlatmışsınki ellerine sağlık üstat
__________________  |
|
| |
|
06-14-2008, 19:03
| #9 (permalink) |
| İlerleyen Günlerde Profesyonel PS'ci olacak :) Üyelik Tarihi: Feb 2008 Bulunduğu Yer: Karababa Mesajlar: 32
Teşekkür Et: 2
Thanked 0 Times in 0 Posts
Tecrübe Puanı: 0 | Ce: Loading Bar Yapımı (istek üzerine) bunuda ben yaptım hakan abi teşekkür ederim sayende yeni bişey öğrendim :)  |
|
| |
|
| Etiketler |
| (istek, loading, yapımı, üzerine) |
« Önceki Konu
|
Sonraki Konu »
LinkBacks (?)
LinkBack to this Thread: http://forum.photoshopuzmani.com/photoshop-dersleri/5585-loading-bar-yapimi-istek-uzerine.html | ||||
| Konuyu Başlatan | For | Type | Tarih | |
| Photoshop Uzman - Trkiyenin Photoshop Portal - Anasayfa | This thread | Refback | 06-17-2008 12:48 | |
| PhotoshopUzmani Forumlar - vBulletin | This thread | Refback | 06-14-2008 19:10 | |
| Photoshop Uzman - Trkiyenin Photoshop Portal - Anasayfa | This thread | Refback | 06-13-2008 20:27 | |
| Konu Seçenekleri | |
| Modları Göster | |
Normal Mod
| |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73
