iklan televisi · web viewprogram aplikasi grafis yang berbasis bitmap, antara lain : adobe...

22
MODUL DESAIN GRAFIS DASAR DESAIN GRAFIS Pengertian Desain Grafis Grafis adalah gambar yang tersusun dari koordinat-koordinat. Dengan demikian sumber gambar yang muncul pada layar monitor komputer terdiri atas titik-titik yang mempunyai nilai koordinat. Layar Monitor berfungsi sebgai sumbu koordinat x dan y. Desain grafis adalah suatu bentuk komunikasi visual yang menggunakan gambar untuk menyampaikan informasi atau pesan seefektif mungkin. Dalam desain grafis, teks juga dianggap gambar karena merupakan hasil abstraksi simbol-simbol yang bisa dibunyikan. disain grafis diterapkan dalam disain komunikasi dan fine art. Seperti jenis desain lainnya, desain grafis dapat merujuk kepada proses pembuatan, metoda merancang, produk yang dihasilkan (rancangan), atau pun disiplin ilmu yang digunakan (disain). Seni desain grafis mencakup kemampuan kognitif dan keterampilan visual, termasuk di dalamnya tipografi¹, ilustrasi, fotografi, pengolahan gambar, dan tata letak. Desain grafis pada awalnya diterapkan untuk media-media statis, seperti buku, majalah, dan brosur. Sebagai tambahan, sejalan dengan perkembangan zaman, desain grafis juga diterapkan dalam media elektronik, yang sering kali disebut sebagai desain interaktif atau desain multimedia. Batas dimensi pun telah berubah seiring perkembangan pemikiran tentang desain. Desain grafis bisa diterapkan menjadi sebuah desain lingkungan yang mencakup pengolahan ruang Prinsip dan unsur desain Unsur dalam desain grafis sama seperti unsur dasar dalam disiplin desain lainnya. Unsur-unsur tersebut (termasuk shape, bentuk (form), tekstur, garis, ruang, dan warna) membentuk prinsip-prinsip dasar desain visual. Prinsip- prinsip tersebut, seperti keseimbangan (balance), ritme (rhythm), tekanan (emphasis), proporsi ("proportion") dan kesatuan (unity), kemudian membentuk aspek struktural komposisi yang lebih luas. Pengertian Grafis Berbasis Vektor dan Grafis Berbasis Bitmap Pada desain grafis, desain dibagi menjadi 2 kelompok yakni desain bitmap dan vector a. Grafis Bitmap

Upload: duongdang

Post on 10-May-2019

255 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: IKLAN TELEVISI · Web viewProgram aplikasi grafis yang berbasis bitmap, antara lain : Adobe Photoshop, Corel Photopaint, Microsoft Photo Editor dan Macromedia Fireworks. Semua program

MODUL DESAIN GRAFIS DASAR DESAIN GRAFIS

Pengertian Desain Grafis Grafis adalah gambar yang tersusun dari koordinat-koordinat. Dengan demikian sumber gambar yang muncul pada layar monitor komputer terdiri atas titik-titik yang mempunyai nilai koordinat. Layar Monitor berfungsi sebgai sumbu koordinat x dan y.Desain grafis adalah suatu bentuk komunikasi visual yang menggunakan gambar untuk menyampaikan informasi atau pesan seefektif mungkin. Dalam desain grafis, teks juga dianggap gambar karena merupakan hasil abstraksi simbol-simbol yang bisa dibunyikan. disain grafis diterapkan dalam disain komunikasi dan fine art. Seperti jenis desain lainnya, desain grafis dapat merujuk kepada proses pembuatan, metoda merancang, produk yang dihasilkan (rancangan), atau pun disiplin ilmu yang digunakan (disain). Seni desain grafis mencakup kemampuan kognitif dan keterampilan visual, termasuk di dalamnya tipografi¹, ilustrasi, fotografi, pengolahan gambar, dan tata letak. Desain grafis pada awalnya diterapkan untuk media-media statis, seperti buku, majalah, dan brosur. Sebagai tambahan, sejalan dengan perkembangan zaman, desain grafis juga diterapkan dalam media elektronik, yang sering kali disebut sebagai desain interaktif atau desain multimedia. Batas dimensi pun telah berubah seiring perkembangan pemikiran tentang desain. Desain grafis bisa diterapkan menjadi sebuah desain lingkungan yang mencakup pengolahan ruang Prinsip dan unsur desain Unsur dalam desain grafis sama seperti unsur dasar dalam disiplin desain lainnya. Unsur-unsur tersebut (termasuk shape, bentuk (form), tekstur, garis, ruang, dan warna) membentuk prinsip-prinsip dasar desain visual. Prinsip-prinsip tersebut, seperti keseimbangan (balance), ritme (rhythm), tekanan (emphasis), proporsi ("proportion") dan kesatuan (unity), kemudian membentuk aspek struktural komposisi yang lebih luas. Pengertian Grafis Berbasis Vektor dan Grafis Berbasis Bitmap Pada desain grafis, desain dibagi menjadi 2 kelompok yakni desain bitmap dan vector a. Grafis Bitmap Grafis desain bitmap dibentuk dengan raster/pixel/dot/titik/pointkoordinat. Semakin banyak jumlah titik yang membentuk suatu grafis bitmap berarti semakin tinggi tingkat kerapatannya. Hal ini menyebabkan semakin halus citra grafis, tetapi kapasitas filenya semakinbesar.- Ket: ¹Tipografimerupakan suatu ilmu dalam memilih dan menata huruf dengan pengaturan penyebarannya pada ruang-ruang yang tersedia, untuk menciptakan kesan tertentu, sehingga dapat menolong pembaca untuk mendapatkan kenyamanan membaca semaksimal mungkin. Ketajaman warna dan detail gambar pada tampilan bitmap bergantung pada banyaknya pixel warna atau resolusi yang membentuk gambar tersebut. Hal iniberkaitan erat dengan kemampuan monitor dan VGA( Video Graphic Adapter) yang digunakan. Jika gambar tampilan bitmap beresolusi tinggi di tampilkan pada monitor yang berresolusi rendah akan mengakibatkan gambar terlihat kasar , bahkan terlihat kabur berbentuk kotak-kotak ( juggy) jika dilakukan pembesaran gambar. Satuan untuk ukuran grafis jenis bitmap ini adalah dpi( dot per inch) yang berarti banyaknya titik dalam satu inci.

Page 2: IKLAN TELEVISI · Web viewProgram aplikasi grafis yang berbasis bitmap, antara lain : Adobe Photoshop, Corel Photopaint, Microsoft Photo Editor dan Macromedia Fireworks. Semua program

Beberapa grafis bitmap dapat Anda temui di file komputer, yakni file komputer yang berekstensi : .bmp, .jpg, .tif, .gif, an pcx. Grafis ini biasa digunakan untuk kepentingan foto-foto digital. Program aplikasi grafis yang berbasis bitmap, antara lain : Adobe Photoshop, Corel Photopaint, Microsoft Photo Editor dan Macromedia Fireworks. Semua program tersebut menawarkan kemudahan dan kelengkapan fiturnya. b.Grafis vector Selain grafis jenis bitmap, ada grafis jenis vektor yang merupakan perkembangan dari sistem grafis bitmap (digital). Grafis ini tidak tergantung pada banyaknya pixel penyusunnya dan kondisi monitor karena tampilan vektor tersusun atas garis-garis. Tampilan akan terlihat jelas meskipun dilakukan pembesaran (zooming). Penggunaan titik-titik koordinat dan rumus-rumus tertentu dapat menciptakan bermacam-macam bentuk grafis, seperti lingkaran, segitiga, bujur sangkar dan poligon. Dengan demikian , pemakaian grafis vektor akan lebih irit dari segi volume file, tetapi dari segi pemakaian prosessor akan memakan banyak memori. Program aplikasi grafis yang berbasis vektor antara lain : CorelDraw , Macromedia Free hand, Adobe Illustrator dan Micrografx Designer.Contoh gambar bitmap dan vector Bitmap vektor

Perbedaan Grafis Vektor dan Grafis BitmapVektor Bitmap

1. Gambar tetap jelas ketika di perbesar

2. Tersusun oleh garis dan kurva3. Ukuran File yang dihasilkan kecil4. Kualitas grafis tidak bergantung

dari banyaknya pixel5. Digunakan untuk ilustrasi dengan

bentuk geometris sederhana, warna solid atau gradasi tanpa terlalu banyak variasi warna. Cocok untuk logo dan jenis desain yang mengandalkan kesederhanaan bentuk

1. Gambar kurang jelas ketika di perbesar

2. Tersusun atas titik-titik/dot 3. Ukuran File yang dihasilkan besar4. Kualitas grafis bergantung dari

banyaknya pixel5. Digunakan untuk gambar

kompleks, berupa ragam warna dan bentuk yang beraneka,seperti foto dari hasil bidikan kamera

Pengertian Bitmap dan Vektor Perkembangan dunia gambar digital dalam berbagai bentuk menunjukkan semakin tingginya kesadaran masyarakat akan image atau citra terhadap sesuatu objek atau benda. Perkembangan ini tak lepas dari semakin kencangnya laju perkembangan hardware pencipta image maupun pengelola hingga pencetakaan yang sangat bervariasi.

Di sisi perangkat lunak, pengolah grafis termasuk kategori yang memiliki penggemar yang sangat banyak mengingat tingkat aplikatifnya yang relatif tinggi dibandingkan dengan misal, pemrograman atau jaringan. Software pengolah gambar secara umum terbagi dalam dua bagian besar meskipun tidak mutlak, yaitu pengolah bitmap dan vektor.

Page 3: IKLAN TELEVISI · Web viewProgram aplikasi grafis yang berbasis bitmap, antara lain : Adobe Photoshop, Corel Photopaint, Microsoft Photo Editor dan Macromedia Fireworks. Semua program

1. Bitmap adalah gambar bertipe raster. Mengandalkan jumlah pixel dalam satu satuan tertentu. Semakin rapat pixel maka semakin baik kualitas gambar. Sebaliknya jika dipaksa diperbesar akan terlihat pecah. Besar file yang dihasilkan cenderung besar. Contoh bitmap adalah .bmp, .jpg, .gif.

2. Vektor adalah serangkaian instruksi matematis yang dijabarkan dalam bentuk, garis, dan bagian-bagain lain yang saling berhubungan dalam sebuah gambar. Ukuran file relatif kecil dan jika diubah ukurannya kualitasnya tetap. Contoh file vektor adalah .wmf, swf , cdr dan .ai. Dan sering dipakai dalam membuat logo, animasi, ilustrasi, kartun, clipart dsb.

Suatu foto atau gambar bisa direpresentasikan dengan format bitmap dalam ribuan titik <pixel> warna-warni yang membentuk suatu pola. Pada file bitmap dikenal dua istilah penting, yaitu :

1. Resolusi atau jumlah titik persatuan luas, yang akan mempengaruhi ketajaman dan detil file bitmap. Biasanya dinyatakan dalam satuan dpi (dot per inch).

2. Intensitas atau kedalaman warna, yang akan menentukan kualitas warna gambar secara keseluruhan. Biasanya dikenal istilah 256 warna, high color, true color, gradasi abu-abu (grayscale), serta hitam-putih (black & white).

Konsep WarnaDalam pengolahan image, dikenal dua macam warna paling populer yang menjadi standar internasional, yaitu RGB dan CMYK.

1. RGB adalah singkatan dari Red-Green-Blue. 3 warna dasar yang dijadikan patokan warna secara universal (primary colors). Dengan basis RGB, seorang desainer bisa mengubah warna ke dalam kode-kode angka sehingga warna tersebut akan tampil universal. Dasar warna ini menjadi standar pasti dalam konteks profesional, seorang desainer tidak bisa mengatakan sebuah warna berdasar pertimbangan subektif, misal: biru muda menurut orang awam adalah birunya langit di siang yang cerah, hal ini bisa jadi berbeda bagi orang lain dengan pertimbangan yang lain pula. Untuk menyamakan persepsi dalam definisi warna, perlu adanya standar internasional dalam konteks kerja profesional. Dengan standar RGB, seorang desainer dapat mengatakan warna dengan komposisi angka yang jelas, warna biru memiliki komposisi perpaduan antara unsur Red, Green, Blue dengan derajat angka untuk R : 115 – G : 221 – B : 240.

2. Standar warna internasional lainnya yang digunakan untuk dunia percetakan adalah CMYK yang merupakan Singkatan dari Cyan – Magenta - Yellow, dan K mewakili warna hitam. Seperti halnya RGB, CMYK menggunakan standardisasi warna dalam koordinat. Rangenya antara 0 – 100 sehingga kehadiran unsur K sangat menentukan. Berapapun koordinat CMY-nya, selama K-nya 100 maka warna tersebut akan jadi warna hitam. CMYK merupakan standar warna berbasis pigment-based, menyesuaikan diri dengan standar industri printing. Sampai saat ini dunia cetak-mencetak memakai 4 warna dasar dalam membuat warna apapun.

Page 4: IKLAN TELEVISI · Web viewProgram aplikasi grafis yang berbasis bitmap, antara lain : Adobe Photoshop, Corel Photopaint, Microsoft Photo Editor dan Macromedia Fireworks. Semua program

PenggunaanPenggunaan perangkat lunak pengolah gambar ditujukan untuk dua kepentigan utama, untuk web dan cetak. Keduanya saling bertolak belakang, untuk cetak, ukuran besar dan kualitas terbaik adalah yang paling dominan. Sementara, hal paling utama dalam membuat grafis untuk web adalah menciptakan file sekecil mungkin. Web gambar cukup membutuhkan gambar RGB dengan resolusi 72 dpi, sedangkan untuk kebutuhan cetak memakai tipe (CMYK) dengan resolusi 300 dpi.

Standar resolusi tersebut sudah umum dan berlaku secara luas. Nilai tersebut merupakan resolusi paling reliable untuk dapat dilihat dengan mata manusia. Jika resolusi semakin tinggi, mata manusia tidak akan dapat mengetahui bedanya. Oleh sebab itu, 300 dpi dianggap nilai yang cukup untuk dicetak. Lain halnya dengan teks, dibutuhkan resolusi yang lebih besar yakni 400 dpi. Mengingat pada teks biasanya terdiri dari satu warna.

Resolusi dan size sangat mempengaruhi besarnya file. Contoh, pada sebuah gambar CMYK dengan ukuran 2 x 2 inch dan resolusi 300 dpi. Maka ukuran filenya kira-kira sebesar (2 x 300) x (2 x 300) = 600 x 600 = 360000 = 8,58Mb (Silahkan cek kombinasi tersebut dengan aplikasi Photoshop).

FORMAT GAMBAR

1. PSD (Photoshop Document). Format file ini merupakan format asli dokumen Adobe Photoshop. Format ini mampu menyimpan informasi layer dan alpha channel yang terdapat pada sebuah gambar, sehingga suatu saat dapat dibuka dan diedit kembali. Format ini juga mampu menyimpan gambar dalam beberapa mode warna yang disediakan Photoshop. Anda dapat menyimpan dengan format file ini jika ingin mengeditnya kembali.

2. EPS (Encapsuled Postcript). Format file ini merupakan format yang sering digunakan untuk keperluan pertukaran dokumen antar program grafis. Selain itu, format file ini sering pula digunakan ketika ingin mencetak gambar. Keunggulan format file ini menggunakan bahasa postscript sehingga format file ini dikenali oleh hampir semua program persiapan cetak. Kelemahan format file ini adalah tidak mampu menyimpan alpha channel, sehingga banyak pengguna Adobe Photoshop menggunakan format file ini ketika gambar yang dikerjakan sudah final. Format file ini mampu menyimpan gambar dengan mode warna RGB, CMYK, Lab, Duotone, Grayscale, Indexed Color, serta Bitmap.

3. JPEG (Joint Photographic Expert Group) atau JPG. Format file ini mampu mengkompres objek dengan tingkat kualitas sesuai dengan pilihan yang disediakan. Format file sering dimanfaatkan untuk menyimpan gambar yang akan digunakan untuk keperluan halaman web, multimedia, dan publikasi elektronik lainnya. Format file ini mampu menyimpan gambar dengan mode warna RGB, CMYK, dan Grayscale. Format file ini juga mampu menyimpan alpha channel, namun karena orientasinya ke publikasi elektronik maka format ini berukuran relatif lebih kecil dibandingkan dengan format file lainnya

4. GIF (Graphics Interchange Format). GIF terbatas dalam 256 warna saja (8 bit), hanya mendukung mode warna Grayscale, Bitmap dan Indexed Color, tapi salah satu warnanya bisa dibikin ‘transparan’. Sehingga kita bisa meletakkan gambar dengan warna latar yang berbeda-beda. Selain itu dapat dipakai sebagai animasi.. Format file ini merupakan format standar untuk publikasi elektronik dan internet. Format file mampu menyimpan animasi dua dimensi yang akan dipublikasikan pada

Page 5: IKLAN TELEVISI · Web viewProgram aplikasi grafis yang berbasis bitmap, antara lain : Adobe Photoshop, Corel Photopaint, Microsoft Photo Editor dan Macromedia Fireworks. Semua program

internet, desain halaman web dan publikasi elektronik. Format file ini mampu mengkompres dengan ukuran kecil menggunakan kompresi LZW

5. PNG (Portable Network Graphics). Merupakan jalan alternatif pengganti GIF dengan mencontoh metode kompresi gambar LZW. Sekarang ini semua browser internet sudah mendukungnya. Format ini memiliki keistimewaan untuk menyimpan bermacammacam kedalaman warna. Format baru ini tidak mengikis 'informasi' warna dalam gambar seperti yang dilakukan JPG. PNG juga membolehkan 'transparan'.

6. TIFF (Tagged Image File Format). File yang dihasilkan adalah .tif, format ini sangat cocok digunakan untuk desktop publishing. Format file ini mampu menyimpan gambar dengan kualitas hingga 32 bit. Format file ini juga dapat digunakan untuk keperluan pertukaran antar platform (PC, Machintosh, dan Silicon Graphic). Format file ini merupakan salah satu format yang dipilih dan sangat disukai oleh para pengguna komputer grafis terutama yang berorientasi pada publikasi (cetak). Hampir semua program yang mampu membaca format file bitmap juga mampu membaca format file TIFF

7. BMP (BitMap Graphics). Format kuno dan abadi ini telah dikenal ketika sistem operasi DOS dan Windows sampai sekarang. File yang dihasilkan adalah .bmp.

Format yang direkomendasikan oleh para desainer profesional adalaho PSD = untuk dokumen yang masih ingin diedit kembalio EPS = untuk dokumen yang sudah final untuk persiapan cetako JPG = untuk cetak dengan kompresi di atas 8 bit dan untuk foto dalam web

dengan kompresi di bawaho GIF = untuk ilustrasi dan animasi pada halaman web.o TIFF = untuk cetak, pertukaran dokumen antar platform serta sequence

animasi

WARNA1. Warna terdiri dari warna primer, sekunder, tersier.

Warna primer adalah warna yang tidak dapat dihasilkan dengan mencampur dua warna lain, tetapi dapat menghasilkan warna-warna lain: merah, kuning, biru.Warna sekunder adalah warana yang dihasilkan dari percampuran dua warna primer: jinggga, hijau, ungu.Warna tersier adalah warna yang dihasilkan dari kombinasi warna primer dan sekunder; jingga kekuningan, hijau kekuningan, dan lain-lain.

2. Subtractive warna adalah cara yang dipakai untuk menghasilkan pegmen dengan pencampuran warna, yaitu hasil dari pendesakan kekuatan satu warna terhadap yang lain sehingga menghasilakn sesuatu yang lain dari kedua warna aslinya.

3. Warna memiliki 3 kandungan utama untuk mengidentifikasikan warna: Hue : keadaan murni suatu warna yaitu warna tidak diubah

atau ditambah dri keadaan asli Value : jangkauan gelap terangnya suatu warna berkaitan

dengan seberapa banyak cahaya atau kualitas cahaya didapatkan pada suatu warna

Intensity: kecerahan atau kesuraman dari sebuah warna

Page 6: IKLAN TELEVISI · Web viewProgram aplikasi grafis yang berbasis bitmap, antara lain : Adobe Photoshop, Corel Photopaint, Microsoft Photo Editor dan Macromedia Fireworks. Semua program

4. Derajat kemurnian warna pigmen dapat diturunkan dalam 3 cara: Pengenceran, contohnya pada cat air Menambahkan warna abu-abu Menambahkan warna komplementernya, contohnya biru dan

kuning5. Intensitas warna dapat dinaikan atau diturunkan dengan cara::

Meletakkan di atas background yang kontaras/komplementer/berlawanan, contoh merah diletakkan di atas backgroung hijau. Intensitas naik

Meletakkan di atas background bersebelahan/analog, contoh kuning diletakkan di atas background jingga. Intensitas turun

6. J.C. Le Blond penemu warna primer pada tahun 17317. Secara psikologi, warna-warna memiliki aspek emosional, contoh:

Merah : kuat, keberanian, amarah, emosi meluap-luap, gagah

Biru : tenang, kalem, kepercayaan, teknologi, konservatif

Kuning : hangat, ramah, ceria Hijau : segar, alam, kekuatan dan kesehatan Jingga : ceria, hangat, dinamis Ungu : keanggunan, misteri

Page 7: IKLAN TELEVISI · Web viewProgram aplikasi grafis yang berbasis bitmap, antara lain : Adobe Photoshop, Corel Photopaint, Microsoft Photo Editor dan Macromedia Fireworks. Semua program

TYPOGRAPHY1. Typography adalah ilmu yang mempelajari karakter & fungsi huruf beserta

pemakaiannya dalam suatu karya desain.2. Empat hal yang harus dipertimbangkan dalam memilih suatu tipe huruf adala:

Keterbacaan Keselarasan, contoh : huruf yang dipakai harus sesuai dengan produk Keharmonisan, contoh: penggunaan berbagai jenis huruf harus harmonis Penekanan, contoh: penggunaan huruf diperbesar atau berwarna

1. Kelompok huruf terdiri dari: Roman Bodoni Egytian San Serif Fantasi

1. RomanCiri-ciri Roman:Bentuk gambar huruf/bayangan huruf kelihatan tipis dan tebal pada ujung kaki/tongkat huruf terdapat serif (kait) berbentuk segitiga lancip, yang seakan-akan melengkung/mengalir sampai ke ujung kait hurufnya.

A Times New Roman A Garamond

Keluarga Roman: English Times Caslon Baskerville Garamond Century Corona Bookman Times Roman Goudy Korina

Digunakan untuk: Tekas isi surat kabar Teks isi Tabloid Teks isi Majalah Teks isi Buku Brosur

2. BodoniCiri-ciri Bodoni:Bentuk gambar huruf/bayangan huruf masih kelihatan tipis dan tebal pada ujung kaki/tongkat huruf terdapat serif (kait) berbentuk tipis dan lurus.

Page 8: IKLAN TELEVISI · Web viewProgram aplikasi grafis yang berbasis bitmap, antara lain : Adobe Photoshop, Corel Photopaint, Microsoft Photo Editor dan Macromedia Fireworks. Semua program

A Bodoni MT A Bodoni MT Black

Keluarga Bodoni: Craw Modern Bodoni Didot Modern 20 Normandia Estella Bernadette Boston Galileo New Order Onyx

Digunakan untuk: Papan Nama Nama Perusahaan Nama Bisnis Nama Surat Kabar Nama Tabloid Nama Majalah Brosur Buku Spanduk

3. EgyptianCiri-ciri Egyptian:Bentuk gambar huruf/bayangan huruf hampir di mana-mana sama tebal & pada ujung kaki/tongkat huruf terdapat serif empat persegi panjang menyilang kaki hurufnya.

A Courier New ACopperplate Gothic Bold

Keluarga Egyptian: Styroie Egyptien Atlas Beton Claredon Play Bill Courier New Courier Copperplate Gothic Achen Karnack

Digunakan untuk:

Page 9: IKLAN TELEVISI · Web viewProgram aplikasi grafis yang berbasis bitmap, antara lain : Adobe Photoshop, Corel Photopaint, Microsoft Photo Editor dan Macromedia Fireworks. Semua program

Papan Nama Poster Spanduk Nama Majalah Nama Surat Kabar Nama Perusahaan Nama Tabloid

4. Sans SerifCiri-ciri San Serif:Bentuk gambar huruf/bayangan huruf hampir di mana-mana sama tebal & pada ujung kaki/tongkat huruf tidak terdapat serif/kait dan huruf ini terlihat sedrhana/polos.

A Comic Sans A Univers

Keluarga Sans Serif: Gill Sans Univers Futura Helvetica Comic Sans Gothic Antique Eurostile Machine Arial Compact Eras Folio Optima Nobel Global

Digunakan untuk: Nama Perusahaan Nama Sekolah Spanduk Isi Brosur Teks Buku Teks Majalah

5. FantasiCiri-ciri Fantasi:

Page 10: IKLAN TELEVISI · Web viewProgram aplikasi grafis yang berbasis bitmap, antara lain : Adobe Photoshop, Corel Photopaint, Microsoft Photo Editor dan Macromedia Fireworks. Semua program

Bentuk gambar huruf kadang-kadang terlihat tipis tebal & kadang-kadang sangat tebal/pada ujung kaki huruf terdapat serif yang memiliki ornament/hiasan yang sanagat dekoratif.

A Gigi A Edwardian Script

Keluarga Fantasi: Script (berbentuk tulisan tangan-miring) Astral Angelica Gigi Mistical English Vivace Neon Script Kaufman Script Brush Webdings Caligraphy Lazer Edwardian Script Murray Vivaldi Lucia Shadow

Digunakan untuk: Piagam Sertifikat Ijazah Puisi Prasasti

Kls 8 modul program pengolahgrafis

TOMBOL PINTAS PHOTOSHOP MENGGUNAKAN KEYBOARD

Page 11: IKLAN TELEVISI · Web viewProgram aplikasi grafis yang berbasis bitmap, antara lain : Adobe Photoshop, Corel Photopaint, Microsoft Photo Editor dan Macromedia Fireworks. Semua program

Tekan tombol Tab bisa menyembunyikan menu tool bar dan palette, Shift+Tab hanya menyembunyikan menu palette.

Klik dua kali pada background abu-abu akan membuka file. Tahan Shift + klik dua kali akan menampilkan browser

Bosan dengan warna background anda? Anda dapat mengantinya dengan pilih Paint

Bucket, tahan shift dan klik pada background Photoshop anda, maka anda dapat mengganti warna background sesuai dengan keinginan anda.

Di Photoshop, semua tombol pembatalan perintah akan berubah menjadi Reset dengan menahan tombolAlt.

Tombol Caps Lock akan meningkatkan akurasi kursor anda.

Tekan tombol F maka anda akan dihadapkan 3 pilihan mode tampilan untuk media kerja anda di Photoshop

Untuk menggambar garis lurus. Garislah dengan menekan tombol Shift

Di Zoom Tool, Tekan Ctrl + Space bar akan membesarkan gambar, Alt + Space akan memperkecil gambar

Ctrl + Alt dan drag gambar, akan menduplikat gambar overlay ke posisi atasKetika menggunakan Eyedropper untuk mengambil warna depan, tahan Alt dan klik, maka otomatis akan mendapatkan warna buat background.

Ctrl + Alt + Z dan Ctrl + Shift + Z akan memaju-mundurkan menu history

Alt + Backspace dan Ctrl + Backspace akan mengganti seluruh warna depan atau belakang. Shift + Backspace akan memunculkan pilihan jendela, Alt + Shift + Backspace dan Ctrl + Shift + Backspace akam mengganti warna gambar menjadi warna Foreground atau Background tetapi tetap meninggalkan Transparansi Alpha sendiri.Ctrl + J akan menduplikat gambar asli tanpa menggeser posisi.Ketika menggunakan Masking, tekan Spacebar untuk memindahkan seleksiTahan Shift dan tekan + atau – akan mengaktifkan antar layer blendingTahan Alt dan klik ikon mata di layer maka akan menyembunyikan semua layersTahan Alt ketika mengklik ikon pen di layer, maka akan melepaskan kunci semua layerTahan Alt dan klik tombol “Create a new layer”, maka akan muncul New Adjustment Layer baruSetelah menggambar dengan pen tool. Tekan Ctrl + Shift + H untuk memunculkan/menyembunyikannya.Kontrol Navigasi dengan keyboard akan lebih efektif daripada menggunakan mouse :

Home : pindah ke ujung atas kiri End : pindah ke ujung atas kanan PageUp : pindah ke atas satu halaman PageDown : pindah ke bawah satu halaman Ctrl + PageUp : pindah ke kiri satu halaman Ctrl + PageDown : pindah ke kanan satu halaman Shift + PageUp : pindah ke atas 10 pixel Shift + PageDown : pindah kebawah 10 pixel Ctrl + Shift + PageUp : pindah kekiri 10 pixel Ctrl + Shift + PageDown : pindah kekanan 10 pixel Ctrl + Tab akan mengaktifkan antar gambar

Jika anda mempunyai illustrasi yang dibuat di Illustrator dan akan menggunakannya di Photoshop, copy dan pastekan saja ke photoshop maka anda akan diberikan beberapa pilihan paste, Smart Object, Pixel, Path atau Shape layer

Page 12: IKLAN TELEVISI · Web viewProgram aplikasi grafis yang berbasis bitmap, antara lain : Adobe Photoshop, Corel Photopaint, Microsoft Photo Editor dan Macromedia Fireworks. Semua program

Jika anda telah menyeleksi layer dan akan memindahkan sebuah gambar tanpa menghilangkan seleksi. Buka gambar yang akan dipindahkan, klik copy, tekan Ctrl + klik pada layer yang mengandung seleksi lalu tekan Shift + Ctrl + V untuk mempaste ke dalam seleksi. Ini juga akan membuat layer baru diatasnya.

Dalam modul ini kita akan membahas mengenai keyboard shortcut yang sering digunakan dan harus dikuasai dalam menggunakan Photoshop. Dengan menggunakan shortcut-shortcut ini kita dapat mempercepat proses kerja dan akan sangat memudahkan kita dalam bekerja.

Sebenarnya banyak sekali keyboard shortcut dalam aplikasi Photoshop namun kita tidak perlu menguasai semuanya. Yang perlu kita kuasai hanya yang paling sering kita gunakan saja.Beberapa shortcut yang wajib kita kuasai tersebut antara lain :

Ctrl + Z / Ctrl + Alt + ZMerupakan shortcut dari Undo yang digunakan untuk membatalkan perintah. Ctrl + Z untuk membatalkan perintah terakhir sedangkan Ctrl + Alt + Z untuk membatalkan sampai dengan 10 perintah terakhir.

Ctrl + DShortcut yang digunakan untuk mematikan seleksi/selection.

Ctrl + CMerupakan shortcut untuk meng-copy obyek.

Ctrl + XMerupakan shortcut untuk meng-cut obyek.

Ctrl + VMerupakan shortcut untuk mem-paste obyek yang telah di-copy/di-cut.

SpasiMerupakan shortcut dari Hand Tool yang digunakan untuk menggeser tampilan. Kemudian apa bedanya dengan apabila kita menekan tombol H yang merupakan shortcut dari Hand Tool? Misalnya saja kita sedang aktif pada Pen Tool kemudian kita ingin menggeser posisi dari tampilan gambar kita dan kita menekan tombol H maka kita akan aktif pada Hand Tool dan bukan pada Pen Tool lagi. Sedangkan apabila kita menggunakan tombol Spasi maka kita akan berpindah sementara pada Hand Tool (selama kita menekan tombol Spasi) namun tetap saja kita aktif pada Pen Tool dan setelah kita tidak menekan tombol Spasi lagi kita akan kembali pada Pen Tool.

Ctrl + Spasi + DragDigunakan untuk membesarkan tampilan pada area yang di drag.

Ctrl + Spasi + Klik / Ctrl + Spasi + Alt + KlikDigunakan untuk membesarkan/mengecilkan tampilan secara bertahap.

Ctrl + “+” / Ctrl + “-”Digunakan untuk membesarkan/mengecilkan tampilan.

Ctrl + 0Digunakan untuk melihat tampilan gambar 100%.

FDigunakan untuk mengganti screen mode menjadi Full Screen Mode. Dengan menggunakan Full Screen Mode akan mempermudah proses kerja kita terutama bila kita melakukan zooming dan sebagainya.

TabDigunakan untuk menyembunyikan alat-alat meliputi Toolbox, Window Layers, dan

Page 13: IKLAN TELEVISI · Web viewProgram aplikasi grafis yang berbasis bitmap, antara lain : Adobe Photoshop, Corel Photopaint, Microsoft Photo Editor dan Macromedia Fireworks. Semua program

sebagainya. Biasanya kita menggunakannya bersamaan dengan Full Screen Mode.

Tombol “[" atau "]“Digunakan untuk memperbesar/memperkecil ukuran brush dengan cepat.Shortcut-shortcut yang telah disebutkan diatas tidak mutlak harus anda kuasai namun seiring dengan kebutuhannya, nantinya anda akan sangat terbantu menggunakan shortcut-shortcut tersebut.

Photoshop memiliki power yang sangat bagus dalam menyediakan shortcut alias cara pintas untuk mengoperasikan. Dalam prakteknya, shortcut yang paling banyak memang berupa penggunaan tombol keyboard. Selain itu, beberapa cara pintas dilakukan dengan memanfaatkan menu shortcut yang diakses melalui klik tombol kanan mouse. Kenapa tombol pintas khususnya dengan keyboard dianggap lebih membantu? Saat bekerja mengolah image di Photoshop kita berkonsentrasi memanfaatkan mouse untuk hampir seluruh pekerjaan. Di saat kita misalnya sedang mengedit foto dengan Clone Stamp Tool, kita perlu memperbesar atau mengecilkan diameter brush sesuai sasaran objek yang sedang kita tekuni. Atau kita ingin menggeser layar maupun memperbesar tampilan. Semuanya perlu kita lakukan tanpa harus mengubah tool yang sedang kita gunakan. Nah, dalam situasi seperti inilah shortcut key sangat berguna. Melalui buku ini, para pemakai Photoshop akan dapat bekerja lebih produktif dan efisien. Pembahasan dala buku mencakup: - Zoom dan Preview - Image dan Adjustment - Bekerja dengan Layer - Shortcut pada Menu File dan Edit - Bekerja dengan Tool - Bekerja di Palet Channel dan Blending Mode - Bekerja dengan Teks - Trik Beberapa Langkah Lainnya - Bekerja di Lingkungan Vanishing Point - Membuat Shortcut Sendiri

Pada bagian ini kita akan membahas mengenai be2rapa tombol cepat (selanjutnya disebut dengan shortcut) yang sering digunakan dan harus dikuasai dalam menggunakan Photoshop. Dengan menggunakan shortcut ini kita dapat mempercepat proses kerja dan akan sangat memudahkan kita dalam bekerja. Sebenarnya banyak sekali shortcut dalam aplikasi Photoshop namun kita tidak perlu menguasai semuanya. Yang perlu kita kuasai hanya yang paling sering kita gunakan saja. Beberapa shortcut yang wajib kita kuasai tersebut antara lain :

1. Ctrl + Z / Ctrl + Alt + Z Merupakan shortcut dari Undo yang digunakan untuk membatalkan perintah. Ctrl + Z untuk membatalkan perintah terakhir sedangkan Ctrl + Alt + Z untuk membatalkan sampai dengan 10 perintah terakhir.

2. Ctrl + D Shortcut yang digunakan untuk mematikan seleksi/selection. Ctrl + C Merupakan shortcut untuk meng-copy obyek.

3. Ctrl + X Merupakan shortcut untuk meng-cut obyek. 4. Ctrl + V Merupakan shortcut untuk mem-paste obyek yang telah di-copy/di-cut. 5. Spasi Merupakan shortcut dari Hand Tool yang digunakan untuk menggeser

tampilan. Kemudian apa bedanya dengan apabila kita menekan tombol H yang merupakan shortcut dari Hand Tool? Misalnya saja kita sedang aktif pada Pen Tool kemudian kita ingin menggeser posisi dari tampilan gambar kita dan kita menekan tombol H maka kita akan aktif pada Hand Tool dan bukan pada Pen Tool lagi. Sedangkan apabila kita menggunakan tombol Spasi maka kita akan berpindah sementara pada Hand Tool (selama kita menekan tombol Spasi) namun tetap saja kita aktif pada Pen Tool dan setelah kita tidak menekan tombol Spasi lagi kita akan kembali pada Pen Tool.

6. Ctrl + Spasi + Drag Digunakan untuk membesarkan tampilan pada area yang di drag.

7. Ctrl + Spasi + Klik / Ctrl + Spasi + Alt + Klik Digunakan untuk membesarkan/mengecilkan tampilan secara bertahap.

8. Ctrl + “+” / Ctrl + “-” Digunakan untuk membesarkan/mengecilkan tampilan. 9. Ctrl + 0 Digunakan untuk melihat tampilan gambar 100%. 10. F Digunakan untuk mengganti screen mode menjadi Full Screen Mode. Dengan

menggunakan Full Screen Mode akan mempermudah proses kerja kita terutama bila kita melakukan zooming dan sebagainya. Tab Digunakan untuk menyembunyikan alat-alat meliputi Toolbox, Window Layers, dan sebagainya.

Shortcut-sortcut di atas memang tidak harus kita kuasai, disini junior cuma mau menjelaskan sedikit aja, biar tmn2 dalam mengedit foto bisa lebih cepat aja….

Page 14: IKLAN TELEVISI · Web viewProgram aplikasi grafis yang berbasis bitmap, antara lain : Adobe Photoshop, Corel Photopaint, Microsoft Photo Editor dan Macromedia Fireworks. Semua program

Bermain-main dengan photoshop memang sangat menyenangkan. Interfacenya sangat mudah digunakan dan memiliki fungsi-fungsi pengolahan gambar yang lengkap. Anda dapat lebih meningkatkan efisiensi dalam menggunakan aplikasi adobe photoshop ini dengan menggunakan shortcut perintah dalam melakukan manipulasi pada gambar.Dengan menggunakan shortcut, perintah-perintah ataupun penggunaan tool-tool dalam photoshop dapat lebih cepat diakses daripada menggunakan klik mouse.

Berikut ini adalah daftar tombol shortcut penting dalam adobe photoshop :Tombol perintah untuk memilih tools :

Tombol Shortcut Fungsi

M Rectangular Marquee tool Elliptical Marquee tool

W Magic Wand tool

V Move tool

L Lasso tool Polygonal Lasso toolMagnetic Lasso tool

B Brush tool Pencil toolColor Replacement tool

JSpot Healing Brush tool Healing Brush toolPatch toolRed Eye tool

C Crop tool

K Slice tool Slice Select tool

S Clone Stamp tool Pattern Stamp tool

Y History Brush tool Art History Brush tool

E Eraser tool Background Eraser toolMagic Eraser tool

G Gradient tool Paint Bucket tool

R Blur tool Sharpen toolSmudge tool

O Dodge tool Burn toolSponge tool

A Path Selection tool Direct Selection tool

THorizontal Type tool Vertical Type toolHorizontal Type mask toolVertical Type mask tool

P Pen tool Freeform Pen tool

U

Rectangle tool Rounded Rectangle toolEllipse toolPolygon toolLine toolCustom Shape tool

N Notes tool Audio Annotation tool

I Eyedropper tool Color Sampler toolMeasure tool

H Hand tool

Z Zoom tool

Page 15: IKLAN TELEVISI · Web viewProgram aplikasi grafis yang berbasis bitmap, antara lain : Adobe Photoshop, Corel Photopaint, Microsoft Photo Editor dan Macromedia Fireworks. Semua program

Untuk memilih tool lain dalam satu sub tool, gunakan tombol shift bersamaan dengan tombol perintah tools yang bersangkutan.Contoh : tool aktif saat ini Rectangular Marquee tool, dan anda ingin memlih / mengganti ke tool (dalam sub tool yang sama) Elliptical Marquee tool, maka anda hanya perlu menekan tombol Shift + M.Tombol Perintah Dalam  Menampilkan Gambar

Tombol Shortcut Fungsi

Control + Tab Berpindah antar dokumen yang terbuka

Shift-Control-W Menutup dokumen aktif dan menjalankan Adobe Bridge

Q Mangubah mode standar ke mode mask dan sebaliknya

F Mengubah mode layar standar, penuh layar, dan mode penuh layar dengan menu bar.

Control + Shift + M Membuka / mengedit dokumen aktif di Adobe Image Ready

Double-click Hand tool

Menampilkan dokumen dalam ukuran yang sama dengan ukuran jendela dokumen.

Double-click zoom tool Mengubah ukuran zoom menjadi 100%

Spacebar Manggunakan Hand Tool

Alt + Scroll Mouse Zoom In dan Zoom Out.

Spacebar-drag Manggunakan Hand Tool dengan menggeser gambar

Page Up atau Page Down

Menggulung layar 1 halaman ke bawah atau 1 halaman ke atas.

Shift + Page Up or Page Down Menggulung layar sebesar 10 unit

Home or End Geser ke pojok kiri atas atau ke pojok kanan bawah dokumen

Tombol Perintah Untuk Menjalankan Menu :Tombol Shortcut Fungsi

Ctrl + Z Undo dan Redo Perintah terakhir

Ctrl + Alt + Z Menjalankan 1 perintah ( yang sebelumnya sudah dibatalkan) ke depan

Ctrl + Shift + Z Membatalkan 1 perintah ke belakang

Shift + Ctrl + F Fade (Mengatur tingkat

Shift + Ctrl + V Paste Into (Memasukan dokumen / potongan dokumen dari clipboard ke dalam suatu seleksi.)

Shift + F5 Fill (mengisi seleksi dengan warna foreground)

Ctrl + T Transform (mengubah bentuk / ukuran dokumen)

Ctrl + L Level  (mengatur exposure dokumen)

Shift + Ctrl + L Auto Level (mengatur exposure dokumen secara otomatis)

Alt + Shift + Ctrl + L Auto Contrast (mengatur kontras dokumen secara otomatis)

Shift + Ctrl + B Auto Color (mengatur warna gambar secara otomatis)

Ctrl + M Curves (mengatur exposure gambar)

Ctrl + B Color Balance (mengatur kekuatan warna dokumen)

Ctrl + U Hue / Saturation (mengatur warna dokumen atau daerah seleksi)

Shift + Ctrl + U Desaturate (mengubah dokumen menjadi hitam-putih)

Page 16: IKLAN TELEVISI · Web viewProgram aplikasi grafis yang berbasis bitmap, antara lain : Adobe Photoshop, Corel Photopaint, Microsoft Photo Editor dan Macromedia Fireworks. Semua program

Ctrl + I Invert (membalik warna dokumen)

Alt + Ctrl + I Image Size

Alt + Ctrl + I Canvas Size (mengatur layar kerja / kanvas dokumen. Hampir sama dengan tool crop)

Shift + Ctrl + N Membuat layer baru.

Ctrl + J Layer Via Copy ( menyalin layer atau seleksi layer ke layer baru)

Shift + Ctrl + J Layer Via Cut ( menyalin layer atau seleksi layer ke layer baru, serta menghapus layer / seleksi lama.)

Ctrl + G Group Layer (Menggabung beberapa layer menjadi satu grup layer)

Shift + Ctrl + G Ungroup Layer (Memisahkan layer-layer yang sudah di grup menjadi layer-layer terpisah.)

Ctrl + E Merge Layer ( Menggabung bberapa layer menjadi satu layer

Shift + Ctrl + E Merge Visible (Mengabung layer-layer yang tidak disembunyikan)

Ctrl + A Select All (Menyeleksi seluruh area kerja)

Ctrl + D Deselect (Membatalkan seleksi)

Shift + Ctrl + D Reselect (Menyeleksi kembali daerah yang diseleksi sebelumnya)

Shift + Ctrl + I Inverse (Membalik daerah seleksi)

Alt + Ctrl + A All Layers (Memilih semua layer yang tidak terkunci)

Ctrl + F Last Filter (Menggunakan kembali filter yang digunakan terakhir)

Alt + Ctrl + X Extract (Melakukan seleksi, untuk menghapus daerah yang tidak diinginkan pada dokumen secara cepat)

Shift + Ctrl + X Liquify (Mengubah bentuk gambar, mengecilkan, membesarkan dan membuat lengkungan)

Alt + Shift + Ctrl + X Pattern Maker (Membuat Pola dari daerah yang dipilih)

Ctrl + = Zoom In

Ctrl + - Zoom Out

Ctrl + 0 Fit On Screen

Alt + Ctrl + 0 Actual Pixels (Menampilkan gambar pada dimensi piksel yang sebenarnya)

Ctrl + ‘ Grid (Menampilkan Grid pada dokumen)

Ctrl + R Ruler (Menampilkan Ruler pada bagian atas dan kiri dokumen)

F5 Brushes (Pengaturan tool brush lengkap)

F9 Actions (Menampilkan Palet Action)

F6 Color (Menampilkan Palet Color)

F8 Info (Menampilkan Palet Info)

F7 Layer (Menampilkan Palet Layer)

F1 Help ((Menampilkan Menu Pertolongan)