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...
