tutorial_design

17

description

tutorial_design

Transcript of tutorial_design

ADOBE FIREWORKS CS

Adobe Fireworks merupakan software design yang dapat digunakan untuk berbagai macam keperluan design, dengan menggunakan software ini kita dapat membuat design brosur, design spanduk, design logo perusahaan hingga untuk keperluan membuat sebuah website, dengan kemampuan slice yang dimilikinya, tool untuk mengoptimasi size gambar, tool penunjang lainya dan integrasi yang mudah antara dreamweaver dan flash.

Namun untuk kesempatan kali ini kita akan lebih banyak mengenal firework untuk keperluan design logo, kartunama dan brosur.

Memilih Adobe Fireworks sebagai alat mendesign adalah sebuah pilihan yang tepat, selain mudah dalam penggunaannya software yang satu ini juga dilengkapi berbagai macam tools atau effect yang akan kita butuhkan dalam design graphics

Selanjutnya kita akan langsung mengenal dan mempelajari jauh lebih dalam tentang AdobeFIREWORKS

Penulis,Dionisius A WibisonoJakarta, 16 May 2010

Langkah pertama adalah klik logo yang ada pada komputer anda, setelah itu biasanya akan

ditampilkan startup screen (tampilan awal). Langkah selanjutnya adalah menentukan canvas atau lembar

kerja sesuai yang kita perlukan.

Dalam kesempatan ini saya gunakan (contoh) lembar kerja dengan ukuran 800 x 200 px

Setelah menentukan ukuran lembar kerja, maka kita secara otomatis akan di hadapkan oleh lembar kerja

(canvas) sesuai ukuran yang kita tentukan tadi.

Sekilas adalah Canvas yang akan kita gunakan dalam area design kita.

DESIGN 01− Mendesign dengan Font

− Mendesign dengan Fade Image

− Mendesign dengan Gradient 2 Warna Berbeda

− Mendesign menggunakan Add Shadow

Berikut adalah hasil akhir dari tujuan DESIGN 01.

Tools pertama yang kita gunakan adalah tools -TEXT TOOLS (T) -

langkah pertama adalah klik TEXT TOOLS. Lalu tuliskan SMK. PERG. CIKINI pada canvas kerja kita.

Buatlah dengan menggunakan font 'ARIALBLACK' ukuran '75', 'BOLD' dengan field color '#000000' seperti

contoh dibawah ini.

Apabila langkah diatas sudah dipastikan benar maka hasilnya akan seperti ini.

Langkah selanjutnya adalah memberikan sentuhan warna gradient pada tulisan SMK. PERG. CIKINI yang

sebelumnya berwarna hitam '#000000' akan kita ubah menjadi perpaduan dua warna berbeda.

Untuk membuat gradient pada teks langkah selanjutnya adalah :

1. KLIK AREA HITAM PADA TEKS, ini berfungsi untuk mengaktifkan teks yang telah kita buat dan akan kita

modifikasi ini.

2. KLIK KOTAK FIELD COLOR, ini berfungsing untuk mengeluarkan deretan warna dan nantinya akan

menuju ke Opsi gradient

3. KLIK FILL OPTIONS..., disinilah effect Gradient pada teks tersedia.

Setelah mengklik 'Fill Options' Maka kita akan dihadapkan oleh jendela tools seperti dibawah ini, pada

gambar S.01 dapat kita perhatikan juga bahwa dsana terdapat tulisan SOLID yang artinya teks tadi masih

menggunakan satu unsur warna (SOLID) untuk merubahnya maka kliklah tanda panah kecil diruang SOLID

seperti pada gambar G.02

Setelah itu maka secara otomatis teks SMK. PERG. CIKINI sudah berubah menjadi 2 warna gradasi hitam dan

putih.

ini artinya gradiasi warna sudah berhasil kita ciptakan, dam sekarang kita bisa merubah perpaduan warna

sesuai dengan contoh pada langkah selanjutnya.

Untuk merubah warna awal Hitam '#000000' lakukanlah langkah sebagai berikut :

1. Klik area hitam pada teks untuk mengaktifkan teks yang akan di modifikasi

2. Klik Field Color untuk mengaktifkan effect gradient

3. Klik pada kotak berwarna putih '#FFFFFF' lalu ubah lah dengan warna “#FF0000”

4. Klik pada kotak berwarna hitam '#000000' lalu ubah lah dengan warna “#FFCC00”

Apabila urutan langkah diatas sudah benar, maka hasil yang akan kita dapatkan adalah seperti ini :

akhirnya gradient warna telah berhasil kita pelajari, dalam gradasi (gradient) ini kita juga bisa

menggunakan warna sesuai dengan selera atau di sesuaikan dengan kebutuhan kita.

Langkah selanjutnya adalah membuat fade image, sebenarnya effect FADE IMAGE ini dapat digunakan untuk

keperluan menggradasi foto, namun pada kesempatan ini effect FADE IMAGE kita pakai untuk menciptakan

bayangan pada text yang akan menyerupai effect pantulan pada air.

Langkah yang perlu dilakukan adalah KLIK AREA PADA TEKS (gambar Gr.01), ini berfungsi untuk

mengaktifkan teks yang telah kita buat dan akan kita modifikasi ini.

Lalu selanjutnya tekan Ctrl+C lalu Ctrl+V lalu tarik teks arahkan kebawah, setelah melakukan cara ini maka

teks SMK. PERG. CIKINI menjadi double atau terduplikat cara yang barusan kita lakukan berfungsi untuk

menggandakan (copy) lalu meletakan kembali (Paste) pada lokasi yang sama (Gambar G.02).

Untuk memberikan kesan sebuah pantulan air maka teks yang sudah terduplikasi harus kita balik dengan

menggunakan patokan dasar teks asli.

Langkah yang harus dilakukan adalah KLIK AREA PADA TEKS DUPLIKASI (gambar Gr.02), ini berfungsi untuk

mengaktifkan teks yang telah kita buat dan akan kita modifikasi ini.

Lalu putar font duplikasi ke arah berlawanan , posisikan teks hingga berukuran sesuai dan sejajar dengan

teks acuan atas (Gambar Gr. 05 - Gambar Gr. 06)

Setelah itu biarkan teks duplikasi dalam keadaan aktif, kemudian lanjutkan langkah menuju fade image

dengan cara pilih Command > Creative > Fade Image

Setelah itu maka akan tampil berbagai macam pilihan

… fade Image yang dapat dengan bebas kita gunakan untuk

berbagai keperluan dan kebutuhan design kita, namun

. untuk contoh kali ini kita tentukan pilihan Fade Image .

. dengan iamge bagian bawah yang terhapus

(Gambar Gr.07)

Setelah melakukan diatas, kita juga dapat menyesuaikan effect Fade sesuai dengan keinginan kita, contoh

dibawah ini adalah hasil dari fade image yang telah kita lakukan diatas.