1. Reklam


    1. joysro
      ledas
      jungler
      keasro
      zeus
      karantina

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


  1. belirsizzzzz

    belirsizzzzz Aileden rank8

    Kayıt:
    21 Aralık 2007
    Mesajlar:
    7.655
    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.

    [​IMG]


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

    [​IMG]



    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.

    [​IMG]


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

    [​IMG]

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

    [​IMG]


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

    [​IMG]


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

    [​IMG]


    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

    [​IMG]

    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.

    [​IMG]


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

    [​IMG]


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

    [​IMG]


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

    [​IMG]


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

    [​IMG]

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

    [​IMG]


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

    [​IMG]

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

    [​IMG]

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

    [​IMG]

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

    [​IMG]

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

    [​IMG]

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

    [​IMG]

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

    [​IMG]


    24-Sonrada bu şekilde...

    [​IMG]

    Ve Çalışmamız bitti.

    [​IMG]


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

    [​IMG]



    [​IMG]


    [​IMG]
     
  2. Uykucu

    Uykucu Buralıyım rank8

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

    Quensis Old School olduser rank8

    Kayıt:
    27 Nisan 2007
    Mesajlar:
    7.884
    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 rank8

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

    Quensis Old School olduser rank8

    Kayıt:
    27 Nisan 2007
    Mesajlar:
    7.884
    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 rank8

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

    c4b4L Tanınıyorum 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 rank8

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