Desain Retro Empal Goreng Untuk Inspirasi

desain retro

Desain Retro Empal Goreng untuk inspirasi, barang kali anda sedang mencari inspirasi untuk membuat desain dengan gaya retro, berikut ini gambar Desain Retro Empal Goreng Untuk Inspirasi yang mungkin bisa diperbagus lagi atau sekedar melatih kembali skill illustrator anda. Dalam Logo ini ada beberapa effect yang saya gunakan diantaranya Warp > Rise dan untuk shadow saya gunakan effect Distort & Transform > Transform.

Desain Retro

Gambar desain retro untuk inspirasi anda.

empal_goreng

Software

Dalam pembuatan desain retro ini saya meggunakan Adobe Illustrator CS2 yang bisa anda download dan gunakan secara gratis melalui situs resmi Adobe.

Khusus untuk shadow anda bisa pelajari Tips dan Trick Illustrator, Pallete Appereance postingan sebelumnya. Anda bisa mencari tutorial Illustrator dengan mencari kata kunci Illustrator atau tutorial pada situs ini.

Selamat berkreasi

Tips dan Trick Illustrator, Pallete Appereance

tips trick illustrator

Tips dan Trick Illustrator, Pallete Appereance. Dimana pada tutorial kali ini kita akan mencoba membuat desain Vintage, dan belajar bagaimana cara menambahkan multi Fill dengan Effect.

Persiapan

Sebagai langkah persiapan, buka program Adobe Illustrator dan buat sebuah Document baru, karena tutorial ini akan fokus pada Palete Appereance untuk itu aktifkan Palete Appereance dengan cara klik Window > Appereance.

 

Langkah Pertama

Aktifkan Horizontal Type Tool (P), buat sebuah text apa saja yang diinginkan. sebagai contoh saya ketik Google dengan Font:  GeorgiaRegular (ukuran disesuaikan saja).

google

Select text tersebut menggunakan Selection Tool (V) ubah Fill : None & Stroke : None.

 

google_none

Langkah Kedua

Select text tersebut kemudian pada Pallete Appereance Klik icon panah kecil dipojok pilih Add New Fill.

appereance_addFill

Maka tampilanya akan berubah seperti berikut:

appereance_addFill_afterSelanjutnya tambahkan 2 Fill lagi dengan cara yang sama. Maka akan ada 3 Fill dan 1 Stroke

Catatan:

  • Setiap Fill, Stroke tersebut warnanya bisa dirubah. (Caranya: klik salah satu Fill pada Pallete Appereance yang ingin dirubah warnanya kemudian pilih warna pada Pallete Swatches.)
  • Setiap Fill, Stroke, Effect, Type pada Pallete Appereance tersebut bisa digeser kebawah atau keatas. (Caranya: Klik salah satu Fill tekan mouse kiri sambil menggeser kebawah atau keatas.)

 

Select text Google tersebut, kemudian klik Stroke dan geser/posisikan Stroke ke paling atas.

tips_trick_illustrator2

Masih dalam keadaan terselect, ubah warna Fill sebagai berikut atau sesuai warna kesukaan:

  • Fill Bawah : #A86264
  • Fill Tengah :#C6A68D
  • Fill Atas : #A86264

tips_trick_illustrator3

Langkah Ketiga

Masih pada Pallete Appereance, Select text Google tersebut, klik Fill yang paling bawah kemudian pada panel Menu atas klik Effect > Distort & Transform >  Transform…

Setelah muncul layar opsi Transform, ubah Move:Horizontal : 4px & Vertical: -4px atau sesuai selera, Klik OK:

tips_trick_illustrator4

Selanjutnya kembali ke Pallete Appereance klik Fill yang tengah kemudian berikan effect yang sama Effect > Distort & Transform > Transform… bedanya Move:Horizontal : 2px & Vertical: -2px atau disesuaikan terlihat jika kolom Preview dicentang, Klik OK.

tips_trick_illustrator5

 

Hasilnya, lihat pada Pallete Appereance Fill tersebut memiliki Effect Transform dengan icon seperti huruf F atau logo fx. Effect tersebut masih bisa diedit dengan cara Double-click pada icon effect tersebut:

tips_trick_illustrator6

Sekarang terlihat object tersebut berbayang, warna fill masih bisa dirubah menyesuaikan Background ataupun warna favorite, agar terlihat lebih ciamik saya menambahkan Background yang kira-kira sesuai dengan object dengan Fill : #C6A68D (sama dengan warna yang di Fill tengah)

tips_trick_illustrator

 

Bonus

Ingin menambahkan effect yang lain? Bisa saja. kita coba dengan effect Roughen.

Select object tersebut kemudian klik Effect > Distort & Transform > Roughen. isi sesuai selera atau seperti gambar dibawah ini klik OK

tips_trick_illustratorROugh

anda masih bisa menambahkan texture pada object dan background agar terlihat lebih ciamik.

Selesai…

tips trick illustrator

Catatan Penutup:

  • Pada Pallete Appereance bisa menambahkan multi Fill, Stroke, dan Effect.
  • Satu Fill/Stroke bisa ditambahkan multi effect.
  • Tiap posisi Fill, Stroke, Effect bisa digeser.
  • Fill, Stroke, Effect dengan mudah diduplicate dengan cara select dan klik tombol icon Duplicate dimenu bawah Pallete Appereance
  • Untuk menghapus Fill, Stroke, Effect dengan cara select dan klik icon Delete dimenu Bawah Pallete Appereance, untuk multi delete select sambil tekan tombol Shift pada keyboard.

Cara Membuat Brush di Illustrator

Cara Membuat Brush di Illustrator tekniknya hampir sama dengan Membuat Dot Pattern, hanya saja dragnya ke panel Brushes. Dengan membuat custom brush sendiri, apa yang dibutuhnya untuk membuat vector grafis jadi lebih mudah dan cepat dengan kombinasi effect-effect canggih pada Adobe Illustrator.

 

Berikut contoh cara membuat custom Brush di Adobe Illustrator.

 

Step 1

Buat sebuah document baru Ctrl+N, aktifkan Polygon tool polygonTool_icon

  1. Klik ditengah document kosong tersebut lalu akan muncul layar opsi untuk membuat shape polygon, isi Radius : 50pt dan Sides : 3 klik OK, jika berhasil maka akan terbentuk sebuah gambar segitiga.
  2. Aktifkan Selection Tool (V) kemudian select gambar segitiga tersebut ubah Fill : Black, Stroke : None
  3. Putar kekanan, kemudian bentuk agar lebih runcing, lebih jelasnya lihat gambar dibawah ini

polygonOption

PolygonSegitiga

customBrush

Step 2

Aktifkan panel Brushes dengan cara klik Window > Brushes

Select gambar segitiga tersebut dan Drag ke panel Brushes

dragKeBrushes

 

newBrushes

Setelah muncul opsi art brush pilih Method : Tints, agar nantinya brush bisa di ubah warnanya. Klik OK

 

artBrush

 

Test Brush

Setelah selesai membuat custom brush sekarang test apakah brush tersebut sesuai dengan yang kita inginkan.

1. Buat sebuah kotak dengan Fill : Black, Stroke : Black – 2pt

2. Buat Sebuah garis dipinggir kotak dengan Fill : None, Stroke 0.5pt

 

testBrush1

testBrush2

testBrush3

Anda mungkin mau mencoba mengulangi dengan membuat garis dibawahnya dengan cara yang sama seperti contoh test diatas. Ukuran stroke dan warna masih bisa dirubah.

testBrush4

 

Saya kemarin mencoba membuat custom brush untuk membuat Ribbon, Vector Ribbon dan Tips Illustrator silahkan Klik disini.

Dan ini hasil yang saya buat kemarin, lumayan buat pemula seperti saya sudah senang bisa belajar illustrator dan mencoba berbagi.

ribbonSemarang

Selamat mencoba.

 

Membuat Dot Pattern di Illustrator

membuat dot pattern

Mudahnya Membuat Dot Pattern di Adobe Illustrator. Dengan teknik yang sama anda juga bisa membuat dengan bentuk lain semisal kotak, bintang dll. Dalam Tutorial Illustrator – Membuat Dot Pattern yang singkat ini kita akan mempelajari bagaimana membuat custom Swatches baru untuk Fill object. Oke, buka program Adobe Illustrator dan buat New Document (Ctrl+N)

Langkah Pertama

Setting Fill : warna hijau dan Stroke: none.

Aktifkan Rectangle Tool (M), Klik didocument kosong tersebut agar layar opsi Rectangle Tool muncul.

Width : 3 px & Height: 3 px

pattern_dot_rect

Hasilnya sebuah kotak dengan warna hijau seperti ini: pattern_dot_rect2

Tips : untuk Zoom in/out (tekan Ctrl+/-)

 

Langkah Kedua

Aktifkan Ellipse Tool (L), Klik ditengah-tengah kotak yang kita buat tadi maka akan muncul opsi untuk membuat Ellipse. Width : 1 px dan Height: 1 px

pattern_dot_rect3

Ubah Fill : warna coklat dan Stroke : None, hasilnya akan seperti ini : pattern_dot_rect4

Select kedua object tersebut setting align Horizontal Center Align dan Vertical Center Align

Kemudian select kedua object tersebut dan Ctrl+G untuk menjadikan satu group.

 

Langkah Ketiga

Aktifkan panel Swatches Klik Window > Swatches.

Select object tersebut kemudian Drag ke panel Swateches

geser_keswatches

Langkah Keempat

Sekarang kita test, aktifkan Rectangle Tool (M).

> Buat sebuah kotak lalu, kemudian select kotak tersebut.

> Pada panel swatches pilih fill yang dibuat tadi.

test_dot

Nah mudah bukan? bagaimana kalau bentuknya bintang? silahkan mencoba.

swatches_star

Vector Ribbon dan Tips Adobe Illustrator

vector ribbon gratis

Download Vector Ribbon Gratis, ini adalah contoh vector ribbon yang saya buat menggunakan program Adobe Illustrator CS2. Untuk font saya memakai font GOVERNOR dari LostType. Mudah sebagai bahan belajar. Dalam pembuatan Vector ini saya akan share beberapa Tips agar proses pembuatan vector ribbon ini lebih cepat.

Preview Vector Ribbon

Gambar berikut ini adalah hasil dari file vector yang akan anda download.

ribbon_vector

 

Tips Add Anchor Point Tool – Membuat Sudut masuk kedalam

  1. Buat sebuah kotak persegi panjang dengan Rectangle Tool (M), kemudian aktifkan Anchor Point Tool atau pencet tombol + pada keyboard.
  2. Add Anchor ditengah-tengah sebelah kanan
  3. Pencet tombol panah kiri pada keyboard sambil menekan tombol Shift.

tips_add_anchor_point

Tips Shear Tool – Membuat Jajar Genjang

  1. Buat Sebuah kotak, aktifkan Shear Tool Shear-Tool
  2. Klik Pinggir kotak tersebut kemudian tarik kebawah

tips_shear_tool

Download Vector Ribbon

Klik link berikut ini untuk mulai mendownload vector ribbon gratis.

Download Ribbon Vector (1.02 MB)

Selamat berkarya.

Effect Zig Zag di Tutorial Illustrator

tutorial illustrator effect zig zag

Berikut ini adalah artikel tutorial Illustrator Effect Zig Zag ini akan membantu anda mengingat fungsi dari effect zig zag sesuai kebutuhan, seperti : membuat Garis Bergelombang,  Border Perangko, membuat Badge, ilustrasi Bintang dll.

Berikut tutorial singkat Adobe Illustrator Effect > Distort & Transform > Zig Zag

Effect Zig Zag

Aktifkan Pen Tool (P), buat sebuah garis horizontal. Kemudian klik Effect > Distort & Transform > Zig Zag dan mainkan opsinya sesuai selera, berikut contoh effect zig zag:

zigzag_1

Dan berikut contoh garis bergemlombang jika posisinya kita ubah Relative dan Points menjadi Smooth.

 

zigzag_2

Cobalah buat sebuah kotak denga Rectangle Tool (M) dan terapkan effect Zig Zag seperti dibawah ini, akan terlihat seperti kotak perangko.

zigzag_3

Kemudian buat sebuah lingkaran dengan Ellipse Tool (L) , Fill nya Hijau dan Stroke Hitam 2 pt, kemudian terapkan effect ZigZag seperti contoh berikut untuk membuat badge:

zigzag_4

Jika anda membuat shape bintang mungkin anda bisa membuatnya seperti ini:

 

zigzag_5

Selamat mencoba.

Tutorial Illustrator – Membuat Outline Text

Sebelumnya pernah dibahas Membuat Border Pada Text Di Illustrator namun kali ini dengan cara yang berbeda dan juga posting sebelumnya Tutorial Illustrator Membuat Gambar Bola, Nah disana terdapat text logo sederhana “PAPUA BOLA”.  Sebelum dimulai Tutorial Illustrator – Membuat Outline Text mari kita persiapkan.

Shortcut yang tak kalah penting adalah :

  • Ctrl+N : Membuat dokumen baru
  • T : Mengaktifkan Horizontal Type Tool / untuk membulai membuat text
  • Ctrl+G : Group
  • Shift+Ctrl+G : UnGroup
  • Alt + Klik + Geser object : Menggandakan object

 

Teknik Yang akan kita pelajari pada tutorial Illustrator ini adalah:

  • Type > Create Outlines
  • Obect > Path > Offset Path
  • Pathfinder > Add to shape area
  • Warp > …

 

Step 1

Ctrl+N, kemudian T.

Sebelumnya saya memakai font American Captain namun kali ini font yang dipakai adalah:

Font : Arial,  Style : Black, Fill : Black, Stroke : None

ketik : PAPUA, Dibawahnya ketik : BOLA

Kemudian Select kedua text tersebut klik Type > Create outlines

 

type_outlines

Selanjutnya select kedua text tersebut dan setting Align : Horizontal Align Center (ada di panel atas),

horizontal_align_centerKemudian Ctrl+G untuk membuat kedua text tersebut satu group. Select object tersebut lalu tekan dan tahan tombol Alt sambil klik mouse kiri dan geser kebawah, dengan ini teknik ini maka otomatis object tersebut digandakan.

bola_papua_ganda

 

Step 2

Select object yang pertama/yang atas, klik Object > Path > Offset Path…

Offset : 15 px
Joins : Mixer (atau sesuai selera ada Round, dan Bevel)

Klik OK.

 

Step 3

Aktifkan Pathfinder : Window > Pathfinder atau (Shift+Ctrl+F9)

Klik icon Add to shape area kemudian klik Expand

pathfinder_bola_papua

Klik kanan pada object pilih Release Compound Path

klik_kanan_object_bola_papu

Klik lagi icon Add to shape area kemudian klik Expand agar semua celah yang ada ditengah tertutup.

pathFinder_sukses

Step 4

Kembali ke object yang kedua, select dan ubah Fill : White kemudian geser ke tengah-tengah object pertama.

Select semua object dan setting Align ada dipanel atas : Horizontal Align Center dan Vertical Align Center agar sempurna di tengah-tengah satu sama lain.

bolaPaua_settingAlign

Select semua object dan tekan Ctrl+G untuk membuatnya menjadi satu Group.

 

Step 5 – Warp

Hampir selesai, namun kita tambahkan effect Warp.

Select group tersebut kemudian pada panel pilih Effect > Warp > Arch…

Isi Bend : 33, Klik OK

Dan jadinya seperti ini:

tutorial_illustrator_outlin

 

Catatan:

Setelah menjadikan object tersebut satu Group, sebelum menambahkan effect Warp setting Align sangat penting agar padding antar object bisa sama.

 

Effect Warna dan Stroke masih bisa di rubah atau ditambahkan dengan cara Ungroup terlebih dulu.

Oke, selamat mencoba.

Tutorial Illustrator – Membuat Gambar Bola

Berikut ini akan dibahas Tutorial Illustrator – Membuat Gambar Bola, mudah untuk diikuti. Pada tutorial ini lebih fokus pada teknik Rotate Tool > Copy, bagaimana menggandakan shape melingkar sempurna dan membentuk gambar bola.

 

Step 1

Buat dokument baru, kemudian aktifkan Line Segmen Tool (\), lalu tarik/buat garis melintang seperti plus.

Keterangan :

Fill : none

Stroke : 1pt

Lihat pada gambar dibawah ini:

step_1_guide_line

Kemudian select kedua garis tersebut dan setting align pada panel atas, Horizontal Align Center dan Vertical Align Center

horizontal_vertical_alignSelanjutnya klik View > Guides > Make Guides. Warna akan berubah menjadi Cyan dan ini berfungsi sebagai pemandu untuk membantu saat melakukan membuat Shape dan Rotate Copy nantinya.

 

Step 2

Aktifkan Poligon Tool,

polygon_tool

 

kemudian klik pada tengah-tengah Guides / Garis yang dibuat tadi.

center_click

Setelah muncul layar opsi Polygon, Isi Radius : 50 px dan Sides : 5, Klik OK.

Ubah Fill : Black dan Stroke : none

ploygon_1

Jadilah gambar shape Regular Pentagon, Masih pada posisi shape tersebut diselect tekan dan tahan ALT kemudian drag diatasnya, dan jadilah 2 gambar Pentagon shape.

2Polygon_sahapeSelect gambar Pentagon yang atas dan putar menjadi berlawanan dengan yang dibawahnya, tekan tombol SHIFT saat memutar agar posisinya berlawanan sempurna.

Selanjutnya masih diposisi diselect, tarik keatas shape pentagon tersebut agar lebih pendek.

tarik_keatas

Step 3

Select gambar pentagon yang atas, kemudian aktifkan Rotate Tool atau tekan huruf R pada keyboard.

Arahkan mouse ke tengah-tengah Guides Line kemudian tekan dan tahan SHIFT+ALT > Klik pada tengah-tengah Guides Line tersebut.

Jika langkah benar akan muncul layar opsi untuk Rotate, lalu isi sesuai gambar dibawah ini:

rotate_copy_optionKeterangan:

Angle : 360/5 adalah 360° dan 5 shape pentagon yang akan dicopy.

Klik Copy.

Kemudian CTRL+D sampai gambar pentagon tersebut berputar mengelilingi shape pentagon yang tengah dengan sempurna.

copy_rotate_sukses

Nah cepat bukan? Rotate Copy memang penting di Illustrator dan membuat kerja lebih cepat.

 

Step 4

Aktifkan Line Segment Tool (\) atau tekan symbol \ pada keyboard. Hubungkan tiap sudut yang mengarah ke gambar pentagon yang ditengah-tengah menggunakan Line Segment Tool tersebut. Setting Fill : none, Stroke : Hitam – Size : 6 pt

 

line_pentagon

 

Step 5

Aktifkan Ellipse Tool (L) tekan huruf L pada keyboard, kemudian arahkan mouse ke tengah-tengah Guides line kemudian  buat lingkaran sambil tekan dan tahan ALT. besar lingkaran seperti gambar dibawah ini:

Fill : none, Stroke : warna hitam – Size : 6 pt

lingkaran_pentagonMasih pada posisi lingkaran tersebut diselect : tekan ALT dan geser mouse ke kanan untuk duplicate lingkaran tersebut yang nantinya akan kita buat stroke.

 

copy_lingkaran

 

Step 6 – Panthfinders

Saya ingin gambar bola yang sempurna bulat, Bagaimana cara menghapus gambar pentagon yang ada diluar lingkaran tersebut?

Shape builder mungkin jawaban termudah untuk Adobe Illustrator CS3 Keatas, namun saya memakai Adobe Illustrator CS2, saya lebih suka memakai teknik Intersect Shape Areas.

OK, Kembali ke Lingkaran pertama, select lingkaran tersebut.

CTRL+C kemudian CTRL+F (Paste in Front)

*)  cara ini untuk Copy Paste agar lingkaran tersebut tetap pada posisinya persis didepan lingkaran pertama.

Select Lingkaran tersebut dan select juga satu gambar Pentagon yang diluar lingkaran:

intersect_selection

 

Selanjutnya aktifkan panel Pathfinder: Window > Patfinder (SHIFT+CTRL+F9)

Klik icon Intersect shape areas kemudian klik Expand

pathfinders_intersect

 

Ulangi sampai semua gambar pentagon yang diluar lingkaran terhapus semua.

Mulai dari select linkgkaran > CTRL+C > CTRL+F > select Lingkaran dan gambar Pentagon yang diluar lingkaran > Intersect shape areas > Expand.

 

intersected

Hampir sempurna..

 

Step 7

Kembali ke Lingkaran yang kita duplicate pertama tadi.

Ubah Fill : warna putih, Stroke : warna hitam – Size : 6 pt

Select dan Klik pada titik tengah lingkaran tersebut dan Geser sampai menutupi gambar bola usahakan pas ditengah-tengah gambar bola dengan memanfaatkan guides line.

Setelah sempurna ditengah-tengah klik kanan pada lingkaran tersebut > Arrange > Send to Back.

 

send_to_back_lingkaran

Mantap.. tutorial hampir selesai.

Selanjutnya select semua komponen yang ada kemudian CTRL+G

kemudian bersihkan guides line klik View > Guides > Clear Guides

Tutorial_Illustrator_Membua

Gambar Bola yang indah. Selamat mencoba.

 

bola_papua

Mohon maaf terlalu panjang ataupun kurang jelas, saya ingin yang baru belajar Adobe Illustrator atau newbi seperti saya ini benar-benar tahu apa yang dilakukan dalam tutorial ini khusunya untuk catatan saya agar mudah mengingatnya.