tutorial_design
-
Upload
dionisius-a-wibisono -
Category
Documents
-
view
215 -
download
2
description
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)