FLasholiX
  • BERANDA
  • ADOBE FLASH
  • ACTIONSCRIPT 3.0
  • DAFTAR
  • ABOUT
Home » Artikel Lama » Gradient » Menggabungkan Beberapa Gambar dengan Teknik Gradient

Menggabungkan Beberapa Gambar dengan Teknik Gradient

Akhirnya nge-blog lagi, kali ini sambil mendesain spanduk buat acara di kampus, saya juga akan memposting bagaimana sih cara membuatnya. Tapi untuk kali ini cuma membahas tentang menggabungkan gambar dengan gambar lain dengan efek Gradient. tahu kan apa itu gradient, :)



Berikut ini langkah-langkahnya,

1. Saya membuat sebuah file untuk spanduk ini dengan ukuran 5000 x 1000 tapi dalam satuan pixels (px). kemudian saya beri warna hitam, menggunakan paint bucket tool.

Setting awal mengenai ukuran

Stage yang telah diberi warna hitam

2. Kemudian, siapkan gambar yang diperlukan, yaitu gambar lainnya. Saya memiliki gambar bola kaki yang menembus gawang dan orang yang sedang bermain voli.

Gambar tambahan 1

Gambar tambahan 2

3. Nah, kedua gambar itu, saya Open di Photoshop, Kemudian lakukan Drag ke File Spanduk yang berukuran 5000x1000 pixels tadi.

Open File gambar tambahan
setelah di drag ke file Spanduk

 4. Lakukan penempatan gambar, sesuai keinginan. saya menempatkannya seperti ini :

Penempatan gambar tambahan dengan stage

5. Nah, maksud dari tutorial ini adalah, menggabungkan gambar "voli" dengan background hitam, kemudian menggabungkan background hitam dengan "sepakbola".
jadi, tekniknya adalah gradient-kan warna hitam ke transparan dan tempelkan ke masing-masing gambar. bisa dibilang begitu :p
jadi, saat ini, layer kita adalah seperti berikut :

Layer yang sudah dibuat

Kemudian, tambahkan 2 buah layer, diatas layer voli dan layer bola kaki.  beri nama seperti gambar berikut :

Dua layer tambahan






6. Aktifkan layer gradient ke voli 

Aktifkan gradient ke voli
Lalu pilih gradient tool.

Pilih Gradient Tool di Toolbox

Pilih Foreground to Transparant

Pilih Foreground to Transparant

Dikarenakan background yang kita buat adalah hitam, jadi foreground-nya  pilih berwarna hitam.

 6. Ok, lanjutkan pada stage. Jangan lupa, layer "gradient to voli" masih terpilih. Kemudian Drag ke arah kiri, ikuti panah pada gambar dibawah ini. 

Drag ke arah kiri

 7. Lakukan hal sama untuk layer "gradient to bola kaki", prosesnya seperti berikut :

aktifkan layer "gradient ke bola kaki"

Drag ke arah kanan, seperti panah di atas

8. Nah, langkah terakhir adalah menghapus bagian layer "gradient ke bola kaki" yang menutupi layer "gradient ke voli"
Hapus bagian ini, menggunakan Rectangle Marque Tool
 Setelah diseleksi area tersebut, tekan Delete untuk menghapus. Sehingga hasilnya adalah sebagai berikut :

Ketiga gambar sudah menyatu dengan efek Gradient, Voli, bacdground hitam, dan bola kaki

Tugas terakhir adalah bermain-main dengan teks, sehingga hasilnya kira-kira seperti ini :
Hasil akhir

Ok, cukup sekian dan terima kasih.
nb : bila gambar pada postingan terlalu kecil, klik untuk memperbesar pada tiap-tiap gambar 

Semoga bermanfaat !

f
Share
t
Tweet
g+
Share
?
Ari Larsson
8:00:00 PM

Artikel Menarik Lainnya:

Pengenalan Dasar Flash 8
Pengenalan Dasar Flash 8
Manipulasi Nomor Pungung Kaos Bola
Manipulasi Nomor Pungung Kaos Bola
Maen Rubik Biar Hilang Stress atau ...
Maen Rubik Biar Hilang Stress atau ...
Membuat Animasi Sederhana (metode S...
Membuat Animasi Sederhana (metode S...
Efek Cermin pada Teks
Efek Cermin pada Teks
E-Book untuk Belajar Kartun
E-Book untuk Belajar Kartun

2 komentar untuk "Menggabungkan Beberapa Gambar dengan Teknik Gradient"

  1. UnknownDecember 6, 2012 at 11:00 PM

    kereennn beuudd dahh...
    hiks hiks hiks :D

    ReplyDelete
    Replies
      Reply
  2. Ari LarssonDecember 7, 2012 at 10:29 AM

    Terima kasih gan, udh hadir disini,
    semoga ada manfaatnya :D

    ReplyDelete
    Replies
      Reply
Add comment
Load more...

Yang membuat blogger bertahan hidup adalah komentar anda, so leave a comment...

Newer Post Older Post Home
Subscribe to: Post Comments (Atom)
Find Us on Facebook :

Menu

  • Artikel Lama
  • Actionscript 3.0
  • Adobe Flash
  • Algoritma
  • 21 Hari Belajar ActionScript 3.0
  • About
  • Animasi
  • Daftar
  • Efek
  • Gradient
  • Teks
  • Tips

Top 10

  • Fade In dan Fade Out
  • Menggambar Nobita
  • Menggambar Doraemon
  • Membuat Teks Dinamis (Dynamic Text)
  • Menggambar Son Goku
  • Manipulasi Nomor Pungung Kaos Bola
  • Menggabungkan Beberapa Gambar dengan Teknik Gradient
  • Layer Mask pada Flash
  • Bermain dengan Teks
Powered by Blogger.

Labels

  • 21 Hari Belajar ActionScript 3.0
  • About
  • Actionscript 3.0
  • Adobe Flash
  • Algoritma
  • Animasi
  • Artikel Lama
  • Daftar
  • Efek
  • Gradient
  • Teks
  • Tips

FlasholiX

Site Reference

Contact

Copyright 2015 FLasholiX - All Rights Reserved