1. Reklam


    1. joysro
      asur
      serenity
      redsea
      blacksro
      plag
      alaaddin
      erix

Loading Bar Yapımı {Full Resimli Anlatım}


  1. belirsizzzzz

    belirsizzzzz Aileden

    Kayıt:
    21 Aralık 2007
    Mesajlar:
    7.584
    Beğenilen Mesajlar:
    0
    Ödül Puanları:
    0
    Meslek:
    CeyRRANNCI
    Şehir:
    Tokyo /Y.t
    Yeni Bir Dersle Karşınızdayım.Hadi artık derse başlıyalım.

    - Resim Silinmiş.


    1-ilk olarak tool menüsünden Rounded Rectangle Tool aracımızı seçiyoruz ve aşağıdaki resimdeki gibi uyguluyoruz.

    - Resim Silinmiş.



    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.

    - Resim Silinmiş.


    3-Açılan bleending options penecersinde ilk olarak gradient overyal bölümüne giriyoruz ayarları aşağıdaki gibi yapıyoruz.

    - Resim Silinmiş.

    4-Ardından yine aynı pencereden Stroke bölümüne giriyoruz ayarları aşağıdaki gibi yapıyoruz.

    - Resim Silinmiş.


    5-Yukarıdaki işlemleri yaptıktan sonra tekrar tool menüsünden Rounded rectangle tool aracımızı seçiyoruz.

    - Resim Silinmiş.


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

    - Resim Silinmiş.


    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

    - Resim Silinmiş.

    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.

    - Resim Silinmiş.


    10-Ardından açılan pencereden ilk olarak gradient overlay bölümüne giriyoruz ayarları aşağıdaki gibi uyguluyoruz.

    - Resim Silinmiş.


    11-Ardından aynı pencereden Stroke bölümüne giriyoruz aşağıdaki ayarları uyguluyoruz.

    - Resim Silinmiş.


    12-Yukarıdaki ayarlarıda yaptıktan sonra loading barımızın gövdesini oluşturmuş olduk...

    - Resim Silinmiş.


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

    - Resim Silinmiş.

    14-Şimdi aşağıdaki yolu izliyoruz ve animasyon penceresini aktif ediyoruz.

    - Resim Silinmiş.


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

    - Resim Silinmiş.

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

    - Resim Silinmiş.

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

    - Resim Silinmiş.

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

    - Resim Silinmiş.

    20-Diğer Layerleride aynı şekilde devam ettriyoruz.


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

    - Resim Silinmiş.

    22-Şimdi aşağıda gösterdiğim butona tıklıyoruz ve çalışmamızı imageready'e taşıyoruz...

    - Resim Silinmiş.

    23-Çalışmamız imageready programına geçtikten sonra aşağıdaki yolu izliyoruz çalışmayı kaydetmek üzere...

    - Resim Silinmiş.


    24-Sonrada bu şekilde...

    - Resim Silinmiş.

    Ve Çalışmamız bitti.

    - Resim Silinmiş.


    Bunlarda benim yaptıgım aynı yolla yapılmış biras farklı çalışmalar.

    - Resim Silinmiş.



    - Resim Silinmiş.


    - Resim Silinmiş.
     
    Son düzenleme yönetici tarafından yapıldı: 13 Şubat 2017
  2. Uykucu

    Uykucu rank8

    Kayıt:
    12 Temmuz 2007
    Mesajlar:
    4.369
    Beğenilen Mesajlar:
    0
    Ödül Puanları:
    0
    Süper Bi Paylaşım Hemen Deniyorum.
     
  3. Quensis

    Quensis olduser

    Kayıt:
    27 Nisan 2007
    Mesajlar:
    7.427
    Beğenilen Mesajlar:
    0
    Ödül Puanları:
    0
    Şehir:
    In Dem Kampus
    Süper gerçekten az sonra deneyeceğim. :beer:
     
  4. belirsizzzzz

    belirsizzzzz Aileden

    Kayıt:
    21 Aralık 2007
    Mesajlar:
    7.584
    Beğenilen Mesajlar:
    0
    Ödül Puanları:
    0
    Meslek:
    CeyRRANNCI
    Şehir:
    Tokyo /Y.t
    denedyin deneyin hade bakalım
     
  5. Quensis

    Quensis olduser

    Kayıt:
    27 Nisan 2007
    Mesajlar:
    7.427
    Beğenilen Mesajlar:
    0
    Ödül Puanları:
    0
    Şehir:
    In Dem Kampus
    Nasıl olmuş blending optionslarla pek uğraşmadım :D BaTTeRST umarım beğenirsin :muck:

    [​IMG]
     
  6. belirsizzzzz

    belirsizzzzz Aileden

    Kayıt:
    21 Aralık 2007
    Mesajlar:
    7.584
    Beğenilen Mesajlar:
    0
    Ödül Puanları:
    0
    Meslek:
    CeyRRANNCI
    Şehir:
    Tokyo /Y.t
    :muck: :muck:
     
  7. c4b4L

    c4b4L rank8

    Kayıt:
    27 Ekim 2007
    Mesajlar:
    375
    Beğenilen Mesajlar:
    0
    Ödül Puanları:
    16
    bu cali$ma bana gitt'in on panjurdaki kırmızı i$iqi hatirlatti :beer: peki ole ßi$e nasıl yapaßilirz ? :D
     
  8. belirsizzzzz

    belirsizzzzz Aileden

    Kayıt:
    21 Aralık 2007
    Mesajlar:
    7.584
    Beğenilen Mesajlar:
    0
    Ödül Puanları:
    0
    Meslek:
    CeyRRANNCI
    Şehir:
    Tokyo /Y.t
    bi resim koy yapımı anlatıyım