Freehand Tutorial Guide

22
1 Freehand Tutorial Guide

Transcript of Freehand Tutorial Guide

Page 1: Freehand Tutorial Guide

1

Freehand Tutorial

Guide

Page 2: Freehand Tutorial Guide

2

Freehand Tutorial Guide

1. LEMBAR KERJA FREEHAND

KETERANGAN:

Menu Bar Baris menu yang berisi perintah-perintah untuk mengedit gambar.

Main Toolbar Toolbar standar yang secara normal aktif, berisi tentang perintah untuk mengeksekusi file/dokumen.

Text Toolbar Toolbar yang berisi deretan icon untuk pengeditan teks.

Page rulers Penggaris yang biasa untuk membagi skala pada lembar kerja.

Tools Panel Kumpulan beberapa icon yang digunakan untuk membuat dan mengedit gambar.

Color Mixer and Tints panel Panel yang berisi slider warna untuk mencampur warna yang akan digunakan pada gambar.

Inspectors panel Panel standar yang berisi pelengkap perintah dalam pembuatan gambar, teks, warna isi dan garis, serta pengaturan halaman.

Swatch, Layer and Styles Panel

Panel yang digunakan untuk menempatkan deretan warna yang dicari melalui Color mixer.

Status Bar Informasi yang dijadikan ukuran tampilan halaman dan berisi jenis pengukuran yang sedang digunakan.

Tools panel

Menu Bar Text Toolbar

Main Toolbar

Inspector panel

Stwatch, Layer, and Styles panel

Color Mixer and Tints panel

Status Bar

Page Ruler

Page 3: Freehand Tutorial Guide

3

2. MENGGUNAKAN TOOLS PANEL

KETERANGAN:

Pointer Panah untuk menyeleksi object atau gambar dan merubah transformasi gambar.

Subselect Panah untuk menyeleksi titik path dan melengkungkan path (garis).

Lasso Seleksi object dengan blok area yang fleksibel.

Page Untuk menggeser lembar (page) kerja.

Text Untuk mengaktifkan format pengetikan teks.

Pen Untuk menggambar bebas dengan titik-titik path yang bisa langsung dilengkungkan.

Bezigon Untuk menggambar bebas dengan titik-titik yang menghubungkan garis simetris.

Pencil Untuk menggambar bebas tanpa menggunakan titik-titik simetris.

Line Untuk membuat garis lurus.

Rectangle Untuk membuat kotak dengan sudut persegi atau lengkung (rounded).

Polygon Untuk membuat bentuk persegi banyak atau bintang.

Ellipse Untuk membuat lingkaran.

Spiral Untuk membuat bentuk spiral.

Perspective Untuk merubah tampilan perspektif object.

Freeform Untuk menarik garis (path) lurus menjadi bentuk lengkung.

Scale Untuk merubah ukuran object berdasarkan skala tertentu.

Rotate Untuk memutar object dengan sudut putaran tertentu.

Reflect Untuk membalik object hingga berlawanan arah.

Skew Untuk memiringkan object.

Trace Untuk melacak warna dan bentuk dari gambar bitmap menjadi bentuk vector.

Knife Untuk memotong garis (path).

Hand Untuk menggeser tampilan layar.

Zoom Untuk memperbesar/memperkecil skala tampilan layar.

Stroke Color Untuk memberi warna garis.

Fill Color Untuk memberi warna ruang.

Pointer (V)

Lasso (L)

Text (T)

Pen (P)

Pencil (Y)

Rectangle (R)

Ellipse (O, 3)

Prespective

Scale

Reflect

Trace

Hand (H)

Sub Select (A,1)

Page (D)

Bezigon (B, 8)

Line (N)

Polygon (G)

Spiral

Freeform (F)

Rotate

Skew

Knife (K, 7)

Zoom (Z)

Stroke Color

Fill Color

Page 4: Freehand Tutorial Guide

4

3. PANEL INSPECTOR

Untuk dapat menampilkan panel Inspector di atas klik menu Window|Inspector|pilih salah satu mis: Object.

4. PANEL COLOR MIXER DAN SWATCHES

5. BARIS STATUS

Tab Object: Untuk mengaktifkan dimensi object.

Dimensi object yang sedang terseleksi

Tab Stroke (Warna Garis)

Ukuran ketebalan garis

Dash Style (mode garis sambung atau putus-putus)

Mode pewarnaan garis

Tab Fill: (Mode Pewarnaan

ruang object)

Mode format teks

Pilihan Font (Teks)

Ukuran Font (Teks)

Alignment (perataan)

Tab Document:

(Pemilihan ukuran kertas)

Pilihan ukuran kertas

Orientasi pencetakan

Resolusi pencetakan

Slider warna Cyan

Slider warna Magenta

Slider warna Yellow

Slider warna Black

Tab Mixer:

Untuk mencampur warna yang diinginkan. Swatches: Untuk meletakkan hasil campuran warna yang akan digunakan dalam object.

Hasil campuran bawa ke sini.

Jenis ukuran (Measurement Unit): Untuk menentukan diameter object yang akan digambar.

Zoom: (skala tampilan layar) Ctrl + 1 = 100% Ctrl + 2 = 200%

Ctrl+Shift+W = Fit to page

Jenis preview gambar di layar

Page 5: Freehand Tutorial Guide

5

6. DASAR MENGGAMBAR 1 (MENGGUNAKAN PEN TOOL)

1.) Pilih Pen Tool . Gambarlah garis yang dihubungkan dengan titik-titik pen dimulai dari satu titik hingga kembali ke titik awal.

2.) Pilih Subselect Tool . Tarik titik-titik sudut yang akan dilengkungkan menggunakan subselect tool.

3.) Pilih Pen Tool Kembali. Sekarang kita gunakan untuk menggambar sayap. Selain digunakan untuk membuat garis berdasarkan titik simetris, pen tool juga dapat digunakan untuk menggambar garis sekaligus melengkungkan garis (path) dengan cara mengklik pada titik penghubung garis sambil ditahan dan dilengkungkan.

4.) Membuat Duplikat Gambar. Untuk menduplikatkan gambar, cukup tekan tombol Ctrl + Alt + D. Setelah muncul hasil duplikatnya, double klik dengan tool Pointer dan pindahkan ke tempat yang Anda inginkan. Saat di double klik object akan memuncul handle (blok) seperti gambar berikut ini.

5.) Mengedit Gambar hasil Duplikat. Setelah gambar hasil duplikat muncul dan ditempatkan pada area yang semestinya, Anda bisa mengedit kembali posisi titik-titik garis (path), sehingga gambar dapat Anda sempurnakan bentuknya sesuai dengan yang Anda inginkan. Dan apabila Anda ingin menduplikat lagi – lakukan perintah no. 4 kembali.

6.) Mewarnai Gambar. Setelah gambar secara outline (garis) sudah terbentuk, Anda boleh memberi warna di dalamnya (ruang gambar) dengan memilih warna dari Color Mixer atau memilih warna yang sudah tercantum pada panel Swatches.

Rapikan gambar dengan menggunakan tool Pointer atau Subselect.

Fill: untuk memberi warna isi

Stroke: untuk memberi warna garis

Pilhan warna yang akan

digunakan.

Page 6: Freehand Tutorial Guide

6

7. DASAR MENGGAMBAR 2 (MENGGUNAKAN RECTANGLE)

Menggambar kotak (rectangle) dapat dilakukan dengan dua mode. Yaitu gambar persegi panjang (mode bebas) dan mode bujur sangkar (simetris). Untuk menggambar mode yang pertama, langsung digambar dengan menggunakan tool Rectangle. Sedangkan untuk mode yang kedua gambar rectangle sambil menekan tombol Shift.

Untuk memberi efek lengkung di sudutnya, gunakan fungsi rounded yang ada pada tab Object di panel Inspector.

Bentuk kotak akan tetap menjadi kotak walaupun kita edit dengan tool Pointer dan kita transformasikan bentuknya. Untuk merubah kotak menjadi bentuk tak beraturan (dipecah fungsi rectanglenya) gunakan perintah Modify|Ungroup (Ctrl + Shift + G). Sehingga nantinya bisa dipecah bentuknya menjadi seperti gambar berikut ini:

Sampel 1:

Sampel 2:

Contoh Logo:

1.) Buat Kotak (Rectangle) Simetris Gambar kotak sambil menekan tombol Shift.

2.) Duplikat dan Putar dengan Tool Pointer Supaya hasil duplikat tetap tampil ditempat, gunakan Edit|Copy (Ctrl + C) dan klik Edit|Paste in Front. Kemudian double klik dan putar dengan tool Pointer.

3.) Memotong Pertemuan Sudut Kotak. Klik Modify|Combine|Devide

4.) Memberi Warna. Klik masing-masing potongan sudut dan isi dengan warna yang Anda inginkan.

Page 7: Freehand Tutorial Guide

7

8. DASAR MENGGAMBAR 3 (MENGGUNAKAN ELLIPSE)

Menggambar lingkaran sama dengan menggambar kotak (rectangle). Untuk membuat lingkaran ellipse langsung gambar menggunakan tool Ellipse. Sedangkan untuk menggambar lingkaran diameter yang sama gambar sambil menekan tombol Shift.

Lingkaran sama juga dengan kotak, walaupun ditransformasikan (dibesarkan/dikecilkan) menggunakan tool Pointer, hasilnya akan tetap berbentuk lingkaran. Untuk memecah bentuknya lakukan perintah Modify|Ungroup (Ctrl + Shift + G). Sampel 1:

Sampel 2:

Contoh Logo:

1.) Buat Lingkaran Ellipse

Buat diameter w=43 mm dan h=26 mm

2.) Rotasikan 90o. Transformasikan dengan rotasi 90o dari menu Modify|Transform|Rotate.

3.) Memotong Pertemuan Ellipse Blok kedua lingkaran kemudian potong pertemuan lingkaran dengan menggunakan perintah Modify|Combine|Intersect.

4.) Mengecilkan Dengan Scale Selanjutnya kita duplikatkan hasil perpotongan dengan diameter yang lebih kecil. Yaitu dengan menggunakan perintah Modify|Transform|Scale.

5.) Mewarnai dan Menambah Aksesori

Aksesori di dalam logo dibuat dengan menggunakan lingkaran yang sudah dipecah dengan perintah Modify|Ungroup (Ctrl+Shift+G) dan diedit garisnya

menggunakan Subselect .

diameter

Klik rotate

90o

Copies 1

85 %

Copies 1 Klik Scale

Aktifkan Uniform

Page 8: Freehand Tutorial Guide

8

9. DASAR MENGGAMBAR 4 (MENGGUNAKAN POLYGON)

Tool Polygon adalah tool untuk menggambar yang paling banyak memberikan pilihan bentuk gambar. Walaupun pada jenis kelompok gambarnya dapat dibedakan menjadi dua kelompok, yaitu gambar polygon dengan jumlah sudut tertentu dan bentuk bintang (star) dengan sudut tertentu pula. Untuk dapat memilih kedua kelompok tersebut, kita harus mendouble klik tool tersebut hingga memunculkan pilihan dari keduanya.

Contoh gambar:

polygon star

Contoh Logo:

1.) Buat Polygon dengan Mode Star Gambar polygon dengan mode Star dengan sudut 5.

Supaya bitang dapat menempati sudut yang tegak lurus, tekan tombol Shift sambil menggambar bintang.

2.) Buat Lingkaran Ellipse Buat gambar ellipse yang melingkari bentuk bintang.

Supaya lingkaran berdiameter sama tekan tombol Shift saat menggambar laingkaran.

3.) Duplikat Lingkaran di Tempatnya Buat duplikat lingkaran dengan menekan Ctrl+C (Edit+Copy) kemudian tampilkan hasilnya ditempat yang sama dengan Edit|Paste in Front. Kemudian gambar dengan tool Pen memotong lingkaran seperti ini:

4.) Potong Lingkaran yang Bersinggungan dengan Garis yang dibuat dengan Pen Seleksi salah satu lingkaran dengan Pointer dan seleksi juga garis yang dibuat dengan Pen sambil menekan tombol Shift. Kemudian potong dengan perintah Modify|Combine|Punch. Warnai hasilnya.

5.) Warnai Lingkaran Sebelah Kanan 6.) Buat Garis Simetris dalam Bintang

Slider penentu jumlah

sudut polygon

Pilihan bentuk polygon

Pilihan bentuk star

Slider penentu jumlah

sudut bintang

Slider penentu sudut

keruncingan bintang

Page 9: Freehand Tutorial Guide

9

Warnai lingkaran sebelah kanan dengan warna merah.

Buat garis dengan pen Tool dalam bintang dan warnai merah.

Contoh 2

1.) Buat Segitiga dengan Polygon Gambar dengan pilihan polygon dengan 3 sudut.

2.) Putar dengan Rotate Aktifkan handle (seleksi) segitiga, kemudian Putar dengan fasilitas rotate pada menu Modify|Transform|Rotate.

Rotation angle 180o dan Copies 1

3.) Posisikan Segitiga Berhadapan

Gunakan panah kursor atau tool Pointer untuk menggeser segitiga berhadap-hadapan.

4.) Menggabungkan Segitiga Gabungkan bentuk segitiga menjadi belah-ketupat dengan perintah Modify|Combine|Union. Dengan syarat tentunya dua-duanya harus diblok (diseleksi) terlebih dahulu.

5.) Geser Titik Central Belah-ketupat Double klik belah-ketupat tersebut, kemudian geser titik central ke sudut bawah.

6.) Putar Belah-ketupat Dengan Rotate Setelah titik central dirubah ke sudut bawah, putar dan copy dengan perintah Modify|Transform|Rotate.

Putar dengan Rotation angle 120o dan Copies 2.

Page 10: Freehand Tutorial Guide

10

10. DASAR MENGGAMBAR 5 (MENGGUNAKAN TEXT) Untuk membuat ilustrasi ataupun halaman publikasi, tentunya tidak terlepas dari penggunaan teks di dalamnya.

Untuk itu kita gunakan tool Text . Dalam mengetik teks di Freehand dibedakan fungsinya menjadi 2. 1. Teks yang diketik dengan format artistik

– yang nantinya akan ditransformasikan ke bentuk ilustrasi.

2. Teks yang diketik dengan format paragraf.

Teks yang diketik dengan format artistik biasanya akan ditransformasikan untuk logo atau ilustrasi. Sedangkan teks yang diketik dengan format paragraf biasanya hanya untuk keterangan atau informasi biasa.

1. Teks dengan mode artistik: Klik di area teks akan Anda letakkan, kemudian ketik isi teksnya.

2. Teks dengan mode paragraf: Pilih tool Text kemudian blok area yang dijadikan blok paragraf nantinya, kemudian ketik teksnya.

Penggunaan Teks Artistik

1.) Ketik Text Dengan Mode Artistik. Ketik teks berikut ini:

2.) Jadikan Bentuk Object. Untuk merubah bentuk teks menjadi bentuk object gunakan perintah Text|Convert to Path.

3.) Pecah Group Teks. Untuk mengedit masing-masing teks dari dua huruf tersebut Anda harus memecah group teks tersebut dengan memilih Modify|Ungroup (Ctrl+Shift+G).

4.) Edit Teks yang Ke Dua. Setelah masing-masing huruf mempunyai blok sendiri, balikkan teks (D) yang kedua dengan perintah reflect. Klik Modify|Transform|Reflect.

Reflect axis 90o Copies 0

5.) Potong Huruf Kedua.

Buat kotak yang menutup huruf kedua dan potong huruf tersebut dengan perintah Modify|Combine|Punch.

6.) Gabungkan Kedua Object Geser object yang membentuk huruf G merapat ke bentuk D.

Tambah aksesori yang Anda inginkan.

Page 11: Freehand Tutorial Guide

11

Penggunaan Teks Artistik (Mengikuti Path)

1.) Buat Lingkaran.

2.) Ketik Teks Diseputar Lingkaran Dengan blok lingkaran masih aktif, klik menu Text|Attach to Path. Kemudian ketik teks yang akan diformat mengikuti lingkaran (pd. Contoh: al-azhar design studio).

3.) Memindah Formasi Teks

Untuk membalik arah formasi teks, tekan tombol Enter. Kemudian ketik teks yang berlawanan arah (pd. Contoh : cab. Pekanbaru).

4.) Menambah Object Lingkaran Untuk sentuhan akhir logo, tambahkan lingkaran melingkupi teks.

Penggunaan Teks Paragraf

1.) Buat Ruang berbentu Ellipse. Buat bentuk lingkaran bertumpuk (overlapping) seperti gambar di bawah ini:

2.) Ketik Teks Diseputar Lingkaran Gabungkan lingkaran tersebut dengan perintah Modify|Combine|Union.

3.) Jalankan Flow Inside Path Dengan kondisi object masih terseleksi, jalankan perintah Text|Flow Inside Path.

4.) Hilangkan Garis Pinggir. nonaktifkan stroke (garis pinggir) dari Stroke pada panel Inspector.

Page 12: Freehand Tutorial Guide

12

11. TRANSFORMASI OBJECT

Transformasi adalah perubahan bentuk pada object baik dari segi skala, posisi, kemiringan maupun sudut perputarannya. Untuk mengatur perubahan bentuk pada object dengan tanformasi, gunakan perintah Modify|Tranform kemudian pilih jenis transformasinya.

Contoh tranformasi:

Scale:

Sebelum scale.

Setelah di scale dengan ukuran 80% dan copies 1.

Move:

Sebelum di Move. Ukuran diameter adalah 25 x 25 mm

Setelah di Move dengan ukuran 30 mm dan copies 1.

Rotate:

Sebelum Rotate.

Setelah Rotate 30o dan Copies 5.

Reflect:

Sebelum Reflect.

Setelah Reflect 90o dengan Copies 1.

Skew:

Page 13: Freehand Tutorial Guide

13

Sebelum Skew.

Setelah skew h: 25o v:0o Copies: 0

12. OBJECT ALIGNMENT

Salah satu unsur penting dalam penyusunan object untuk pembuatan logo adalah pengaturan perataan object, dalam hal ini alignment. Dalam memilih alignment, klik menu Modify|Align|pilih salah satu alignment yang diinginkan, mis: Center Vertical. Perintah Alignment hanya berlaku apabila ada object minimal 2 object.

Gambar Asli:

Align Top:

Align Bottom:

Align Center Horizontal:

Align Center Vertical:

Align Left:

Align Right:

Page 14: Freehand Tutorial Guide

14

13. OBJECT OVERLAPPING Dalam pembuatan logo yang melibatkan banyak object, maka kita akan menemui suatu kondisi dimana satu object menumpuk (menindih) object yang lain. Kondisi seperti ini disebut overlapping. Untuk mengatur lapisan ini dapat Anda gunakan perintah Modify|Arrange|kemudian pilih salah satu perubahan tempat lapisan, mis: Bring to Front.

Gambar asli:

(Dengan ellipse yang terseleksi).

Bring To Front:

(Maju ke paling depan)

Send To Back:

(Mundur ke paling belakang)

Move Forward:

(Maju selangkah)

Move Backward:

(Mundur satu langkah)

Page 15: Freehand Tutorial Guide

15

14. OBJECT COMBINING

Kombinasi adalah fasilitas vital dalam pembuatan logo. Dengan menggunakan fasilitas ini kita bisa menggabungkan beberapa bentuk menjadi satu bentuk, atau merubah suatu bentuk menjadi beberapa bagian yang dapat kita modifikasi. Fungsi ini juga hanya dapat dijalankan dengan menyeleksi dua atau lebih object yang saling bersinggungan (overlapping). Gambar asli:

Union:

Divide:

Intersect:

Punch:

Crop:

Transparancy:

Page 16: Freehand Tutorial Guide

16

15. MENGGUNAKAN PAGE RULER

Penggunaan ruler dapat membantu Anda menempatkan object dengan tepat dan teratur dalam lembar kerja. Ruler dapat diaktifkan dari menu View|Page Ruler|Show (Ctrl+Alt+R). Ruler juga digunakan untuk memasang Guides yang digunakan untuk meratakan posisi object.

16. MENYISIP GAMBAR BERBASIS PIXEL

Adakalanya untuk membuat publikasi 1 halaman Anda akan menggunakan gambar berbasis pixel. Berikut ini cara menyisip gambar: Klik menu File|Import, kemudian cari nama file gambar yang akan disisip.

Menempatkan Gambar Pixel ke Bentuk Obejct vector.

1.) Letakkan Gambar di Depan Object Vector.

2.) Potong Gambar Potong gambar dengan perintah Edit|Cut.

3.) Seleksi Polygon (shape)

Sebelum menampilkan foto ke dalam object (seleksi terlebih dahulu object tersebut).

4.) Tampilkan Potongan Gambar Tampilkan hasil potongan gambar dengan perintah Edit|Paste Inside.

Page 17: Freehand Tutorial Guide

17

17. TRACING LOGO

Tracing logo adalah menggambar ulang suatu bentuk logo yang biasanya didapat dalam bentuk gambar bitmap (pixel) yang tentunya tidak dapat diperbesar (resize) dengan mudah. Untuk itu kita perlu menggambar ulang logo tersebut dengan mengikuti skala/diameter yang ada pada logo tersebut. Untuk menggambar ulang logo biasanya kita gunakan tool Pen.

Tracing Logo Menggunakan AutoTrace…

Klik tool Trace. Kemudian Double klik pada blok warna yang akan di tracing, hingga muncul kotak dialog berikut:

Setelah kotak dialog muncul, klik OK. Maka blok warna akan otomatis ditracing. Seperti pada gambar berikut:

18. MENYIMPAN FILE

1.) Klik menu File|Save.

- Ketik nama file pada kotak file name. - Kemudian klik Save.

Page 18: Freehand Tutorial Guide

18

Menggambar Logo 1:

1.) Buat Lingkaran dan Rectangle.

Blok semua object. Gunakan perintah Modify|Align|Center Horizontal dan Center Vertical supaya object berpotongan tepat di tengah.

2.) Potong Dengan Punch 2x.

Klik Modify|Combine|Punch. Lakukan perintah tersebut 2x.

3.) Pecah Object dengan Split.

Klik menu Modify|Split.

4.) Putar Salah Satu Pecahan Object. Klik salah satu pecahan object. Kemudian putar dengan fungsi Modify|Transform|Rotate.

Rotation angle 180o dan Copies 0. Klik tombol Rotate

5.) Edit Lengkung Sudut Pecahan Object.

Edit lengkung sudut dengan tool Subselect.

6.) Warnai dan Tambahkan Teks.

Page 19: Freehand Tutorial Guide

19

Menggambar Logo 2:

1.) Buat Lingkaran.

Diameter 10 x 10 cm

Page 20: Freehand Tutorial Guide

20

2.) Warnai Dengan Gradient Fill.

3.) Copy Lingkaran dengan Scale Duplikatkan lingkaran dengan skala 85% dari besar lingkaran sekarang.

Scale 85% Copies 1.

4.) Rubah Warna Gradasi.

Pilihan Gradient

Arah Penyinaran

Taper 80

Campuran warna Abu-abu dan putih

C100 M0 Y85 K35

C100 M0 Y100 K0

C10 M0 Y0 K0

Page 21: Freehand Tutorial Guide

21

5.) Copy Lingkaran Yang Kedua Dengan Scale.

Scale 70% Copies 1.

6.) Ganti Warna Gradasi:

7.) Copy Lingkaran Paling Besar dengan Scale.

Scale 82% Copies 1. Klik Scale.

8.) Ungroup Lingkaran dan Edit Menjadi Object Biasa.

Gunakan perintah Modify|Ungroup. Kemudian Edit titik path dengan tool Subselect.

C0 M0 Y0 K0

C10 M0 Y0 K0

C100 M0 Y100 K0

C100 M0 Y85 K35

Jenis Gradient

Titik Penyinaran

Page 22: Freehand Tutorial Guide

22

9.) Duplikatkan Kembali Lingkaran yang Paling Besar.

Scale 82% Copies 1.

10.) Pecah Lingkaran dengan Ungroup dan Edit kembali dengan Subselect.

11.) Blok Dua Object Hasil Edit (9 & 10) serta lingkaran yang paling luar. Lakukan perintah Modify|Combine|Punch. 2x

Jika hasil punch tidak nampak seperti gambar di atas klik Modify|Arrange|Bring to Front.