Tutorial Lengkap Cara Membuat Latar Background Abstrak di Illustrator

Flamingosolution.com | Kesempatan kali ini blog ingin sedikit berbagi mengenai artikel yang memuat "Tutorial Cara Membuat Latar / Background Abstrak di Illustrator".

Mungkin jenis gambar seperti ini sudah kerap kita lihat seperti contoh latar abstrak seperti pada beberapa cover buku, log, bahkan latar dari sebuah OS Linux / Microsoft/ Mac dll lain sebagainya.
Latar seperti ini biasanya bertujuan untuk mendukung sebuah konten atau logo agar terlihat dinamis dan latar tampilan dalam suatu monitor lebih tampak ringan dipandang mata.

Maka untuk itu langsung saja mari kita simak langkah langkah dibawah berikut

Step 1 : Buka Illustrator  dan buat layer baru dengan ukuran sesuai keinginanmu.

 (Gbr 1 : Buka Layer Baru)

Step 2 : Buat sebuah bidang persegi [Rectangle] pada layer, dan beri dengan warna gradient orange

(Gbr 2 : Memasukkan Rectangel dan Gradient Orange)

Step 3 : Atur warna Gradient Orange menjadi 2 titik warna saja, kemudian arah gradien dengan cara atur sudut menjadi  (-90)

(Gbr 3 : Mengatur warna gradient)

Step 4 : Masukkan kedalam objek 'rectangel' sebuah garis melintang datar dengan menggunakan Pentool. Aturlah warna dalam Fill : none ; dan Strokenya warna putih.

 (Gbr 4 : membuat garis horizontal dengan Pentool)

Step 5 : Kemudian ubah jenis sebuah garis tersebut menjadi brush jenis Charcoal - Feater

  (Gbr 5 : Mengubah motif garis menjadi motif brush)

Step 6 : Duplikat/ perbanyak garis yang telah diubah tadi sebanyak 5 (cukup) dengan cara mendrag kebawah sambil menahan 'alt' lalu klik dilepas. Atau bisa dengan cara tekan Ctrl + D selama 5 x agar terduplikat sebanyak 5.

 (Gbr 6 : Memperbanyak garis motif brush sebanyak 5)

Step 7 : Selanjutnya seleksi sudut anchor/ titik garis kanan dengan menggunakan Direct Selection Tool atau tekan 'A' . - Kemudian ubah posisi , atau jenis lekukannya 

 (Gbr 7 : Mengubah sudut anchor point dengan direct selection tool (a) )

Step 8 : Ubahlah semua sudut anchor tersebut seperti dibawah ini, dan buat sudut memilki lekukan dengan menggunakan dengan mengubah jenis sudut anchor menjadi "smooth"

(Gbr 8 : Mengubah sudut anchor dengan smooth ).

Step 9: Selanjutnya seleksi lah semua garis tersebut dan perbesar sehingga terlihat keluar dari bidang Rectangel yang telah diberi gradient ,  Kemudian setelah itu duplikat dan letakkan dibawah posisi garis yang semula

(Gbr 9 : Memperbesar garis, dan duplikat )

 Step 10 : Seleksi semua garis namun pastikan posisi layer antara (Rectangle Gradient) dengan garis putih berbeda seperti dibawah ini ;

 

(Gbr 10. Mengunci layer Rectangle)

Step 11: Setelah posisi layer Rectangle dikunci, seleksi masing masing garis menggunakan direct selection kemudian aturlah posisi garis agar pas dengan sudut sudut rectangle , lakukan pada semua garis tersebut , agar terlihat rapi seperti dibawah ini :

(Gbr 11: mengatur sudut sudut anchor Garis putih ke Sudut Rectangle)

Step Akhir : Setelah itu seleksi semua garis (Ctrl A) ,kemudian masuk ke menu Transparency - ubah Blending Mode dari normal ke overlay

 (Gbr akhir : Mengatur Blending Garis)

maka hasil akan menunjukkan warna garis yang lebih menyatu ke dalam latar.

(Hasil Akhir)

Demikian lah tutorial sederhana kali ini yaitu background abstrak, semoga bermanfaat.

Terima kasih.

By: Utomo19 On 11:41:00 PM

Continue Reading

Tutorial Cara Membuat Efek Gradasi di Illustrator

Flamingosolution.com | Kali ini Blog ingin berbagi tutorial yaitu bagaimana membuat Efek Gradasi Pada suatu Objek (Lingkaran) pada Adobe Illustrator. Mungkin akan sedikit lebih banyak langkah langkah dibawah namun tidak lah rumit, tujuannya, agar pembaca tetap dapat mengikuti tutorial kali ini dengan baik. Untuk itu Langsung saja mari di simak langkah dibawah :

Step 1 : Buka dan buat layer baru pada illustrator

Step 2 : Setelah itu klik Ellips tool pada tool box lalu buatlah lingkaran pada layer

Step 3 : Kemudian beri warna terang pada ellipse, dengan posisi stroke nonaktif

 

Step 4 : Setelah demikian duplikat Lingkaran dengan cara 

klik lingkaran kemudian "Drag" kebawah sambil menahan ALT

Step 5 : lalu beri warna MERAH pada hasil duplikat lingkaran, (Stroke tetap nonaktif)

Step 6 : Kemudian klik Pen Tool , lalu aktifkan warna pada Fill menjadi "Hitam".

Step 7 : Kemudian Bentuklah sebuah Path hingga berbentuk demikian seperti dibawah :

Step 8 :  Maka selanjutnya seleksi Lingkaran merah dan Path Hitam - Lalu klik Path Finder atau bisa dengan menekan (Ctrl + Sift + F9), - Lalu cari "Minus Front". 

Lihat gambar dibawah ini:

hasilnya seperti dibawah ini

Step 9 : Selesai itu, Klik "Objek" pada panel diatas, lalu cari "Path" lalu klik "offset path.."

Step 10 : Setelah muncul kotak untuk mengatur  offset Path , aturlah ukuran menjadi (-) minus, agar path copy nya menjorok ke dalam, atur lah agar tidak terlalu tebal. Lalu klik OK.

Step 11 :lalu beri warna putih pada offset path yang sudah diatur tadi. terlihat seperti dibawah ini.

Step 12 : Kemudian seret path putih tersebut ke dalam Lingkaran biru seperti dibawah. dan menggantinya menjadi warna Gradient.

 

 Step 13 :Atur "Opacity" warna putih (warna kiri) pada gradient menjadi (0%).

Step 14 : Kemudian ubah warna hitam (warna kanan) menjadi putih, (Opacity tetap 100 %)

Step 15 : Selanjutnya aturlah angle pada gradient menjadi bernilai 90, sehingga gradient pat terlihat seperti dibawah

Step 16: Langkah selanjutnya kita akan mengatur gradient pada Lingkaran Biru dengan cara,

Klik Lingkaran Biru, lalu klik pada pertengahan warna gradient seperti dibawah ini :

tujuan gambar diatas, agar kita dapat mengatur gambar pada gradient.

Step 17 : Atur mulai dari kiri, yaitu mengubah warna PUTIH transparent (bekas dari path sebelumnya) menjadi BIRU MUDA, lalu sebelah kanan BIRU TUA, (lihat gbr dibawah)

Step 18 : Setelah itu tambahkan warna biru tua tepat di tengah tengah gradient, lalu ubahlah warna yang diujung kanan menjadi biru lebih gelap (hitam boleh), 

lalu ubah type nya dari Linear menjadi Radial :

Sampai tahap diatas, kita sudah bisa melihat efek dari gradasi .

Namun agar terlihat lebih Real kita harus menambahkan bayangan (drop Shadow) pada Lingkaran Biru.

Step 20 : Sekarang kita membuat bayangan dengan cara, klik Lingkaran biru, Kemudian cari pada menu panel Effect, - Stylize, - Drop Shadow. (Maka akan keluar kotak untuk mengatur bayangan) :

Keterangan Gambar diatas :

1. Klik dulu Preview agar kita dapat melihat secara langsung pengaturan

2. Lalu atur lah ketebalan bayangan sesuai keinginan, namun ketebalan bayangan dapat mempengaruhi warna putih yang ditengah lingkaran tersebut.

3. Klik OK.

Maka lihat hasil dan simpan

Demikian lah tutorial kali ini, semoga dapat dipahami, dan tentunya dapat menambah refrensi. Namun jika ada yang kurang dipahami, silahkan tinggalkan pertanyaan di kotak komentar.

Klik tombol like dibawah ini, dan silahkan bagikan link apabila ingin memberitahu teman teman.

Terima kasih telah berkunjung, 

Salam BLogger.

Baca Juga artikel terkait :
Tutorial Cara Membuat Warna Gradasi Pada Font Teks di Adobe Illustrator
 Cara Insert Gambar Ke Dalam Text di Illustrator 

Cara Memasukkan Gambar Pada Objek Shape di Illustrator
 Tutorial Lengkap Cara Membuat Text 3D Di Illustrator
Tutorial Lengkap Cara Membuat Objek 3 Dimensi di Illustrator 

By: Utomo19 On 3:35:00 PM

Continue Reading

Tutorial Cara Membuat Flat Design dan Long Shadow di Illustrator

Desain Flat | adalah suatu Desain tren saat ini yang banyak bermunculan di Internet sebagai pendukung tampilan seperti logo produk, aplikasi, bahkan tampilan desain Web. Sedangkan Long Shadow adalah bayangan halus yang dipadukan kedalam desain flat agar tidak terkesan kaku sama sekali. Namun perlu diketahui bahwa tidak semua jenis Desain Flat yang dipadukan dengan Long Shadow.

Dengan kata lain mungkin desain flat ini telah sering kamu jumpai, atau sekedar pengingat mari kita melihat tampilan OS dari Microsoft Windows 8.

Kita bisa melihat segi tampilan desain Windows 8 ini yang biasa disebut (Metro), betapa simpelnya Desain seperti ini, namun tetap enak dan ringan dipandang mata..

Bahkan sering juga kita melihat dari yang mendominasi seperti smartphone, yaitu menggunakan Logo logo Aplikasi yang terkesan flat namun cukup menarik

Seperti contoh lain

 

Nah, sekarang sobat sobat sudah tahu kan, bentuk /konsep desain Flat dan Long Shadow seperti apa?

Namun Blog ingin memberi sedikit cara bagaimana membuat sebuah logo sederhana dengan Flat Desain dan Long Shadow menggunakan Illustrator. (Namun bukan berarti selain Illustrator tidak bisa melainkan Aplikasi yang lain Seperti (corelDraw, Inkscape, bahkan Photoshop) juga bisa namun caranya berbeda. Baik, mari di simak.


STEP 1 : Membuat Kotak Persegi
Buka Illustrator  dan buat file baru dengan berukuran (800x800 pt)

Buat Objek dengan menggunakan Rectangle Tool (M), Buat Persegi pada layer dengan sambil menekan Sift + Alt (agar Proporsi ukuran sama)

 

STEP 2 : Ubah Persegi jadi Shape  Rounded
Klik Persegi tadi kemudian Klik "Effect" pada panel atas, lalu cari "Convert to Shapes", dan klik "Rounded Rectangle".

 

Maka akan muncul kotak "Shape Option" , centang "Preview" lalu aturlah "Corner radius" menjadi 80 (80 dikarenakan persentase layer 800x 800). Sehingga bisa saja kamu berbeda, tinggal disesuaikan.

 

Namun karena garis Bingkainya belum mengikuti lekukan alias masih kotak, maka harus diubah ;

Klik "Objek" lalu "Expand Appearance".

kemudian lihat hasilnya garis telah mengikuti lekukan "shape" yang telah di rounded

STEP 3 : Ubah Warna
Selanjutnya Ubahlah Rectangle "Shape" tersebut dengan memberi Fill Warna Cerah.
 (Strokenya di silang/putih).

STEP 4 : Cangkir pada Shape 

Selanjutnya Klik Objek Tool , pilih Ellipse kemudian tempatkan tepat di tengah objek sebelumnya (Shape Biru).

Setelah itu Beri (Fill)  Warna Gelap pada Ellipse, dan (Stroke) Putih, dan aturlah stroke Elipse tersebut dengan ketebalan kira kira 30, untuk lebih jelasnya lihat gambar dibawah ini

(Klik untuk memperbesar)

 

beri sedikit polesan sebagai tanda tangkai cangkir nantinya;

dengan menggunakan Pentool, Lalu tarik dari garis Stroke Putih Ellipse

Sampai tahap ini logo yang kita buat sudah tergolong Flat Desain, Namun Sesuai Judul yaitu kita masih harus membuat Long Shadow.

STEP 5 : Membuat Long Shadow

 Gunakan Pen Tool Untuk membuat suatu bayangan cangkir tersebut, buat titik anchor hingga membentuk seperti bayangan ke sudut pojok kanan, lebih jelas lihat gambar dbawah ;

Setelah itu kembali klik bayangan tadi, ambil warna dari shape biru menggunakan Eye Dropper pada tool box 

 1. klik Eye Dropper Klik Shape Biru, sehingga warna  warna bayangan pun menjadi sama dengan shape pertama.

2. setelah itu klik ikon Fill Warna, lalu Ganti Warna Menjadi sedikit lebih gelap daripada Shape pertama. Lihat gambar dibawah

STEP 6 : Menyatukan bayangan dengan shape.

Kita harus membuat bayangan berada dibawah posisi cangkir tersebut dengan cara ;

Klik kanan pada Shadow  - lalu pilih "Arrange" - kemudian "Send Backward".

 

Selanjutnya posisi bayangan sudah berada dibelakang cangkir seperti dibawah

Selanjutnya klik Shape biru terang (Kotak), lalu copy dengan cara Ctrl + C, Duplicate       Ctrl + f. Sehingga di layer Shape (Persegi menjadi 2)

 

Klik Shape Biru dan Shadow bersamaan (pakai SIFT) Kemudian cari "Pathfinder" atau bisa dengan CTRL + SIFT + F9 - Tekan Intersect.

Lihat Gbr ini (klik Perbesar)

Maka Jadilah Hasil Sederhananya seperti ini

Nah, Demikian seperti inilah cara membuat Logo sederhana bertema "Flat Design dan Long Shadow",mungkin jika masih ada yang kurang jelas boleh meninggalkan pesan di kotak komentar,

Jangan lupa klik tombol Like Facebook dibawah ini, atau bagikan ke sobat sobat lain, jika perlu.

Baca Juga Tutorial Desain Lainnya : DISINI

Tipografi Poster 

Membuat Text 3D Di Illustrator 

Membuat Objek 3 Dimensi di Illustrator

Membuat Warna Gradasi Pada Font Teks

Desain Karakter Angry Birds Di Illustrator

Membuat Latar Background Abstrak

Atau Baca Artikel ini : Situs Situs Freelance Buat Desainer Grafis

Semoga bermanfaat dan dapat menambah refrensi Ilmu kamu, 

Sekian dan terima kasih telah berkunjung,

Salam.

By: Utomo19 On 1:54:00 AM

Continue Reading