Anda di halaman 1dari 14

Politeknik LP3I Bandung

Nama : Rivana Faturrohman 201202171

Manajemen Informatika - Corel draw X4 - Adobe photoshop CS3 - Dreamweaver CS3

Mengenal Adobe Photoshop CS3- Adobe

Photoshop adalah salah satu software untuk mengolah foto atau gambar berbasis bitmap yang populer saat ini. Dengan Photoshop, Anda dapat memperbaiki dan memperindah foto yang ingin dicetak dengan menambah beberapa efek pada foto tersebut. Gambar 3.1 Tampilan pembuka ketika Photoshop

dijalankan Walaupun terdapat berbagai macam program yang dapat digunakan untuk mewarnai ilustrasi Anda, Photoshop dengan segala kelebihan dan kekurangannya dapat dimaksimalkan untuk menghasilkan ilustrasi berwarna yang indah. Anda dapat menghasilkan ilustrasi dengan teknik berbeda dengan teman Anda walaupun tool yang digunakan sama. Anda juga dapat mengerjakan ilustrasi berwarna secara manual untuk kemudian diedit lebih lanjut dengan Photoshop. Berikut ini beberapa perubahan baru yang terdapat dalam Adobe Photoshop CS3 yang berbeda dengan versi sebelumnya. 1. Tampilan baru pada jendela dan lembar kerja yang menawan, mempermudah Anda untuk mengatur tampilan kerja agar lebih nyaman. 2. Tampilan panel Tool yang fleksibel dapat ditampilkan menjadi satu kolom atau dua kolom. 3. Tombol Quick Mask tampil sebagai tombol single menyerupai tombol On/Off untuk mengaktifkan dan menonaktifkan fungsi Quick Mask. 4. Panel ditampilkan dalam sebuah dock yang secara fleksibel dapat diubah sesuai dengan ukuran yang diinginkan sehingga Anda akan lebih leluasa memaksimalkan tampilan lembar kerja. 5. Mode Full Screen baru yang diberi nama Maximize Screen Mode, berfungsi memaksimalkan ukuran jendela gambar semaksimal mungkin menyesuaikan dengan layer. 1. Mengenal Tampilan Lembar Kerja Adobe Photoshop CS3

Untuk memulai Adobe Photoshop CS3, klik tombol Start All Programs Adobe Photoshop CS3. Pada layar akan ditampilkan ruang kerja Adobe Photoshop CS3.

a. Ruang Kerja Merupakan area kerja atau tampilan kerja dari file atau gambar yang sedang dikerjakan.

Gambar 3.2 Tampilan ruang kerja pada Adobe Photoshop CS3 b. Titlebar Adobe Photoshop CS3 Merupakan batang judul jendela yang berfungsi untuk menampilkan judul atau nama program yang sedang aktif. c. Menubar Adobe Photoshop CS3 Merupakan baris menu yang berisi perintah dan fasilitas default yang disediakan oleh sebuah program. Ada 9 menu utama yang terdapat pada Adobe Photoshop, yaitu File, Edit, Image, Layer, Select, Filter, View, Window, dan Help. d. Optionbar Adobe Photoshop CS3 Merupakan bagian yang berisi sekumpulan tombol atau pilihan yang berhubungan dengan suatu Tooltertentu. Tombol pilihan yang ditampilkan di dalam Optionbar akan menyesuaikan dengan tombol atau peranti yang terpilih di dalam panel Tools.

Gambar 3.3 Bagian-bagian yang terdapat pada titlebar, menubar, dan optionbar

e. Dock Panel Adobe Photoshop CS3 zDalam Photoshop, Dock Panel digunakan untuk mengontrol sifat dan cara kerja dari tomboltombol yang ada pada panel Tools. Selain itu, untuk serta mendukung proses kerja yang terjadi pada gambar atau foto yang sedang dikerjakan. Pilihan pada menu Window menunjukkan jenis-jenis panel yang ada. Jika Anda memilih salah satu panel melalui menu Window tersebut, maka panel yang Anda pilih akan ditampilkan sebagai tampilan jendela yang melayang (Floating Window) dalam ruang kerja. Dock Panel terdiri atas beberapa bagian berikut. Panel Navigator untuk mengatur besar tampilan gambar. Panel Color untuk mengatur pemberian warna. Panel Layer untuk mengatur layer yang ada di ruang kerja.

f. Panel Tool Adobe Photoshop CS3 Panel tool merupakan sebuah bagian yang berisi berbagai peranti yang dapat digunakan untuk memanipulasi dan menyunting sebuah gambar atau foto. Berikut adalah beberapa panel yang sering digunakan dalam pengeditan gambar.

Gambar 3.4 Ikon-ikon yang terdapat pada panel tool Penjelasan tiap ikon dan fungsinya dapat Anda pelajari pada Tabel 3.1, Tabel 3.2, Tabel 3.3, dan Tabel 3.4. Tabel 3.1 Peranti untuk Membentuk Seleksi

Ikon

Nama Ikon Rectangular Marquee Elliptical Marquee

Fungsi Untuk membuat seleksi yang berbentuk segi empat. Untuk membuat seleksi berbentuk elips. Peranti ini juga digunakan untuk membuat seleksi dengan bentuk lingkaran, yaitu dengan menekan tombolShift sambil melakukan proses drag pada mouse.

Single Row Untuk membuat seleksi horizontal setinggi satu pixel. Marquee Single Column Marquee Crop Untuk membuat seleksi vertikal selebar satu pixel. Untuk mengambil area pada citra atau tampilan yang diinginkan. Perhatikan bahwa peranti ini mempengaruhi semua layer yang ada, baik yang aktif maupun tidak. Untuk membuat seleksi dengan menggambar pola bebas (freehand). Pada saat mouse dilepas, titik awal dan titik akhir akan terhubung. Anda dapat mengaktifkan kotak periksa Anti Aliased pada Optionsbar untuk menghaluskan seleksi. Untuk menjalankan fasilitas Lasso Tool, gunakan proses drag and drop. Untuk membuat seleksi berbentuk polygon

Lasso

Polygonal Lasso

Untuk membuat seleksi yang melekat pada perbatasan dari pixel yang dipilih. Untuk menggunakan Magnetic Lasso, Anda dapat melakukan proses klik di Magnetic satu titik. Kemudian, gerakkan mouse pada bidang yang diinginkan (bidang Lasso seleksi akan mengikuti arah gerak mouse). Proses seleksi akan terhenti jika titik awal dan akhir saling bertemu dan Anda harus klik sekali pada pertemuan dua titik tersebut. Magic Wand Untuk membuat seleksi atas pixel pixel yang ada di dalam kawasan warna tertentu. Toleransi dapat ditetapkan melalui Optionsbar.

Fasilitas seleksi terbaru dari Adobe Photoshop CS3. Anda dapat menyeleksi Quick dengan cepat, caranya dengan menggeser pointer mouse ke area gambar yang Selection ingin diseleksi. Secara otomatis, peranti ini akan mencari dan menambah sisi seleksi dari bidang gambar. Tabel 3.2 Peranti untuk Menggambar Ikon Nama Ikon Fungsi Digunakan untuk membuat goresan warna dengan kuas. Tepi goresannya akan halus. Warna yang digunakan adalah warna foreground. Cara untuk memilih warna adalah klik tombol mouse, arahkan pointer-nya ke dalam panel Swatches. Kemudian, klik salah satu warna yang diinginkan. Untuk mengubah bentuk polesan kuas Brush Tool, Anda dapat menentukannya melalui pilihan brush diOptionbar. Anda dapat mengubah fungsi tombol brush menjadi Airbrushdengan mengaktifkan tombol Airbrush di Optionbar.

Brush Tool Airbrush

Pencil Tool

Pencil Tool digunakan untuk membuat goresan secara bebas. Pinggir goresan tidak sehalus Brush Tool. Warna yang digunakan adalah warnaforeground. Untuk menentukan warna pencil, sama seperti saat Anda menentukan warna untuk brush. Anda dapat mengubah bentuk polesanpencil dengan menggunakan pilihan Brush di Optionbar Digunakan untuk mengganti pixel warna pada bidang datar. Digunakan untuk memberi warna gradasi sebuah objek. Untuk menentukan bentuk arah arsiran dari Gradient Tool, Anda dapat memilih beberapa tombol gradasi yang ada di Optionbar. Gunakan tombol Open Gradien Picker pada Optionbar untuk mengatur bentuk gradasi berikut warnanya.

Color Replacement

Gradient Tool Open Gradient Picker

Digunakan untuk memberi warna pada blok area tertentu. Untuk Paint Bucket prosesnya, setelah Anda pilih tombol tersebut, klik mouse di area yang Tool Fill ingin diberi warna. Anda dapat menentukan jenis warna yang ToolPattern diinginkan, apakahForeground atau pattern di Optionbar. Line Tool Eraser ToolBackground Eraser Magic Eraser Line digunakan untuk membuat garis. Peranti ini juga dapat digunakan untuk membuat garis dengan mata panah pada ujungnya. Gunakan Anti-Aliased pada Options Panel untuk membuat garis yang halus. Eraser digunakan untuk menghapus area pada layer. Anda dapat memilih salah satu dari jenis penghapus Pencil, Block, Airbrush, atau Paintbrushmelalui Optionsbar.

Tabel 3.3 Peranti untuk Membuat Teks Ikon Nama Ikon Type Tool Fungsi Digunakan untuk membuat teks,

Horizontal Mask Tool

Type Anda juga dapat membuat teks Layer atauMask or Selection sekaligus

dengan

pilihan Text

Vertical Type Tool

Anda dapat memilih bentuk penulisan teks, apakah secara horizontal atau vertikal.

Vertical Type Mask Tool

Tabel 3.4 Peranti Lainnya Ikon Nama Ikon Fungsi

Move Tool

Digunakan untuk memindahkan seleksi atau layer yang aktif.

Eyedropper Tool

Digunakan untuk memilih warna foreground dari warna yang ada di lembar kerja atau dari Swatches Panel. Digunakan untuk memperbesar tampilan lembar kerja. Adapun untuk memperkecil tampilan zoom Tool, Anda dapat mengimbangi dengan menekan tombol Alt.

Zoom Tool

Fungsi-fungsi Toolbox pada CorelDRAW


Toolbox pada CorelDRAW bisa diartikan sebagai kotak perkakas yang berisi tool-tool yang berfungsi untuk membuat dan memodifikasi objek. Beberapa tool secara default terlihat pada Toolbox, tapi beberapa tool tidak terlihat. Untuk memunculkan tool yang tersembunyi kita harus klik pada panah kecil yang ada dipojok kanan bawah tool yang terlihat, dengan klik panah kecil tersebut akan terbuka atau muncul flyout yang berisi tool-tool yang

tersembunyi. Flyout yang terbuka akan menampilkan sekumpulan tool CorelDraw yang berkaitan dengan toolbox yang dibuka, panah kecil pada bagian pojok kanan bawah toolbox menandakan adanya flyout pada tombol tersebut.

Dibawah ini adalah Toolbox pada CorelDRAW X6

Pick tool; untuk memilih atau menyeleksi dan mengatur ukuran, memiringkan, dan memutar objek Freehand Pick tool; untuk menyeleksi objek dengan bebas

Shape tool; untuk mengedit bentuk objek kurva.

Smudge brush tool; untuk mengubah objek vektor dengan cara men-drag sepanjang garis luar. Roughen brush tool; untuk mengubah garis luar dari objek vektor dengan cara men-drag sepanjang garis luar. Free transform tool; untuk mengubah suatu objek dengan menggunakan Free rotation, angle rotation, Scale, dan Skew tool. Smear tool, Twirl tool, Attact tool, Repel tool

Croop tool; untuk menghilangkan area yang tidak dikehendaki. Knife tool; untuk memotong objek. Eraser tool; untuk menghilangkan daerah yang tidak diinginkan pada gambar anda. Virtual segment delete tool; untuk menghapus bagian dari objek-objek diantara persimpangan.

Zoom tool; untuk merubah perbesaran level dalam jendela kerja. Pan tool; untuk mengontrol bagian gambar mana yang akan di gambar ulang dalam jendela kerja

Freehand tool; untuk menggambar garis tunggal dan kurva.

Bzier tool; untuk menggambar kurva satu bagian pada waktu yang sama. Artistic media tool; menyediakan akses pada Brush, Sprayer, Calligraphic, dan Pressure tool. Pen tool; untuk menggambar kurva satu segmen pada satu waktu. Polyline tool; untuk menggambar garis-garis dan kurva. 3 Point curve tool; untuk menggambar suatu kurva dengan menentukan titik awal, akhir, dan titik tengah

Smart fill tool; untuk mewarnai objek-objek yang terlampir, tool ini dapat mewarnai isi dan garis dari objek tersebut dan objek yang telah terisi dapat dipisahkan dengan gambar dasarnya. Smart drawing tool; mengubah coretan-coretan tangan menjadi garis yang halus dan sempurna.

Rectangle tool; untuk menggambar bujur sangkar dan kotak. 3 point rectangle tool; untuk menggambar bujur sangkar pada suatu sudut tertentu.

Ellipse tool; untuk menggambar bentuk lonjong atau lingkaran. 3 point ellipse tool; untuk menggambar bentuk lonjong atau lingkaran pada suatu sudut tertentu.

Polygon tool; untuk menggambar poligon atau bintang secara simetris. Star tool; untuk menggambar bentuk bintang yang sempurna. Complex star tool; untuk mengggambar bentuk bintang yang komplek atau bintang yang mempunyai banyak

sisi. Graph paper tool; digunakan untuk menggambar sekat yang terdiri dari garis-garis serupa. Spiral tool; digunakan untuk menggambar spiral.

Basic shape tool; untuk memilih bermacam-macam bentuk, termasuk bentuk smile, halilintar, bentuk hati, dan

lain-lain. Arrow shape tool; untuk menggambar beraneka ragam jenis bentuk panah, dan arah panah. Flowchart shapes tool; untuk menggambar symbol flowchart. Banner shapes tool; untuk menggambar bentuk yang menyerupai pita atau efek ledakan. Callout shapes tool; untuk membuat label dan callout.

Text tool; untuk menuliskan kata secara langsung pada layar sebagai paragrap atau artistik teks.

Table tool; untuk membuat dan meng-edit tabel

Dimension Parallel

Dimension; untuk

tool terdiri membuat

garis

dari ukuran

: dimensi miring

Horizontal or Vertical Dimension; untuk membuat garis ukuran dimensi horizontal dan vertikal Angular Dimension; untuk membuat garis ukuran segitiga atau sudut Segment Dimension; untuk menampilkan dimensi antara titik terakhir pada satu atau beberapa bagian 3-Point Callout; untuk membuat garis petunjuk, yang terdiri dari tiga titik yang membentuk garis untuk petunjuk atau keterangan.

Interactve connector tool terdiri Straight-Line Connector; untuk membuat konektor lurus Right-Angle Connector; untuk membuat konektor siku-siku dengan Right-Angle Round Connector; untuk membuat konektor siku-siku dengan Edit Anchor; untuk memodifikasi garis konektor

dari; sudut sudut tajam tumpul

Interactive blend tool; untuk mencampur dua objek Interactive contour tool; untuk membuat suatu bentuk garis luar pada suatu objek menggunakan bentuk dasarnya. Interactive distortion tool; untuk melakukan penyimpangan pada suatu objek, tool ini mempunyai 3 bentuk penyimpangan dasar yaitu: Push and Pull Distortion, Zipper Distortion, atau Twister Distortion. Interactive drop shadow tool; untuk memberikan bayangan pada suatu objek. Interactive envelope; untuk menyimpangkan suatu objek dengan cara men-drag node. Interactive extrude; untuk membuat suatu ilusi kedalaman pada objek.

Interactive transparency tool; untuk membuat objek menjadi transparan.

Color Eyedropper tool; untuk memilih dan menyalin properti pada objek, seperti halnya fill, ketebalan garis, ukuran, dan efek, dari suatu objek pada jendela gambar, yang disertai tampilan code HTML warna

Attributes Eyedropper tool; untuk memilih dan menyalin properti pada objek, seperti halnya fill, ketebalan garis, ukuran, dan efek, dari suatu objek pada jendela gambar. Paintbucket tool; untuk objek properti, seperti halnya fill, ketebalan garis, pada suatu objek dalam jendela gambar setelah anda memilih properti ini dengan menggunakan Color Eyedropper tool atau Attributes Eyedropper tool

Outline tool; Ketika kita memilih tool ini flyout akan muncun dan memberikan akses cepat ke beberapa fasilitas, seperti kotak dialog Outline Pen dan Outline Color

Fill tool; seperti halnya Outline tool ketika kita memilih Fill tool ini flyout akan muncul dan memberikan akses cepat ke beberapa fasilitas, seperti ke kotak dialog Fill (Uniform Fill, Fontain Fill, dsb)

Interactive fill tool; untuk memberi warna dengan beberapa variasi gradasi fill Interactive mesh tool; untuk memberi warna gradasi fill menggunakan garis (grid) yang terdiri dari beberapa node.

Pengertian Adobe Dreamweaver

Adobe Dreamweaver merupakan program penyunting halaman web dari Adobe Systems yang dulu dikenal sebagai Macromedia Dreamweaver dari Macromedia. Program ini banyak digunakan oleh pengembang web karena fitur-fiturnya yang lengkap serta kemudahan dalam penggunaannya. Versi terakhir Macromedia Dreamweaver sebelum Macromedia dibeli oleh Adobe Systems yaitu versi 8. Kemudian setelah dibeli oleh Adobe Systems berkembang ke Versi selanjutnya yakni versi 9 (CS3) versi 10 yang ada dalam Adobe Creative Suite 4 (CS4) dan versi terbarunya yaitu CS5. Sebagai editor web yang handal, Adobe Dreamweaver tentunya dilengkapi dengan kemampuan manajemen situs, yang memudahkan kita mengelola keseluruhan elemen yang ada dalam sebuah situs. Kita juga dapat melakukan evaluasi situs dengan melakukan pengecekan broken link, kompatibilitas browser, termasuk validasi tag-tag HTML dan CSS yang tidak sesuai dengan pedoman secara otomatis serta perkiraan waktu download pada sebuah halaman web. Adobe Dreamweaver memiliki banyak tool-tool yang memudahkan seorang web design untuk mengedit dan membuat kode-kode dalam halaman web. Fasilitas yang terdapat didalamnya antara lain: Referensi HTML, CSS dan Javascript, Javascript debugger, dan editor kode ( tampilan kode dan Code inspector) yang mengizinkan kita mengedit kode Javascript, XML, HTML, CSS, TEMPLATING dan dokumen teks lain secara langsung. Teknologi Roundtrip HTML yang dimilikinya mampu mengimpor dokumen HTML tanpa perlu memformat ulang kode tersebut dan kita dapat

menggunakan Dreamweaver pula untuk membersihkan dan memformat ulang HTML tanpa susah payah. Dengan fitur yang lengkap, kemudahan penggunaan, dukungan extention dan Plug-In yang banyak, Adobe Dreamweaver dapat membantu seorang web design bekerja lebih cepat dan efisien tanpa kesulitan yang berarti, bahkan untuk seorang pemula sekalipun yang belum banyak mengenal seputar coding HTML dan CSS.