Anda di halaman 1dari 93

Desain Publikasi

Pengenalan Desain Publikasi


YOGYA EXECUTIVE SCHOOL “YES”

KONSEP DASAR DESAIN PUBLIKASI

Desain grafis saat ini banyak digunakan dalam berbagai macam bidang, salah satunya
adalah bidang publikasi. Berbicara mengenai desain publikasi seorang desainer harus
mengetahui tentang konsep dasar desain publikasi. Seni desain grafis mencakup
kemampuan kognitif seorang desainer dan keterampilan termasuk tipografi (seni menata
huruf), olah gambar, dan tata letak.

Merencanakan sebuah desain adalah suatu keharusan yang diterapkan dalam proses
kerja desain. Hal ini dilakukan agar proses hasil dari desain menjadi lebih baik sesuai
dengan yang diinginkan. Dalam tata letak sebuah desain publikasi, perencanaan sebuah
desain ini sangat diperlukan karena hal ini menyangkut nilai keindahan dari sebuah karya
desain .

Tentunya bukan pekerjaan yang mudah dalam membuat page layout sebuah desain
publikasi. Pekerjaan melayout sebuah desain publikasi tidak semudah seperti pekerjaan
mengolah gambar vektor atau bitmap menggunakan software. Membuat sebuah page
layout desain publikasi dibutuhkan sebuah perencaan yang matang, karena dalam hal ini
seorang layouter bertugas bagaimana cara menata objek-objek yang akan digunakan
dalam desain publikasi seperti teks, gambar, pemilihan warna, dan lain-lain.

Dalam pembuatan layout desain publikasi, penempatan objek-objek yang digunakan


seperti gambar , teks, ilustrasi dan pemilihan warna menjadi faktor yang sangat penting
agar sebuah karya publikasi memiliki daya tarik tersendiri terutama bagi penikmatnya.
Seorang desainer tidak bisa membuat sebuah desain layout berdasarkan keinginannya
sendiri. Seorang desainer harus mengetahui tujuan dari dibuatnya desain tersebut, untuk
siapa desain itu ditujukan, bagaimana agar masyarakat bisa tertarik dengan apa yang
ditampilkan dalam desain tersebut. Penempatan objek-objek yang tepat dan seimbang
tentunya akan menghasilkan sebuah karya yang baik bagi penikmatnya. Untuk itu
seorang desainer publikasi harus memiliki pengetahuan mengenai prinsip-prinsip desain.

Prinsip Desain Grafis Dalam Bidang Publikasi

Berikut adalah prinsip-prinsip desain grafis untuk publikasi, sehingga dapat membantu
Anda menentukan bagaimana menggunakan elemen desain pada bidang publikasi dan
website. Ada empat prinsip desain yaitu keseimbangan, penekanan, irama, dan
kesatuan. Prinsip-prinsip desain grafis tersebut membantu anda untuk menggabungkan
berbagai elemen desain ke dalam tata letak yang baik. Inilah Prinsip Desain Grafis untuk
Publikasi :

1. KESEIMBANGAN

Keseimbangan sama dengan dua buah benda yang sama berat / bobotnya. Dalam
hubungan dengan grafis, kita membicarakan tentang bobot visual. Setiap elemen pada
sebuah visual memiliki bobot yang telah ditentukan oleh ukuran gelap atau terang
serta tebal atau tipis sebuah garis.

Ada dua pendekatan dasar untuk menyeimbangkan. Yang pertama adalah


keseimbangan simetris yang merupakan susunan dari elemen agar merata ke kiri dan
ke kanan dari pusat / tengah. Sedangkan yang kedua adalah keseimbangan asimetris
yang merupakan pengaturan yang berbeda agar dua sisi memiliki bobot visual yang

Excellent For ….. 1


www.yesjogja.com
Your Charming & Dinamic personality
Desain Publikasi
Pengenalan Desain Publikasi
YOGYA EXECUTIVE SCHOOL “YES”

sama. Warna, nilai, ukuran, bentuk, dan tekstur dapat digunakan sebagai unsur
penyeimbang.

Keseimbangan simetris dapat mengkomunikasikan sebuah kekuatan dan stabilitas dan


ini bisa diterapkan pada publikasi tradisional dan konservatif, presentasi, dan situs
web. Keseimbangan asimetris dapat menyiratkan kontras, gerakan dinamis,
mengejutkan dan informalitas. Hal ini cocok untuk publikasi modern dan publikasi
hiburan, presentasi, dan website. Untuk menciptakan keseimbangan :

- Ulangi bentuk tertentu secara reguler dan sama ukurannya, baik secara vertikal
maupun horizontal.
- Pusatkan elemen pada tengah halaman.
- Menempatkan beberapa visual kecil di sisi yang lain untuk menyeimbangkan
gambar yang besar atau blok teks.
Gunakan satu atau dua bentuk yang tidak biasa dan buat juga bentuk-bentuk
yang reguler.
- Menyeimbangkan sebuah teks tebal dengan warna cerah dan berwarna warni.
- Memberi ruang kosong yang longgar untuk blok teks atau gambar yang gelap.

2. IRAMA

Ritme / Irama adalah pola yang dibuat oleh elemen-elemen secara berulang dan
bervariasi. Pengulangan (mengulangi unsur serupa secara yang konsisten) dan variasi
(perubahan dalam bentuk, ukuran, posisi atau elemen) adalah kunci untuk ritme
visual. Menempatkan elemen dalam sebuah layout secara teratur akan membuat
nuansa yang lembut, tenang dan santai. Perubahan yang tiba-tiba pada ukuran dan
jarak elemen akan menyiratkan nuansa cepat, ritme yang hidup dan suasana menarik.
Untuk membuat Ritme / Irama :

- Ulangi serangkaian elemen dengan bentuk yang sama, juga jarak antar masing-
masing elemen untuk menciptakan sebuah ritme yang teratur.
- Ulangi serangkaian elemen yang lebih besar dengan jarak yang besar pula secara
menerus untuk membuat ritme yang progresif.
- Huruf yang bevariasi, tebal, tipis, besar dan kecil.
- Variasikan halaman yang gelap (karena tulisan dan gambar yang gelap) dengan
halaman yang ringan (sedikit tulisan dan berwarna cerah).
- Mengulang bentuk yang sama di beberapa layout.
- Ulangi elemen yang sama pada posisi yang sama pada setiap halaman yang
dicetak seperti koran atau majalah.

3. PENEKANAN

Penekanan dilakukan pada apa yang menonjol atau yang akan terlihat pertama kali.
Sebuah layout membutuhkan titik fokus untuk menarik mata pembaca ke bagian yang
dianggap penting. Terlalu banyak titik fokus akan mengalahkan apa yang ingin
diungkapkan. Umumnya, titik fokus akan muncul ketika sebuah elemen nampak
berbeda dari yang lain. Untuk memberikan penekanan :

Excellent For ….. 2


www.yesjogja.com
Your Charming & Dinamic personality
Desain Publikasi
Pengenalan Desain Publikasi
YOGYA EXECUTIVE SCHOOL “YES”

- Gunakan spasi yang rata dan foto / gambar yang ditempatkan pada elemen /
frame yang tidak biasa.
- Letakkan bagian yang penting dari teks dengan penempatan atau posisi yang
bebeda dari yang lain.
- Gunakan huruf tebal pada judul dan sub judul, sedang pada isi halaman gunakan
huruf reguler.
- Gunakan huruf bermarna putih/terang pada bidang berwarna gelap
- Gunakan warna atau huruf yang tidak biasa pada bagian yang paling penting.
- Letakkan daftar/list pada bagian samping dengan memberinya kotak penekanan.

4. KESATUAN

Pembaca (Audien) perlu isyarat visual agar membiarkan mereka tahu masing-masing
bagian satu unit-teks, judul, foto, gambar grafis , dan keterangan lain. Nah disini
dibutuhkan penyatuan semua elemen agar terhat serasi.

Menyatukan elemen dengan mengelompokkan elemen-elemen tersebut. Ulangi warna,


bentuk, dan tekstur. Gunakan grid (struktur yang mendasari halaman) untuk
membangun kerangka kerja untuk margin, kolom, jarak, dan proporsi. Untuk
menciptakan kesatuan :

- Gunakan hanya satu atau dua jenis huruf, hanya bedakan ukuran atau warnanya.
- Konsisten dengan jenis font, ukuran, dan gaya untuk judul, subjudul, keterangan,
headers, footers, dll di seluruh publikasi, presentasi, atau situs web.
- Menggunakan palet warna yang sama.
- Mengulang warna, bentuk, atau tekstur di area yang berbeda.
- Pilih visual yang serupa untuk warna, tema, atau bentuk.

Software yang dapat digunakan untuk mengolah desain publikasi adalah Corel Draw dan
Adobe Photoshop.

Excellent For ….. 3


www.yesjogja.com
Your Charming & Dinamic personality
Desain Publikasi
Corel Draw X3
YOGYA EXECUTIVE SCHOOL “YES”

CorelDraw X3

Excellent For ….. 4


www.yesjogja.com
Your Charming & Dinamic personality
Desain Publikasi
Corel Draw X3
YOGYA EXECUTIVE SCHOOL “YES”

Corel Draw X3

Corel Draw adalah software Desain Grafis berbasis vektor. Maksud dari Vektor
adalah pembuatan bentuk objek grafis pada komputer yang tidak akan pecah bila
diperbesar. Dengan berbasis Vektor, Corel Draw biasa digunakan untuk membuat Logo,
Kartu nana, Kartu Ucapan, Layout Brosur, Pamflet, Stiker dan masih banyak yang lain.

Corel Draw X3 merupakan software versi terbaru yang pada saat ini memiliki
kemampuan lebih bila dibandingkan dengan versi sebelumnya. Untuk lebih jelasnya mari
kita coba untuk mempraktekan secara langsung.

Jalankan Program CorelDraw X3 maka akan muncul tampilan sebagai berikut:

New

Untuk membuat lembar kerja baru agar CorelDraw dapat digunakan untuk
mendesain.

Recently Used

Untuk membuka file CorelDraw yang pernah dibuka sebelumnya.

Open

Untuk membuka file CorelDraw yang berada pada hardisk, flashdisk, DVD ataupun
media penyimpanan yang lain.

New From Template

Untuk membuat file CorelDraw berdasarkan desain template yang sudah


disediakan oleh software CorelDraw.

CorelTUTOR

Untuk melihat tutorial yang disediakan oleh software CorelDraw.

What’s New

Excellent For ….. 5


www.yesjogja.com
Your Charming & Dinamic personality
Desain Publikasi
Corel Draw X3
YOGYA EXECUTIVE SCHOOL “YES”

Untuk menampilkan keterangan tentang fitur-fitur baru yang terdapat pada


CorelDraw X3.

Tampilan Lembar Kerja

Klik New untuk membuat lembar kerja baru

Lembar kerja di atas adalah tempat untuk membuat dan memodifikasi objek pada
CorelDraw. Kotak persegi panjang digunakan untuk batasan ukuran file dan disetting
sesuai dengan kebutuhan yang diperlukan.

Untuk mensetting ukuran lembar kerja bisa menggunakan menu Page Setup yang
terdapat pada bagian kanan atas tampilan program CorelDraw:

Excellent For ….. 6


www.yesjogja.com
Your Charming & Dinamic personality
Desain Publikasi
Corel Draw X3
YOGYA EXECUTIVE SCHOOL “YES”

Terdapat ukuran standar Internasional kertas yang dapat kita pilih langsung. Kita
bisa mempelajari sendiri nama-nama ukuran kertas yang ada.

Menu Bar

Gambar di atas adalah Menu Bar. Didalam Menu Bar terdapat menu-menu yang
memiliki fungsinya masing-masing. Fungsinya akan kita bahas dengan langsung
mempraktekannya.

Tool Box

Selanjutnya adalah Tool Box. Tool Book adalah alat yang paling banyak digunakan
dalam membuat desain grafis dengan Corel Draw. Berikut adalah tampilan Tool Box

Excellent For ….. 7


www.yesjogja.com
Your Charming & Dinamic personality
Desain Publikasi
Corel Draw X3
YOGYA EXECUTIVE SCHOOL “YES”

Color Pallete

Menu ketiga yang paling sering digunakan adalah Color Pallete, di gunakan untuk
memberi warna pada objek. Berikut adalah tampilan Color Pallete

Warna yang ditampilkan pada software vektor menggunakan Basic CMYK.


Maksud dari warna CMYK adalah gabungan warna Cyan, Magenta, Yellow, dan
Black. Warna pada Corel Draw cenderung kewarna redup, sehingga akan
sangat berpengaruh saat kita memilih warna yang tepat untuk desain yang kita
buat.

Berbeda dengan warna pada software Bitmap yang memiliki Basic RGB.
Maksud dari RGB adalah Red, Green, Blue. Warna ini adalah warna pokok yang
biasa digunakan para pelukis untuk membuat gambar mereka.

Pengenalan Menu akan lebih bisa dimengerti apabila kita langsung mencoba
menggunakannya. Sekarang kita buat objek-objek sederhana menggunakan Corel Draw.

Excellent For ….. 8


www.yesjogja.com
Your Charming & Dinamic personality
Desain Publikasi
Corel Draw X3
YOGYA EXECUTIVE SCHOOL “YES”

Pembuatan Objek Dasar


Menggunakan Corel Draw X3

INDIKATOR PENCAPAIAN HASIL BELAJAR

• Peserta dapat memahami dan menggunakan fungsi tools sesuai dengan fungsinya
didalam program CorelDraw X3.

• Peserta dapat membuat bentuk dasar (shape) pada CorelDraw X3 dengan cara
langsung mempraktekannya.

Membuat Bentuk Shape Persegi, Lingkaran, dan Shape Khusus.

Sebagai langkah awal mari kita setting ukuran lembar kerja sesuai dengan yang
kita butuhkan. Untuk latihan kita setting dengan ukuran sebagai berikut:

Membuat Objek Persegi

Setelah menyesuaikan ukuran lembar kerja, mari kita buat persegi panjang
menggunakan Rectangle Tool .

a) Klik Rectangle Tool.


b) Setelah Rectangle Tool aktif arahkan pointer ke dalam lembar kerja, klik tahan
tarik kebawah dan lepas.

Excellent For ….. 9


www.yesjogja.com
Your Charming & Dinamic personality
Desain Publikasi
Corel Draw X3
YOGYA EXECUTIVE SCHOOL “YES”

Kalau benar akan sama seperti gambar di bawah ini

Membuat Objek Lingkaran

Cobalah dengan cara yang sama untuk membuat Lingkarang menggunakan


Ellipse Tool.

a) Klik Ellipse Tool.


b) Arahkan pointer ke dalam lembar kerja, klik tahan tarik kebawah dan lepas.

Excellent For ….. 10


www.yesjogja.com
Your Charming & Dinamic personality
Desain Publikasi
Corel Draw X3
YOGYA EXECUTIVE SCHOOL “YES”

Terdapat 3 pilihan bentuk pada Ellipse Tool, dengan cara yang sama coba buatlah
bentuk seperti gambar di atas.

Membuat Objek Polygonal

Untuk membuat bentuk segi lebih dari empat kita bisa menggunakan Polygonal
Tool. Caranya adalah

a) Klik Polygonal Tool.


b) Atur parameter banyak segi sejumlah yang kita inginkan.
c) Klik tahan pada lembar kerja tarik kebawah samping kanan dan lepas.

Klik tahan tanda segitiga kecil disamping Polygonal Tool maka akan muncul tools
yang lain, coba pilih salah satu dan buat objek dengan cara yang sama sepeti membuat
Polygonal Tool.

Membuat Objek Basic Shapes

Pada CorelDraw terdapat banyak bentuk pilihan, kita bisa membuatnya


menggunakan Basic Shapes, terdapat beberapa jenis basic shapes yang sudah
disediakan software CorelDraw X3. Berikut adalah bentuk dari Basic Shapes.

Excellent For ….. 11


www.yesjogja.com
Your Charming & Dinamic personality
Desain Publikasi
Corel Draw X3
YOGYA EXECUTIVE SCHOOL “YES”

Callout Shape

Basic Shape Arrow Shape Flowchart Shape StarShape

Untuk membuat objek diatas langkah yang harus dikerjakan adalah

a) Klik Basic Shapes Tool .


b) Klik Prefect Shape dibagian atas
c) Pilih objek yang ingin kita gunakan.

Membuat Objek Shape Garis

Pada Corel Draw X3 terdapat beberapa tool untuk membuat objek garis shape.
Agar lebih paham langsung saja untuk membuatnya,

a) klik Freehand Tool,


b) Klik tahan di area lembar kerja,

Excellent For ….. 12


www.yesjogja.com
Your Charming & Dinamic personality
Desain Publikasi
Corel Draw X3
YOGYA EXECUTIVE SCHOOL “YES”

c) Buat alur garis seperti menggunakan pensil, lepas klik apabila ingin berhenti
membuat garis.

Lakukan langkah yang sama untuk membuat garis yang lain dengan tool sejenis
Freehand Tool. Klik tahan Freehand Tool dan akan muncul gambar seperti d ibawah ini

Dimension Tool (untuk membuat petunjuk ukuran obyek)

Connector Tool (untuk membuat garis penghubung)


3 Point Curve (untuk membuat garis lengkung melalui 3 titik)
Polyline Tool (untuk membuat garis/bangun)
Pen Tool (untuk membuat garis/bangun)
Artictic Media (untuk membuat garis ilustrasi/hiasan)
Bezier Tool (untuk membuat garis melalui bantuan titik-titik)
Freehand Tool (untuk membuat tidak beraturan)

Membuat Objek dengan Artistic Media Tool

CorelDraw memiliki fasilitas sprayer yang didalamnya terdapat gambar-gambar


vektor dengan default ornamen-ornamen penghias. Untuk menggunakan gambar vektor
tersebut caranya:

Excellent For ….. 13


www.yesjogja.com
Your Charming & Dinamic personality
Desain Publikasi
Corel Draw X3
YOGYA EXECUTIVE SCHOOL “YES”

a) Klik Artistic Media Tool

b) Pada tampilan atas kanan terdapat pilihan Preset, Brush, Spayer, dan Pressure.

c) Klik Sprayer dan pilih gambar pada bagian Sprayer File List

d) Pilih gambar yang diinginkan dan klik tahan drag pointer pada lembar keja
e) Berikut adalah gambar-bambar yang terdapat pada Sprayer di dalam Artistic
Media Tool.

Membuat Artistik Teks

Membuat artistic teks pada software CorelDraw langkahnya adalah

a) Klik Text Tool,


b) Klik sekali pada lembar kerja, maka akan muncul garis kedap-kedip,
Excellent For ….. 14
www.yesjogja.com
Your Charming & Dinamic personality
Desain Publikasi
Corel Draw X3
YOGYA EXECUTIVE SCHOOL “YES”

c) Ketikan tulisan dengan menggunakan keyboard, misal "Yogya Executive School".

Untuk membuat teks dengan kondisi melengkung kita dapat menggunakan Pen
Tool sebagai pembuat alur garis yang nantinya digunakan untuk trak tulisan.

a) Klik Pen Tool, buatlah garis lengkung sesuai dengan keinginan lengkung yang
diharapkan.
b) Klik Text Tool, arahkan pointer kepangkal garis sampai pointer berubah menjadi
kemudian klik dan teks siap untuk diketikan.

c) Ketikan tulisan YOGYA EXECUTIVE SCHOOL pada trak garis lengkung diatas.

Excellent For ….. 15


www.yesjogja.com
Your Charming & Dinamic personality
Desain Publikasi
Corel Draw X3
YOGYA EXECUTIVE SCHOOL “YES”

Membuat Paragraf Teks

Paragraf teks digunakan untuk membuat desain dengan panjang teks membentuk
paragraf. Kelebihan paragraf teks di banding dengan artistik teks adalah lebih mudah
diatur untuk keperluan penyettingan tata letak dan ukuran tulisan seperti pada Ms Word.
Langkah untuk membuat paragraf teks adalah

a) Klik Text Tool,


b) Klik tahan tarik dan lepas pada lembar kerja, sama seperti membuat bentuk
persegi, maka akan muncul garis kedap-kedip di dalam kotak dengan garis
putus-putus.
c) Kotak dengan garis putus-putus merupakan batas area tulisan pada waktu
diketik. Tuliskan kalimat sebagai berikut.

Excellent For ….. 16


www.yesjogja.com
Your Charming & Dinamic personality
Desain Publikasi
Corel Draw X3
YOGYA EXECUTIVE SCHOOL “YES”

d) Untuk mengatur paragraf yang telah diketikan fasilitas yang digunakan adalah
Character Formatting dan Paragraph Formating. Klik menu Text lalu chek list
kedua fasilitas tersebut.

Excellent For ….. 17


www.yesjogja.com
Your Charming & Dinamic personality
Desain Publikasi
Corel Draw X3
YOGYA EXECUTIVE SCHOOL “YES”

Memodifikasi Objek
Menggunakan Corel Draw X3

INDIKATOR PENCAPAIAN HASIL BELAJAR

• Peserta dapat merubah, mengkopi, dan menggabungkan objek yang dibuat pada
program CorelDraw X3.

Merubah Ukuran Objek

Dalam memodifikasi objek langkah awal yang perlu dipelajari adalah merubah
ukuran objek.

a) Buatlah objek Rectangle pada lembar kerja, maka akan terdapat titik-titik hitam
disetiap sisi persegi,
b) Klik Pick Tool dan arahkan pointer ke titik samping kiri atas pada pojok persegi,
sampai pointer berubah menjadi garis seperti ini
c) Klik tahan dan tarik kekanan bawah sampai persegi berubah menjadi kecil lalu
lepas.

Untuk membesarkan objek langkahnya tinggal dibalik klik tahan dari dalam ke
luar.

Menebalkan Garis

Setelah bisa melakukan tahap di atas, tahap selanjutnya adalah membuat garis
tepi menjadi tebal. Caranya adalah

a) Seleksi atau pilih objek yang garis tepinya akan dirubah menjadi besar,
b) pada bagian atas terdapat Outline Width, ganti Hairline menjadi ukuran 8 pt.

Excellent For ….. 18


www.yesjogja.com
Your Charming & Dinamic personality
Desain Publikasi
Corel Draw X3
YOGYA EXECUTIVE SCHOOL “YES”

Memutar Objek

Tahap selanjutnya adalah memutar objek. Caranaya

a) Klik objek persegi yang akan diputar sampai muncul titik-titik hitam disetiap sisi
objek.
b) Klik sekali lagi sampai titik-titik tersebut berubah menjadi tanda panah.
c) Arahkan pointer menuju arah panah yang berada di pojok persegi samapai pointer
berubah menjadi ,
d) Klik tahan dan putar sesuai dengan posisi yang diinginkan lalu lepas.

Memberi Wana Pada Objek

Tahapan memberi warna pada objek sangatlah mudah, langkah awal adalah

a) Klik objek yang akan dirubah warnanya.


b) Arahkan pointer ke Color Pallete dan pilih warna yang akan digunakan,
c) Klik kiri pada warna yang dipilih untuk memberi warna objek bagian dalam dan
klik kanan pada warna untuk memberi warna pada garis tepi.
Excellent For ….. 19
www.yesjogja.com
Your Charming & Dinamic personality
Desain Publikasi
Corel Draw X3
YOGYA EXECUTIVE SCHOOL “YES”

Pemberian warna pada objek teks juga sama langkahnya dengan memberi warna
pada objek shape. Terdapat fasilitas Object Properties yang digunakan untuk mengatur
ketebalan garis, warna objek, dan pengaturan lain pada objek.

a) Buatlah objek tulisan sebagai berikut:

Excellent For ….. 20


www.yesjogja.com
Your Charming & Dinamic personality
Desain Publikasi
Corel Draw X3
YOGYA EXECUTIVE SCHOOL “YES”

b) Klik kanan objek tulisan dan klik Properties, akan muncul tampilan fasilitas Object
Properties

KLIK KANAN

Fill

Icon Fill digunakan untuk memberi warna pada objek yang terpilih, sama seperti
fill pada tool Box. Lanjutan langkah di atas

c) Klik icon Fill


d) Pada Type Fill pilih Fountain Fill,
e) Ganti warna from dan to dengan dua warna yang berbeda.

Excellent For ….. 21


www.yesjogja.com
Your Charming & Dinamic personality
Desain Publikasi
Corel Draw X3
YOGYA EXECUTIVE SCHOOL “YES”

Outline

Icon Outline digunakan untuk memberi garis tepi pada objek.

f) Klik icon Outline


g) Ganti nilai Width dengan 2.0 pt,
h) Isi color menggunakan warna yang contrast dengan warna fill,
i) Centang list pada Behind Fill.

Excellent For ….. 22


www.yesjogja.com
Your Charming & Dinamic personality
Desain Publikasi
Corel Draw X3
YOGYA EXECUTIVE SCHOOL “YES”

Menggandakan Objek

Untuk menduplikasi objek ada beberapa cara yang bisa dilakukan. Apabila kita
ingin mengkopi dengan jumlah yang sedikit bisa dilakukan dengan

a) Klik kanan objek yang akan dikopi,


b) Klik Copy.
c) Arahkan ke lembar kerja yang kosong, klik kanan lalu pilih Paste.

d) Maka akan tercipta objek yang sama, klik tahan objek dan tarik keruang kosong
pada lembar kerja maka akan terlihat objek yang baru.

Untuk menghapus objek caranya klik objek yang akan dihapus, tekan tombol
delete pada keyboard.

Transformations

Ada cara yang lebih mudah untuk mengkopi objek dalam jumlah yang banyak.
Untuk menduplikat objek dengan jumlah yang banyak kita bisa menggunakan tool
bernama Transformations. Untuk menggunakannya

a) Klik menu Arrange,


b) Pilih Transformations, dan klik Position.
Akan muncul panel seperti gambar di bawah ini:

Excellent For ….. 23


www.yesjogja.com
Your Charming & Dinamic personality
Desain Publikasi
Corel Draw X3
YOGYA EXECUTIVE SCHOOL “YES”

1. Position: digunakan untuk melakukan perpindahan posisi objek dengan jarak


sesuai dengan nilai yang dimasukan dalam H: ... cm dan V: ... cm.

2. Rotate: digunakan untuk memutar objek dengan kemiringan sesuai derajat yang
diinputkan.

3. Scale and Mirror: digunakan untuk melakukan perubahan ukuran pada objek
berdasarkan skala prosentase, dan untuk membalik gambar.

4. Size: digunakan untuk melakukan perubahan ukuran pada objek berdasarkan


satuan ukuran yang diinputkan.

5. Skew: digunakan untuk membuat objek menjadi miring sesuai dengan nila yang
di inputkan

6. Apply To Duplicate: digunakan untuk mendupikat objek sesuai dengan masing-


masing kondisi seperti pada penjelasan nomor 1 sampai 5

Mari kita coba mempraktekan untuk menggunakan tool di atas.

a) Klik objek yang akan diperbanyak,


b) Klik Position,
c) Isikan nilai H (Hight): 3 cm,
d) Klik Apply To Duplicate sebanyak 5 kali.

Excellent For ….. 24


www.yesjogja.com
Your Charming & Dinamic personality
Desain Publikasi
Corel Draw X3
YOGYA EXECUTIVE SCHOOL “YES”

Lakukan langkah yang sama untuk membuat duplikat dengan kondisi dari nomor
1 sampai 5.

Menggabungkan Objek

Objek yang jumlahnya lebih dari satu dapat digabung dengan cara menggunakan
fasilitas Group. Objek yang sudah di Group dapat dipisah kembali menggunakan
Ungroup.

Langkah untuk menggabungkan objek adalah

a) Blok semua obyek yang akan digabung.


b) Klik kanan pada salah satu objek
c) Klik Goup.

Sedangkan untuk memisahkan objek yang sudah di group adalah

a) Klik objek terlebih dahulu,


b) Klik kanan objek yang akan dipisahkan
c) Klik Ungroup.

Catatan: Pada CorelDraw X3 sudah secara otomatis apabila objek belum di Group maka
fasilitas Ungroup tidak akan keluar.

Excellent For ….. 25


www.yesjogja.com
Your Charming & Dinamic personality
Desain Publikasi
Corel Draw X3
YOGYA EXECUTIVE SCHOOL “YES”

Pengaturan Tata Letak Objek dan Penggunaan Shaping

INDIKATOR PENCAPAIAN HASIL BELAJAR

 Peserta dapat membuat tata letak objek yang dibuat dengan ukuran dan posisi yang
proporsional.
 Peserta dapat mebuat bentuk sesuai dengan keinginan sendiri menggunakan fasilitas
Shaping.

Align and Distribute

Dalam mendesain sangatlah penting untuk memperhatikan tata letak agar desain
kita dilihat Rapi dan menarik. Salah satu fasilitas untuk membuat tata letak objek adalah
Align and Distribute. Langkah untuk menggunakan fasilitas ini adalah :

a) Pilih objek-objek yang akan diatur letaknya dengan cara di blok.


b) Klik menu Arrange,
c) Pilih Align and Distribute dan kemudian akan ada panel yang muncul, klik Align
and Distribute yang kedua.

Blok

Maka akan muncul panel seperti di bawah ini:

Excellent For ….. 26


www.yesjogja.com
Your Charming & Dinamic personality
Desain Publikasi
Corel Draw X3
YOGYA EXECUTIVE SCHOOL “YES”

Align digunakan untuk mengatur letak objek agar menjadi rata.

Pilih salah satu dari pengaturan yang ada, Left: digunakan untuk rata kiri, Right:
rata kanan, Center: rata tengah, Top: rata atas, Bottom: rata bawah.

Distribute digunakan untuk mengatur jarak antar objek.

Sebagai latihan kita pilih Center dan Center lalu klik Apply.

Shaping

Untuk membuat obyek-obyek tertentu, perlu dilakukan proses penggabungan dan


pemotongan gambar (shaping). Fasilitas Shaping terbagi menjadi:

1. Weld, digunakan untuk menggabung dua obyek atau lebih

2. Trim, digunakan untuk memotong obyek dangan obyek yang lain

3. Intersect, digunakan untuk membuat obyek dari area perpotongan obyek yang
letaknya bersinggungan.

4. Simplify, hampir sama denga Trim, perbedaannya hanya harus memblok kedua
objek. Lebih mudah digunakan untuk memotong objek lebih dari 2 buah.

Agar lebih paham mari kita langsung untuk mempraktekannya:

 Weld

Buatlah dua buah Objek seperti gambar dibawah ini

Excellent For ….. 27


www.yesjogja.com
Your Charming & Dinamic personality
Desain Publikasi
Corel Draw X3
YOGYA EXECUTIVE SCHOOL “YES”

Buka fasilitas Shaping dengan cara

a) Klik menu Arrange,


b) pilih Shaping, dan klik Shaping yang kedua.

Maka akan muncul panel Shaping sebagai berikut:

Excellent For ….. 28


www.yesjogja.com
Your Charming & Dinamic personality
Desain Publikasi
Corel Draw X3
YOGYA EXECUTIVE SCHOOL “YES”

c) Pilih mode Weld,


d) lalu susunlah objek lingkaran dan segitiga menjadi seperti di bawah ini

e) Klik objek segitiga lalu arahkan pointer menuju fasilitas Shaping,


f) Klik Weld To kemudian klik objek lingkaran, lihat hasilnya, kedua objek telah
menyatu.

Ulangi step di atas untuk menyatukan 3 buah objek lingkaran.

Excellent For ….. 29


www.yesjogja.com
Your Charming & Dinamic personality
Desain Publikasi
Corel Draw X3
YOGYA EXECUTIVE SCHOOL “YES”

 Trim
Buatlah objek seperti dibawah ini:

a) Tumpuk objek sebagai berikut

b) Seleksi kedua objek kemudian klik Trim

c) Arahkan pointer menuju objek kotak, (objek kotak adalah objek yang akan
terpotong)
d) Klik pada objek kotak.
e) Hapus objek lingkaran, maka akan terlihat hasil perpotongan dari langkah Trim
sebagai berikut.

 Intersect
Langkah untuk menggunakan Intersect adalah
a) Buatlah objek seperti dibawah ini

b) Tumpuk objek seperti gambar dibawah ini

Excellent For ….. 30


www.yesjogja.com
Your Charming & Dinamic personality
Desain Publikasi
Corel Draw X3
YOGYA EXECUTIVE SCHOOL “YES”

c) Seleksi kedua objek kemudian klik Intersect With


d) Arahkan pointer menuju salah satu objek, lalu klik pada salah satu objek yang
dipiliah.
e) Secara otomatis akan tercipta objek baru dari perpotongan dua buah objek
lingkaran di atas.

 Simplify
Simplify hampir sama dengan trim, yaitu fungsinya untuk memotong. Bedanya,
simplify tidak bisa memilih mana bidang sumber, dan mana bidang targetnya. Pada
simplify ini, bidang 1 memotong bagian bidang 2 yang dia tutupi

Apabila sudah paham metode kerjanya, silakan coba Simplify, Front Minus Back,
dan Back Minus Front agar paham dengan fungsinya masing-masing.

PowerClip

PowerClip adalah fasilitas yang digunakan untuk memasukan objek kedalam objek
lain. PowerClip biasa digunakan untuk menampilkan foto kedalam bingkai yang terbuat
dari shape. Langkah penggunaannya sebagi berikut:

a) Klik menu File


b) Klik Import

c) Pilih gambar yang akan dimasukan kemusian klik Import


d) Arahkan pointer ke lembar kerja dan klik sekali untuk meletakan gambar yang
telah dipilih.
e) Buatlah objek love dengan ukuran sedikit lebih kecil dari gambar.

Excellent For ….. 31


www.yesjogja.com
Your Charming & Dinamic personality
Desain Publikasi
Corel Draw X3
YOGYA EXECUTIVE SCHOOL “YES”

f) Seleksi objek gambar lalu klik menu Effects


g) Pilih PowerClip
h) Klik Place Inside Container

i) Arahkan pointer menuju objek love dan klik sekali, maka objek gambar secara
otomatis akan masuk ke objek love.

j) Untuk mengedit tata letak posisi gambar caranya klik kanan


k) Klik Edit Contents

Excellent For ….. 32


www.yesjogja.com
Your Charming & Dinamic personality
Desain Publikasi
Corel Draw X3
YOGYA EXECUTIVE SCHOOL “YES”

l) Rubah posisi objek gambar seperti yang diinginkan


m) Setelah sesuai dengan posisi yang diinginkan, klik kanan
n) Klik Finish Editing This Level

Excellent For ….. 33


www.yesjogja.com
Your Charming & Dinamic personality
Desain Publikasi
Corel Draw X3
YOGYA EXECUTIVE SCHOOL “YES”

Effect

INDIKATOR PENCAPAIAN HASIL BELAJAR

 Peserta dapat memberi effect-effect yang disediakan software CorelDraw X3 kepada


objek sesuai dengan fungsinya masing-masing.

Effect Tool

Interactive Blend Tool Interactive Tranparency Tool

Interactive Countour Tool Interactive Extrude Tool

Interactive Distortion Tool Interactive Envelope Tool


Interactive Drop Shadow Tool

Untuk mengetahui kegunaan masing-masing fasilitas Effect, mari kita coba satu-
persatu fasilitas Effect yang tertera di atas.

Interactive Blend Tool

a) Buatlah dua buah objek seperti dibawah ini

b) Klik Interactive Blend Tool


c) Arahkan pointer ke tengah objek lingkaran
d) Klik tahan lalu tarik ke arah objek bintang sampai keduanya terhubung kemudian
lepas.

Berikut adalah hasil dari teknik effect Blend

Excellent For ….. 34


www.yesjogja.com
Your Charming & Dinamic personality
Desain Publikasi
Corel Draw X3
YOGYA EXECUTIVE SCHOOL “YES”

Interactive Countour Tool

a) Buatlah objek seperti dibawah ini

b) Klik objek
c) Klik Interactive Countour Tool
d) Arahkan pointer ke bagian bawah objek
e) Klik tahan lalu tarik ke arah tengah objek

Berikut adalah hasil dari teknik effect Countour

Interactive Distortion Tool

a) Buatlah objek seperti dibawah ini

b) Klik Objek
c) Klik Interactive Distortion Tool
d) Arahkan pointer ke bagian tengah objek
e) Klik tahan lalu tarik ke arah kiri objek
Catatan: Awal posisi klik adalah titik poros effek Distortion di buat.

Berikut adalah hasil dari teknik effect Countour

Excellent For ….. 35


www.yesjogja.com
Your Charming & Dinamic personality
Desain Publikasi
Corel Draw X3
YOGYA EXECUTIVE SCHOOL “YES”

Interactive Drop Shadow Tool

a) Buatlah objek seperti dibawah ini

b) Klik Objek
c) Klik Interactive Shadow Tool
d) Arahkan pointer ke bagian kanan objek
e) Klik tahan lalu tarik ke arah kiri objek

Berikut adalah hasil dari teknik effect Shadow

Interactive Envelope Tool

a) Buatlah objek teks seperti dibawah ini

b) Klik Objek
c) Klik Interactive Envelope Tool
d) Rubah posisi titik-titik yang berada disamping objek dengan cara klik tahan drag.

Berikut adalah hasil dari teknik effect Envelope

Interactive Extrude Tool

a) Buatlah objek seperti dibawah ini

b) Klik Objek
c) Klik Interactive Extrude Tool
d) Arahkan pointer ke bagian tengah objek
e) Klik tahan lalu tarik ke arah samping objek

Berikut adalah hasil dari teknik effect Extrude

Excellent For ….. 36


www.yesjogja.com
Your Charming & Dinamic personality
Desain Publikasi
Corel Draw X3
YOGYA EXECUTIVE SCHOOL “YES”

Interactive Tranparency Tool

a) Import dua gambar sebagai berikut

b) Tumpuk objek gambar sehingga gambar gedung terlihat hanya setengah gambar
c) Seleksi Foto karyawan YES
d) Klik Interactive Tranparency Tool
e) Arahkan pointer ke Foto karyawan YES klik tahan ditengah objek dan tarik ke
tengah gambar gedung kemudian lepas.

Berikut adalah hasil dari teknik effect Tranparency

Excellent For ….. 37


www.yesjogja.com
Your Charming & Dinamic personality
Desain Publikasi
Corel Draw X3
YOGYA EXECUTIVE SCHOOL “YES”

Latihan

Buatlah objek menggunakan materi yang ada pada modul Corel Draw di atas
untuk menjadikan kita lebih menguasai teknik pembuatan desain grafis dengan Corel
Draw!

Excellent For ….. 38


www.yesjogja.com
Your Charming & Dinamic personality
Desain Publikasi
Adobe Photoshop CS3
YOGYA EXECUTIVE SCHOOL “YES”

Adobe Photoshop CS3

Excellent For ….. www.yesjogja.com39


Your Charming & Dinamic personality
Desain Publikasi
Adobe Photoshop CS3
YOGYA EXECUTIVE SCHOOL “YES”

Adobe Photoshop CS3

Adobe Photoshop adalah software Desain Grafis berbasis bitmap. Bitmap adalah
format yang digunakan pada gambar-gambar foto capture dari kamera. Bitmap terbentuk
dari kumpulan pixel (titik), contoh seperti layar Mobile Phone yang memiliki resolusi pixel.
Gambar Bitmap akan terlihat pecah saat dilakukan Zoom Over, semakin kecil resolusi
gambar maka akan semakin terlihat pecah saat di lakukan zoom pad gambar. Adobe
Photoshop biasa digunakan untuk mengedit gambar hasil capture dari kamera maupun
scaner.

Adobe Photoshop CS3 merupakan versi terbaru yang masih sering digunakan oleh
desainer-desainer dibidang grafis. Saat ini Adobe Photoshop dengan versi tertinggi adalah
Adobe Photoshop CS6. Namun banyak pertimbangan unutk menggunakan Adobe Photoshop
dengan versi lebih tinggi dari CS3. Salah satunya adalah spesifikasi komputer yang
digunakan harus tinggi. Kemampuan Adobe Photoshop CS3 sudah sangat bisa diandalkan
unutk keperluan mengolah gambar. Komputer yang digunakan berada pada level standar
disesuaikan dengan kondisi yang ada pada saat ini. Sehingga disini penulis membahas
Adobe Photoshop CS3 untuk modul Desain Grafis "Yogya Executive School".

Jalankan Program Adobe Photoshop CS3 maka akan muncul tampilan sebagai
berikut:

Menu bar
Option bar

Tools box

Pallete
Lembar Kerja

Keterangan Gambar:

Menu bar : Didalam Menu Bar terdapat seluruh fasilitas yang digunakan untuk
keperluan mengedit foto.

Option bar : Berisi pengaturan untuk keperluan edit sesuai dengan tool yang
sedang aktif.

Pallete : Sekumpulan menu yang digunakan untuk membantu proses editing


gambar.

Lembar Kerja : Tampilan untuk tempat meletakan objek gambar.

Excellent For ….. www.yesjogja.com40


Your Charming & Dinamic personality
Desain Publikasi
Adobe Photoshop CS3
YOGYA EXECUTIVE SCHOOL “YES”

Tool box : Merupakan tempat yang berisi alat-alat untuk membuat, atau
memproses gambar.

Tool Box akan sangat sering digunakan dalam Photoshop. Maka sangat penting untuk
dipahami masing-masing fungsi dari tool bok. Berikut adalah penjelasan sedikit tentang
tools yang ada di tool box.

Tool Seleksi

Tool Editing

Shape & Teks

Navigator Tool

Agar cepat paham dengan tool diatas mari kita langsung praktekan menggunakan
Software Adobe Photoshop.

Excellent For ….. www.yesjogja.com41


Your Charming & Dinamic personality
Desain Publikasi
Adobe Photoshop CS3
YOGYA EXECUTIVE SCHOOL “YES”

Seputar Editing Gambar

INDIKATOR PENCAPAIAN HASIL BELAJAR

• Peserta dapat memahami fungsi-fungsi tool basic editing pada Adobe Photoshop Cs 3.

• Peserta dapat mengolah gambar sesuai dengan yang diinginkan.

Membuka Gambar

Untuk membuka gambar atau foto caranya adalah

a) Klik menu File


b) Klik Open.
Tunggu hingga kotak dialog open file muncul.

c) Cari file gambar yang akan dimasukan, pilih gambar dengan di klik,
d) Klik Open untuk memasukan kedalam lembar kerja Photoshop.

Pada saat gambar sudah masuk didalam Photoshop maka gambar tersebut sudah
siap untuk diolah menjadi seperti yang kita inginkan.

Excellent For ….. www.yesjogja.com42


Your Charming & Dinamic personality
Desain Publikasi
Adobe Photoshop CS3
YOGYA EXECUTIVE SCHOOL “YES”

Mari kita mulai untuk mencoba kemampuan Photoshop satu-persatu.

Memutar dan Merubah Ukuran Gambar

Sebelum gambar diputar dan dirubah ukurannya, pastikan Background telah menjadi
Layer,

a) Klik Layer pada Pallete,


b) Klik 2 kali Background
c) Akan muncul panel dan klik OK.

Catatan: materi Layer akan dibahas pada akhir modul Photoshop

Langkah untuk memutar dan merubah ukuran gambar adalah

a) Klik menu Edit


b) Klik Transform

Excellent For ….. www.yesjogja.com43


Your Charming & Dinamic personality
Desain Publikasi
Adobe Photoshop CS3
YOGYA EXECUTIVE SCHOOL “YES”

Catatan:

Scale = Untuk merubah ukuran gambar.

Rotate = Untuk memutar gambar dengan derajat yang kita inginkan.

Skew = Untuk merubah gambar menjadi miring.

Distort = Untuk menarik ujung gambar agar terlihat dimensinya.

Prespective = Membuat prespective gambar sesuai yang diinginkan.

Warp = Membuat ukuran gambar dari semua sisi bidang.

Rotate 180o = Memutar objek 180o.

Rotate 90o CW = Memutar objek 90o ke kanan.

Rotate 90o CCW = Memutar objek 90o ke kiri.

Flip Horizontal = Membalik objek searah horizontal.

Flip Vertical = Membalik objek searah vertikal.

Excellent For ….. www.yesjogja.com44


Your Charming & Dinamic personality
Desain Publikasi
Adobe Photoshop CS3
YOGYA EXECUTIVE SCHOOL “YES”

c) Untuk latihan, klik Scale maka akan terdapat titik-titk disetiap pojok gambar.
d) Arahkan pointer menuju pojok kanan atas gambar dan tempelkan ke titik sampai
pointer berubah menjadi arah panah bolak-balik.
e) Klik tahan tarik kedalam gambar, lalu lepas klik.

Catatan : untuk mescale gambar manusia, tips saat menarik sambil menekan tombol Shift
pada keyboard agar ukuran gambar tetap proposional.

Lakukan uji coba untuk yang lain, langkahnya sama.

Meluruskan Gambar yang Miring

Ketika kita memotret seringkali garis horizontal tidak lurus. Untuk memperbaiki
gambar tersebut langkahnya sebagai berikut

a) Klik Measure Tool di tool box


Klik Kanan

Measure Tool

b) Drag penggaris tersebut pada gambar yang seharusnya lurus

c) Klik menu Image pilih Rotate pilih Arbitrary. Jangan merubah setingan yang
ada! Klik OK

Excellent For ….. www.yesjogja.com45


Your Charming & Dinamic personality
Desain Publikasi
Adobe Photoshop CS3
YOGYA EXECUTIVE SCHOOL “YES”

Fasilitas Ajustments

Pada fasilitas ini terdapat dua buah penyetingan pokok yaitu Mengatur Exposure
dan Mengatur Saturasi. Exposure adalah nilai gelap atau terang suatu photo. Untuk
mengatur gelap terang sebuah gambar dapat dilakukan dengan berbagai cara melalui menu
ataupun fasilitas pada ajustments. Sedangkan Saturasi adalah istilah lain dari warna. Untuk
mengatur warna sebuah gambar dapat dilakukan dengan berbagai cara melalui menu
ataupun fasilitas pada ajustments.

Mengatur Exposure

Berikut adalah fasilitas yang digunakan untuk mengatur gelap terang sebuah foto
yang terdapat pada fasilitas Ajustments:

 Levels
 Curves
 Brightness Contrast
 Threshold
 Shadow/ Highlight

Mari kita coba untuk mempraktekannya. Open gambar yang lain agar terbiasa
dengan membuka gambar atau foto pada Adobe Photoshop.

a) Klik Menu Image


b) Pilih Ajustments dan akan ada banyak pilihan fasilitas

Excellent For ….. www.yesjogja.com46


Your Charming & Dinamic personality
Desain Publikasi
Adobe Photoshop CS3
YOGYA EXECUTIVE SCHOOL “YES”

Mari kita coba satu per satu fasilitas yang ada di Ajustments, kita mulai dari

 Level
Fasilitas Level digunakan untuk menambah cahaya agar gambar berubah menjadi
terang.
a) Klik Levels…

b) Ganti Channel: Tarik segitiga kecil untuk melihat fungsi dari Level.
c) Klik OK.

Excellent For ….. www.yesjogja.com47


Your Charming & Dinamic personality
Desain Publikasi
Adobe Photoshop CS3
YOGYA EXECUTIVE SCHOOL “YES”

Sebelum edit Level Sesudah Edit Level

 Curve
Fasilitas Curve digunakan untuk mempertajam cahaya dan juga Dominasi Warna
Merah, Hijau atau Biru pada pemilihan Channel.
a) Buka kembali foto yang baru
b) Klik Curves..

c) Ganti Channel: Tarik titk kecil untuk melihat fungsi dari Curve.
d) Klik OK.

Sebelum edit Curve Sesudah Edit Curve

Excellent For ….. www.yesjogja.com48


Your Charming & Dinamic personality
Desain Publikasi
Adobe Photoshop CS3
YOGYA EXECUTIVE SCHOOL “YES”

 Brightness Contrast
Digunakan untuk mengatur tingkat gelap terang dan kontras. Fasilitas ini lebih
sederhana dan mudah dipakai dibandingkan dengan dua fasilitas di atas.

Untuk menggunakan Brightness Contrast langkahnya sebagai berikut


a) Klik menu Image pilih Adjustment pilih Brightness Contrast
b) Penyesuaian dilakukan dengan cara Menggeser tiap slider dibawah histogram hingga
ditemukan kondisi yang diharapkan.
c) Setelah ditemukan kondisi yang sesuai, klik OK

 Threshold
Digunakan untuk merubah gambar menjadi black and white.

Untuk menggunakan Threshold langkahnya sebagai berikut:


a) Klik menu Image pilih Adjustment pilih Threshold
b) Penyesuaian dilakukan dengan cara Menggeser tiap slider dibawah histogram hingga
ditemukan kondisi yang diharapkan.
c) Setelah ditemukan kondisi yang sesuai, klik OK

 Shadow/ Highlight
Digunakan untuk mengatur tingkat gelap terang dan kontras dengan otomatis.

a) Klik menu Image pilih Adjustment pilih Shadow/ Highlight


b) Penyesuaian dilakukan dengan cara Menggeser tiap slider dibawah histogram hingga
ditemukan kondisi yang diharapkan.
c) Klik tombol Show More Options untuk mendapatkan fasilitas editing yang lebih
lengkap. Setelah ditemukan kondisi yang sesuai, klik OK

Mengatur Saturasi

Berikut adalah fasilitas yang digunakan untuk mengatur warna sebuah foto yang
terdapat pada fasilitas Ajustments:

 Hue/ Saturation
 Replace Color
 Channel Mixer
 Photo Filter
 Variation
 Color Balance
 Hue/ Saturation
Excellent For ….. www.yesjogja.com49
Your Charming & Dinamic personality
Desain Publikasi
Adobe Photoshop CS3
YOGYA EXECUTIVE SCHOOL “YES”

Digunakan untuk mengatur unsur warna (Hue), intensitas warna (Saturation), dan
intensitas cahaya (Lightness).

Rubah nilai dengan menggeser slider sampai menemukan warna yang diinginkan.

 Replace Color
Digunakan untuk mengganti sebuah warna yang terpilih dengan warna lain.

a) Klik menu Image pilih Adjustment klik Replace Color


b) Klik sampel warna pada gambar yang akan diganti warnanya.
c) Penyesuaian dilakukan dengan cara Menggeser tiap slider hingga ditemukan warna
pengganti yang diinginkan.

Klik

d) Setelah ditemukan warna pengganti yang sesuai, klik OK

 Channel Mixer

Excellent For ….. www.yesjogja.com50


Your Charming & Dinamic personality
Desain Publikasi
Adobe Photoshop CS3
YOGYA EXECUTIVE SCHOOL “YES”

Digunakan untuk mengganti sebuah warna dengan merubah intensitas channel.

Rubah nilai dengan menggeser slider sampai menemukan warna yang diinginkan.

 Photo Filter
Fasilitas ini berfungsi untuk member efek filter seperti pada lensa kamera.

Pilih warna untuk dijadikan color filter dan rubah nilai dengan menggeser slider
sampai menemukan warna yang diinginkan.

Pelajari semua fasilitas yang ada di Ajustment dengan langkah yang sama. Rubah
nilai-nilai yang ada disetiap fasilitas agar tahu fungsinya.

 Variation
Digunakan untuk mengubah intensitas setiap warna maupun exposure.

 Color Balance
Digunakan untuk mengatur warna dasar pada foto.

Excellent For ….. www.yesjogja.com51


Your Charming & Dinamic personality
Desain Publikasi
Adobe Photoshop CS3
YOGYA EXECUTIVE SCHOOL “YES”

Mempercantik Gambar

INDIKATOR PENCAPAIAN HASIL BELAJAR

• Peserta dapat mengenal tools pada Tool Box pada Adobe Photoshop Cs 3.

• Peserta dapat mempercantik dan memperbaiki gambar yang ada.

Buka gambar baru sebagai berikut:

Kita memiliki foto dengan wajah yang tercoreng cat dan ada bitik hitam kecil di dahi.
Tujuan kita adalah menghapus cat pada wajah dan menghilangkan noda hitam pada dahi
agar foto terlihat lebih cantik. Caranya perbesar gambar denga fasilitas Navigator,

a) Klik panel Navigator


b) Tarik nilai current Navigator sesuai dengan ukuran wajah.

Excellent For ….. www.yesjogja.com52


Your Charming & Dinamic personality
Desain Publikasi
Adobe Photoshop CS3
YOGYA EXECUTIVE SCHOOL “YES”

Setelah lembar keja sudah sesuai dengan tampilan muka, kita mulai untuk
mengeditnya.

c) Klik Clone Stamp Tool pada Tool Box


d) Arahkan pointer ke noda hitam pada dahi.

e) Tekan dan tahan tombol Alt pada keyboard sampai pointer bertambah tanda +
didalamnya.

f) Klik sekali lalu lepas tombol Alt.


Langkah ini maksudnya adalah mengambil sampel warna pada posisi pointer berada.
g) Arahkan pointer ke arah noda,
h) Klik tahan dan gerakan pointer diarea noda sampai noda hitam benar-benar hilang
baru lepas klik.

Sebelum edit Clone Stamp Tool Sesudah Edit Clone Stamp Tool

Sekarang noda hitam pada dahi sudah hilang.

Langkah selanjutnya adalah menghilangkan cat pada pipi. Caranya adalah

a) Klik Healing Brush Tool,


b) Arahkan pointer ke samping noda cat.

Excellent For ….. www.yesjogja.com53


Your Charming & Dinamic personality
Desain Publikasi
Adobe Photoshop CS3
YOGYA EXECUTIVE SCHOOL “YES”

c) Klik tahan dan tarik kedalam noda cat.


d) Lakukan langkah tersebut berkali-kali sampai noda cat hilang.

Sebelum edit Healing Brush Tool Sesudah Edit Healing Brush Tool

Excellent For ….. www.yesjogja.com54


Your Charming & Dinamic personality
Desain Publikasi
Adobe Photoshop CS3
YOGYA EXECUTIVE SCHOOL “YES”

Selection

INDIKATOR PENCAPAIAN HASIL BELAJAR

• Peserta dapat memotong gambar sesuai dengan alur yang diinginkan.

Seleksi merupakan bagian yang paling umum ketika kita mengedit atau
memanipulasi sebuah foto. Seleksi berfungsi untuk memilih area yang akan kita edit. Untuk
mendapatkan seleksi yang tepat ada beberapa cara yang akan dijelaskan di bawah ini:

Alat Untuk Seleksi

Seperti yang dijelaskan pada awal modul Tools seleksi dasar pada photoshop
terdapat pada tools box. Berikut ini adalah tools selesi yang biasa digunakan:

Agar lebih paham dan jelas mari kita praktekan secara langsung penggunaan tools
seleksi yang disediakan Photoshop.

 Marquee Tool

Rectangular Marquee Tool = Membuat seleksi berbentuk kotak dengan cara drag.

a) Klik Rectangular Marquee Tool,


b) Arahkan pointer ke arah foto, klik tahan tarik sesuai seleksi yang akan digunakan lalu
lepas.

Excellent For ….. www.yesjogja.com55


Your Charming & Dinamic personality
Desain Publikasi
Adobe Photoshop CS3
YOGYA EXECUTIVE SCHOOL “YES”

Setelah terbentuk area terseleksi dengan garis hitam-putih, langkah selanjutnya

c) Tekan Ctrl+C pada keyboard untuk mengkopi,


d) Tekan Ctrl+N untuk membuat lembar kerja baru, maka muncul kotak dialog
e) Klik OK,
f) Tekan Ctrl+V untuk Paste.

Elliptical Marquee Tool = Membuat seleksi berbentuk lingkaran dengan cara drag.

Langkahnya sama dengan menggunakan Rectangular Marquee Tool. Silakan dicoba.

 Lasso Tool

- Lasso Tool, berfungsi untuk membuat seleksi bebas. Untuk menggunakan Lasso
Tool dengan cara Klik tahan pada posisi awal drag sesuai bentuk yang diinginkan
(seperti kita mengguakan pensil), ujungnya harus bertemu lagi dengan posisi awal
baru klik dilepas.
- Polygon Lasso Tool, berfungsi untuk membuat seleksi berupa garis-garis lurus,
sehingga kurang bagus untuk objek lengkung. Untuk menggunakan Polygon Lasso
Tool dengan cara klik pada posisi awal lepas tarik ke posisi selanjutnya sampai
membentuk seleksi yang diinginkan dan ujung harus berhenti pada titik awal.
- Magnetic Lasso Tool, berfungsi untuk membuat seleksi berdasarkan kontras
warna sehingga akan memudahkan kita dalam membentuk objek. Untuk
menggunakan Magnetic Lasso Tool dengan cara klik, ikuti bentuk objek sampai
ketemu titik awal.

 Quick Selection Tool


Quick Selection Tool merupakan alat seleksi berdasarkan besar area yang diinginkan.
Untuk menggunakan Quick Selection Tool langkahnya sebagai berikut
a) Klik Quick Selection Tool,
b) Atur nilai Brush di option bar untuk mengatur area seleksi,
c) Arahkan pointer ke lembar kerja,
d) Klik area yang akan diseleksi, kemudian klik lagi, lakukan sampai semua area yang
ingin diseleksi terseleksi.

Excellent For ….. www.yesjogja.com56


Your Charming & Dinamic personality
Desain Publikasi
Adobe Photoshop CS3
YOGYA EXECUTIVE SCHOOL “YES”

 Magic Wand Tool

Magic Wand Tool merupakan alat seleksi berdasar jangkauan warna. Untuk
menggunakan Magic Mand Tool langkahnya sebagai berikut

a) Klik Magic Wand Tool,


b) Atur nilai Tolerance di option bar untuk mengatur area seleksi,
c) Arahkan pointer ke lembar kerja,
d) Klik warna yang akan diseleksi,
e) Tekan Shift+klik untuk menambah area seleksi.

Excellent For ….. www.yesjogja.com57


Your Charming & Dinamic personality
Desain Publikasi
Adobe Photoshop CS3
YOGYA EXECUTIVE SCHOOL “YES”

Pada latihan ini sudah kita praktekan perbedaan antara Quick Selection Tool dan
Magic Wand Tool, penggunaannya akan disesuaikan dengan kebutuhan.

Seleksi Menggunakan Path

Cara ini merupakan teknik yang paling sering digunakan oleh seorang desainer,
selain mudah, hasil bagus, bentuk seleksi masih dapat disimpan dalam bentuk file JPG.
Kelebihan lainnya adalah hasil path dapat dijadikan clipping path sehingga akan membuat
gambar menjadi transparan ketika dimasukkan dalam aplikasi Adobe Page Maker.

 Membuat Path dengan Pen Tool


Dengan memanfaatkan fasilitas pen tool, kita dapat dengan mudah menyeleksi suatu
objek dengan mudah dan hasil bagus. Untuk menggunakan pen tool langkahnya sebagai
berikut:

a) Buka gambar yang akan diseleksi


b) Pilih Pen Tool di tool box, pada option bar pilih mode path.

c) Buat seleksi dasar dengan cara klik lepas sampai bertemu titik awal.
d) Rapikan bentuk seleksi menggunakan convert point tool untuk melengkung

Excellent For ….. www.yesjogja.com58


Your Charming & Dinamic personality
Desain Publikasi
Adobe Photoshop CS3
YOGYA EXECUTIVE SCHOOL “YES”

e) Klik kanan, pilih Make Selection, kemudian akan keluar kotak dialog seperti berikut

f) Isi nilai feather radius dengan nilai 10. Klik Ok.


Catatan: Semakin besar nilai feather semakin besar nilai blur bagian samping.

Menu Selection

Untuk memodifikasi hasil seleksi dapat dilakukan dengan menu seleksi. Berikut ini
adalah penjelasan menu seleksi untuk memodifikasi hasil seleksi.

 All, Menyeleksi seluruh foto.


 Deselect, Menghilangkan bentuk seleksi.

Excellent For ….. www.yesjogja.com59


Your Charming & Dinamic personality
Desain Publikasi
Adobe Photoshop CS3
YOGYA EXECUTIVE SCHOOL “YES”

 Reselect, Mengulang seleksi terakhir yang sudah dihilangkan.


 Inverse, Membalik seleksi.
 Color Range, Seleksi berdasar warna.
 Feather, Membuat transisi pada tepi seleksi.
 Modify….
- Border, Membuat seleksi hanya pada tepi gambar
- Smooth, Membuat seleksi lebih halus, cocok untuk modifikasi dari polygon lasso
- Expand, Menambah area seleksi berdasar jumlah pixel
- Contract, Mengurangi area seleksi berdasar jumlah pixel
 Grow, Menambah area seleksi berdasar range warna.
 Similar, Menambah area seleksi berdasarkan warna yang sama.
 Transform Selection, Untuk melakukan transformasi seleksi.
 Save Selection, Menyimpan hasil seleksi berupa alpha channel.

Excellent For ….. www.yesjogja.com60


Your Charming & Dinamic personality
Desain Publikasi
Adobe Photoshop CS3
YOGYA EXECUTIVE SCHOOL “YES”

Layer

INDIKATOR PENCAPAIAN HASIL BELAJAR

• Peserta dapat bekerja menggunakan tumpukan layer.

Layer merupakan tumpukan objek dalam satu lembar kerja. Layer sangat diperlukan
untuk menggabungkan gambar lebih dari satu. Setiap layer dapat dilakukan editing tanpa
mempengaruhi layer-layer yang lain. Layer juga dapat saling berkaitan dengan kondisi-
kondisi tertentu.

Agar lebih paham, langsung saja untuk mempraktekan langkah-langkah mengedit


gambar menggunakan layer.

Langkahnya adalah

a) Open empat buah gambar sebagai berikut:

b) Buatlah lembar kerja baru dangan cara tekan Ctrl + N pada keyboard dan atur
ukuran sebagai berikut:
Excellent For ….. www.yesjogja.com61
Your Charming & Dinamic personality
Desain Publikasi
Adobe Photoshop CS3
YOGYA EXECUTIVE SCHOOL “YES”

c) Klik OK untuk memunculkan lembar kerja baru.


Sekarang kita sudah siap untuk bekerja menggunakan layer.
d) Tarik keempat gambar satu persatu kedalam lembar kerja yang baru di buat. Mulai
dari gambar background burung.
e) Atur posisi gambar background burung pada center lembar kerja dengan cara klik
tahan tarik ke tengah lembar kerja.

f) Lakukan langkah yang sama untuk menarik model wanita kedalam lembar kerja.

Sekarang lihat pada layer di lemabar kerja. Terdapat Layer 1 berisi background
burung dan Layer 2 berisi model wanita.

Excellent For ….. www.yesjogja.com62


Your Charming & Dinamic personality
Desain Publikasi
Adobe Photoshop CS3
YOGYA EXECUTIVE SCHOOL “YES”

Lakukan seleksi untuk area berwarna putih pada Layer 2, langkahnya

g) Klik Layer 2 sampai berwarna biru.


h) Klik menu Select
i) Klik Color Range maka akan muncul panel dialog.

j) Klik sampel warna pada warna putih di samping model.


k) Isikan nilai Fuzzines = 52.

Excellent For ….. www.yesjogja.com63


Your Charming & Dinamic personality
Desain Publikasi
Adobe Photoshop CS3
YOGYA EXECUTIVE SCHOOL “YES”

l) Klik OK maka akan terseleksi objek warna putih pada gambar model.
m) Tekan tombol Delete pada keyboard sehingga muncul Background burung di
belakang gambar model.

n) Atur Larer 1 dengan mengecilkan dan membalik menggunakan Transform Flip


Horizontal.

o) Langkah selanjutnya tarik dan masukan gambar bunga ke lembar kerja. Kecilkan
seperti gambar berikut ini:

Excellent For ….. www.yesjogja.com64


Your Charming & Dinamic personality
Desain Publikasi
Adobe Photoshop CS3
YOGYA EXECUTIVE SCHOOL “YES”

p) Crop bunga menggunakan Magic Wand Tool. Caranya klik Magic Wand Tool, arahkan
pointer menuju warna putih pada bunga. Akan muncul garis hitam putih mengelilingi
bunga.
q) Tekan tombol Delete pada keyboard. Maka background bunga menjadi transparan.

Agar lebih paham dengan konsep layer, masukan gambar terakhir kedalam lembar
kerja.

Urutan Layer memposisikan letak gambar, layer yang paling atas maka tumpukan
gambarnya pun juga paling atas. Posisi layer dapat dipindah dengan cara klik tahan dan
tarik keposisi yang di inginkan.

Excellent For ….. www.yesjogja.com65


Your Charming & Dinamic personality
Desain Publikasi
Adobe Photoshop CS3
YOGYA EXECUTIVE SCHOOL “YES”

r) Langkah selanjutnya adalah memberi Blending Mode pada gambar Layer 4. Caranya
pilih Layer 4, klik icon Fx pada bawah menu layer, maka akan muncul pilihan fasilitas
Blending Options, klik Blending Options. Ganti Blending Mode dengan Multiply.
s) Tekan OK.

Icon Fx

Berikut adalah hasil akhir dari desain menggunakan tumpukan layer.

Excellent For ….. www.yesjogja.com66


Your Charming & Dinamic personality
Desain Publikasi
Adobe InDesign CS3
YOGYA EXECUTIVE SCHOOL “YES”

Adobe InDesign CS3

Excellent For ….. www.yesjogja.com67


Your Charming & Dinamic personality
Desain Publikasi
Adobe InDesign CS3
YOGYA EXECUTIVE SCHOOL “YES”

Adobe InDesign CS3

Adobe InDesign adalah software desain grafis yang digunakan untuk mengatur tata
letak media cetak yang memiliki banyak teks. Contohnya adalah majalah, buletin, profil,
koran dll. Adobe InDesign memiliki fasilitas-fasilitas yang mendukung dalam proses
penyusunan teks dan gambar.

Adobe InDesign CS3 merupakan software dari Adobe dengan versi terbaru yang pada
saat ini memiliki kemampuan lebih bila dibandingkan dengan versi sebelumnya. Adobe
InDesign CS3 bisa dijalankan pada spesifikasi komputer yang tidak terlalu tinggi. Walaupun
sudah keluar Adobe InDesign CS6 namun versi CS3 masih sangat bisa untuk diandalkan.

Jalankan Program Adobe Photoshop CS3

Untuk membuka program ini,

a) Klik tombol Start


b) Pilih All Programs
c) Pilih Adobe InDesign CS3

maka akan muncul tampilan sebagai berikut:

Create New = untuk membuat lembar kerja baru.

 Document, saat di klik maka InDesign akan menuju lembar kerja baru.
 Book, memanggil fasilitas book (penggabungan beberapa file InDesign).
 Library, memanggil fasilitas library (objek-objek yang tersimpan pada file InDesign).
 From Template, membuka template yang sudah disediakan oleh InDesign.

Open a Recent Item = untuk membuka file InDesign yang telah disimpan sebelumnya.

Karena dalam pelatihan ini masih belajar tentang dasar InDesign maka pilih Create
New,

a) Klik Document maka akan muncul tampilan seperti dibawah ini:

Excellent For ….. www.yesjogja.com68


Your Charming & Dinamic personality
Desain Publikasi
Adobe InDesign CS3
YOGYA EXECUTIVE SCHOOL “YES”

b) Klik OK agar tampilan menuju halaman lembar kerja.


Berikut adalah tampilan halaman lembar kerja.

Menu Bar

Lembar Kerja

Tool Box Pallete

Menu Bar = Berisi fasilitas-fasilitas untuk keperluan mengatur tata letak desain.

Pallate = Berisi tool berupa icon sesuai dengan tools yang kita pilih.

Tool Box = Berisi peralatan utama dalam pembuatan desain.

Lembar Kerja = tempat untuk menaruh dan menata desain.

Persiapan Desain,
Excellent For ….. www.yesjogja.com69
Your Charming & Dinamic personality
Desain Publikasi
Adobe InDesign CS3
YOGYA EXECUTIVE SCHOOL “YES”

Menginput dan Mengatur Teks

INDIKATOR PENCAPAIAN HASIL BELAJAR

• Peserta dapat menyiapkan ukuran kertas dan mengatur lembar kerja sesuai dengan
keperluan yang dibutuhkan.

• Peserta dapat menginputkan dan mengatur teks didalam lembar kerja.

Persiapan Desain

Saat pertama kali membuat sebuah desain tata letak untuk pembuatan majalah dan
sejenisnya butuh persiapan yang matang agar proses desain menjadi lebih mudah serta
efisien. Hal yang perlu diperhatikan adalah pengaturan ukuran kertas disesuaikan dengan
kebutuhan. Langkah pertama dimulai dari mensetting satuan penggaris menjadi centimeter,
caranya

a) Klik Menu Edit,


b) Pilih Preferences,
c) Klik Units and Increments, maka akan muncul panel sebagai berikut:

d) Rubah satuan pada Horizontal dan Vertical menjadi Centimeters


e) Klik OK.

Setelah tahap di atas selesai maka langkah selanjutnya adalah mengatur ukuran
kertas sesuai dengan yang dibutuhkan. Caranya
a) Klik menu File
b) Klik Document Setup, maka akan muncul panel sebagai berikut:

Excellent For ….. www.yesjogja.com70


Your Charming & Dinamic personality
Desain Publikasi
Adobe InDesign CS3
YOGYA EXECUTIVE SCHOOL “YES”

c) Untuk latihan, Isikan Number of Page = 4 dan Page Size = A4 lalu


d) Klik OK.

Maka lembar kerja akan berubah menjadi 4 halaman dengan ukuran A4 sesuai
dengan settingan yang dimasukan. Untuk melihat keempat halamannya bisa menggunakan
scrool atau zoom out.

Langkah selanjutnya adalah mengatur Margins dan Columns untuk batas tulisan
yang akan dimasukan. Caranya kita pilih dulu halaman yang akan di atur,

a) Klik Pallete Page,


b) Seleksi halaman yang akan di edit, untuk latihan blok halaman 2 dan 3 dengan
menekan tahan tombol Ctrl pada keyboard dan klik halaman 2 dan 3.

c) Klik Layout,
d) Klik Margins and Columns sampai muncul panel seperti dibwah ini:

Excellent For ….. www.yesjogja.com71


Your Charming & Dinamic personality
Desain Publikasi
Adobe InDesign CS3
YOGYA EXECUTIVE SCHOOL “YES”

e) Isikan data sesuai nilai di atas,


f) Klik OK.

Dengan ini maka halaman 2 dan 3 tersetting sesuai dengan pengaturan yang teah
dilakukan.

Sebelum Sesudah

Menginput dan Mengatur Teks

Saat pesiapan lembar kerja sudah selesai diatur, maka langkah selanjutnya adalah
memasukan teks kedalam lembar kerja. Ada dua cara menginputkan teks kedalam lembar
kerja, yang pertama dengan cara mengetikan langsung di InDesign dan yang kedua adalah
mengambil tulisan yang sudah disiapkan pada Microsoft Word.

Pastikan lembar kerja berada pada halaman satu. Kita mulai dengan membuat
tulisan langsung di ketik pada lembar kerja, caranya adalah

a) Klik Type Tool .


b) Arahkan pointer menuju lembar kerja,
c) Klik tahan pada satu titik dan tarik sehingga membentuk persegi yang akan
digunakan untuk tempat menuliskan teks,
d) Setelah dirasa ukuran persegi cudah cukup maka lepas klik.

Excellent For ….. www.yesjogja.com72


Your Charming & Dinamic personality
Desain Publikasi
Adobe InDesign CS3
YOGYA EXECUTIVE SCHOOL “YES”

e) Tuliskan kata-kata seperti dibawah ini.

Untuk pengaturan jenis font dan tata letak font software Adobe InDesign memiliki
tampilan icon yang sama dengan microsoft Word.

Setelah bisa membuat teks langsung dari InDesign, tahap selanjutnya adalah
membuat teks dengan cara menginputkan teks yang bersumber dari dokumen Word.
Sebelumnya siapkan file Microsoft Word yang berisi teks. Cara untuk menginputkannya
adalah

a) Klik File,
b) Klik Place,

Excellent For ….. www.yesjogja.com73


Your Charming & Dinamic personality
Desain Publikasi
Adobe InDesign CS3
YOGYA EXECUTIVE SCHOOL “YES”

Maka akan muncul panel untuk mencari dokumen Wordnya.

c) Pilih file Wordnya dengan cara di klik.


d) Klik Open untuk mengakhiri steep Place.
e) Saat pointer dimasukan kedalam lembar kerja maka pointer menjadi bentuk teks
kecil tentang isi Wordnya.
f) Arahkan pointer menuju halaman 2 dan klik di bagian pojok kanan atas.

Excellent For ….. www.yesjogja.com74


Your Charming & Dinamic personality
Desain Publikasi
Adobe InDesign CS3
YOGYA EXECUTIVE SCHOOL “YES”

Apabila terdapat tanda + merah di pojok kiri bawah, itu pertanda bahwa masih ada
tulisan yang belum ditampilkan. Untuk menampilkannya klik tanda + merah, maka pointer
akan berisi tulisan lagi, klik kembali dibagian pojok kanan atas pada kolom yang kosong.
Apabila masih terdapat tanda + merah, lakukan langkah yang sama sampai tidak ada tanda
+ merah di pojok kiri bawah.

Excellent For ….. www.yesjogja.com75


Your Charming & Dinamic personality
Desain Publikasi
Adobe InDesign CS3
YOGYA EXECUTIVE SCHOOL “YES”

Master Page

INDIKATOR PENCAPAIAN HASIL BELAJAR

• Peserta dapat menambahkan nomor halaman secara otomatis.


 Peserta dapat membuat bentuk dasar pendukung desain.
 Peserta dapat melakukan Import / Place Gambar
• Peserta dapat menyusun tampilan header dan footer melalui master page.

Master Page adalah fasilitas pada InDesign yang berfungsi untuk membuat
Background yang sama di tiap halaman dan membuat nomor halaman secara otomatis.

Membuat Nomor Halaman

Agar lebih paham mari kita langsung saja untuk menggunakan Master Page.

a) Klik Page pada Pallete,


b) Klik dua kali halaman pada A-Master

Lembar kerja akan berubah menjadi halaman kosong dan siap untuk digunakan. Ada
dua halaman pada Master Page:

Halaman Kanan : memiliki kemampuan master untuk halaman Ganjil (2,4,6 dst)

Halaman Kiri : memiliki kemampuan master untuk halaman Genap (1,3,5 dst)

Atur halaman A-Master dengan Margins and Columns sama seperti halaman asli,
langkahnya sama seperti langkah mengatur margins di atas.

c) Klik Layout,
d) Klik Margins and Columns
e) Isikan nilai Top = 3, Bottom = 3, Inside = 4, dan Outside = 3 serta Columns Number
= 1 dan Gutter = 1.

Excellent For ….. www.yesjogja.com76


Your Charming & Dinamic personality
Desain Publikasi
Adobe InDesign CS3
YOGYA EXECUTIVE SCHOOL “YES”

Langkah untuk membuat nomor halaman secara otomatis adalah

f) Buatlah Type Tool pada pojok bawah halaman A-Master sebelah kanan.

g) Klik kanan pada kotak teks yang baru dibuat,


h) Pilih Insert Special Character,
i) Pilih Markers,
j) Klik Current Page Number, maka akan terdapat huruf A pada kotak teks.
k) Ubah ukuran A dengan nilai 24pt.
Excellent For ….. www.yesjogja.com77
Your Charming & Dinamic personality
Desain Publikasi
Adobe InDesign CS3
YOGYA EXECUTIVE SCHOOL “YES”

l) Copy kotak teks A dan Paste pada halaman disampingnya.

Excellent For ….. www.yesjogja.com78


Your Charming & Dinamic personality
Desain Publikasi
Adobe InDesign CS3
YOGYA EXECUTIVE SCHOOL “YES”

Rapikan posisi kotak A di kiri dan kanan.

Dengan ini nomor halaman telah muncul pada halaman asli dari 1 sampai 4. Apabila
kita menambahkan halaman baru 5 sampai 10 maka secara otomatis nomor halaman akan
muncul dengan sendirinya. Untuk melihatnya klik Page dan klik dua kali halaman nomor 1
pada halaman asli.

Excellent For ….. www.yesjogja.com79


Your Charming & Dinamic personality
Desain Publikasi
Adobe InDesign CS3
YOGYA EXECUTIVE SCHOOL “YES”

Menambahkan halaman

Untuk menambahkan halaman caranya adalah

a) Klik Page,
b) Klik kanan pada area kosong halaman asli,
c) Klik Insert Page.

d) Akan muncul panel Insert Page, isikan nilai yang sama seperti gambar dibawah ini

e) Klik Ok maka akan muncul halaman baru dari 5 sampai 10.

Maksud dari Page = 6 adalah menambah 6 halaman baru, Insert = After Page (4)
adalah menambah halaman setelah halaman 4, Master = A-Master adalah mengaplikasikan
pengaturan di halaman master ke halaman baru. Hasilnya sebagai berikut:

Excellent For ….. www.yesjogja.com80


Your Charming & Dinamic personality
Desain Publikasi
Adobe InDesign CS3
YOGYA EXECUTIVE SCHOOL “YES”

Sebelum Sesudah

Membuat Bentuk Dasar Pendukung Desain

Kembali lagi ke Master Page, kita akan membuat bentuk dasar untuk desain tata
letak objek pendukung. Langkahnya adalah

a) Klik 2 kali Master Page sampai lembar kerja kembali ke halaman master.
b) Buat Objek Rectangle Tool dengan cara klik Rectangle Tool,
c) Atur warna yang diinginkan pada Fill Color
d) Arahkan pointer ke lembar kerja klik tarik tahan di area Footer.

Excellent For ….. www.yesjogja.com81


Your Charming & Dinamic personality
Desain Publikasi
Adobe InDesign CS3
YOGYA EXECUTIVE SCHOOL “YES”

e) Jadikan Objek persegi yang baru dibuat ke layer belakang dengan cara klik kanan
objek persegi,
f) Pilih Arrange,
g) Klik Send To Back.

h) Dengan langkah yang sama buatlah Objek persegi dengan warna yang berbeda pada
halaman master yang satunya.

Excellent For ….. www.yesjogja.com82


Your Charming & Dinamic personality
Desain Publikasi
Adobe InDesign CS3
YOGYA EXECUTIVE SCHOOL “YES”

Bentuk yang bisa dibuat dengan InDesign secara default adalah kotak, lingkaran dan
polygon. Selain bentuk itu kita dapat membuat bentuk lain melalui pen tool.

Pen Tool

Merubah Warna Objek

Terdapat fasilitas Color Pallete untuk mengganti warna pada objek. Selain mengganti
warna standar, InDesign juga bisa membuat warna gradasi dan memberikan effect pada
objek. Mari kita mulai dari mengganti warna standar, langkahnya adalah

a) Seleksi objek yang akan diganti warnanya


b) Klik Color Pallete dan pilih warna RGB pada bagian pojok kanan atas

c) Klik warna yang diinginkan pada RGB Spectrum untuk mengganti warna objek

RGB Spectrum

Sekarang saatnya membuat effect pada objek menggunakan software InDesign,


langkahnya adalah
Excellent For ….. www.yesjogja.com83
Your Charming & Dinamic personality
Desain Publikasi
Adobe InDesign CS3
YOGYA EXECUTIVE SCHOOL “YES”

a) Seleksi objek yang akan diberi effect


b) Klik Effects Pallete dan klik Tanda Fx untuk memilih effek yang akan digunakan

c) Klik Drop Shadow… untuk membuat effect bayangan pada objek

d) Atur nilai seperti gambar diatas.


e) Klik OK untuk mengakhiri step.

Membuat Warna Gradasi


Untuk membuat warna gradasi pada objek dapat menggunakan Gradient Pallete.
Langkah membuat warna gradasi adalah
a) Klik Gradient Pallete
b) Atur type gradasi dan warna yang digunakan

Excellent For ….. www.yesjogja.com84


Your Charming & Dinamic personality
Desain Publikasi
Adobe InDesign CS3
YOGYA EXECUTIVE SCHOOL “YES”

Place Objek Gambar

Langkah selanjutnya adalah memasukan objek gambar kedalam InDesign dengan


menggunakan fasilitas Place. Caranya

a) Klik File,
b) Klik Place sehingga muncul panel untuk mencari gambar yang akan dimasukan,
c) Pilih gambar yang akan dimasukan.
d) klik Open.

e) Arahkan pointer menuju pojok kanan atas dan klik untuk meletakan objek gambar.

Mater Page lebih dari satu

InDesign memberikan fasilitas untuk menggunakan Master Page lebih dari satu. Hal
ini membuat user lebih bisa berfariasi dalam mendesain menggunakan InDesign. Langkah
untuk menambahkan master page adalah:

a) Klik Page pada Pallete,


b) Klik kanan pada area kosong dipanel master page,

Klik Kanan

c) Klik New Master…, maka akan muncul panel sebagai berikut:

Excellent For ….. www.yesjogja.com85


Your Charming & Dinamic personality
Desain Publikasi
Adobe InDesign CS3
YOGYA EXECUTIVE SCHOOL “YES”

d) Isikan data sesuai dengan gambar di atas kemudian klik OK.

Tata Letak Objek Teks, gambar, dan Shape

INDIKATOR PENCAPAIAN HASIL BELAJAR

• Peserta dapat menyusun tampilan desain projek secara proposional.

Tahap terakhir dari belajar dasar InDesign adalah mengatur tata letak kumpulan
objek-objek yang ada di lembar kerja. Untuk lebih jelasnya langsung saja kita
mempraktekan langkah-langkahnya.

Tempat untuk mengatur tata letak objek adalah halaman asli. Kita sudah memiliki 10
halaman yang akan kita jadikan projek latihan kita.

Excellent For ….. www.yesjogja.com86


Your Charming & Dinamic personality
Desain Publikasi
Adobe InDesign CS3
YOGYA EXECUTIVE SCHOOL “YES”

a) Klik dua kali halaman 2 pada Fasilitas Page.

b) Masukan Logo YES kedalam halaman dua dengan menggunakan fasilitas Place seperti
latihan di bagian atas.

Status logo berada pada belakang objek tulisan. Untuk mengatur agar objek logo
tidak bertumpuk dengan tulisan maka langkah merubahnya dengan cara menggunakan
fasilitas Warp Tool.

c) Pastikan objek logo sedang terpilih,


d) Klik Wrap Around Bounding Box. Secara otomatis tulisan akan berada di bagian
tepi gambar.

Excellent For ….. www.yesjogja.com87


Your Charming & Dinamic personality
Desain Publikasi
Adobe InDesign CS3
YOGYA EXECUTIVE SCHOOL “YES”

Berikut adalah hasil dari Wrap Tool

Membuat Tabel

Pembuatan tabel dapat dilakukan dengan menggunakan InDesign, contohnya pada


sebuah brosur yang menampilkan data atau produk-produk yang sejenis sering
menggunakan tabel untuk pengelompokan. Agar lebih jelas mari kita praktekan langsung.

Excellent For ….. www.yesjogja.com88


Your Charming & Dinamic personality
Desain Publikasi
Adobe InDesign CS3
YOGYA EXECUTIVE SCHOOL “YES”

a) Buatlah kotak teks menggunakan Text Tool pada halaman 4 untuk tempat menaruh
tabel yang akan dibuat.

b) Setelah kotak teks siap dan pada kondisi terpilih,


c) Klik menu Table,
d) Klik Insert Table,

Maka akan muncul panel sebagai berikut:

e) Isi nilai sesuai kebutuhan, untuk latihan samakan nilai dengan gambar di atas.
f) Klik OK maka tabel baru telah terbuat pada kotak teks halaman 4.

Excellent For ….. www.yesjogja.com89


Your Charming & Dinamic personality
Desain Publikasi
Adobe InDesign CS3
YOGYA EXECUTIVE SCHOOL “YES”

Untuk mengedit tabel kita bisa menggunakan fasilitas dibawah ini.

Menggabung Beberapa Sel Menjadi Satu

 Blok sel yang akan digabung

 Klik menu Table, pilih Merge Cells

Memecah Sel Menjadi Beberapa Kolom dan Baris

 Blok sel yang akan dipecah

 Klik menu Table, pilih Split Cells Horizontally/ Split Cells Vertically

 Split Cells Horizontally untuk memecah menjadi 2 baris


 Split Cells Vertically untuk memecah menjadi 2 kolom

Menyisipkan Baris Baru

 Klik menu Table, pilih Insert

 Row, untuk menambah baris


 Coloums, untuk menambah kolom

Menghapus Baris

 Klik menu Table, pilih Delete

 Row, untuk menghapus baris


 Coloums, untuk menghapus kolom

Pada awal modul sudah diajarkan cara menambah teks dengan file Word dan
membuat bentuk Shape, sekarang kita akan mencoba menaruh gambar kedalam Bentuk
Shape. Caranya :

a) Tambahkan teks pada halaman 4 dan 5 dengan mengambil teks dari document Word
menggunakan fasilitas Place, bila lupa lihat kembali cara menambah tulisan
menggunakan fasilitas Place pada awal modul.
b) Setelah berhasil menambah teks, buatlah objek Shape berbentuk Polygonal di tengah
tulisan.
c) Gunakan Warp Around Object Shape untuk membuat tulisan berada di sekeliling
objek.

Excellent For ….. www.yesjogja.com90


Your Charming & Dinamic personality
Desain Publikasi
Adobe InDesign CS3
YOGYA EXECUTIVE SCHOOL “YES”

d) Pilih objek Polygonal lalu masukan gambar melalui fasilitas Place. Maka gambar akan
masuk kedalam Objek Polygonal.
e) Klik dua kali objek Polygonal samapai ada garis kecoklatan pada tepi gambar untuk
mengatur posisi dan ukuran gambar. Kecilkan gambar dan letakan tepat ditengah
objek Polygonal.

Bila benar maka hasilnya kan seperti ini:

Penggunaan Fasilitas InDesign CS3 secara umum telah dibahas pada modul ini,
silakan coba untuk membuat tampilan majalah sederhana dengan layout yang dibuat
dengan desain sendiri.

Excellent For ….. www.yesjogja.com91


Your Charming & Dinamic personality
Desain Publikasi
Adobe InDesign CS3
YOGYA EXECUTIVE SCHOOL “YES”

Menyimpan dan
Mengeksport Hasil Pekerjaan

INDIKATOR PENCAPAIAN HASIL BELAJAR

• Peserta dapat menyimpan file InDesign dan mengeksport kedalam bentuk pdf.

Meyimpan Document InDesign

Untuk menyimpan dokumen InDesign caranya adalah:

a) Klik menu File


b) Pilih Save
c) Tentukan lokasi penyimpanan dan pastikan Save as Type dalam format InDesign
CS3 document

d) Akan muncul panel untuk meletakan file pekerjaan disimpaN


e) Cari folder untuk meletakan hasil pekerjaan
f) Beri nama file dengan "Latihan 1"

Excellent For ….. www.yesjogja.com92


Your Charming & Dinamic personality
Desain Publikasi
Adobe InDesign CS3
YOGYA EXECUTIVE SCHOOL “YES”

g) Klik Save.

Mengeksport Document InDesign

InDesign dapat melakukan eksport file kedalam bentuk pdf, fasilitas ini sangat
membantu apabila kita akan membuat e-book. Cara untuk mengeksport file InDesign
adalah:

a) Klik menu File


b) Klik Export…
c) Akan muncul panel untuk meletakan hasil export dari desain yang dibuat.
d) Pilih lokasi untuk menyimpan file hasil exportnya
e) Beri nama dengan "Book YES"
f) Rubah Save As Type dengan Adobe PDF

g) Klik Save

Buka folder untuk melihat hasil export berupa pdf menggunakan Adobe Acrobat dan
sejenisnya.

Excellent For ….. www.yesjogja.com93


Your Charming & Dinamic personality

Anda mungkin juga menyukai