SlideShare a Scribd company logo
1 of 102
Download to read offline
E *---i )esoin publishing Buku don Moioloh
'r::::::=.:::t:=' ':ii=
,:. lilr'=:ilri.:'
II:. ;
rf li ',..:r rr
:::J:lrE.-:.:r:-r:::
-':I ;l
.rrL I i'-l.rifi::""'-
i::l:1,:,::tL
.,-., : .. ..r.:,
iiii'i:l:1.:::::::::r:!i
,tr -'iiiii ;
,f
=a.. ,r. ,
'::::::lrlurtt::
.
i
.
'ill ,ff
'';ti,:;=
it':.,t,l,,
"i ..-",, .$
='t'ltr.::.::::::4 .,,rt::::,:,:til
,,-,
.,11,,. | :,::::::::::a!
l,:
Mengend Adobe
lnDesign GSs
s. *;#u';-uttStid=* 11]
fl
PAS: Adobe lnDesign CSS untuk Desoin Publishing Buku don Mojoloh
alah satu aplikasi desktop publishing yang populer saat ini
adalah Adobe InDesign, Saat ini Adobe InDesign telah merilis
versi terbarunya/ yaitu Adobe InDesign CS5. Aplikasi yang
satu ini sangat dikenal kalangan publisher karena memberikan
kemudahan dalam merancang atau mendesain produk-produk
publishing. Fasilitas-fasilitas baru menjadi keunggulan yang sema-
kin menyempurnakan performa software ini.
Pada bahasan ini Anda akan memelajari Adobe InDesign CS5,
khususnya mengenai fasilitas dan tool yang sering digunakan
dalam pembuatan majalah dan buku. Pengenalan singkat tentang
Adobe InDesign CS5 dapat Anda pelajari pada bab ini.
LINGKUNGAN KERJA AIX)BE INDESIGN GSs
Ada baiknya Anda mengenal lingkungan kerja aplikasi ini terlebih
dahulu sebelum mengoperasikannya agar Anda dapat bekerja
dengan lebih mudah. Berikut inl tampilan lingkungan kerja aplikasi
Adobe InDesign CS5 dan keterangan bagian-bagiannya:
Tootbar
Gombor 1.1 Tompilon lirrgkungon kerj,c Adobe f"O&gn CSs
Status bar
:ada lingkungan kerja ini terdapat bagian-bagian yang memiriki
:eran sendiri-sendiri. Berikut ini penjerasan iingkat f-ungsi dari
:agran-bagian yang menyusun lingkungan t<eria iOobe InDesign
CS5:
ErxrBAR
i'enu bar ,".uputun ;";;; ;;; ;;;r;;;;;;--;;" ,."n o"r,r,-nenu-menu pengaturan. Setiap menu memiriki sejumlah submenu
ragi yang mempunyai fungsi pengaturan tersendiri. Menu yang
terdapat pada Adobe InDesign CSSS aOatah File, iait, t_.yort,Type, Object, Table, View, Window dan Help.
Gombor 1.2 Tomprilon kumpulon men, p"O"."^, O"i
Berikut ini salah satu contoh menu dan submenu yang terdapat di
dalamnya.
., .iii;ru,:+
i OuErprintPreview Alt+5hift+Ctd+y
BOd 5etup
Pr^!f Colours
zmm ln ctrl+=
ZoDm OJt tlrl+-
Fil Pioe n lMrdow ftrl+0
Filspread in MruJoN Alt+Ctrl+o
ActGl5ize fil+l
ErtireFn*eboard Alt+5hift+Chl+rl
Rotate 5preEd ,
screen l4ode ,
DiipLy Ferftrmanae )
Gombor r.S ldpilon *bmilp"oo menu vew
TooLaen
Toolbar adalah bagian dari ringkungan kerja yang aktif sesuaipengaturan atau tool yang sedang digunakin.
-Too-lbar
ini berisi
berbagai pengaturan yang mengijinkan Anda untuk menentukan
v
- _-.
4 PAS: Adobe lnDesign CS5 untuk Desoin Publishing Buku don Mojoloh
nilai- pada kotak isian atau menggunakan tombol drop down.
Berikut ini contoh tampilan toolbar pada Adobe InDesign CS5:
I; l^ ll 6Mp4
[ + ];:i;i;
-
Gombor 1 .4 Tompilon toolbor poOo sootType Tooldioktifl<on
TooLeox
Toolbox juga merupakan bagian dari lingkungan kerja Adobe
InDesign CS5. Di dalamnya terdapat sekumpulan ikon. Tool-tool
yang terdapat pada toolbox ini dikelompokkan sesuai fungsi dan
kegunaan masing-masing.
Pada tool-tool tertentu terdapat beberapa tool tersembunyi,
ditandai dengan panah kecil (,) di pojok kanan bawah tool. lika
tanda ini diklik maka akan muncul tool lain dalam sebuah menu
yang disebul flyout. Berikut ini tampilan toolbox dan flyout dari
salah satu tool.
Gombor 1 .5 Tompilon ioolbox don flyout podo soloh solu tool
El--i
li I h
Iit*t
lr.{
I *../-
I u3.n.
l*oIrr* il
le}l{} q.
I lrrr.....--...nr;"
lffiliu) r
lc urfir
trr"
i=^ol Adobe lnDesign CS5
:- <ut ini dijelaskan penggunaan sekumpulan tool yang terdapat
-: toolbox:
. Selection Tool h , digunakan untuk menyeleksi objek.
. Direct Selection Tool l, digunakan untuk memilih dan
mengubah titik path pada frame objek,
Page Tool -4, digunakan untuk membuat beberapa halaman
pada dokumen.
Gap Tool l*[, digunakan untuk mengatur jarak antarobjek.
r
Pen Tool il, digunakan untuk membuat garis lurus atau kurva.
Add Anchor Point Tool ff, digunakan untuk menambahkan
titik anchor pada lintasan garis.
Delete Anchor Point Tool r)-, digunakan untuk mengurangi
titik anchor pada lintasan garis.
Convert Direction Point Tool l' , digunakan untuk mengubah
dan memperhalus sudut pada titik anchor.
Type Tool T, digunakan untuk membuat dan menyeleksi teks.
Type on a Path Tool *, digunakan untuk membuat dan
mengedit teks pada lintasan garis.
Line Too! , digunakan untuk membuat garis lurus.
Pencil Tool ,/, digunakan untuk menggambar path dengan
bentuk bebas.
Smooth Tool /, digunakan untuk mengubah kelebihan sudut
pada path.
Erase Tool r', digunakan untuk menghapus titik pada path.
Rectangte Frame Tool 3S, digunakan untuk membuat frame
berbentuk segiempat.
Ellipse Frame Tool ,Ei, digunakan untuk membuat frame
berbentuk oval atau Iingkaran.
6 PAS: Adobe lnDesign CSS untqk Desoin publishing Buku don Mojoloh
Polygon Frame Tool '"$., digunakan untuk membuat frame
berbentuk sisi banyak.
Rectangle Toot G*, digunakan untuk membuat objek
berbentuk kotak.
Ellipse Too! ffii, digunakan untuk membuat objek berbentuk
oval atau lingkaran.
Polygon Toot $r, digunakan untuk membuat objek berbentuk
oval atau lingkaran.
Free Transform Tool , digunakan untuk memutar,
memiringkan, dan memperbesar/kecil objek.
Rotate 1q61 'ffi, digunakan untuk memutar objek pada titik
yang ditentukan.
Scale Tool ffi, digunakan untuk mengubah ukuran objek pada
titik tertentu.
Shear 16s; ll?, digunakan untuk membuat condong objek
pada titik yang ditentukan.
Gradient Swatch Tool lfl, digunakan untuk pewarnaan
gradiasi pada objek.
Gradient Feather tool GI, digunakan untuk memberikan efek
transparan secara gradien.
Scissors Tool i l, digunakan untuk memotong lintasan pada
titik-titik tertentu.
Note Tool lF, digunakan untuk menambahkan komentar.
t l"l,
Hand Tool 'i l, digunakan untuk menggeser tampilan halaman
dokumen.
Zoom Tool 4, digunakan untuk memperbesar/memperkecil
tampilan pada jendela dokumen.
Eyedropper Tool , 6;gunskan untuk mengambil sampe
warna atau atribut dari sebuah objek dan kemudian diterapkarr
pada objek lain,
t"r;,-genol Adobe lnDesign CSS
Measure Toot lffi, digunakan untuk mengukur jarak antara 2
objek.
3::ikut tampilan panel default pada Adobe InDesign CS5:
;'i''1 unr.;r:r
::,,".""^-
?g1: rrnrs
$T*rlH(
{:t3! E}{lP
ffi sre.crrxss
a*: TrfiTwE&p
Gombor 1.6 Tompilon beberopo ponelpodo oplikosiAdobe lnDesign CSS
panel terletak pada sebelah kanan jendela aplikasi. Panel ini berisi
'asilitas pengaturan yang memiliki fungsi dan kegunaan yang
: erbeda -beda.
Arda dapat menampilkan pengaturan panel dengan klik nama
:anel yang terdapat pada jendela aplikasi tersebut. Berikut ini
:ampilan pengaturan beberapa panel.
*aWW
lk*l ffi::taiii
t'ii
n. r'.
:tffi
!I,
rJ-;t l^,
tttt
+ :i4F :::.,=. l=t
-J
N IAI
ttl-
r ..:.::i.i:-rjl:li :iS ; ;:::=l!;_
I Ps n7:5lqid.r:::,ji)j::.!il ::S:,,=,r:
:1C...]|f4, , ,.::.=:::::::= i,
fi4,rrii,r;;-i;;ii h
l;,9,€"$*; lll#r, uE#P;;f #S#, irl:ll
fI iq,:..n:-s L
9rlo$ lii1l,#
r d6 rr#fl t t#.
fi p,f[5..6L;.i,7@nr.g;it:
r. $.*is.:&1#,t#i*r*s;
:::ISlliiillHr*fllifl xHiiil
Gombor f Z fomprfon #ngoturon ponel P"d, Strofe Oon S"otcf,es
E;rcH-e. .
EllEt'l ,
ffi]re I
@m.'l
{fl8:r I
::{dEi:'1
*f rJ
::il ;u
PAS: Adobe InDesign CSS untuk Desoin Buku don Moioloh
$rarusBAR
Status bar ini terdaPat
status bar ini terdaPat
halaman kerja. Berikut
InDesign CS5:
pada bagian bawah jendela aplikasi. Pada
tombol navigasi yang menunjukkan posisi
ini tampilan status bar pada jendela Adobe
Gombor 1 .B Tompilon siolus bor podo jendelo oplikosi
rurSrvrc.ynf Ku.dE .$nu' '''r;''- .
Setelah mengetahui lingkungan kerja dan tool-tool Adobe InDesign
CS5, sekarang saatnya untuk mulai bekerja menggungkqn aplikasi
ini. bebelum itu ada beberapa hal yang perlu Anda lakukan, yaitu
mempersiapkan dokumen dan mengatur layout' Berikut ini
beberapa hal yang dilakukan untuk mempersiapkan dokumen dan
layout sebuah Pekerjaan.
Untuk membuat dokumen baru, Anda dapat memilih menu File >
New)DocumentsehinggamunculkotakdialogNewDocument.
t0
11
12
A+'l!iter
',
ll *=l{t1enEE - 'fs.
rh
a
ii
e
ln
Si
:U
ni
rn
Gombor 1.9 Kotokdiotog N#D.d;*t
;ada kotak dialog ini terdapat beberapa opsi pengaturan yang
:erlu Anda ketahui, yaitu:
r Document preset, memiliki 2 pilihan, yaitu Default (peng_
aturan dokumen standar program) dan Custom (pengaturan
dokumen dengan aturan sendiri).
r rntent, memiliki 2 pirihan, yaitu print dan web. pirihan ini
berpengaruh pada satuan ukuran yang digunakan pada
dokumen.
r Number of pages. Korom ini diisi dengan jumrah haraman
yang dikehendaki.
r Statt Page, menentukan posisi angka halaman sebagai
permulaan dokumen.
r Facing Pages, digunakan untuk tampilan halaman yang saling
berhadapan, sementara Master Text Frame digunakan untuk
tampilan frame pada halaman master.
CSS untuk Desoin Publishing Buku don Mojoloh
G;b"t i.io i#;idd"k .""o""d; rocing Foces
rPageSizes,untukmenentukanukuranhalamankerjayang
diinginkan.
rWidthdanHeight,yaitukolomyangdiisidenganukuranlebar
dan tinggi halaman yang diinginkan'
r Number, untuk menentukan jumlah kolom yang dikehendaki
pada halaman.
r Gutter, nilai yang menentukan jarak antarkolom'
.Margin,digunakanuntukmenentukanbatastepidarikeempat
sisi kertas pada halaman, yaitu Top, Bottom' Left' dan Right'
r Orientation, digunakan untuk menentukan posisi kertas
dokumen, yaitu dEngan memilih Potrait atau Landscape'
Jika sudah mendapatkan kondisi yang diinginkan' tekan tombol
OK, Anda dapat melakukan pengaturan ulang atas dokumen yang
telah dibuat dengan klik menu rile > Document setup sehingga
muncul kotak dialog Document Setup'
Gombor 1.1 1 Perrgoturon pcrdo kotok diolog Documentsefup
Mexumplx Dot<uumr
Dokumen yang telah selesai dibuat harus disimpan agar dapat
dibuka kembali jika diperlukan. Untuk menyimpan dokumen, klik
File > Save atau Save As (untuk menyimpan dengan nama lain),
lalu berikan nama file dan simpan di direktori file pada komputer
Anda.
7
l2 PAS, Adob. lnD"rign CS5 ,ntrk D.roin publirhing Brku don Mojoloh
Bgarua DEMiaN llar.qruan lula.srm
H a ra m a n m a ster ri,''i..,,^;;;;;;;;; ;;, ;;;. ;-;. ; ;. ; ino, o ru n n
nantinya dapat diterapkan pada halaman-halaman lain sehingga
dapat diperoleh bentuk yang seragam secara cepat. penggunaan
halaman master ini juga dimaksudkan untuk menjaga konsistensi
tampilan halaman pada dokumen kerja. Berikut beberapa hal yang
perlu diketahui berkenaan dengan bagaimana bekerja dengan
Master Page.
MembuatHalaman Masbr
Gombor r rs idpilo; k;il[obt"g r..r",Mort t
secara default aplikasi ini menyediakan satu pasang halaman
master;.*Anda dapat membuat halaman master baru dengan klik
ikon FH pada panel pages, lalu pilih New Master sehingga
muncul kotak dialog seperti yang terlihat pada Gambar 1,13.
Pada kotak dialog ini terdapat beberapa opsi, yaitu prefix sebagai
penanda atau identitas halaman master, Name sebagai nama
halaman master, Based on Master digunakan untuk memilih
dasar halaman master dari halaman master lain, dan Number of
Pages untuk menentukan jumlah halaman master, Berikut ini
tampilan sebuah halaman master baru pada panel pages.
Gombor Ll4lkon holomon mosterpodo ponef poges
Mengenol Adobe InDesign CSS
Mengedit Halaman Mmbr
Halaman master dapat Anda ubah sewaktu-waktu. Pengubahan ini
juga berpengaruh pada halaman Iain yang menggunakan atribut
halaman ini. Misalkan Anda ingin mengedit halaman "B-Master",
klik kanan ikon halaman master ini pada panel Pages lalu pilih
Master Options for "B-Master" sehingga muncul sebuah kotak
dialog Master Options, Di situ Anda dapat mengubah opsi-opsinya
sesuai yang Anda inginkan.
eomoor r . r s xotor< obog M.$, odid ,;tuk ;*gJit h"l";;; ;ott t
[/lenenapkan Halaman Masbr
Anda dapat menerapkan halaman master yang telah dibuat pada
ralaman lain dengan menggunakan berbagai cara, yaitu:
. Untuk menerapkan halaman master pada satu halaman, klik
dan drag ikon halaman master menuju ikon halaman lain
sehingga tampak garis tepi berwarna hitam pada halaman
tujuan dan kemudian lepaskan.
tPltg#;7,W!
*ii::i::il#iil,.::::- .:'..:a4t ti::::::::='t'
,;.:nliliH .,', l ':;
Gombor l.16 Meneropkon holomon moster podo sofu holomon loin
t3
r
l4 PAS: Adobe lnDesign CS5 untuk Desoin publishing Buku don Mojotoh
Untuk menerapkan halaman master ke dalam spread, klik dan
drag ikon halaman master menuju ikon spread sehingga
tampak garis tepi benvarna hitam pada spread tersebut dan
lepaskan.
ii,#T ;*ii#l ,'* i,ili
Gombor 1 . 1 7 Meneropt<on fronmon .*t", poOo qrr*d
Klik kanan ikon halaman master, pilih Apply Master to pages
sehingga muncul kotak dialog Apply Master, Isi nomor halaman
mana saja yang kepadanya akan diterapkan halaman master.
Setelah itu klik OK.
!&$ .i
::::9;#l,,ra:ii::::::::::::i:1iiitttl!ltitt!:::::;:]:-rrjlNff:ii*
Ii-Faffir 2,3.5
.ry, .,
W
l C4Fd.. "
N
Gombor r.re fo;pibn f.oior, OroOg npOV rirr#ei
ItJlenghapus Halaman Mrebr
Ada 2 pengertian menghapus halaman master, yaitu menghapus
penerapannya pada halaman lain dan menghapus halaman master
itu sendiri.
r Untuk menghapu! penerapan halaman master pada halaman
lain, klik ikon ffi pada panel pages, pilih None pada opsi
Apply Master, dan ketikkan nomor halaman yang penera-
pannya,ingin dihapuskan pada To pages.
:^genol Adobe lnDesign CSS
Gombor l.19 Memilih opsl None podo loiok Oiofog npfV Hrf"rt i
Untuk menghapus halaman master itu sendiri, klik kanan label
halaman master (misalnya B-Master) pada panel pages, lalu
pilih Delete Master Spread "B-Master" sehingga muncul
peringatan. Jika yakin akan menghapusnya, klik OK.
Gombor I .20 Kotok peringoton unfuk menghopr-s holomon moster
Merrrca,nln llru-aruax
trengaturan halaman bertujuan untuk mengolah halaman atau
:mbar dokumen agar sesuai dengan yang diinginkan. pengaturan
-i dapat Anda jumpai pada panel pages atau Window > pages.
3:rikut ini penjelasan singkat bagaimana mengatur halaman kerja
:ada sebuah dokumen.
ttJlenambah Halaman
Ada beberapa cara dapat digunakan untuk menambah halaman.
Anda dapat memilih salah satu cara yang menurut Anda paling
rudah.
. Aktifkan halaman dengan klik ikon halaman pada panel pages,
kemudian klik ikon Create New page :il. Halaman baru akan
muncul setelah halaman aktif,
r Klik dan drag salah satu ikon halaman menuju ikon Create
New Page d.. Halaman baru akan muncul pada urutan
halaman terakhir.
t5
l6 PAS: Adobe lnDesign CS5 untuk Desoin Publishing Buku don Mojoloh
C.0", i.ri ffis6h #il;b"h h"ffiil b"ru denson klik don dros
Klik ikon menu ti.W pada panel Pages, lalu pilih opsi Insert
Pages sehingga muncul kotak dialog. Tentukan jumlah
halaman yang akan ditambahkan pada opsi Pages, tentukan
posisi di mana halaman akan ditambahkan pada opsi Insett,
dan pilih juga halaman master yang akan diterapkan pada
halaman tersebut pada opsi Master.
Gombor 1.22 Kotok diolog lrrsert Poges
Mengurangi Halaman
Kebalikan dari menambah halaman adalah mengurangi halaman.
Ada beberapa cara untuk mengurangi jumlah halaman. Anda dapat
menggunakan salah satu cara yang menurut Anda paling mudah'
r Klik kanan ikon halaman yang akan dihapus dan kemudian pilih
Delete Page.
. Klik ikon halaman yang akan dihapus lalu klik ikon Delete
Selected Pages #.
Klik menu Layout > Pages > Delete Pages sehingga muncul
kotak dialog, Tulis nomor halaman mana saja yang akan
dihapus.
15 rr--. )esoin Publishing Buku don Mojoloh
frbr :-dcrnor boru dengon klik don drog
i O"*i Pages, lalu pilih opsi Insert
! kotak dialog. Tentukan jumlah
Fahkan pada opsi Pages, tentukan
ilan ditambahkan Pada oPsi Insett,
lnr*er yang akan diteraPkan Pada
Gcrrbcr I .22 Kotok diolog lnsert Poges
man adalah mengurangi halaman'
urangi ;umlah halaman. Anda daPat
rrng rnenurut Anda paling mudah'
yrrg akan dihapus dan kemudian pilih
,*ar: dihapus lalu klik ikon Delete
Fs > Delete Pages sehingga muncul
n halaman mana saja Yang akan
','lengenol Adobe lnDesign CS5
Gombor 1.23 Menghopus holomon dengon kotok diolog Delete poges
ilenggeserHalaman
'.lenggeser halaman dapat disamakan dengan memindah halaman.
3,erikut ini cara memindahkan halaman dokumen.
' Klik kanan ikon halaman yang akan digeser, pilih Move pages
sehingga muncul kotak dialog. Pilih tujuan pergeseran halaman
pada opsi Destination.
Gombor 1.24 Menggeserholomon dengon kotokdiolog Move poges
hngubah Maqin dan Kolom
r - ja masih diberi kesempatan untuk mengubah pengaturan
-:.gin dan kolom halaman dengan klik menu Layout > Margins
and Columns. Tentukan nilai pengaturan margin dan kolom sesuai
,
=-J
Anda inginkan.
17
]r bor 1 ,25 Menguboh pengoturon poOo f<otot Oiofog digins ond Cotumns
ri llaster.
MengaturRulef Grid dan Garis Banht
Anda dapat memunculkan fasilitas bantu seperti Ruler' Grid dan
Guidelines (garis bantu). Anda dapat menemukan pengaturan ini
Document Grids. 6edangkan untu Guideline, klik menu View >
Grids & Guides > Show/Hide Guides'
Anda dapat mengubah lebar kolom dengan cara lain, yaitu dengan
klik menu View > Grids & Guides ) Lock Column Guides'
pastikan tanda centang pada opsi ini tidak aktif. Gunakan klik dan
Oiug .ort" untuk mengubah lebar kolom secara manual'
*.
comb"r. i)6 iompilr" f*i[* n r.i eti.s Jon Guidelines
MenileERl Prrrrortlonm FleLnrvnn
Salah satu unsur penting dalam pembuatan buku dan majalah
uJuf uf'.r penomoran halamin. Anda dapat mengatur nomor halaman
sesuai kebutuhan. Berikut ini dijelaskan bagaimana memberikan
nomor pada halaman buku dan majalah'
MembuatNornorHalaman
Ikuti beberapa langkah berikut berkenaan dengan penomoran
halaman.
Mengenol Adobe InDesign CSS
1. Aktifkan halaman master yang akan disisipi pengaturan nomor
halaman.
2. Aktifkan Type Tool, buatlah sebuah frame teks pada posisi
nomor halaman yang diinginkan, misalnya pada bagian pojok
atas halaman.
l9
Gombor I .27 Membu,otftome teks unfuk nomor holomon
3. Pastikan posisi frame teks dalam keadaan siap ketik, klik menu
Type > Inseft Special Character > Markers ) Current
Page Number.
Gombor l.2B lkon rromorholomon podo holomon moster
Lakukan pengaturan yang sama pada halaman lain dalam
spread master yang sama. Perhatikan kondisi halaman pada
halaman lainnya,
Gombor 1 .29 Hosilpenornoron podo lrolomon dokumen
20 PASI Adobe lnDesign CS5 untuk Desoin Publishing Buku dqn Moioloh
Mengafu r Format Penomoran
Anda dapat mengatur format penomoran sesuai keperluan, misal-
nya mengganti format penomoran dengan angka, huruf, atau yang
lain. Berikut ini cara mengatur format penomoran halaman,
1. Aktifkan halaman yang telah dinomori, misalnya halaman 1
pada panel Pages.
2. Klik menu Layout > Numbering & Section Options sehingga
muncul kotak dialog Numbering & Section Options.
e".o* i,so M;;g"d6r"Ap"*;.4" pobo kotox Numbering & Section
OPfiors
3. Pilihlah style penomoran yang diinginkan, seperti angka, huruf
atau angka romawi. Anda juga dapat memberikan keterangan
pada Section Prefix, misalnya dengan kata Hal-. Tandai opsi
Include Prefix when Numbering Pages untuk menampilkan
prefiks yang Anda berikan. Berikut ini contoh hasil pengaturan
format nomor halaman.
HdI Fage-A
Gombor L3l Contoh frcril penggfuron formot nomor holomon
)n
ns
Uf
tn
)si
an
an
'lon
'.iengenol Adobe lnDesign CS5
t4embuat Section Numbering
Pengaturan Section Numbering biasa dilakukan untuk memberikan
'ormat penomoran yang unik dalam satu dokumen. pengaturan ini
mengijinkan lebih dari satu format penomoran dalam satu doku-
Ten. Berikut ini langkah pembuatam section numbering pada
ralaman.
1. Misalkan Anda akan membagi dokumen menjadi 2 format
penomoran. Penomoran pertama memiliki format nomor
halaman (i, ii, iii, ...) dan yang lain memiliki format penomoran
angka (7,2,3. ....).
2. Buatlah beberapa buah halaman yang akan diberi pengaturan
section numbering, misalnya B halaman. Klik kanan ikon
halaman 1 pada panel Pages, lalu pilih Numbering & Section
Options dan lakukan pengaturan seperti Gambar 1.32. pada
Style, pilih Ii, ii, iii, iv ...] .
21
Gombor
.l,32
Membuotformotpenomoron podo section pertomo
3. Selanjutnya beralih ke halaman lain yang akan diberikan format
penomoran angka biasa, misalnya halaman 5. Klik kanan ikon
halaman 5 pada panel Pages, pilih opsi Numbering &
Section Options dan lakukan pengaturan seperti Gambar
1.33. Pastikan opsi Start Section ditandal dan ganti Style
menjadi angka |t,2,3,4 ...f .
PAS: Adobe lnDesign CSS untuk p.toin puOtitttin
$lki}l6i ffi:.:.i;1flI1::i.M
jrlXlll;:..- i::- ).i'iYrl
Flsbrt gection .
4 4utqmattc Fryit'lr@tlu I
& sF,iP"sinr "r, if
'.. F;all*.mbetiiqi .i:=rrr
, . ktionB"it,,i-*-1- .,.. :
.',' 6t{ei i r, :, :. +
gertiDo l4ff!Fli:.:
Docuffiit ChiFl* N!fib?tins ^
stfler 1, I :, + -l
& n,,r!'tr.eriq,tq4.t*.t 11n0""13
fi si;t +&rter tJfftqrE at 1
: r:iI[ ii i:: tl:]ii:: f.rl J r:rr,li: ,l i' i
BlEk I',lilrBl l,llA r:': :'' '
t:l.il;.ri
l--ft., ;i
EIFCl(dB.hElls aheE lllmbqrhg FaB?5
.-.r ,l
'-,,,.-l
,,:' I
,t
l
.:.:.1.:i:', il
'.,.,,.i]
=: I il
,.:=lL
I
::,.....,i..,.,...1i
Gombor I 33 Membuoisection numbering yong bebedo
Klik OK. Hasilnya, dokumen terbagi menjadi 2 section num-
bering yang berbeda seperti berikut:
-e".0* isa i"rpir""*rloildb",ilg vt"g b"'l"do dolom scrtu dokumen
Membuat Kebrangan Sambungan Fname Teks
Pengaturan ini biasa dilakukan pada frame teks yang isinya
beriambung ke frame teks pada halaman lain. Ikuti penjelasan
singkat ber-ikut mengenai bagaimana memberi keterangan sam-
bungan frame teks Pada dokumen'
1. Buatlah 2 buah frame teks yang saling berhubungan pada
halaman yang berbeda, misalnya halaman 1 dan halaman 4'
2. Pada halaman 1, buatlah sebuah frame teks yang menempel
pada frame teks pertama pada naskah' lalu ketiklah
"bersambung ke hal..."
4.
lll
1
.lengenol Adobe lnDesign CS5 23
Gombor L35 Membucrtfome teks unft-rk keterongon fome ter<s oersomoung
3. Selanjutnya klik menu Type > fnsert Special Character >
Markers > Next Page Number sehingga didapatkan hasil
seperti di atas.
4. Pada halaman 4 (lanjutannya), buatlah sebuah frame teks yang
menempel pada frame teks pertama, lalu ketik .'sambungan
dari ha1...".
sambungin dari hal
-I ____Jrmbungan dari hal I i :E
| : Peil gp|nhi1r10.iit Wel) Berhotsis
lcar.t llr.rktis rldn turrtds llerllnIai
n rtenUirn ASP" letl$kit!) den(nn
1ftflUkah demi lall0kfrh, :]lul,ri dari
alnn h. lilnlan ueb rlpfiU.tn HTML
Ih peilbuBtftti aBlika$r rlengilil ASp
!crimburl kr hndl
l!
iPem,bahaiin Su[u ini diau
kah instalasi PWS dan beh
gratis yang mendu[<ung pe
hasan dasar-dasar HTM,L,
hahaEa standar skrip ASP.
I Pengemhangan Weh Berbasis :
ara praktis dan tuntas berbagai
dengan ASP. Iengkap dengan :
rngkah demi langkah, mulai dari
. .an halaman weh dengan HTML
pembuatan aplikasi dengan ASp.
.---1> her:ambungketral4
Fem:6ahasan b'uku ini diarn
kah instalasi PWS dan beb
gratis yang mendukung pe
hasan dasar-dasar HTML, '
bahasa Etandar skrip A,$P.
Gombor 1 .36 Keterongon sombungon noskoh dori fome teks sebelumnyo
5. Klik menu Type > Insert Special Character ) Markers )
Previous Page Number. Hasil akhirnya seperti gambar di
d LdS.
BEKERlAD.E.t.IG..$ffi[s-;...!-.-=.......
Pada aplikasi Adobe InDesign, teks yang ditambahkan pada
dokumen terletak dalam sebuah kerangka atau disebut juga Text
Frame, Ada beberapa pengaturan yang dapat dilakukan pada frame
teks ini, seperti membuat frame teks, menambahkan teks di
dalamnya, mengubah bentuk dan ukuran frame teks, saling meng-
hubungkan frame teks, bahkan menambahkan gambar/objek pada
frame teks ini. Berikut ini beberapa pengaturan pada frame teks
yang dapat Anda pelajari secara singkat.
Seperti yang telah dijelaskan secara singkat pada pemb-ahasan di
atas, teks terdapat pada sebuah kerangka atau frame' Berikut ini
pengenalan dasar mengenai frame teks pada Adobe InDesign CS5'
MembuatFrameTeks
Untuk membuat frame teks, aktifkan Type Tool' Klik dan drag
,our"padadaerahdimanaakanditempatkanframeteks'Lepas
,or." dan mulatlah mengetikkan teks di dalam frame itu'
PAS: Adobe lnDesign CSS untuk Desoin Buku don Moioloh
ttlis irLr itLs ickr tt!l*
treks teLs t*!:s t*l+ lrks
t*ks t*l<s l,:k,c teits tt'li!
:teks teks ttkr tekr tt:ks
r*ks tel's t{:k.c ielis terk:;
t*lt:i tt[r tel";s tckl t.:];.s
r*ks teLs]
------>
Gdb"t L5r-G;il}fr#" u.i Co" n"orn"" o"x"""
MengimporTeks
Anda juga dapat mengimpor teks 9un menempatkannya pada
halamin dokumen. Caranya adalah sebagai berikut:
1. Klik menu File > Place sehingga muncul kotak dialog Place'
Gombor I .38 Memilih fle teks yong okon diimpor
:'^r't':
ili
Pilih file teks yang akan diimpor, Ialu klik Open.
Klik dan drag mouse pada halaman dokumen sehingga mem-
bentuk frame teks dan kemudian lepaskan. Frame teks akan
berisi file teks yang telah diimpor sebelumnya.
S1rt, r r r: r.re,ijtl::.[.an l:r,]; jrrrr,.r
rrrllirbuii clarr rlengolrhi
'ltla!l.lnr .ii:i;!i L e,ttrt t'liti*n,r
il):rlrgLtnii:1t1 (:ctilLrq.q!v,':+.i
Pnc;. iIrLil ri nk.lt ,:i;tFfi(;n'
::tr;'.rk ::knik-:,hni!: d,rn Anri;,
d:-Llit trt*ni:1",.tit,,i dt,tcnn.
Jitlhffn-lstihnti Fada tiaF l:i:hnt,a.:
S*l.rtrjrLl,;r i .ci.r akur, nEmarirr, r.
'l1tl,1rr,.], lcqUit.l.j[. jEr:") Lr.,jriL]rl
rl:r{ tekr. .;rr,tr LlrL,errk,r.r. 8ri<u
lr r ttrdir r,.J,rr', li:ra h.rL drt,rto, -,rr,.=
drlalall !El:a,ln! itit rrLll:
- -6;b"; i 5e i..n;r.r"&fi6i"ht;ng i;r;h, Jplir-,
MencaruR FRAUTE TEKs
Frame teks yans tetah dibuat dapat ;;;; ;;; ;;r, ;;; ukuran
maupun bentuknya sehingga didapatkan frame teks yang diingin-
kan. Berikut ini penjelasan singkat bagaimana mengatur frame
teks.
IVlenggreser Frame Teks
Gunakan Setection Toot untuk menggeser frame teks menuju
posisi yang Anda inginkan pada halaman dokumen.
IVlengafu r Ukuran Fnanre Teks
Ada beberapa cara yang dapat digunakan untuk mengatur ukuran
frame teks, yaitu:
2.
3.
Fs'- .i
-#IT:T*
Isilah nilai Width dan Height H!;$In82s_i,m
--: pada toolbar sesuai
kebutuhan.
Gunakan Selection Tool, klik dan drag titik-titik pengaturan
pada frame teks.
E' *'.brnxnfileteksvongot<onJirp",
ffi
p
H
r.
E
F
Jiib*-liili(edi r.a,'xe :if Uet6f fe*q
jGrq d:tam*nll.ar i1aE LIE[!l)e]]
:qrlehk,ls enr +€lLah ter.ragLo 6:aii
ilise$ut il,lit Tell Frai'€ lfranle t€hs):
.lde f,eberFPa !,e|l'J.rturd. ynlu '1'rJi{
'l la$ukln Fidi t a4E teh5 'ni se!€4i
flen'fut: lI3me t:hc. l-18nfi{1iel l'sNl
qll dr cal3nltla. n'el,qull.]l lKrluL
itsr r,kuran irElne trki, saliiq
ilrelqhulrrn,lkw ar3Be te*5 ilEhkari
*nirlishqor !3nrlorr).Jer. T1'] --------->i*rre iel.s ini Eerilut *)r Leil+Bl4
*elgeturar Padn iranE tel€ yenq.
dspst A.f{1a
'-'ejjari
iet'ra 3i8+k'E''" :''l
Gombor f .aO VferEuOoh ukuron frome tet$ dengon Seleclion Tool
Anda juga dapat mengatur agar ukuran frame teks menye-
,ruikun 6iri d"ngun Uariyat<nya teks yang terdapat di dalamnya'
Klik menu Object > Fitting > Fit Frame to Content'
Mengubah Bentrk Frame Teks
Frame teks dapat Anda ubah bentuknya' Tool-yang digunakan
untuk mengubah nentuk frame berkisar pada Direct- S-election
Tool, Add Anchot p"int Tool, Delete Anchor Point Tool dan
Convert Direction Point Tool'
--Pir-d:ii "'-:.
,, i -l ' 6p:ikrsi A,jo* iI "',
"
'l' ueilqn lsks'ian! ii1gli*ahk F ,J'd8
"-aj"""', i-iril ii':r1r e*lruar *-arqra
?lisr d.sel{l iri.r -ell Frarre 'fmlee :elsl
i.i..
-;;;;;;
Enaattrsn ru*s dairstl
dislriilitn psds iisrie tE}; in,3Eneii therlu't
lr3ri: ?l$, lnetr3n1[nl kat tik5 'l dstrxliR'
.1pn{r}ah benklr c6tl ulr,rsl tM'a le?.'
r"ri.r-: r'en;n:r:rt3har, iln'e ::tJ LshFf,l'
r.enimr:rtt.rr JifltuR !;rel sr'l'r lr:rk
iels .r'r Eerlur r i h+Lerxp* frrieiurall
i6d.1 trfir!1e itle ycnq ds3nt inds r4illl
,i....... .................
Gdbdi ;i M;srb"h b.;tuk ftffi; 6r" J"n&n Directselection Tool don
Converl Dkeclion Point Tool
Iidi 33.rr ji;iA.ih le Ue#i :;SS7H'g JlfiiE;ih6i
i.ra1ffiLne. tellesl lrl-i1) l€gi'h l'erar!kt ]iair
il"i.irr"i '."t :,*" tranre tELsr. 3da babEri:d
."n.oui- rrrr i'1sr t skLlsn llda rf ie +li
il ."*.i rrm,ra rr.e €as. n e'rnbrqlsn::l'(
,r ..";.;., t', nEE-1.;h t'i'rl:k cnn Lhd-!' f'r^E
i.nt. ,""rq ..nlnr"*fk' fiare :l's ':'l;'
nr:r:r:rU"n"un lvl',{'ol'.91 l'and
'rR
t rFh5 il'
S"ntr: ,t' tefr"'epu ;eploirBn psoi rrre i:l!
,cr! d.r )ct :FlB Pi'3.rti liaMa ih;ul'
,td"'ts:E!,*an,
'Ad6)€ ki
=e!,gs
trks
:r'Rn! drlsriurtr:{ p3en dtluntr .rh-
i:r,e'c" dsnrl EeD-$h letcr'gka _
alEu d*elrt juqn Tei: frtmE itranEl
le:: :.dJ heusa.r E'EBtuLlr
ianr dra3r dil-llrhrD s5e Ir'1nE
l:ti ei E€P€rij $€n'.L0sa ftsrf,:
l.ke. nenrsb.,hlsn telis dl;
;'r,alF:s rneH&[)nh h.dui'
.u" .frtr. ien. lins. tr'h !
nEri!.i':trr!h3^ aarre lehai
trshltn nE.Lrn'++ik3r]_l
S*uarorro$jel gi:in Jar!:ei
teks ,6, s.rtri nj
iL e r e ' e p a.
' .. ti.i
'*r-nqenol Adobe lnDesign CSS
:ada frame teks terdapat bagian-bagian yang digunakan untuk
-enghubungkan satu frame teks dengan frame teks lain sehingga
(3duanya menjadi saling berhubungan.
1-
t,lf rldrl iPl:[33r.qcot'e ln Lresr'Jrl
Gt,5 ;;*nn diHnlHhkaF pid.l
bukumen tenetsk {aLrJl
sar:.sF !rr,!,:Ek.i attL digEh,ri
iJjl Te<i
=raFle
iftane t:ks,.
id-r l)eheiilFa pengat-.rJn
yrrr! dsiit dl8tuh"ln pade
IraEr€ trks r,i leBertj nEml)lrqi.
lr3nt eii5. tnencnruri'kaii
a
, --l
-olehr dI rl.i JrnF!.I,t
;:h&rl:rrh xrtrk drl
Utursr lrflre t:ks,i
srllq nlencJhrritLr.Qkflrr
franre ieks b;rhkani
lnren-rn'l:chkrr. g:n' l:rrri
I oJ ek prc* 1;ine tekq
I iFl E<r,ku', r,i r:E::=r.ti-.al
I per,!rturar J3ia lr.rnrs
I
I
L3
-5
J
ln
)ol
G#b"ii.;, B"si"dsi"il& il;; 6h
(eterangan:
1. In port pada awal frame teks,
2. Out port yang menuju frame berikutnya,
3. Text thread, garis hubung antar frame teks
4. In port, bagian awal frame teks dari frame teks sebelumnya,
5. Out port, menunjukkan overset teks atau menuju frame teks
lain jika masih ada sisa teks.
tvlemfuat Thrcad pada Frame Teks
Berikut adalah cara membuat thread pada frame teks:
Klik Selection Tool pada out poft frame teks yang diinginkan.
Klik mouse pada frame teks yang akan dihubungkan sehingga
kedua frame teks saling terhubung.
1.
2.
CS5 untuk Desoin Publishing Buku don Mojoloh
ls.li $!lf,83lldohe ln ueslg'l
iel,s y..n!! aitiril3hknr Bsd'1
iol,irlEr1 letrB]"rl inlijr]
iet!6h k:Enlli 4tsu di:ehrl
iraa Te"t rrare ili6r.e tf,kell
Idii Lelefip.] Perlg':!ii1!l
,-rrE d,lrri d irLhrr Fnii
Irirrelgkt t !JflFllin eranl'r:
iru,.aa talo, Ff,Ellnnleehkiil
tels l: .:13 a1f11i'3 0':r;ul',ln
l,ar,i rr ddl ,liLtrir iar e ie41
'
-. e".o"if aS fi-,t""ot"tapodo2 buohfrometeks
Mengaliftan FrameTeks
Hampir sama dengan membuat thread teks' dengan mengalirkan
teks maka at<an tJrdaput ftu*" teks yang saling berhubungan'
Berikut inl cara mengalirkan frame teks:
r Mengalirkan frame teks secara manual:
1. Impor teks dengan klik menu File > Place dan pilih file
teks Yang diinginkan'
2. Klik dan drag mouse sehingga membentuk frame teks' Klik
out portiJia"riut* Grtt iJtu rit dan drag mouse untuk
membuatframeteksberikutnya.Begituseterusnya'
. Mengalirkan frame teks semi-otomatis:
1. Impor file teks seperti pada langkah sebelumnya'
2. Tekan tombol Shift+Alt lalu klik mouse pada halaman
dokumen'Frameteksakanmunculpadaseluruhhalaman
dokumen'
3. cara Ini masih membutuhkan penambahan halaman lagi
Oifa iumfatr halaman belum cukup untuk memuat teks
Yang dilmPor'
. Mengalirkan frame teks secara otomatis:
1. Impor file teks lewat menu File > Place'
2. Tekan tombol Shift lalu klik mouse pada halaman
dokumen' Secara otomatis dokumen akan menambahkan
jumlah-halaman untuk menyesuaikan dengan banyaknya
teks yang dimuat pada dokumen tersebut'
Ealilu rraillrlu.roKel'' rtgft a
tEt +
-lei,kan
stnrnrbohhf,ri'
g?fitrnrlgbiek PR,li fianrg
1al! r.r 6eol^u', l1l r.al-:riFE
.;rr-ilr.r'311 Pi'-s -i1-f lehl
,.rrrq ,]Ji'-1t i'rll ijEl_1-t'''
'lgeclrs:tr!hg:. l
Mengenol Adobe InDesign CS5
MencnnrRTEfiUUhAP
Gombor 1,44 Tompilon ponelTexl Wrop
Text wrap biasa digunakan pada teks-teks yang memerlukan
lustrasi di dalamnya, Pengaturan text wrap ini akan menambah
:ampilan teks atau halaman dokumen menjadi lebih menarik. Anda
Japat menemukan pengaturan ini pada panel Text Wrap.
Ada beberapa jenis pengaturan pada panel Text Wrap, di
a nta ra nya :
r Wrap Around Bounding Box i-iEE, digunakan untuk membuat
text wrap dengan bentuk kotak di sekeliling gambar atau
frame.
. wrap Around object Shape l* j, oigunakan untuk membuat
text wrap dengan bentuk kontur objek.
r Jump object l.El, Oigrnukan untuk membuat text wrap di
bagian kiri dan kanan objek.
r Jump to next column |E, digrnukan untuk menempatkan
teks di atas objek.
MeuBUArTPcrox Panr
Pengaturan ini akan menghasilkan teks yang ditempatkan pada
alur tertentu, baik berupa garis, kurva, maupun objek. Berikut ini
:ara membuat text on path:
29
tn
n.
iile
(ik
tuk
Ttan
man
aman
ahkan
aknya
lagi
teks
itE; in_:.:isiflifrt::iffifi=:
*l*!:iE* & H flrnulr
.'
Elg1,r.-
*.,,.,Fe
lflr.; i
i*"-' ,l$l*lB;,*. .
30 PAS: Adobe lnDesign CSS untuk Desoin Publishing Buku don Mojoloh
1. Buatlah sebuah objek menggunakan Ellipse Tool. Aktifkan
Type Tool, arahkan mouse pada objek tersebut. Klik dan
ketikkan teks sehingga teks berada di dalam objek seperti
berikut:
. - 1i'1i! '* ' ..
.- tu,.; trlD"rr.r'tI
.,' I),at.tu {:lfillit:. nif,} )liir:;1 rR- ,_
jIl'AF,{I I)l I:r3l.nXI {:}lllix lliklaN(i i
----),i I )i I1.r.,.1 t l n1l .r 1 , ,F l L tlli)
- iiN,., Il.k..itl"il I"l l.'.1.'..[!1,Flll:.
''ll l:!Y.llri I ttsltrltf I I
l,,ilti1.18ll-l
Gombor 1 ,45 Tompilon teks di dolom objek
2. Buat objek oval, aktifkan Type on a Path Tool lalu klik mouse
pada tepi objek dan ketiklah teks pada jalur tersebut,
Gombor 1 .46 Tompilon teks podo sebuoh objek poth
3. Untuk menghapus teks pada path, klik menu Type > Type on
a Path > Delete Type from Path.
Manajemen typografi berkaitan erat dengan teks, namun lebih
menekankan pada pengaturan karakter, format font, serta
pengaturan paragraf pada frame teks. Pengaturan ini dilakukan
agar susunan teks pada frame teks lebih rapi dan menarik. Berikut
ini penjelasan singkat mengenai manajemen tipografi.
Mqryga-run Fonmar rqq p+tt ry14!+g1
Format font dan karakter dapat Anda jumpai pada toolbar bilamana
Anda mengaktifkan Type Tool. Selain itu Anda juga dapat
mengatur yang sama pada panel Character, Untuk memunculkan
panel ini, klik menu Type > Character.
'.'+noenol Adobe lnDesion CSS 3l
Gombor 1.47 Tompilon ponel Chorocter
:ada panel ini Anda dapat mengatur berbagai macam hal yang
:erhubungan dengan font, seperti memilih jenis dan ukuran font,
:ading, kerning, tracking, scaling, baseline dan skewing.
Mencnrun Foroulr Pnneoner
>aragraf merupakan kumpulan font yang membentuk teks. Teks
..rrrtrn dari beberapa kalimat yang saling berkaitan. Paragraf
,ang terdapat pada frame teks ini perlu diatur agar tampilannya
ebih rapi. Anda dapat memanggilnya dengan klik menu Type >
Paragraph sehingga muncul panel Paragraph.
h
a
n
lt
na
rat
an
Pada panel ParagraPh
aturan seperti format
oullet and numbering,
e".o"i i ag Tompilon ponel Porogroph
ini Anda dapat melakukan berbaqai peng-
perataan, indentasi, jarak antar-paragraf,
serta format droP caP.
JI PAS: Adobe lnDesign CSS untuk Desoin Publishing Buku don Mojoloh
M=r*auan DAN MENeGUI{AKAN Sril-E
Style dapat diterapkan pada karakter atau paragraf. Penggunaan
style ini bertujuan untuk menerapkan format paragraf secara cepat
dan konsisten. Anda dapat membuat dan mengatur style karakter
pada panel Character Style.
+ fHAR,IICTER STYLES
:1, rr ::'
(diri0
'' 1111'-1 ::" :"4'
, ,1..t ::r, --
'Hipidinl{ :- H
11, il$ rtyl*s.&Jr tsJbtdJ,,,,.iinpiriitEd t.,:!lt,
C""nn"i r as rompil p"n.idr,"t"cter Style
Selain itu, Anda juga dapat membuat dan mengatur style paragraf
pada panel ParagraPh StYle.
*FAftAGRAPTI
'TYLE5
t!ii"4 :,i'
,: lB;';k p;i?rEihl
::: : ]'{+ffrl :::: i:
.' 1jg!111,,r 1 '
Hea,Jing 7 - il
He.adin{
f,,
-:-:, . H""jilP..L-:,:.--.-.:,....
..'
e"-Gr. i ,so r"*eo" p"nbr p"t"gr.oph sty;
Adobe InDesign CS5 menyediakan tool untuk menggambar path
berbentuk objek/garis lurus/kurva.
Mer.rocaruBAR PATII
Untuk menggambar path dengan bentuk dasar, Anda dapat meng-
gunakan tool pada toolbox berikut:
W
?.
tst-
ln
H
m
lH--lg
)1,"'.,r1
{Mr,- :€- r Adobe lnDesign CSS
Tool-tool untuk menggambar path sepefti Line Tool, Ellipse
Tool, Rectangle Tool atau Polygon Tool.
i
:1.
:'"
3cmbor I .51 Contoh poih dengon Line Tool, Etlipse Tool, Rectongle Tool don
Potygon Tool
Tool-tool untuk menggambar bidang placeholder kosong untuk
frame grafis seperti Ellipse Frame Tool, Rectangle Frame
Tool, atau Polygon Frame Tool,
i...
l, .....1-,.i i. ...
Gombor
.l.52
Contoh ploceholder kosong unfukfome grofu
Tool-tool untuk menggambar path dengan bentuk bebas sepefti
PencilTool dan Pen Tool.
. ,'--" -.r'1
Gombor I .53 Contoh polh bebos dengon PencilTooldon Pen Tool
MeNouaAH BenrruxPenr
3entuk Path yang telah dibuat dapat Anda ubah menggunakan
:eberapa tool, di antaranya:
. Direct Selection Tool yang digunakan untuk mengubah
bentuk path pada titik-titik anchor-nya.
aa
I
I
3A PAS: Adobe lnDesign CS5 untuk Desoin Publishing Buku don Mojoloh
r-
] ''''''''' '',',,,,,,,.,, .''ri
Gombor I .54 Contoh penggunoon Direct Seleclion Tool
Add Anchor Point Tool, Delete Anchor Point Tool dan
Convert Direction Point Tool untuk mengatur kondisi titik-
titik anchor pada path, sepeti menambah dan mengurangi titik
anchor.
Gombor I .55 Penggunoon tool unfuk mengolur kondN litik onchor
Smooth Tool dan Erase Tool, yang digunakan untuk meng-
atur kondisi path yang dibuat menggunakan Pencil Tool.
'..
'a,^ _
Gombor 1.56 Penggunoon Smooti"r Tooldon EroserTool
. Scissors Tool yang digunakan untuk memotong path.
tr
/r'
iiti,,
---+ "-.. .. ,./
Gombor 1.57 Penggunoon bissorsToolpodo poih
Bentuk path pun dapat dibuat dengan memadukan 2 path atau
lebih ke dalam kondisi tertentu sehingga dihasilkan bentuk path
baru. Pengaturan ini dapat Anda jumpai dengan klik menu
h,"
.4
t'
I

I
i
l
ij re.rol Adobe InDesign CS5
$/lndow > Object & Layout > Pathfinder sehingga muncul
:'-ei Pathfinder.
Gombor 1.58 Tompilon ponel Pothfinder
}hraarun Garnan PADA Puqcarqoen
:-:a dapat menambahkan gambar untuk ditempatkan pada
: : ceholder yang telah ditempatkan pada halaman dokumen.
--:uk menambahkan gambar pada place holder, klik menu File >
Flace, lalu pilih sebuah gambar sehingga gambar itu akan berada
:. am placeholder tersebut.
Gombor I .59 Sebuoh gombor yong terdopot podo ploceholder
::ngaturan gambar di dalam placeholder dimaksudkan agar
::npilan gambar sesuai dengan yang diinginkan. Anda dapat
-engatur gambar pada placeholder dengan klik menu Object >
Fitting.
35
Fill Frame Frc,pnrti':nall';r
f lt' .:":::
t,':ll-::l
l'.:'l
i
Fii Frarne tr: frrntent
Fil funtenl tu Fr;rne
,:EnlrE i:ontElt
:lear
.F1':nref-.ir:l:ns
ElPtllrn:
Fr,:rr-re Fitl:ing l-lgrtirrns. , ,
Alt+5hift+fh]+c
Alt+5hitl+ftrl+E
Alt+,:trl+f
All+':trl+E
ihitt+i_trl+E
Gombor I .60 op'si podo Object > Ftliing
Fit Frame Propottionally, membuat tampilan gambar meme-
nuhi area frame.
co;C r or-ir i..n" aopomo*rV po& &*b"i ootom ploceholder
Fit Content Propotionally, membuat gambar tampak semua
pada area placeholder dan ukuran frame tidak berubah'
Gombor I .62, Frt Content Ropotionolly podo gombor dolom ploceholder
Fit Frame to Content, membuat ukuran frame placeholder
menyesuaikan dengan ukuran gambar.
ier
ler
'.lengenol Adobe lnDesign CS5 -----Z
Gombor I .63 Frt Frome to content podo gombor dolom ploceholder
Fit Content to Frame, membuat ukuran gambar menye-
suaikan dengan ukuran frame placeholder.
Gombor
.1,64
FrtContentto Frome podo gombordolom ploceholdet
Centre Content, membuat gambar berada di tengah-tengah
frame placeholder.
e"*O"i r OS CLnhe Content podo gombor dolom ploceholde
Clear Frame Fitting Options, menghapus pengaturan kondisl
;ambar pada frame Placeholder.
Frame Fitting Option, mengatur kondisi gambar pada
: aceholder dengan kotak dialog.
ili$!
i*, f-+, -:--:i i
cott*1,',gioy
.TffiEE
BEKEffi iii+'ii;i#**:
Table.
+lli;;m:ffi;T; "nr'-*n, :"J" "';i'#,''
H', : : I
l:#"x?:rl"4=$:,rlri,3.:i:t[ilr";ffi ;i:irr""J:H:i
pengaturan sesual
[.[Eii" densan tabel'
MqlPqryTIP+F|rI
Anda dapat membuat taber baru I:9:":i:T+lS"[ff: 3,"J?
;";b;i sebuah frame teks menggur'ilr".r''tttur dialog Insr
*:;;i;;i; > rnsert rable sehinesa
*;; t;; ro*P'r"" rtt"k diolog lrrseri'
l.'engenol Adobe lnDesign CSS
-entukan jumlah baris dan kolom yang diinginkan lalu klik OK.
lrda dapat menggunakan tabel dan mengisi setiap sel dengan teks
. ang Anda inginkan.
i!
!
l9
i
il
I
II
Gombor l.68 Contoh tobelyorg tetoh ditsitek
39
E
IE
rneryqrrgflT4pg=
1:a beberapa pengaturan
:'<asi tabel. Pengaturan
Table atau panel Table.
yang dapat Anda
ini dapat Anda
lakukan untuk memo-
temukan pada menu
]. ,,,,:i:;il.,:
ffil.,fl o l.
Fo: -l I
Bff |
6-".. I .67 Tompilon kotok diolog lrrserl- Toble
E[;l;*p] gi,ise,"* |
,ru{:m-
* *
i-i=''=
=
lr-r i J F"
H iij.':o|l'*r r *, E',i*] 1,0,, ",.1
ffi lii;ii;; 'e' m
:*1 i,+l il]
,.',,::.,.,=liilili;r:,:::lill:.,,7i1i1
:::":=;1111;111
l
-:::.:::=llli
Gombor 1.69 Tompilon ponel Tobte
*e-<ut ini dijelaskan secara singkat bagaimana melakukan modifi-
q:s :ada tabel.
hnilnbah dan Mengulangi Baris dan Kolom
.tn:= :eberapa cara yang dapat digunakan untuk menambah atau
-:-;;rangi baris maupun kolom, yaitu:
Pada panel Table terdapat kolom Number of Rows dan
Number of Columns. Anda dapat mengisi kembali sesuai
40 PAS: Adobe lnDesign CSS untuk Desoin Publishing Buku don Mojoloh
dengan jumlah yang diinginkan. Tabel akan bertambah atau
berkurang, baik baris (baris paling bawah) dan kolomnya
(kolom paling kanan).
Seleksi baris atau kolom yang akan ditambah atau dikurangi,
klik menu Table > Insert > Row (untuk menambah baris)
atau Columns (untuk menambah kolom). Untuk mengurangi
(mengurangi baris) atau Column (mengurangi kolom)'
Mengubah Ukuran Barisdan Kolom
Ukuran baris dan kolom pada tabel dapat disesuaikan dengan
kebutuhan. Berikut ini cara mengubah ukuran baris atau kolom'
Pada panel Table terdapat kolom Row Height (tinggi baris)
dan Column Width (lebar kolom), Anda dapat langsung
mengisinya dengan nilai lebar atau tinggi yang diinginkan.
Ukuran baris dan kolom juga dapat diatur secara manual, yaitu
dengan klik dan drag mouse pada garis batas antarkolom atau
antarbaris yang ingin diubah ukurannya.
a t c iE
1234
5678
sl0il!:
]A B
-:--+
-^5b
: . .. .. .:--.
is ]0
Ir
s
I:
Gombor 1.70 Contoh menguboh ukuron bcrris podo tobel
MengafurTeks pada Sel Tabel
Kondisi teks dalam sel tabel dapat Anda atur agar menghasilkan
tampilan teks yang baik dan sesuai kebutuhan. Berikut ini
beberapa pengaturan yang dapat dilakukan pada teks dalam sel
tabel.
Pengaturan Alignment Text dan Rotating Text dapat Anda
lakukan dengan menyeleksi sel di mana teks berada, lalu lihat
tampilan pada toolbar. Pengaturan ini juga dapat Anda
temukan pada panel Table.
,ltr;3nol Adobe
3ombor 1 7r pengoturon Arignmentrext untut<"ieta ddom;lddoi-no,.
r Pengaturan cell rnsets, yaitu menentukan jarak teks dari ke
empat sisi sel dengan nilai yang diingh_kan. penqaturan ini
dapat Anda temukan dengan krik menu +#tE ceil
-options
>
Text. Pengaturan ini juga dapat Anda temukan pada panel
Table.
Gombor r.72 pengoluron ceil rnseis podo kotor< oi,orog c;iiopi"*
ilftnggabung dan Membagi Sel
::-gaturan lainnya adalah menggabung atau membagi sel pada
:::el. Berikut ini cara menggabung dan membagi sel.
' Untuk menggabungkan sel, seleksi paling sedikit 2 sel raru klik
menu Table > Merge Cells.
j ---+- """- -i:
'lrl
.ii.i
:
Gombor L73 Contoh menggobung selpodo tobel
PAS: Adobe CSS untuk Desoin Publishing Buku don Mojoloh
Untuk membagi sel, seleksi satu sel yang akan akan dibagi lalu
kllk menu faUle > Split Celt Horizontally (membagi sel
secara horizontal) atau Split Cell Vertically (membagi sel
secara vertikal).
tiltal
eomoor i
ja M.-o"gi ser secoro uerrix"tc"i o"" r]"rzontd(o)
Mengattrr Sfioke dan Fill Tabel
Pengaturanstrokediberikanpadagaris-garispembatasselpada
tabe"l sedangkan fill diberikan untuk warna sel pada tabel. Anda
dapat mengatur tampilan garis batas dan warna sel sesuai
keperluan. Agar dapat melakukan pengaturan ini, pastikan seleksi
terlebih dahu-lu sel yang akan diatur garis atau warnanya. Kedua
pengaturan ini dapat Anda jumpai pada:
.Toolbaryangmenyediakantooldanopsiuntukmemilihkondisi
garis batas dan warna sel,
- -comb"iL% r*rn* p""sCi;";.xe ton m ceu podo toolbor
KlikmenuTable>Celloptions>StrokesandFills.Anda
dapat memilih jenis, ketebalan dan warna garis, serta fill'
fl,>, ,*t* ..Y.=l
!.i.i, i ;
Jia;"tt.k"i #;f L
*o*rra* qa4rslour
IlLo.eqp- q;;
!##lrc
.r*- l:1ol Adobe lnDesign css
Gombor 1 .76 Pengoturon Shokes ond Ftb podo f,oi"f. Ooog C;i Opld;
43
.i
S:iah satu pekerjaan penting yang biasa dilakukan pada
::rgerjaan buku dan majalah adalah membuat daftar isi atau
Table of Content (TOC). Penggunaan fasilitas ini sangat
-embantu menghemat waktu dan meminimalkan kesalahan.
3erikut ini dijelaskan bagaimana cara membuat daftar isi.
Menarrcanc Dnrmn Isl
Sebelum membuat daftar isi, sebaiknya rancang terlebih dahulu
sJSUnan daftar isi yang nantinya akan ditampilkan. Berikut ini
:ngkah sederhana untuk merancang daftar isi :
1. Buatlah style paragraf untuk judul, subjudul sampai pada level
yang ingin ditampilkan pada daftar isi.
2. Buat juga style paragraf untuk daftar isi itu sendiri. Misalnya,
indentasi yang berbeda untuk level yang berbeda serta
tambahan pengaturan tabulasi dan leading.
CS5 untuk Desoin Publishing Buku don Mojolo-
-uY^
Y^'
,i:c(r{
e!d. rri.l
sltt it!r*iifi po*l::::= l'i
#rd q.-;irtr rq1lf ... ! i
i.,iaqi! sd dFde i:=ir:':'
f Nll:iilllr.,11iW.,i-N
BDEj:=iri: iii:
HiFheh'tr L
Ju:nh(.!Dh
:lrC*fm;;= l
i# $d eq4:*t1*
- - --G".nO"ir,77
Solohsofu pengoturonpodoPorogrophffi
3. Berikan style karakter untuk nomor halaman' atau judul 'daftar
isi'Yang diinginkan'
MeMauarSrilE Dermnsl
Setelah membuat dan memberikan pengaturan style paragraf
unirri irorl dan daftar isi, maka perlu dilakukan pengaturan lanjut'
V;ii ti,"rUuat style daftar isi' Berikut ini langkah pembuatannya:
1. Klik menu tayout > Table of contents styles sehingga
muncul kotak dialog,
rlmilnilrqi- tr : lObe lnDesign CSS 45
f-lilu::
[ . "canqel i
: a:::; i i,:t:.:.....:.= :, i
Gombor I .78 Kotok diolog Toble of Content Styles
Klik tombol New sehingga muncul kotak pengaturan New
Table of Content Style.
Lakukan pengaturan opsi-opsi pada kotak pengaturan New
Table of Contents Style seperti pada contoh berikut ini.
Gombor 1 .79 Pengoluron podo kotok New Toble of Content Slyle
Setelah melakukan pengaturan, klik OK dan style TOC akan
tersimpan. Jika ingin melakukan pengaturan ulang, klik Edit
pada kotak dialog Table of Contents Styles.
Style
aftar
agraf
r nj ut,
lya:
ringga
A
ili i,irEl
i r$$l+|: o$rgn rsr li*lill
l$$r ,l '', ii
46 PASI Adobe InDesign CSs untuk Desoin Publishing Buku don Mojoloh
Meuasuro(AN DAFTAR Isl pnDA }|ru-gnrur
Style TOC yang dibuat telah siap untuk ditampilkan pada halaman
dokumen. Berikut ini cara menampilkan daftar isi ke halaman
dokumen.
1. Siapkan halaman di mana TOC akan ditempatkan, lalu klik
menu Layout > Table of Contents sehingga muncul kotak
dialog berikut:
-
G#b", iso-M#rp'ffi; A#".iti #ngo; kotok oiolos Toble of contenls
2. Pilih style daftar isi yang telah dirancang sebelumnya pada opsi
TOC Style lalu klik OK.
3. Klik dan drag mouse pada area halaman dokumen dan
kemudian lepaskan. Lihat daftar isi yang ditampilkan.
lh
riifrs, -' - I :.dobe lnDesign CS5
)n
ln
lik
ak
dlHE,,. _,,,...
&r(ry,.,...,,,,
sss...........
ltrrl}irl}n...,,...,,-.
g/B1Ma&r..
fr{Bt EmiaBr
Prtr,iJmS,...^
aqlaqJ......,....,._..
Da*a* Isr
.-...' '..'.'...,2
'..,,... ', "....,..2
'..- ',..".........4
..- " ' ',.. '.... ,s
... '"..,.^,,..,.,8
.'..''..'.,....'..-',^,--.,.,1t
.,.'',...''....'.....-..,,.'.1f
'....-.,,...,,...,,..,..,1s
snls
)psi
dan
- r-cor, a i c";;;;;i ;;;, a+;;;-;;*;;.;;; o;u;;;;
Er-llpoert Darranlsl
llL[ ::-: ::rtents pada daftar isi akan memperbarui setiap perubah_
ililrr : -
; :erjadi pada data, baik judul maupun posisi
'halaman
ruii'ru - -=-. Pengaturan ini sangat membantu Anda sehingga tidak
&d* -:ngubah daftar isi secara manuar. Krik menu Giout >uifnoate Tabre of contents. Data daftar isi akan Jip"i*rl secara
-il.t :.:
Frc=rAK p uiffi$r
i,rr,,i :=.: jaan telah selesal maka pekerjaan itu dapat segeraglril*'si:i +dobe InDesign cs5 memiriki fengaturan i"n."tut un
#r'&1,1 : * --ang rebih
.sama dengan aprikasi tiin. pengaturan ini,fhw' : -f -.',emirih printer yang digunakan untuk mencetak sertalnw'f4-':- setting pada opsi-opsi proses pencetakan. Berikut ini
fi, ir* .r.:* :- secara singkat mengenai proses pencetakan hasil
,"I]su * ==- Jada Adobe InDesign cS5.
herrrnsernno prurrm
l{-1.,r ::::: mene-;;;; ;;;;;;.;; ;;,;;;;,;;;; ;";;" ;;;-*rr - Flite > print sehingga muncur kotak oiSrog, r-ung[u;-iungkah
',,rrr"r'4 -:-latur setting printer dapat Anda rihat pada penjerlsan
rlllilr'" I( a- ::- <Ut ini.
Mengatur Prinbr Secara Umum
Pada saat Anda klik File > print, maka akan muncul kotak dialog
seperti tampak pada Gambar 1.82. Di sini Anda dapat melakukan
beberapa pengaturan umum pada printer di bagian General.
Berikut beberapa pengaturan pada tiap bagian.
r Print Preset. pada bagian ini Anda dapat menggunakan
sebuah preset jika telah ada preset atau Anda telah membuat
preset.
' Printer, pada bagian ini Anda dapat memirih jenis printer yang
digunakan untuk mencetak.
" Copies, nilai yang menunjukkan jumlah rangkap pencetakan
yang diinginkan.
r Page. pada bagian ini terdapat opsi All, untuk mencetak
semua haraman. opsi Range untuk mencetak haraman secara
random.
r Sequence. pada bagian ini terdapat beberapa opsi, yaitu All
Pages untuk mencetak semua halaman, Even
'pages
Only
untuk mencetak halaman genap, dan Odd pages OiIy untuk
mencetak halaman ganjil.
' spread digunakan untuk mencetak haraman daram format
buku dan print Master pages digunakan untuk mencetak
halaman master.
' Pada bagian option terdapat print Layers untuk memirih
layer yang akan dicetak, print lVon-printing Object untuk
mencetak semua objek yang tidak terrihat di rayar, p-rint erank
Pages untuk mencetak halaman kosong dan print Visible
Guides and Baserine Grids untuk mencetak garis guide dan
baseline pada layar.
49oloh 1,4engenol Adobe InDesign CS5
G<rmbor I .82 Kotok diolog Rint unfuk pengoluron umum printer
kEntukan Kondisi Kertas Pencetakan
;' ..:h berikutnya adalah menentukan kondisi kertas yang akan
: r --:<an untuk mencetak. Pengaturan ini terdapat pada bagian
lllltl,p li dalam kotak dialog Print.
Lt! n rii
#11r,,,,,
,-:cF-JJffil t,etgrl,=
Gombor 1 ,83 Bogion Setup podo kotok diolog Print
rlog
kan
ra l.
rkan
ruat
,an9
rkan
etak
cara
r All
)nly
ntuk
rmat
:etak
milih
rntuk
lank
;ible
dan
Lbhne - - :.....
: : . tt=::r, t fllll Lilsnr i lErblp & FrintiblE Layes ]el
n.,., ro""anu*o".ir-'---
-.', .- ".-- *
' flqntesnl pw
[.]lp"t veue c.de. # Fdre Gd
:::::::
Ltu*,*i'] f-*-l --] f-Hr--i{-:-l ,=-L,1!
Opdffi! ..
sc.h: Owdth: ;ru!r, F€rght: ir:0"r"
Adobe lnDesign CSS untuk Desoin
Berikut ini beberapa penjelasan singkat mengenai pengaturan
kertas untuk Pencetakan'
r Page Size, kolom untuk memilih jenis kertas yang digunakan
untuk mencetak'
. Orientation, terdapat beberapa ikon yang menunjukkan
kondisi orientasi halaman yang diinginkan'
Mengattrr Skala Penetakan
Pengaturan skala ini terdapat pada Setup di dalam kotak dialog
Print, yaitu pada pifif'.run Opti""t' Berikut ini penjelasan mengenai
pengaturan skala Pencetakan'
r Scale, terdapat opsi Width dan Height' dapat ditentukan
nilainYa sesuai kebutuhan'
r Tandai opsi Constrain Proportions jika menginginkan
tampilan Vung p.poiional atau.'Scale to Fit jika menginginkan
puk"tjaan dltlmpilkan dalam seluruh halaman'
Thumbnail, pada bagian ini Anda dapat mencetak beberape
halaman dalam satu bidang ketas cetak'
Tile. Pengaturan ini dilakukan untuk bila hendak menceta
halaman yang besar
-nut'n kertas cetak tidak mencukul
r"f-,irgg" hasiicetakan akan dibagi dalam beberapa bagian'
[iII
Eru,umbrils:
;*---]r*""* l' , , '-;
I
: E$r.;;'-' lj I
Conloorl ea P;gC.^ il it*p'il l1"o"olr u"r"rrn"nC"i"ii r'"
pekerjm
'.=lgenol Adobe lnDesign CS5 5t
lYl lrl6l
#il :i:=
Gombor 1 .85 Pengoturon don tompilon pencetokon holomon Jlle
hngahrr Ma* Hataman
re-;aturan ini diberikan untuk memunculkan mark atau penan-
r,:=- pada kertas cetak seperti posisi pomotongan kertas, warna
:'i:=rasi, dan informasi halaman. Untuk memberikan pengaturan
- < ik bagian Marks and Bleed pada kotak dialog Print,
Gombor 1 .86 Mengofur Morks ond Eeed podo kotok diolog ftint
T&-:: AII Printer's Mark jika ingin menampilkan seluruh tanda
mw-,:::akan pada halaman. Berikut ini contoh tampilan marks dan
&el: pada halaman.
CS5 untuk Desoin Publishing Buku don Mojoloh
e".O"i i SZ 6 i;d. P;6ng B) Tondo Registrosl C) lnfonnosi Holomon D) Color
bor-oJou skolo seporosi, QTondo Eeed. D Doeroh Sug
Mervrupan Penrclrunan Pncemxan
Pengaturan pencetakan dapat Anda simpan untuk digunakan
,"*"uktr-*ukiu sehingga Anda tidak perlu mengatur. ulang bila
hendak mencetak tagi.-ftit< Save Preset pada kotak dialog Print,
lalu beri nama preset yang diinginkan dan klik OK'
- --G#b", i.a8 M;n]ffi n"n]o p,"*t untuk pengcrturon pencetokon
Anda dapat menggunakan preset ini dengan klik menu File >
Print Preset lalu pilih nama preset itu'
Sembuat Buku
rFehiaran Sekolah
,: ::::::::: :l:=:::: t"::....:
'.'tl i)t:'.
membaca bab ini, Anda diharapkan
m!ire,."-:ans uuku nep.I{l.1t, f oluhF;,i
,,,i ;
rrrw-r:=€in cover buku pelajaran sekolah,
ililETrcuat bagian isi b*G=
= ),,:*r.,
a:-eset itu.
54 PAS: Adobe lnDesign CSS untuk Desoin Publishing Buku don Mojoloh
ekerjaan pertama yang akan Anda lakukan adalah membuat
buku pelajaran untuk siswa SLTP dan SLTA. Anda akan
memanfaatkan berbagai tool Adobe InDesign CS5 untuk
membuat desain buku tersebut. Cover buku pelajaran ini dapat
Anda desain dengan memanfaatkan berbagai tool pembuat path
atau objek. Pewarnaan pada objek, baik fill maupun stroke, yang
semakin bervariasi, dapat Anda terapkan pada objek.
Berikut ini dibahas bagaimana memanfaatkan fasilitas yang ter-
dapat pada Adobe InDesign CS5 untuk membuat buku pelajaran.
BUKU FE LTP ..-.,-' .i,." ,,''', -
Latihan pertama ini dimulai dengan membuat buku pelajaran untuk
siswa SLTP. Desain buku ini cukup sederhana, baik dari segi desain
cover maupun isi halaman. Pada contoh kali ini kita menggunakan
kertas 85 sebagai dimensi buku. Buku dibagi menjadi 2 bagian
utama, yaitu cover dan halaman isi. Ikuti penjelasan mengenai
pembuatan buku pelajaran untuk siswa SLTP berikut ini.
MeMeuerGovmBuxu
Desain cover buku pelajaran SLTP ini lebih menekankan pada
penggunaan tool pembuat objek serta pemberian warna solid pada
objek-objek itu,
c#b"r r. f Desoin cover out<u pelojoron untuk SLIP
Il{{u.rt)
'.iembuot Buku Pelojoron Sekoloh
Serikut ini langkah-langkah pembuatan cover buku pelajaran SLTp:
1. Buatlah sebuah dokumen baru dengan klik menu File > New
> Document. Berikan pengaturan dokumen baru pada kotak
dialog berikut dan klik OK.
Ar+#r,ni.:a.^# iiiri
Gomtur2.2Pengoturon dot<umen bo, pd; diliiJbi;g
Munculkan panel Pages dengan klik Window > pages. Kltk
ikon menu ilAF pada panel lalu hilangkan tanda centang pada
opsi Allow Document Pages to Shuffle.
Masih berada pada panel Pages, klik dan drag ikon page 2 ke
sebelah kiri ikon page t hingga tampilan kursor mouse seperti
Gambar 2.3(a),lepas mouse sehingga hasilnya seperti Gambar
2.3(b).
---|>
Gombor2,3 Hos'lpengoturon ikon holomon unfukdesoin cover
Selanjutnya, buat desain cover bagian depan luar. Buatlah
sebuah objek persegi panjang menggunakan Rectangle Tool
dengan ukuran lembar cover penuh sebagai dasar cover.
EE
fl t' u*i
E ' ,-.... i :
._" . ....."...."::;*_ii Fiei' h e rft.& Jl. qj{*i*- .,it
56 PAS: Adobe lnDesign CS5 untuk Desoin Publishing Buku don Moioloh
5. Klik menu Window > Colour > Swatches' lalu klik ikon menu
oada panel oun
-ru[
olii r'rt* Gradient Swatches sehingga
L*.rf kotak dialog pengaturan berikut:
' Klik ikon Colour Stop paling kiri' lalu isi nilai Cyan: 100'
' Klik juga ikon colour stop paling kanan dan isi nilai€yan:
100, Black:" i0,-ilr' xrit or- sehingga muncul sebuah
*urnu gradient baru pada panel Swatches'
fiut l&Ten€s
:u:idr&ame: NP"nril.t:'dr11
-i - l
lDPi iLmr :1,
-::,5t.Pido!r: .M'rr,.--.....9-1r;"i
fi.: ":1
l. d.d4 I
g*ir;!q1;lis . .ir;
;1;;!
eo*no, z i M".ilih ;;; dfiwo;t gtoient ooru podo ponel svcrtches
eorO* Z,S ffosil pewornoon grodient podo ob'iek dosor cover
i
.
6. Berikutnya, seleksi objek persegi panjang pada cover depan
tuar, klik warna g;oi#i uu'u pudu ou"L'
*Yt?rt$l$nskan
stroke pada objek ini dengan klik ikon WI)pE4- oada
property bar atau toolbox, ^"
i S* f*''^l)
#r,,?j*
:fiit :,,r:il,"ei
n r,i -:,-lt Buku Pelojoron Sekoloh
Berikutnya, klik mouse di luar area kerja. Klik ikon Show All
Swatches fBl pada panel Swatches, lalu klik warna seperti
pada Gambar 2.6. Buatlah 2 buah persegi panjang (t76 x 72.7
mm) pada bagian atas dan bawah desain cover, Objek secara
otomatis akan memiliki warna yang telah ditentukan
sebelumnya. Jangan lupa untuk menghilangkan stroke objek.
57
. iSATCHES
t trJi' 1ifi.r..i'iii.l
I c-or'l*r,lorJi]'rtr;o
: c:0 M=+lriltp,lfi{=
! c=u ta*tno,.t'sioo k*n
! c:rS,ril;S r=ronr(=*
Je4
Gombor2,6 Memilih worno unfukobjek persegipcnjong yong boru
Buat kembali sebuah objek persegi (35x35 mm) yang
Ciletakkan pada bagian kiri bawah desain cover. Berikan warna
Cengan klik menu pada panel Swatches, lalu pilih opsi New
Colour Swatches dan lakukan pengaturan seperti berikut:
ra;:ii;i:,;sry+.ryi.ffi!
Gombor 2.7 Memberi worno oQek persegi podo desoin cover
r1i 111;:: ffi;
=',*=42,;.
ffii'::lili$,ii:1::::::idr; e4
58 PAS: Adobe lnDesign CS5 untuk Desoin Publishing Buku don Mojoloh
9. Langkah berikutnya, buatlah beberapa buah objek kotak
dengan ukuran yang bervariasi menggunakan Rectangle Tool.
Berikan pengaturan warna pada panel Swatches dengan
komposisi warna C:100, M:90, Y:20 (tanpa stroke) sehingga
didapatkan hasil sePerti berikut:
Gombor2,B Kumpulon objek kotok podo desoin cover
10. Selanjutnya, buat beberapa ornamen berbentuk bangun ruang.
Mulailah dengan ornamen kubus. Buatlah sebuah objek kotak
(45x35 mm) -melggunakan Rectangle Tool. Isi nilai Shear X
Angte ;:$-*':-" . ffi] pada property bar.
----)
Gombor 2.9 Tohop owol pembuoton ornomen kubts
Tambahkan warna dengan mengatur warna gradient pada
panel Swatches. Pilih Type: Linear, Stop Colour: CMYK, klik
ikon color stop paling kiri dan isi komposisi warna C:20, M'.20,
Y:40, sedangkan pada color stop paling kanan berikan
komposisiwarna C:40, M:40, Y:60.
11.
illtlirrr-rr- :- Buku Pelojoron Sekolqh 59
Beralih ke panel Gradient dengan klik Window ) Colour )
Gradient, isi nilai Angle: 45 sehingga hasil objek seperti
berikut: .,(Q erikan warna hitam untuk stroke objek
E, :.,,r,**,;,
Gombor 2. I 0 Hodl pewornoon objek dengon worno grodient
:: Buat lagi sebuah objek kotak_-dengan ukuran (45x30 mm). Isi
:ritai Shear X Angle ;HiC"*ffi, berikan warna gradient
yang sama dengan objek sebelumnya dan rangkailah objek
sehingga menghasilkan tampilan seperti berikut:
*-:r-ccr 2.1 I Menombohkon objek kotot< yorrg kJu" ,nt f. or"-.n krO*
r Selanjutnya, buat lagi sebuah objek kotak yang ketiga dengan
;kuran (_31x.L-8._"11rn). Isi nilai Rotation Angle dan Shear X
: Eini;
*!fr
.,,,..J,* 3
Angle *#jJI**m , berikan warna gradient yang sama dengan
::jek sebelumnya dan rangkailah objek sehingga menghasilkan
:ampilan seperti berikut:
E GRADIE'SI
ffi'';iffi
60 PAS: Adobe lnDesign CS5 untuk Desoin Publishing Buku don Mojoloh
Gombor 2..l 2 Objek kotok kefigo unfuk ornomen kubus
15. Setelah objek ketiga jadi, rangkailah bersama dengan objek-
objek sebelumnya sehingga menghasilkan ornamen kubus.
Seleksi seluruh objek ornamen kubus, lalu tekan Ctrl+G
(Group).
+-i
Gombor 2, I 3 Ornomen kubus yong teloh jodi
Lanjutkan dengan membuat ornamen kerucut. Masih meng-
gunakan pengaturan warna sebelumnya, buatlah sebuah objek
menggunakan Rectangle Tool, lalu klik menu Object >
Convert Shape > Triangle sehingga objek kotak berubah
menjadi segitiga seperti berikut:
Jh
aa,ljtil:l
,r..6n4lt
...'''':,
a, @
,
: t:: I :::::::tttt ttt I :: I :
ti
ii rlii n1.NZF
16.
,i i
-::l
tii]
itlii.l&
Gombor2.l4 Membuot objek segitigo doriobjek kotok
hn"E -:- 3uku Pelojoron Sekolqh
Buat juga sebuah objek oval menggunakan Ellipse Tool
selebar objek segitiga dan rangkailah objek-objek ini menjadi
3rnamen kerucut. Seleksi ornamen kerucut dan tekan Ctrl+G.
Gombor 2.1 5 Omomen Leruc,rt yong i;ror.r joOi
"angkah berikutnya adalah membuat prisma segienam. Buatlah
sebuah objek segienam menggunakan Polygon Tool. Duplikasi
:bjek ini dan susunlah seperti berikut:
ornomen pnsno seg enom
-ambahkan objek persegi panjang menggunakan Rectangle
Tool selebar objek segi enam (a) dan tempatkan pada posisi
:). Seleksi objek persegi panjang dan objek segienam bagian
:awah, lalu klik menu Object > Pathfinder > Add sehinggga
: Japatkan tampilan seperti (c).
lH tcl
Gombor 2..l7 Tohop owol pembuoton ornomen prlsrno segienom
6t
lal
62 PAS: Adobe lnDesign CSS untuk Desoin Publishing Buku don Mojoloh
20. Tahap berikutnya, buatlah sebuah objek persegi panjang dan
tempatkan pada posisi berikut sehingga dihasilkan ornamen
prisma segienam yang diinginkan. Seleksi ornamen prlsma
segienam dan tekan Ctrl+G.
2L.
Gombor 2..l B Hosil okhir pembuoton orno..n p,i"n" r"gienom
Setelah semua ornamen jadi, lakukan duplikasi, scaling dan
rotating dengan mouse. Tempatkan ornamen-ornamen ini pada
desain cover seperti berikut:
Gombor2,lg Penempoton ornomenornomen bongun ruong podo Oesoin
COVET
22. fahap berikutnya, tambahkan teks judul pada desain cover ini.
Aktifkan Type Tool, buatlah frame teks dan ketiklah teks
'MATEMATIKA'. Pada contoh ini digunakan Font: Verdana, 48
pt. dan beri warna putih (CMYK=0) pada teks ini.
23. Lakukan duplikasi pada teks ini, lalu klik menu Type > Create
Outline. Berikan warna stroke pada objek teks ini dengan
Membuot Buku Pelojoron Sekoloh 63
illr tib,:* _fi
warna Black ketebalan +pt .Ui#lf . Atur posisi kedua
objek teks ini sehingga didapatkan hasil sebagai berikut:
Gcimfur 2.N Hosil tompilon tet<s unfukjudul buku
24. Iambahkah teks-teks lain untuk keterangan buku pelajaran
sekolah pada desain cover itu. Pada contoh ini digunakan warna
teks putih (CMYK=0) dan Yellow (Y=100).
Gombor2.2l Hosil penombohon teta podo desoin cover
Tambahkan juga sebuah logo penerbit pada desain cover
sepeti berikut:
15.
[C]TYK=0) Pada tet<s tnt.
ds ini, lalu klik menu TYPe >
I sb'oke Pada objek teks ini
Create
dengan
64 PAS: Adobe lnDesign CSS uniuk Desoin Publishing Buku don Mololoh
c";C i, b Menombohkon logo penerlrit
26. Desain cover depan telah selesai' Sekarang lanju-tkan 9":91n
membuat cover Uetakang' Cover belakang ini lebih. sederhana
dari cover depan. takulian duplikasi pada objek dasar cover
depan dan tempatd-;;" area kerja cover belakang seperti
berikut:
*^
Gdbor 2.23 Tompilon owol cover belokong luor
27. Buatlah sebuah frame teks dan logo penerbit pada desain cover
belakang Oun f."t'fifat"' nama alamat penerbit seperti Gambar
2.24.
N
-3
r- 3uku Pelojoron Sekoloh
Buat sebuah objek persegi panjang sebagai tempat barcode
Can nomor seri buku. Beri warna (CMYK=O), tambahkan frame
:eks berisi nomor seri buku seperti Gambar 2.25.
-- Gdb"r 224 Tek fiome don logo untrt< penerOit
Gombor 2,25 Tempot borcode don nomor seri buku
Hasil akhir dari desain cover buku untuk siswa SLTP dapat Anda
Iihat kembali pada bagian awal pembahasan ini.
MeilleulrBaelAN lsl Btlrcr
Pada bagian ini akan dijelaskan bagaimana proses pembuatan
bagian isi buku p"ruiltun SLip yung dimulai dari merancang layout
halaman, pemnuatJi tivL pur.ugtur', menambahkan halaman isi
dengan materi p"ruiu'Jn';;;;"'-pembuatan daftar isi' Berikut ini
langkah dan penje-lasan mengenai pembuatan bagian isi buku
pelajaran SLTP.
MembuatLaYoutHalaman
LayouthalamanbukupelajaranSLTPiniterbilangsederhana.Ikuti
L'{g[uh-lungkah pembuatannya berikut ini'
1. Buat sebuah dokumen baru dengan klik menu lil: : New )
Document, lalu isilah pengaturan dokumen pada kotak dialog
berikut:
;i;;+4$;$'Jr'-"'";::-H":1
ilL,.Ls fl prFs: c Araon€ %: f:A?'F-'-
-l
s,a, "";" r, r Lld-lq iFlt?dd
r- * *.-* I
Pry;$iei.
,1i;:W$Jhi
dBrdltl
2.
.Gdc,.,6'P;g.fuanowooot<umenboruunfukbukuSL]P
Selanjutnya, munculkan panel pagg? lalu aktifkan ikon
halaman master t"o"iuh tinan' euattah sebuah objek kotak
(160x1mm) menggunakan Rectangle Tool dan beri warna
Black (tanpa strof<el menggunikan panel Swatches'
i"rputt un objek ini pada bagian bawah halaman master'
e"nnn"t)iz oOek r<otor<podo bogion dmorholomon moster
.--,i.#i'i,Gd;.li.,iE r"-,,,--,,,,]
3.
4.
Lakukan duplikasi objek dan tempatkan pada halaman master
sebelah kiri sehingga terlihat tampilan halaman isi'
Halaman master sudah selesai dan siap diisi dengan frame teks
dengan pengaturan style paragraf pada penjelasan berikutnya'
1
t
;i
ri
U
)g
illembuatHalaman Isi
:ada bagian ini Anda akan membahas bagaimana membuat
-alaman lsi buku pelajaran SLTP. Tidak semua bagian buku akan
: tampilkan, hanya beberapa halaman saja untuk menunjukkan
:agaimana penerapan style paragraf dan penomoran halaman
: cuat. Berikut ini langkah-langkah pembuatan halaman isi buku
:elajaran SLTP.
1. Pada pembahasan sebelumnya telah Anda buat halaman
master yang telah diterapkan pada halaman isi buku. Halaman
isi akan kita bagi ke dalam 2 section penomoran/ yaitu tipe
penomoran Ii, ii, iii,...] dan [1, 2, 3,...). Anda dapat menye-
diakan beberapa halaman, misalnya B, dibuat melalui panel
Pages,
2. Aktifkan panel Pages. Buatlah sebuah frame teks
menggunakan Type Tool pada halaman master lalu terapkan
style paragraf: NoHal. Kursor Type Tool dalam keadaan aktif,
lalu klik Type > Insert Special Character ) Markers >
CurrentPageNumbersehinggamenghasilkantampilan
seperti Gambar 2.28. Lakukan duplikasi frame teks nomor
hilaman dan tempatkan pada halaman master di sebelahnya'
Gombor 2.28 Tompilon penomoron holomon podo holomon moster don
holomon iS
Anda akan bagi halaman ke dalam 2 section. Aktifkan ikon
halaman 1 pada panel Pages lalu klik Layout > Numbering &
Section Options. Lakukan pengaturan berikut pada kotak
dialog dan klik OK sehingga penomoran halaman menjadi
seperti berikut:
)LIP
(on
tak
rna
es.
xter
:iturui{,t nilstaNrd:+tr'd i :
r xryp;ii.'.,:j.. :*=l;:rr
L' rutrur ?,+ta nm&no '
a st{lrNdfl t4trFfr f i
eornooi):q p"ngotuA n"n.1"tfloro*"n oon hoSfnvo podo ponel Poges
Langkah selanjutnya, klik ikon halaman ke-v pada panel Pages
karena pada halaman ini akan kita mulai angka 1 untuk
p"no*oiun trataman iection yang ke-2' Klik kembali Layout >
Numbering a Section Optiont' lakukan pengaturan berikut
dan klik OK sehingga sistem penomoran halaman akan
berubah.
0qug*e{iii"'' i :.lli:-'n s;Ume,,p*r *-f,L*q;;::
"l
i+1r+n;f'ur;:]1
P44,Y1rryT::ri::: r=
: hbL!,!!1:l ..... ,..,..j.
,:. :,:; - , stqq. l-h i:._1 1;_.,.
iil[fl,],**,*r;,,
*u,,t**,r** "l , _,
a+ 1,.:, ,.. .Ij i
iar rutftlc ardfl uffi :
"n:,.iu.,*:,:l ' ,_.,,
4.
eomooii.so ililil; r,oromon secton ke duo don hosilnyo p"d"m
5. Halaman dengan penomoran i-iv ini nantinya akan diisi oleh
halaman judul, kata pengantar sampai daftar isi'
,Teks''Kata
Pengantar' ,"ng6'nukin- styfe ludul Bab dan teks isi kata
pengantar ,"ng"g";ukan style Teks Normal' Berikut ini contoh
halaman fata peigantar yang terdapat pada halaman isi'
ltllhirr,ir*' u " _- :.-..J Pelojoron Sekoloh
l(ata PengaEtar
tr:r{i, }r:.i![ s'r]i{nr :4ni :* reacr}1 /n3 tsr:q .Hrn rri4
i..6lnf,r*jr&r:Eiitr,:.rr;t:r{,N iins,i rr:ai..rrLi.jr(lr{Mie:tr-
!Lr, !1r:{:rltr h rJ. Erir({rri, };r.ti rili si xssr ,!1 Lerpi :r2r
F9 bE*3 ii& r' r r {r.r *;n:rin: ii ti.54 ri 3 sR
:!.jr{ir r.iir ri:r }sJ r., $n <;;rtr4 ir!:i hifl$n >,i1:1 e1.{ii
t=i l3tr t-qqn krinrra ler -r,Kr ii'! ;*1 &r! r" tl{n Erii., pi!:-: r..: 5
rr.tEr rria riel?rijxr[, Eilrti.r !s ts*::!r:ie::rjr;i i6sJ
ELkr r, ,nrr: r. a.,iit+ iacri E,|sa} :n: !, rir: il$i r.ria E"rr:.:
rri €,i rcr: r3e5x,r ir&r i.+ Dri rntsr. :.rF{:11.i r}i! i}hsr,L!:
4'-7'.' .J.! !N-1 irrlrr r,1; riry: :.rr. .rr
*r. i&-7' ai; iri i rtr;1 Ei:;r:,4{'r rn:rj:? rit t$ ti. r'-..r1 /rlir.!rtr:!.i
lLrr r"j:irilh;ri *3 is.inrj:...:e!iE-a iili +ra i.*3 c)1 t€isiri iill
,r:tfrikr r:4 r. 5*r i* rra Ni!:.i (lr iritri :9.!. iii! {*.(in!(ri
i4:!.rir 1:. i*rnr.q Elni:1 {irr.a
r!;i' iil !:: +.trrr iqr tr, n{ rs.$1 tiirlr--lrf l:rj .,frrr i,$
rer,;:ri ! !:e,: elr
'i.F[
i:]:.r irt r1Nr.]l ,i.r i rir r.'.,n ]i i..,rirb. ii:r
ifi irt:.r: r3.t:inr! r-iri cj: *lrjrri Fxtr ilr t?irrl cir, rsrrl 5*r.ii
h:b r:tr, ':;m r*r$r"E roi{*.nils,N ii! 1q:.Ii:iE ri: 6r,Bqr;irrj 4iiiqr
rrl :!r : !1r ,r1 re.r.r sirr rei ,t$r,,F;-- :,1: i driyr. ilIsarlE 5 G).$1
irr:l!'h 3ra..r::i iu) ih E* *r!4r3 f.iii: krlJr, Er:, !-,r!i,
r!!,a. els iBlia EBD.:. rleNrh t'x! ]:r turr r ir, *!1..n F,6 r11 r
Pi.r:: alE .Brllhr.rlr rrEr :!E:i'ii' i:-ii sN4i rtrr1:tnr:6i!
fm:nl $: *r!ii)i1! tq( :{i .i11inrar. :rr:{-:iir:r /h! ,s,ri rLF
l6ir: e*rtr:ilntv ri.r: lirF ir.i.Fiul
t.*il:r.r4:nrJ
Gombor 2.3.l Tompilon holomon isiyong berN Ko-to Pengontor
--;utkan pembuatan halaman isi yang berisi materi pelajaran.
l-:tlah sebuah frame teks pada halaman isi. Ketiklah beberapa
::.s paragraf dan terapkan style pada teks-teks tersebut.
Bab t Bangun lluang
O- Sgte: Judul Bab
O- SQte: tub Babl
llhnror
- *r n"1-3q l.$Iengrual BaItgulr Ruirlg
?::rgrn rurrg eer.lil:i I url+ u]aml iti] pirlahg *har dan tirqqr;ri:r luas .lan l;n!?i
ii-,inqQ,- Inn{if luiru atlsli4 b;.n,lur. j Crre*sr. iarpl lrall pilti rrerilii:: u un* atal ;al
::r r.r: ,jlrr-=i s*i;rah F€rerl,a"rn i!1il bdf,oun iqano lrEebul Betliu,ici cmi*l-rcltoll lenial
::"11.. .ilir?
cnDhrr.r.inror.${r(,*ui,! }- sUte: KetGambar
r- :r-Qrtqr
ia:lk r'.err&lnr ralah s+lc btrqu rr.rn,21uo4 rr*nri:i: i: si! oermlt:ae n atnre. i ntar ln*
''irn! ri6i hF*]srtJL perseSi llnje*r;nrr,: - a I srri Le+:rru. <,er:e3:, 5a,te 1rq; nre=ilkt i
--3!i!.,iuFn4;ia! ebittiEiin{qi.,ealiirn:cr..bilglrtha,naigJnruargh€Era1}kr.,iiJl;
6i$6r,r I 2 Cnb,t 6nu(, aBno h#ntyt Snb,
irrbor 2.32 Style porogrof yong dileropkon pado teks moteri pelojoron
69
)es
les
UK
(ut
:an
)cng
ogs
oleh
Kata
kata
Intoh
7O PAS: Adobe lnDesign CSS untuk Desoin Publishing Buku don Mojoloh
.T,Untukmenambahkangambarsebagaiilustrasimateri
pelajaran, tempatkan kursor mouse pada daerah berikut ini dan
t"ruPtun stYle Ket Gambar'
Bab t Eangun Ruang
I. ltelgenal Baugurt Ruang
'ierl'..n.,:r3-Ee'l{l'l_iurlutLlarna}t:!Jl'ariiri et'a'orirnSq-;trul*lJa*l"9ri
:erirtal o;oqr-u+'$ lfiilnr tt"ti" I o'-1""' ia't"n -lE'a Fasli rre$ii"rr u--+ a:ar';t
drr.Ji:a.4r.atf,'Jruho*'t't'"n'n'toor'"1"]*'i*'"tr"'
i+t*-ltrit"t:l-citiel'rertul
bargul ruanl.
I;
6inl€r ,.1 CanBh A,6q't niling
-- C#b";r.$ P;'s k'*r untuk penempol'on gombor iluslros
Tekan ctrr+D raru cari gambar yang terdapat di direktori fire
Dada komputer AndJ li.r ftfift Open' Anda dapat mengatur
ffi;.;;;;;.; gruri, Jan sambar pada menu object > Fittins'
pii't- t.f.f't satu-opsi sesua"i kondisi frame dan gambar'
Frame grafis masih dalam keadaan-aktifFqik menu Window >
i.ra wtrp dan klik ikon Jump Object ts '
eomoor zsa G*iih ffip ool*t
'"r"r
p"t'g"tui"n gombor podo ponel Text
WroP
10. Klik dan drag gambar ke bawah menggunakan Selection Tool
--
sehingga haiilnya seperti berikut:
B.
9.
#*ri#fid l
'.4embuot Buku Pelojoron Sekoloh
Bab t Bangun Ruang
1, trIerrgelalBnugurrRuang
BirQun rsing memlliki 3 unsur rlan-13 )Rrtu prc;ang iebar dan iinggi atau luas ddil tingGl
sehirg$a $rngun ruang adaiah bmuun 3 ditmsi. E?fi€iln ruar4 prU niimili*r yr:lun:e alaulit
da, lil]J deerah s?lwuh permukEan i(utit btrgln rurflg te$e[,u|. Ret*ut {ricmBhsoioh baftllt
bn+{fi rlaq;.
6na6il L tbfioli€nrgrlr R n {
Gombor 2,3S Hosit penempoton gombor @& ;.d; p"bl".^ or[, sirp
11. Lakukan lagi langkah tersebut di atas untuk melanjutkan
materi-materi pelajaran Bab 2, Bab 3, dan seterusnya. Berikut
contoh tampilan halaman isi yang berisi materi pelajaran yang
disertal gambar.
71
xt
rp
ol
B.b t B.ngun Ru.ng
L Slp.lBupr &..!
. fuiqMr J@ed,tu,'@ *eqe!s.Fry
fulEUdq*aMp?tu ryr4@d$Eh4 j
.nk*dM!fubblDqw Enhr,@.gu
_ -.-'I]-
1.t..... t' .-
,-
II
.i: 1l ;'-
*,,**l-"
effi d$s4@r4trer* Frw,hNGtu
"Rryri*hdq fw!t.#rdhtury MhEtsi
ie6hl@ *&ts kurtdd{**@@*;rH
:it,:_- '.-l:r
.*rlcd4qrfuMAd
e,d69@BrelE!..da tu,w{
F.tu*dW "*q*p**
Be*.mm"*i.*"i
m
Gombor 2.36 Tompilon holomon moteri buku pelo.ioron SLIP
CS5 untuk Desoin Publi
12. Selanjutnya, tambahkan teks ludul Buku yang ditampilkan
'- prO, setiap'halaman bernomor genap dan teks Judul Bab pada
setiap halaman bernomor ganjil' Munculkan panel Pages'
aktifkan lkon halamun
'ut["'
sebelah kiri (nomor genap)'
Buatlah frame t.f.t Jun ketik teks 'Matematika Kelas 1 SLTP'
dan beri styte :uJut Buku, lalu lihat hasilnya pada halaman
master (a) dan halaman isi (b) berikut:
G#b", , c, ftriilil t;;s te;;; pooo oosion bowoh holomon moster don
IS
13. Aktifkan halaman master sebelah kanan (nomor ganjil)' Klik
menu Type > iext Variable > Define' pilih Running. Header
> Edit lalu lakukan pengaturan berikut pada kotak dialog'
Pengaturan ini nantinya akan mem'nculkan teks berisi judul
bab di setiap halaman isi bernomor ganjil'
.ss.s*:ilr4l: :;iiilt:l
jilY
Tertt !:sii@!
:hi!lE
Dite
Im;[a l$:roE
Pa4e t{rfiber
EBte
0aiE
1,.r]e19.:"J.
i.r... !n,.rEel. l.
,I;iqa[l'i]
t-:llts
=L Er$,., r
L tmist TG Tet I
L. Laa;],,, . j
e".o"ii se eengoiurd Rllndng Heoder podo kotok Edii Text Vorioble
14. Klik OK > Insert > Done sehingga tampilan fraine teks pada
master halaman seperti Gambar 2.39 (a). Lihat juga hasil
pengaturan ini pada halaman isi (b). Teks berisi judul bab akan
muncul di setiap halaman ganjil.
l.'lI...,.1
d$dng llcri*' : A'
:lEd I Erqur RuanE
kmbor2.39 Tompilon lfunning Heoderpodo holomon mosterdon holomon N
lidembuat Daftarlsi
::ca tahap ini akan dlberikan contoh bagaimana membuat daftar
. (Table of Content) materi pelajaran SLTp yang telah dibuat
-:elumnya. Pengaturan daftar isi ini berhubungan dengan style
:'='agraf . Berikut ini langkah-langkah pembuatan daftar isi buku
:: a;aran SLTP.
i. Pertama, rancang terlebih dahulu daftar isi yang akan dibuat.
Daftar isi ini akan dibagi dalam 2 level. Level pertama adalah
Style Judul Buku yang akan ditampilkan oleh style TOC1 dan
Style Sub Babl akan ditampilkan oleh styte TOC2.
). Klik Layout > Table of Content Style dan klik New. Lakukan
pengaturan pada kotak dialog berikut untuk daftar isi level 1.
Klik Judul Bab pada bagian Other Styles, klik Add sehingga
munculJudul Bab pada bagian Include paragraph Styles,
Gombor 2.40 Pengofuron doftor lsi level I podo kotok dio@
tal
tbt
74 PAS: Adobe lnDesign CSS untuk Desoin Publishing Buku don Mojoloh
3. Lakukan pengaturan pada kotak dialog berikut untuk daftar isi
level 2. Klik Sub Babl pada bagian Other Styles, klik Add
sehingga muncul Sub Babl pada bagian Include Paragraph
Styles.
Ta(Etli,;:ra'l stle t
r,:e,;r,,]ty I11
glrrj ir rn6E .f ca tNi,
nrrr, i.:le1,{tr
c*.
rffiffi-ril"1
5riEi r{b t*l
Eerry.,!&r i;r
+xemo', ri!.1_!.'j.['
wrrer, bniiy ryd tlo#;
t-l:rii a.te,, ret-Gia fui
::::',r : ,l:
Ete*eig eoulma*s
iiin! rr:,i:l"i:il rj I r 1,.ralI llrrj
1;-l
- *Ji
il
:.re fri;i*,eliri;!1
+*!:8, lil
4.
nii*fr :::::'::''::
llttrl.xj6 r€[ & tsddrn Bq!
ttu.doydsd6: hL4E' i oldllr I
:)
Gombor 2.41 Pengcrturon doftor N level 2 podo kotok diolog
Klik OK > OK sehingga pengaturan daftar isi akan tersimpan
pada kotak dialog Table of Contents Styles. Setelah itu klik
Layout > Table of Contents, pilih pengaturan daftar isi yang
telah dibuat sebelumnya pada bagian TOC Styles. Klik OK Ialu
klik dan drag pointer mouse hingga terbentuk daftar isi seperti
berikut:
Daftar lsi
Ii,.;r:e Pef, gilrl3r.....
Balr 1 Bar.nurRuatrs.. ...... . ...
t l,,lirgeurl Bi',gLxr Rnt:lttg..
i. ilieughnrng tr'chur:e Bu;,nur Rliatg . . . . ..
i. )'ienglutr.ug Luar P*:l:ukaiu 3an';un Rna:tg
.. .11
, -' 1
,," 1
''':
'.',4
5.
GamYnr 2.A2Conioh sebogion doftor isi buku pelojoron SLTP
Anda dapat membuat daftar isi lengkap setelah memasukkan
semua materi pelajaran buku SLTP. lika Anda ingin meng-
update daftar isi ini, seleksi frame teks daftar isi lalu klik
Layout > Update Table of Contents.
i"--ouot Buku Pelojoron Sekoloh
tl,rKU'P.',E $-ilfa
--rr -3n selanjutnya adalah mendesain buku pelajaran untuk siswa
S*-.1. Secara prinsip pembuatan buku untuk SLTA ini hampir sama
:*-:=f') yang terdapat pada latihan sebelumnya. perbedaannya
u,ii:- terdapat satu bagian tambahan pada cover yang disebut
:r" -::;ng buku lspine). Berikut ini penjelasan mengenai bagai-
*;-
' -rendesain buku pelajaran untuk siswa SLTA tersebut.
kerrcancBuxr.l
{tl: ,i i .<an membagi pekerjaan pendesainan buku ini dalam
Hxtrfiq -::a bagian, yaitu membuat bagian cover dan membuat
llltliu],,r*:- isi. Seperti telah dijelaskan, pada halaman cover terdapat
mtull* ::; an yang dinamakan spine. Ukuran spine dihitung dengan
rfitttlnrffir. :: <an jumlah lembar halaman isi dengan ketebalan kertas
::-:ch ini diasumsikan buku pelajaran menggunakan kertas
5,,*':- 85 dengan ketebalan 0,081 mm/lembar dan jumlah
120 sehingga ukuran spine adalah 0,081x12O=9,72 mm
+.r: ::latkan menjadi 10 mm,
@rm.Buxu
r:- Jesain pada cover buku
75
i
I
I
I
:
=- memanfaatkan tool-tool
ini menggunakan teknik warna
pembuat objek.
Sle of Conrenr>' Gdbo;r4 h;dilk,p"bfil;r;tukd;bLTA
76 PAS: Adobe |nDesign CSs untuk Desoin Publishlng BUkU don Mojoloh
Berikut ini langkah-langkah pembuatan cover untuk buku pelajaran
siswa SLTA:
1. Buatlah sebuah dokumen baru dengan klik File > New )
Document lalu isilah nilai-nilai berikut ini pada kotak dialog. Isi
ukuran Width: 181mm dan Height: 250mm.
8.,.,.,'AJl' ,t ,
I !* .;";." .' .i ,+o
l: L!#:.lr I i soa,ialq:rm :
Iiri.rrriMryfi
:
tq::tr.'.rrm .. !d#!rii r1.1r .rF
***':i..;#' ' !'r
s'o;,
"+l;r
''il-' ::'- . ,+-'*
"..:
2.
Gomfur 2.M Ukuron kerios unfuk cover buku pelojoron SLTA
Munculkan panel Pages lalu klik kanan mouse pada panel dan
pilihlah Allow Document Pages to Shuffle. Klik dan drag
ikon halaman 2 ke sebelah kiri ikon halaman t hingga pointer
mouse seperti tampak pada Gambar 2.45 (a), lepaskan mouse
dan halaman 1 akan menjadi 1 spread dengan halaman 2 (b).
i:tH
Gombor 2.45 Mernbuot spreod cover buku pelojoron
3. Langkah selanjutnya, buatlah 3 buah objek frame grafis meng-
gunakan Rectangle Frame Tool dengan ukuran
[176x250mm] sebanyak 2 buah dan ukuran [10x250mm] dan
tempatkan pada cover seperti berikut:
- -':,-ot Buku Pelojoron Sekoloh 77
Gombor 2.46 Penempoton beberclpo frome grols cover buku SLTA
'.', ailah dengan mendesain halaman cover bagian depan.
l-atlah sebuah warna gradasi menggunakan panel Swatches.
. < menu panel dan pilihlah opsi New Gradient Swatches.
. < ikon color stop paling kiri dan berikan komposisi warna
;=:erti Gambar 2.47 (a). Klik pula ikon color stop paling kanan
:=- berikan komposisi warna sepeti Gambar 2.47 (b),lalu klik
cK.
I da'
dra;
cintr
nou93
(b)- *_,1.,,,i*
N- a t'e
1,,,
tn
k"C i:ii p.ngot ron ;orn; d;d* untuk cover buku SLTA
rem:" 3- Narna gradasi tadi pada cover buku SLTA sehingga
lirri;i'- --.:- hasil sepeti berikut:
l-1D -E- : .q,
ffier s"P"tti berikut:
',1
i
I.l'
78 PAS: Adobe lnDesign CSS untuk Desoin Publishing Buku don Mojotoh
Gombor 2.48 Tompilon wonCI grodosi podo cover buku SLTA
6. Langkah berikutnya, buatlah 2 buah objek persegi panjang
menggunakan Rectangle Tool. Pada contoh ini ukuran kedua
objek adalah [100x70mm] dan [B5x50mm]. Susunlah posisi
kedua objek sepefti Gambar 1,49 dan berikan warna meng-
gunakan panel
[C: 100,Y: 100,K:30].
Swatches dengan komposisi
-------------)
Gombor2.49 Menggobung 2 objek polh menjodisolu objek
7. Seleksi kedua objek lalu klik Object > Pathfinder > Add
sehingga kedua objek bergabung. Tempatkan objek ini pada
halaman cover seperti berikut:
cuot Buku Pelojoron Sekoloh
Gombor 2,50 Menempcrikon objek gobungon pado cover buku SLTA
Langkah berikutnya, berikan efek pada objek ini dengan klik
Object > Effects > Bevel and Emboss. Lakukan pengaturan
efek berikut pada kotak dialog sehingga menghasilkan efek
bevel dan emboss pada objek.
: -,:arpr i"l
;;i;i; =.::1;i
:.,:::: ltrBr iIru Ed-.j ltrBrirruE:!-. iill
ikrrrqig.ili*ih U
i"T'{.q!c
ry..jr!1:"1
tFr${i:]r5",
79
:=::+i l* :.T...,"....l
ar,*+.nli!l:1-L==:
.;1i D*&ttlea ::!l
-'k
td
la - tji*llit L::::::=
I fi ,.Il .,rc I
Gombor 2.51 Pengofuron don hosil efek bevel ond embos podo objek
Langkah selanjutnya, tambahkan beberapa frame grafis ke
dalam cover. Masukkan gambar pada masing-masing frame
dengan Ctrl+D, Atur kondisi gambar menggunakan Direct
Selection Tool atau menu Object > Fitting. Tempatkan
frame-frame tersebut pada cover seperti berikut:
B0 PAS: Adobe lnDesign CSS untuk Desoin pubtishing Buku don Mojoloh
Gombor 2.52 Beberopo frome grofs dengon tombohon gombor di Ootomnyo
10. Seleksi ketiga frame grafis ini lalu berikan efek dengan klik
Object > Effects ) Drop Shadow, lalu lakukan pengaturan
sepeti Gambar 2.53 sehingga dthasilkan tampilan frame
dengan efek drop shadow,
tiiHii::::.S,--.:il,r-.ilti:i+i1'fl @fi
Ooo sMd.-i
Fro!: i
u";lf-,r+ jlm s*v,,-*"
ry4f,]
::: I :t t:t: :1... .
Ffm{.a;r.--. lot*tr::+p.r
Gombor 2.53 Pengoturon don hosil efek Drop Shodow podo fome grols
11. Tahap berikutnya, buatlah 2 buah frame teks sebagai judul
buku. Yang pertama,'Biologi', menggunakan Font: Times New
Roman [Bold], Font Size: 110pt. Teks kedua 'Untuk Siswa
SLTA Kelas 2' menggunakan Font: Bookman Old Style, Font
Size: 24pt. Berikan warna white [CMYK:0] pada kedua teks ini.
lalip,id]ftq*3
-- DUot Buku Pelojoron Sekoloh
Gombor 2.M Teks judul podo desoin ."""i Ork, p"lojoron SLTA
-ambahkan frame teks pelengkap untuk nama penulis,
=:'nesLer, dan kelas pada desain cover. Anda dapat menentu-
-:r font sesuai yang Anda inginkan. Pada contoh ini digunakan
:€lerapa jenis font, di antaranya Switzerland, Times New
::-ran dan Lucida Sans.
Gombor 2.55 Frome tela tombohon podo cover buku SLTA
",
' ;. =
- berikutnya, tambahkan beberapa objek persegi
,,,'rr '' :-_: :erwarna hitam pada bagian atas, bawah, dan frame
.:r( : .
= =s
XI'. Tambahkan logo penerbit pada sebuah frame
.,rill'"ii]:' , :,:^ "tgga tampilan akhir cover depan buku pelajaran
,,,iii''Tr.,* i sr,a SLTA menjadi seperti berikut:
BI
n CSs untuk Desoin
t4.
15.
Gombor 2.56 Tompilon okhir cover depon buku pelojoron unfuk SLTA
Lanjutkan dengan membuat bagian punggung buku' Des-ain
ipine cut<up selerhana. Pettama, berikan warna [C:100,Y:100]
menggunakan panel Swatches pada frame grafis itu'
Selanjutnya, tambahkan frame teks dengan isi teks judul buku'
edisi, semester, nama pengarang serta logo penerbit dengan
RotationAngle:-g0".Ubahukuranfontagartidakmelebihi
ukuran lebar lpine. Berikut ini frame teks yang ditambahkan
pada bagian spine cover buku pelajaran SLTA'
Gombor 2.57 Tompilon fome tet<s podo pine cover buku pelojoron SLTA
,'embuot Buku Pelojoron Sekoloh
16. Lanjutkan dengan membuat desain cover belakang buku
pelajaran SLTA. Terapkan warna gradasi yang sebelumnya
telah diberikan pada desain cover depan.
3:mbor2,5B Frometeks keterongon buku don olomotpenertritpodo cover
belokong
-
- Langkah selanjutnya, buatlah sebuah frame teks lalu isilah
frame tersebut dengan teks keterangan buku pelajaran SLTA.
Tambahkan frame teks alamat penerbit dan tempatkan pada
:osisi sepefti Gambar 2.58. Contoh ini menggunakan font
Calibri dan Arial,
- : iangkah terakhir, tambahkan beberapa objek persegi panjang
:erwarna hitam di bagian atas dan bawah seperti yang terdapat
:ada cover depan. Buat juga sebuah objek persegi panjang
:engan warna [C: 100,M:70] sehingga dihasilkan tampilan
::ver seperti berikut:
B3
;tb'k'P"idl"tt"SiTArre-ss Podo qPine cot
PAS: Adobe InDesign CS5 untuk Desoin Publishing Buku don Mojoloh
Gombor 2.59 B"b"tp"
"bl"k
persegi tombohon podo cover belokong
19. Langkah terakhir, tambahkan frame grafis dan tempatkan
sebuah gurnOur. bu'*de pada desain cover belakang' Desain
akhir cover buku pelajaran untuk SLTA dapat Anda lihat
kembali di awal Pembahasan ini'
Memeunr Beanx Dru-ervl Blnr
Desain halaman bagian dalam buku pelajaran SLTA tidak jauh
berbeda dengan o".iin buku seberumnya. Ledanya .hanya
terletak
pada layout dan p"ngut"un style. paragraf untuk frame teks'
Pendesainan f,ataman
-datam
buku ini juga akan.kita bagi dalam
beberapa tahap agar pengerjaannya lebih mudah dan terencana'
Membuat LaYout Halaman Dalam
Tahap pertama pembuatan halaman dalam buku adalah membuat
layout halaman. eaai taf'ap ini kita buat dokumen baru dan
mempersiapkan layout halaman ,
master' Berikut ini langkah-
langkah pembuatan'tlyout bagian dalam buku pelajaran SLTA'
l.BukalahsebuahdokumenbarudenganklikFile.>New>
Document. Lakukan pengaturan doliumen pada kotak dialog
seperti puOu CitOar 2'60' Cunakan ukuran kertas 85'
- l- Buku Pelojoron Sekoloh B5
f ,tr1tllffi,,,,,,1.: xrisffitry: lxtmN{,,,41,., 1,rfrHR9.!1,lrr:r:-:ss$rfii
,!{l*Eftt a&et.rr [,:r6t!m]
r::, . Intdtr: rPrnt
r&6G!::afSrlFJi
l? _:::l
iletP.leii 1 :::
::::::::: lllllli
FiF 3i! F5
: . ir l:i:::::::l:::::::::::::l:l :
': : !{dthi ie: 176 mm
H:ilrt:'i-i.t2$- n i::
tgrarF;q PEs
fli.-.,.- ,
l]- i*A:;;]
G
L flse tunw I
,
il
trtriYYillirE:
,."1i,1 '= l.
ti;llau':":iir*lR
{dffir i::,,f j.j.r- r. r;,r, rl:.:li.:
foo ? lsnn ; iTde: : r: an
+ '.r
g r,,,'.
{
&rid*. '9 Ij 1,,
ilTl
i>*.':alam buku adalah membuat
- < :a buat dokumen baru dan
-3- -aster. Berikut ini langkah-
: =- :.3'n buku Pelajaran SLTA'
€- :ari dengan klik File > New >
3r;=:-ran dokumen Pada kotak dialog
il. 3--akan ukuran kertas 85.
Gombor 2.60 Membuot dokumen boru unfuk holomon N buku SLTA
Selanjutnya, munculkan panel Pages Ialu aktifkan ikon
ralaman master. Buatlah 2 buah objek persegi panjang dengan
-lkuran [30x8mm] dan l100x0,5mml. Berikan warna hitam
sada kedua objek ini lalu tempatkan pada bagian bawah
ralaman master seperti berikut:
3ombor 2,6.l Oblek yong ditempolkon podo soloh solu holomon moster
- :alout halaman master secara otomatis akan diterapkan pada
ralaman isi dan siap untuk diberi pengaturan lebih lanjut.
rlnk*cuatsty,leParagraf c
: - pendesainan buku pelajaran SLTA ini style paragraf
' "
-:<an untuk menampilkan format frame teks atau teks yang
" , - <cnsisten. Pengaturan style paragraf ini dapat Anda lakukan
pada panel Paragraph style. Berikut ini beberapa style paragraf
yang akan dibuat pada desain buku pelajaran SLTA'
r style paragraf NormalPar. Style ini akan diterapkan pada frame
teks sebagai teks paragraf dalam kondisi normal'
1. Aktifkan panel Paragraph Style, klik menu panel lalu pilih
opsi New Paragraph Style. Beri nama pada Style
Name: NormalPar. Pada bagian Genpral, pilih opsi Based
On: [No Paragraph Style] dan Next Style: [Same Style]'
2. Atur style NormalPar lewar Basic Character Formats
dengan aturan sebagai berikut:
Srrk ahziuts Form^1,
[ei tuelyl riLb]].,.....
Fofit5qFl iRequlir
a* hL1i.11_
f,miEr MEt.s
ta*l
:ll:'-I5L::::
Iunder]tne
Usr]]rEthrush
r:i.' ,:.'*..kl ' ,,
p;a*t,il111ouri1 _ i$
rraa,nP ii"i o
- ,l
F,fftliBnr :iil:r,mr|........,. _... jd
x
''',
i-l
MLbatures [$] F rlk
Gam.nr2,APengcrturon s4e NormolPor podo Bosic chorocter Formcrts
3. Lakukan pengaturan pada bagian Indents and Spacing
seperti berikut:
Ir--r aDHq
alvr'mt; Len l'itr- i) ':
tri'*" "**n "*
. : ...r' ilsPE wTilsaqn
Lrfi ruertr r:a'l!,nrr' ,
,, ElEl tffi l@1r i$l5
mm
teht ffitr ai ;;* r,r. rc r;uurt' ig: I **
EF# Eetusr ,iljo mnr gptrB allsr i r'ar ! nm
,*o1 10 !'d 'r I e
Gombor 2.63 Pengoturon style NormolPor podo Indents ond Spocing
4. Klik OK. Style paragraf siap diterapkan pada frame teks'
Style paragraf Bab. Style ini akan diterapkan pada frame teks
judul bab pada halaman.
1. Aktifkan panel Paragraph Style, klik menu panel lalu pilii
opsi New Paragraph Style. Beri nama pada Style
:-rbuot Buku Pelojoron Sekoloh
Name: Bab. Pada bagian General, pilih opsi Based On:
[No Paragraph Style] dan Next Style: [Same Style].
2. Lakukan pengaturan style Bab berikut ini pada bagian
Basic Character Formats.
s.1ES]s!{4:LHms: . ::::= l
EIII:E o{E IAmdranExpeilEla.l
Foni sl!lti':.: l.lErmrl
87
sre,,$lra;t _': j$
-fe
:41
u*"*,nri 3 rri.ip': I
1mno, nerr, .;l ;r*nr3: :;,0
_
" "
-yl
err" *.."r:'fr emrum: lr.o,ru
**j
!uroea"* Ell,qatuer nq. e,*e
Istt errro-el
Gombor2.64 Pengoluron style Bob podo Bosic Chorocter Formots
i Pada
Left.
teks.
bagian Indents and Spacing, pilihlah Alignment:
Klik OK. Kini style telah siap diterapkan pada frame
!:, e paragraf SubBabl. Style ini akan diterapkan pada frame
:r.s untuk judul subbab level pertama,
- Aktifkan panel Paragraph Style. Klik menu panel lalu pilih
New Paragraph Style. Beri nama pada Style Name:
SubBabl. Pada bagian General, pilih opsi Based On: [No
>aragraph Stylel dan Next Style: [Same Style].
- -akukan pengaturan style SubBabl seperti berikut pada
::gian Basic Character Formats.
Brr {hs6l{Ef:Fdiist(
e*tEimryi fiiffi:;dldtii,nj""'
-"'='.*i1.1
i i.i,-ttti,,',,:=
. ,. :::{
ir+ itl]B:'Bcdd fJ
$*:g:g.t!. U r",ary, ; ii"rl1 g
*""0,.j:j:.*__*H r..r"q, islo il
e"*, imr# I n*;t*., lmr"r
*-
L!]
o,**,* ;;;--il';;Diweerodr
ea=;'z: srap diterapkan pada rl'dtttc u-''-
S:, e ^ akan diterapkan Pada frame :
!:"a-
Paraeraph_:ty!",
* 1"#J"l:lf :
ragraPh StYle' tse
- r-- i:'rr . 55 Pengcrluron style SubBob 1 podo Bosic Chorocier Formcrts
:agian Indents and Spacing, lakukan pengaturan
:erikut ini.
CS5 untuk Desoin Publishing Buku don Mololoh
hlenltelllr$IQ. .. ....
Sqr'tr€nl: I LPft vl
[&w@ R@]d LinEs
l ll0",. lL ,.d ruqa
"4 he' ': ': : "1'"'
gr'" 1'6 ' 6
4.r|t ,nru"i ,a] o ;, ' Lr,t l'riE tnlatr ipl r ;;;
9pde Esls ei ial c nrn 5D[ealla] ai:n-r
,aur,tn*ia;iiii,-.-....._.....i;]
Gombor 2 66 Pengoturon style SubBobl podo lndenls CInd S@cing
4. Lakukan pengaturan style pada Bullets and Numbering
berikut ini.
Fdh'9 sr r,f6etnJ
:;ii*:, :l .., ,, '
lwdE'
0unreretller ii,il;r...- . -.....--,-..-...-
,
o*: illlll;l;.lltl::':ll;llllPI,..--,
Edbt or U lmlEr p6,ilorl
!u..nlor I o-
l-l !,8; il : 1n 1.
: fi''t rino l':*t .f,
t' n n
rdltELfo. i rr
C;b";il, p."s"tu.; iV; srbB"br poJo srrr.i.
""J
N,to"'l"s
5. Klik OK. Kini style siap diterapkan pada frame teks'
Style paragraf SubBab2. Style ini akan diterapkan pada frame
teks untuk subjudul level 2.
1. Aktifkan panel Paragraph Style, klik menu panel lalu pilih
opsi New Paragraph Style, Beri nama pada Style
Na-e' SubBab2, Pada bagian General, pilih opsi Based
On: [No Paragraph Stvle] dan Next Style: [Same Style]'
Lakukan pengaturan style SubBab2 berikut pada bagian
Basic Character Formats.
2.
lembuol Buku Pelojoron Sekoloh B9
qef"ry' 1jijf,:'.: -._.1
1s+..ei,1.11!Mtl |ral
ri*rrnsi it:o
" .lill
;;r!*, iil;;"."''ii:l
?
:.:t LliJii-erlh!,,-::=,
H.*rl+, D S
EDgr'l'-r'oro
Gombor 2.68 Pengoturon SubBob2 pcdo Bosic Chorocter Formols
Berikan juga pengaturan style SubBab2 pada Indents
and Spacing.
I,rmBrdl]@.O_
+srent Lel :j
um""r#i*
.1,,,l ':.?5i'-"
"ii"... iil'=- :,,,.1'
Leh@n!.:u r .{:rLretttrr :i,ra
eitrr I@{: :.- -. r .
"., r* rnn+ : i -.,
4.
5p*i.Aeto*, :F: i m +de EtHj:].gi2 mm I
r.: 4r'nloPgt:l :=,, ,, --.,. Li.j=
Gombor2.69 Pengoluron sl'yle podo bogion Indentond gcocing
Lakukan pengaturan style berikut pada Bullets and
Numbering.
q!!!tq-fftj:r4:l[l]!hpi[rs
,l
e
tE::,ilH clierar' Pl'! oo''-31;."d
"'i.. =l
o'-" Next style: [same stylei'
ra- =:''le SubBab2 berikut pada bagiar
'Formats.
lct rrpe: l'turu"ii ;l
LEf rtopiirt;i
-'
.l reoa, .:,.
tJJtberl1g3fy'e. ... _
l$r4ber. i"i. r '*
:1,: :, ;a::.. , .:.=- :
+r*;*$ l!1i,| 1)- -,..J=i,lii :
Uo,i*, .-oir* i, rn p[v,cus r:,rice,-]
.:roretoitirrmtlet'Err ,Al, il ,=, l= r l=
Altrrentr IL;1_-*."J
Lefr lmnt j- [ mm
FtJi Lm fiYhnl: ii3,.0 rm i
T€ DDelton + 1o rr-
: 1 ::::: ::.::::=: .t1 : ::a :.: i:: i,=,. :i',:
'Sombor 2 70 Pengoturon BulleJs ond Numbering untuk style SubBob2
Klik OK. Style siap diterapkan pada frame teks.
Style paragraf Picturel. Style ini akan diterapkan pada frame
teks sebagai keterangan gambar pada Bab1.
1. Aktifkan panel Paragraph Style, klik menu panel lalu pilih
opsi New Paragraph Style. Beri nama pada Style
Name: Picturel. Pada bagian General, pilih opsi Based
On: [No Paragraph Style] dan Next Style: fSame Style]'
2. Lakukan pengaturan style Picturel pada bagian Basic
Character Formats.
p.!r ('.d,Jr'B Fafi 3r:
:g t FirJY' Tr1_: ll'vr l _' d'
":l
Fot sryer iEc'ld ltilc : .,. -
$;iiQ-,1o1.--.-,,,,, t5.d"4,[lii1t]i lJ
:6erninsrir,retri. :l I"*l,i,?,,i....:..,..._..,"........;
i.qs:li;i,;F"' " * r-o't*'iiioini+
*.-
f
"""i" ritl-''lilii' . .
"----i: ll" rr :i: l
flt"taerihe'r llltuatur* llt.]osrExk
nsu't'Jio'ur'
G;b"; , , r p";s.tuil; Bd; ailt;t.' Fo,."n"h Gtur irvb sroe"bz
Lakukan pengaturan style Picture pada Indents and
Spacing.
hne. t5 d_d gft n,
&tinoEnri li:eill9.. .... .yJ , .,,,,
.'
IeiE * *aBBeu l-i6eJ i
I
Li .-,,
f lfore oot[d' rergn
.1.-..1
LEft:rdentr'3 n mr ; Blit.tire hdffitt iQ n mm
' :ai+,r@.r,lCo*''" *.,uou*"rtli1;fl"
.*;a#te{.*rn i'= .'!mce-rtra:'li1mm.*
Adrtccr,o, No;P ;
- : L-..!---------.r.-..-: --.-f :.,,
Gctmtur2,T2PengofuronlndenhondSpocinguntukslylePicture
4. Lakukan pengaturan style pada bagian Bullets and
Numbering. Perhatikan opsi Number. Opsi ini kita isi
dengan teki 'Gambar 1' untuk keterangan gambar pada
Aab1. pada keterangan gambar Bab2 nanti akan diganti
menjadi 'Gambar 2''
?
:mbuot Buku Pelojoron Sekoloh
*irueEi€-u,{dffi:-..*_4i|1iiii:_:.==.::ilir:
uu*6i 11i..:,=,
=Lut ffiLtr * _ _1ffi ii;a, ,{:-
I'lwbtr,ngstyle
* , .*
Format:
L!L1jL:_,l:i _:
uUffi*;='ftY911!'^{,,,,
"*",ffi=t =chiracter stvler lr*;;i*- -* '** '*l
Ir''-'-r--
:
Lr
...il:,i
na-1i*m
.1*.T*i'1si
#;;;;; ;r;
:;,
Bufut n lt'I-mber P0r,t;o,i
L"tt 1'.oant:
.Flr T .
'. tL*rep,: lil-*= r:',iri
i. ,=il,* F;;i r'1,.
Gombor 2.73 Pengcrluron style podo fullels ond Numbering
5. Klik OK. Style paragraf siap diterapkan pada frame teks.
Buatlah style paragraf untuk keterangan gqmbar setiap
babnya, yaitu Picture2, Picture3, dan seterusnya, Hal ini
dilakukan agar tidak tery'adi duplikasi penomoran
keterangan gambar. Untuk lebih jelasnya, lihat langkah 4.
Bagian inilah yang membedakan keterangan gambar pada
setiap babnya.
S:. e paragraf Book. Style ini akan diterapkan pada frame teks
--:;k judul buku yang selalu muncul pada halaman genap dan
-:-l bab yang akan selalu muncul pada halaman ganjil.
- Aktifkan panel Paragraph Style, klik menu panel Ialu pilih
cpsi New Paragraph Style. Beri nama pada Style
Name: Book, Pada bagian General, pilih opsi Based On:
-No Paragraph Stylel dan Next Style: [Same Style].
- -akukan pengaturan style pada bagian Basic Character
Formats.
9t
n <1le oada bagian Eiulrcr> -"1
[i...-'o=rri" J;t;;;' oPsi ini kita- s-
,il--, untuk keterangan gambar..pa:=
"*T=-:
q;;;;, Bab2 nanti akan diga-:
2-'
PAS: Adobe lnDesign CS5 untuk Desoin Publi
Ba'L r} d;deFlftts
_
6mt rin[- r"a ,+
rml 3ql€: Ir& '3
s* q: ro ry - B ,oanJ: r: r' :l
- ..t""*'EF,=;,H,:'.1'xr$;:!1 .,- *.'"l
',, 6$. |$.,'
o**r-1$#!=;
'
"",[a
'' '
''gun'";" 61p't'*3'
-r'
''
nti'ti * r r.,: ''-. - ., '-
Gamfur 2.7 ApergOuron style Book podo Bosic Chorocter Formots
3. Pada bagian Indents and Spacing, pilih opsi Alignment:
Left. Kli[OK dan style siap diterapkan pada teks'
Style paragraf NoPage' Style ini akan diterapkan pada frame
teks untuk p"no*orun halaman' Style ini akan kita tempatkan
pada kedua halaman master'
1. Aktifkan panel Paragraph Style, klik menu panel lalu pilih
opsi New parag;iph Styfe' Beri nama pada Style
Name: NoPage-
-pada
Oagian General' pilih opsi-Based
On: [No Paragraph Styt"] d'an Next Style: [Same Style]'
2. Lakukan pengaturan style pada bagian Basic Character
Formats.
c* !r"eri:q{r!s-Plll!::,i,:',i.-...1"
...:
t',. ..;a'r,,,' 'i.*::t''=:;"'
Lmt Fan4: Eoor'r"''d qr' c wl
g;.'ttzPi ;l Le3d't: f: llairrr :l
r.-tn 1re;' ;i !eI@ ;i 1 :l
";il*3*J
hnt@: "L'ur ' :'l
OirYt*'*on
Gombor2.75 Perrgoh-lronslylt NOeog" podo Boslc Chorocier Formols
Pada bagian Indents and Spacing, pilihlah opsl
Alignment: Centre.
Lakukan pengaturan style Character Colour sepertr
Ci.Uu. Z.ZO. t<tii OK dan style siap diterapkan pada
frame teks.
3.
4.
indesign
indesign
indesign
indesign
indesign
indesign
indesign
indesign
indesign
indesign

More Related Content

Similar to indesign

Panduan coreldraw
Panduan coreldrawPanduan coreldraw
Panduan coreldrawTrianz King
 
Muhammad farhan fuady xii akselerasi
Muhammad farhan fuady xii akselerasiMuhammad farhan fuady xii akselerasi
Muhammad farhan fuady xii akselerasiFarhan Fued
 
Mengenal program publikasi ( penerbitan )
Mengenal program publikasi ( penerbitan )Mengenal program publikasi ( penerbitan )
Mengenal program publikasi ( penerbitan )Hendi Ependi
 
Pengenalan Corel Draw dan tata cara penggunaannya
Pengenalan Corel Draw dan tata cara penggunaannyaPengenalan Corel Draw dan tata cara penggunaannya
Pengenalan Corel Draw dan tata cara penggunaannyanoval048
 
Muhammad farhan fuady xii akselerasi
Muhammad farhan fuady xii akselerasiMuhammad farhan fuady xii akselerasi
Muhammad farhan fuady xii akselerasiFarhan Fued
 
Tugas studi kasus corel draw buat perusahaan ceyber desaian dari mata kuliah imk
Tugas studi kasus corel draw buat perusahaan ceyber desaian dari mata kuliah imkTugas studi kasus corel draw buat perusahaan ceyber desaian dari mata kuliah imk
Tugas studi kasus corel draw buat perusahaan ceyber desaian dari mata kuliah imkArif Hadi
 
Mengoperasikan Microsoft Word.docx..............................................
Mengoperasikan Microsoft Word.docx..............................................Mengoperasikan Microsoft Word.docx..............................................
Mengoperasikan Microsoft Word.docx..............................................EfendiHakim1
 
MODUL #1 Membuat Kartu Nama dengan CorelDraw.pdf
MODUL #1 Membuat Kartu Nama dengan CorelDraw.pdfMODUL #1 Membuat Kartu Nama dengan CorelDraw.pdf
MODUL #1 Membuat Kartu Nama dengan CorelDraw.pdfahmadtriyasa
 
Fungsi menu dan ikon pada menu bar
Fungsi menu dan ikon pada menu barFungsi menu dan ikon pada menu bar
Fungsi menu dan ikon pada menu barFredi Sukses
 
Tools-Tools Corel Draw
Tools-Tools Corel DrawTools-Tools Corel Draw
Tools-Tools Corel DrawDian Arifin
 
Mengenal Microsoft Word
Mengenal Microsoft WordMengenal Microsoft Word
Mengenal Microsoft WordAgus Ansori
 

Similar to indesign (20)

Corel draw 2
Corel draw 2Corel draw 2
Corel draw 2
 
11826759.ppt
11826759.ppt11826759.ppt
11826759.ppt
 
Panduan coreldraw
Panduan coreldrawPanduan coreldraw
Panduan coreldraw
 
Muhammad farhan fuady xii akselerasi
Muhammad farhan fuady xii akselerasiMuhammad farhan fuady xii akselerasi
Muhammad farhan fuady xii akselerasi
 
Mengenal program publikasi ( penerbitan )
Mengenal program publikasi ( penerbitan )Mengenal program publikasi ( penerbitan )
Mengenal program publikasi ( penerbitan )
 
Pengenalan Corel Draw dan tata cara penggunaannya
Pengenalan Corel Draw dan tata cara penggunaannyaPengenalan Corel Draw dan tata cara penggunaannya
Pengenalan Corel Draw dan tata cara penggunaannya
 
Muhammad farhan fuady xii akselerasi
Muhammad farhan fuady xii akselerasiMuhammad farhan fuady xii akselerasi
Muhammad farhan fuady xii akselerasi
 
Tugas studi kasus corel draw buat perusahaan ceyber desaian dari mata kuliah imk
Tugas studi kasus corel draw buat perusahaan ceyber desaian dari mata kuliah imkTugas studi kasus corel draw buat perusahaan ceyber desaian dari mata kuliah imk
Tugas studi kasus corel draw buat perusahaan ceyber desaian dari mata kuliah imk
 
Mengoperasikan Microsoft Word.docx..............................................
Mengoperasikan Microsoft Word.docx..............................................Mengoperasikan Microsoft Word.docx..............................................
Mengoperasikan Microsoft Word.docx..............................................
 
MODUL #1 Membuat Kartu Nama dengan CorelDraw.pdf
MODUL #1 Membuat Kartu Nama dengan CorelDraw.pdfMODUL #1 Membuat Kartu Nama dengan CorelDraw.pdf
MODUL #1 Membuat Kartu Nama dengan CorelDraw.pdf
 
TUGAS Tik
TUGAS TikTUGAS Tik
TUGAS Tik
 
Fungsi menu dan ikon pada menu bar
Fungsi menu dan ikon pada menu barFungsi menu dan ikon pada menu bar
Fungsi menu dan ikon pada menu bar
 
Tools-Tools Corel Draw
Tools-Tools Corel DrawTools-Tools Corel Draw
Tools-Tools Corel Draw
 
Modul corel
Modul corelModul corel
Modul corel
 
Corel
CorelCorel
Corel
 
Coreldraw
CoreldrawCoreldraw
Coreldraw
 
MATERI_FLASH_XI
MATERI_FLASH_XIMATERI_FLASH_XI
MATERI_FLASH_XI
 
pertemuan 8
pertemuan 8pertemuan 8
pertemuan 8
 
ICT
ICTICT
ICT
 
Mengenal Microsoft Word
Mengenal Microsoft WordMengenal Microsoft Word
Mengenal Microsoft Word
 

indesign

  • 1. E *---i )esoin publishing Buku don Moioloh 'r::::::=.:::t:=' ':ii= ,:. lilr'=:ilri.:' II:. ; rf li ',..:r rr :::J:lrE.-:.:r:-r::: -':I ;l .rrL I i'-l.rifi::""'- i::l:1,:,::tL .,-., : .. ..r.:, iiii'i:l:1.:::::::::r:!i ,tr -'iiiii ; ,f =a.. ,r. , '::::::lrlurtt:: . i . 'ill ,ff '';ti,:;= it':.,t,l,, "i ..-",, .$ ='t'ltr.::.::::::4 .,,rt::::,:,:til ,,-, .,11,,. | :,::::::::::a! l,: Mengend Adobe lnDesign GSs s. *;#u';-uttStid=* 11]
  • 2. fl PAS: Adobe lnDesign CSS untuk Desoin Publishing Buku don Mojoloh alah satu aplikasi desktop publishing yang populer saat ini adalah Adobe InDesign, Saat ini Adobe InDesign telah merilis versi terbarunya/ yaitu Adobe InDesign CS5. Aplikasi yang satu ini sangat dikenal kalangan publisher karena memberikan kemudahan dalam merancang atau mendesain produk-produk publishing. Fasilitas-fasilitas baru menjadi keunggulan yang sema- kin menyempurnakan performa software ini. Pada bahasan ini Anda akan memelajari Adobe InDesign CS5, khususnya mengenai fasilitas dan tool yang sering digunakan dalam pembuatan majalah dan buku. Pengenalan singkat tentang Adobe InDesign CS5 dapat Anda pelajari pada bab ini. LINGKUNGAN KERJA AIX)BE INDESIGN GSs Ada baiknya Anda mengenal lingkungan kerja aplikasi ini terlebih dahulu sebelum mengoperasikannya agar Anda dapat bekerja dengan lebih mudah. Berikut inl tampilan lingkungan kerja aplikasi Adobe InDesign CS5 dan keterangan bagian-bagiannya: Tootbar Gombor 1.1 Tompilon lirrgkungon kerj,c Adobe f"O&gn CSs Status bar
  • 3. :ada lingkungan kerja ini terdapat bagian-bagian yang memiriki :eran sendiri-sendiri. Berikut ini penjerasan iingkat f-ungsi dari :agran-bagian yang menyusun lingkungan t<eria iOobe InDesign CS5: ErxrBAR i'enu bar ,".uputun ;";;; ;;; ;;;r;;;;;;--;;" ,."n o"r,r,-nenu-menu pengaturan. Setiap menu memiriki sejumlah submenu ragi yang mempunyai fungsi pengaturan tersendiri. Menu yang terdapat pada Adobe InDesign CSSS aOatah File, iait, t_.yort,Type, Object, Table, View, Window dan Help. Gombor 1.2 Tomprilon kumpulon men, p"O"."^, O"i Berikut ini salah satu contoh menu dan submenu yang terdapat di dalamnya. ., .iii;ru,:+ i OuErprintPreview Alt+5hift+Ctd+y BOd 5etup Pr^!f Colours zmm ln ctrl+= ZoDm OJt tlrl+- Fil Pioe n lMrdow ftrl+0 Filspread in MruJoN Alt+Ctrl+o ActGl5ize fil+l ErtireFn*eboard Alt+5hift+Chl+rl Rotate 5preEd , screen l4ode , DiipLy Ferftrmanae ) Gombor r.S ldpilon *bmilp"oo menu vew TooLaen Toolbar adalah bagian dari ringkungan kerja yang aktif sesuaipengaturan atau tool yang sedang digunakin. -Too-lbar ini berisi berbagai pengaturan yang mengijinkan Anda untuk menentukan
  • 4. v - _-. 4 PAS: Adobe lnDesign CS5 untuk Desoin Publishing Buku don Mojoloh nilai- pada kotak isian atau menggunakan tombol drop down. Berikut ini contoh tampilan toolbar pada Adobe InDesign CS5: I; l^ ll 6Mp4 [ + ];:i;i; - Gombor 1 .4 Tompilon toolbor poOo sootType Tooldioktifl<on TooLeox Toolbox juga merupakan bagian dari lingkungan kerja Adobe InDesign CS5. Di dalamnya terdapat sekumpulan ikon. Tool-tool yang terdapat pada toolbox ini dikelompokkan sesuai fungsi dan kegunaan masing-masing. Pada tool-tool tertentu terdapat beberapa tool tersembunyi, ditandai dengan panah kecil (,) di pojok kanan bawah tool. lika tanda ini diklik maka akan muncul tool lain dalam sebuah menu yang disebul flyout. Berikut ini tampilan toolbox dan flyout dari salah satu tool. Gombor 1 .5 Tompilon ioolbox don flyout podo soloh solu tool El--i li I h Iit*t lr.{ I *../- I u3.n. l*oIrr* il le}l{} q. I lrrr.....--...nr;" lffiliu) r lc urfir trr"
  • 5. i=^ol Adobe lnDesign CS5 :- <ut ini dijelaskan penggunaan sekumpulan tool yang terdapat -: toolbox: . Selection Tool h , digunakan untuk menyeleksi objek. . Direct Selection Tool l, digunakan untuk memilih dan mengubah titik path pada frame objek, Page Tool -4, digunakan untuk membuat beberapa halaman pada dokumen. Gap Tool l*[, digunakan untuk mengatur jarak antarobjek. r Pen Tool il, digunakan untuk membuat garis lurus atau kurva. Add Anchor Point Tool ff, digunakan untuk menambahkan titik anchor pada lintasan garis. Delete Anchor Point Tool r)-, digunakan untuk mengurangi titik anchor pada lintasan garis. Convert Direction Point Tool l' , digunakan untuk mengubah dan memperhalus sudut pada titik anchor. Type Tool T, digunakan untuk membuat dan menyeleksi teks. Type on a Path Tool *, digunakan untuk membuat dan mengedit teks pada lintasan garis. Line Too! , digunakan untuk membuat garis lurus. Pencil Tool ,/, digunakan untuk menggambar path dengan bentuk bebas. Smooth Tool /, digunakan untuk mengubah kelebihan sudut pada path. Erase Tool r', digunakan untuk menghapus titik pada path. Rectangte Frame Tool 3S, digunakan untuk membuat frame berbentuk segiempat. Ellipse Frame Tool ,Ei, digunakan untuk membuat frame berbentuk oval atau Iingkaran.
  • 6. 6 PAS: Adobe lnDesign CSS untqk Desoin publishing Buku don Mojoloh Polygon Frame Tool '"$., digunakan untuk membuat frame berbentuk sisi banyak. Rectangle Toot G*, digunakan untuk membuat objek berbentuk kotak. Ellipse Too! ffii, digunakan untuk membuat objek berbentuk oval atau lingkaran. Polygon Toot $r, digunakan untuk membuat objek berbentuk oval atau lingkaran. Free Transform Tool , digunakan untuk memutar, memiringkan, dan memperbesar/kecil objek. Rotate 1q61 'ffi, digunakan untuk memutar objek pada titik yang ditentukan. Scale Tool ffi, digunakan untuk mengubah ukuran objek pada titik tertentu. Shear 16s; ll?, digunakan untuk membuat condong objek pada titik yang ditentukan. Gradient Swatch Tool lfl, digunakan untuk pewarnaan gradiasi pada objek. Gradient Feather tool GI, digunakan untuk memberikan efek transparan secara gradien. Scissors Tool i l, digunakan untuk memotong lintasan pada titik-titik tertentu. Note Tool lF, digunakan untuk menambahkan komentar. t l"l, Hand Tool 'i l, digunakan untuk menggeser tampilan halaman dokumen. Zoom Tool 4, digunakan untuk memperbesar/memperkecil tampilan pada jendela dokumen. Eyedropper Tool , 6;gunskan untuk mengambil sampe warna atau atribut dari sebuah objek dan kemudian diterapkarr pada objek lain,
  • 7. t"r;,-genol Adobe lnDesign CSS Measure Toot lffi, digunakan untuk mengukur jarak antara 2 objek. 3::ikut tampilan panel default pada Adobe InDesign CS5: ;'i''1 unr.;r:r ::,,".""^- ?g1: rrnrs $T*rlH( {:t3! E}{lP ffi sre.crrxss a*: TrfiTwE&p Gombor 1.6 Tompilon beberopo ponelpodo oplikosiAdobe lnDesign CSS panel terletak pada sebelah kanan jendela aplikasi. Panel ini berisi 'asilitas pengaturan yang memiliki fungsi dan kegunaan yang : erbeda -beda. Arda dapat menampilkan pengaturan panel dengan klik nama :anel yang terdapat pada jendela aplikasi tersebut. Berikut ini :ampilan pengaturan beberapa panel. *aWW lk*l ffi::taiii t'ii n. r'. :tffi !I, rJ-;t l^, tttt + :i4F :::.,=. l=t -J N IAI ttl- r ..:.::i.i:-rjl:li :iS ; ;:::=l!;_ I Ps n7:5lqid.r:::,ji)j::.!il ::S:,,=,r: :1C...]|f4, , ,.::.=:::::::= i, fi4,rrii,r;;-i;;ii h l;,9,€"$*; lll#r, uE#P;;f #S#, irl:ll fI iq,:..n:-s L 9rlo$ lii1l,# r d6 rr#fl t t#. fi p,f[5..6L;.i,7@nr.g;it: r. $.*is.:&1#,t#i*r*s; :::ISlliiillHr*fllifl xHiiil Gombor f Z fomprfon #ngoturon ponel P"d, Strofe Oon S"otcf,es E;rcH-e. . EllEt'l , ffi]re I @m.'l {fl8:r I ::{dEi:'1 *f rJ ::il ;u
  • 8. PAS: Adobe InDesign CSS untuk Desoin Buku don Moioloh $rarusBAR Status bar ini terdaPat status bar ini terdaPat halaman kerja. Berikut InDesign CS5: pada bagian bawah jendela aplikasi. Pada tombol navigasi yang menunjukkan posisi ini tampilan status bar pada jendela Adobe Gombor 1 .B Tompilon siolus bor podo jendelo oplikosi rurSrvrc.ynf Ku.dE .$nu' '''r;''- . Setelah mengetahui lingkungan kerja dan tool-tool Adobe InDesign CS5, sekarang saatnya untuk mulai bekerja menggungkqn aplikasi ini. bebelum itu ada beberapa hal yang perlu Anda lakukan, yaitu mempersiapkan dokumen dan mengatur layout' Berikut ini beberapa hal yang dilakukan untuk mempersiapkan dokumen dan layout sebuah Pekerjaan. Untuk membuat dokumen baru, Anda dapat memilih menu File > New)DocumentsehinggamunculkotakdialogNewDocument. t0 11 12 A+'l!iter ', ll *=l{t1enEE - 'fs.
  • 9. rh a ii e ln Si :U ni rn Gombor 1.9 Kotokdiotog N#D.d;*t ;ada kotak dialog ini terdapat beberapa opsi pengaturan yang :erlu Anda ketahui, yaitu: r Document preset, memiliki 2 pilihan, yaitu Default (peng_ aturan dokumen standar program) dan Custom (pengaturan dokumen dengan aturan sendiri). r rntent, memiliki 2 pirihan, yaitu print dan web. pirihan ini berpengaruh pada satuan ukuran yang digunakan pada dokumen. r Number of pages. Korom ini diisi dengan jumrah haraman yang dikehendaki. r Statt Page, menentukan posisi angka halaman sebagai permulaan dokumen. r Facing Pages, digunakan untuk tampilan halaman yang saling berhadapan, sementara Master Text Frame digunakan untuk tampilan frame pada halaman master.
  • 10. CSS untuk Desoin Publishing Buku don Mojoloh G;b"t i.io i#;idd"k .""o""d; rocing Foces rPageSizes,untukmenentukanukuranhalamankerjayang diinginkan. rWidthdanHeight,yaitukolomyangdiisidenganukuranlebar dan tinggi halaman yang diinginkan' r Number, untuk menentukan jumlah kolom yang dikehendaki pada halaman. r Gutter, nilai yang menentukan jarak antarkolom' .Margin,digunakanuntukmenentukanbatastepidarikeempat sisi kertas pada halaman, yaitu Top, Bottom' Left' dan Right' r Orientation, digunakan untuk menentukan posisi kertas dokumen, yaitu dEngan memilih Potrait atau Landscape' Jika sudah mendapatkan kondisi yang diinginkan' tekan tombol OK, Anda dapat melakukan pengaturan ulang atas dokumen yang telah dibuat dengan klik menu rile > Document setup sehingga muncul kotak dialog Document Setup'
  • 11. Gombor 1.1 1 Perrgoturon pcrdo kotok diolog Documentsefup Mexumplx Dot<uumr Dokumen yang telah selesai dibuat harus disimpan agar dapat dibuka kembali jika diperlukan. Untuk menyimpan dokumen, klik File > Save atau Save As (untuk menyimpan dengan nama lain), lalu berikan nama file dan simpan di direktori file pada komputer Anda.
  • 12. 7 l2 PAS, Adob. lnD"rign CS5 ,ntrk D.roin publirhing Brku don Mojoloh Bgarua DEMiaN llar.qruan lula.srm H a ra m a n m a ster ri,''i..,,^;;;;;;;;; ;;, ;;;. ;-;. ; ;. ; ino, o ru n n nantinya dapat diterapkan pada halaman-halaman lain sehingga dapat diperoleh bentuk yang seragam secara cepat. penggunaan halaman master ini juga dimaksudkan untuk menjaga konsistensi tampilan halaman pada dokumen kerja. Berikut beberapa hal yang perlu diketahui berkenaan dengan bagaimana bekerja dengan Master Page. MembuatHalaman Masbr Gombor r rs idpilo; k;il[obt"g r..r",Mort t secara default aplikasi ini menyediakan satu pasang halaman master;.*Anda dapat membuat halaman master baru dengan klik ikon FH pada panel pages, lalu pilih New Master sehingga muncul kotak dialog seperti yang terlihat pada Gambar 1,13. Pada kotak dialog ini terdapat beberapa opsi, yaitu prefix sebagai penanda atau identitas halaman master, Name sebagai nama halaman master, Based on Master digunakan untuk memilih dasar halaman master dari halaman master lain, dan Number of Pages untuk menentukan jumlah halaman master, Berikut ini tampilan sebuah halaman master baru pada panel pages. Gombor Ll4lkon holomon mosterpodo ponef poges
  • 13. Mengenol Adobe InDesign CSS Mengedit Halaman Mmbr Halaman master dapat Anda ubah sewaktu-waktu. Pengubahan ini juga berpengaruh pada halaman Iain yang menggunakan atribut halaman ini. Misalkan Anda ingin mengedit halaman "B-Master", klik kanan ikon halaman master ini pada panel Pages lalu pilih Master Options for "B-Master" sehingga muncul sebuah kotak dialog Master Options, Di situ Anda dapat mengubah opsi-opsinya sesuai yang Anda inginkan. eomoor r . r s xotor< obog M.$, odid ,;tuk ;*gJit h"l";;; ;ott t [/lenenapkan Halaman Masbr Anda dapat menerapkan halaman master yang telah dibuat pada ralaman lain dengan menggunakan berbagai cara, yaitu: . Untuk menerapkan halaman master pada satu halaman, klik dan drag ikon halaman master menuju ikon halaman lain sehingga tampak garis tepi berwarna hitam pada halaman tujuan dan kemudian lepaskan. tPltg#;7,W! *ii::i::il#iil,.::::- .:'..:a4t ti::::::::='t' ,;.:nliliH .,', l ':; Gombor l.16 Meneropkon holomon moster podo sofu holomon loin t3
  • 14. r l4 PAS: Adobe lnDesign CS5 untuk Desoin publishing Buku don Mojotoh Untuk menerapkan halaman master ke dalam spread, klik dan drag ikon halaman master menuju ikon spread sehingga tampak garis tepi benvarna hitam pada spread tersebut dan lepaskan. ii,#T ;*ii#l ,'* i,ili Gombor 1 . 1 7 Meneropt<on fronmon .*t", poOo qrr*d Klik kanan ikon halaman master, pilih Apply Master to pages sehingga muncul kotak dialog Apply Master, Isi nomor halaman mana saja yang kepadanya akan diterapkan halaman master. Setelah itu klik OK. !&$ .i ::::9;#l,,ra:ii::::::::::::i:1iiitttl!ltitt!:::::;:]:-rrjlNff:ii* Ii-Faffir 2,3.5 .ry, ., W l C4Fd.. " N Gombor r.re fo;pibn f.oior, OroOg npOV rirr#ei ItJlenghapus Halaman Mrebr Ada 2 pengertian menghapus halaman master, yaitu menghapus penerapannya pada halaman lain dan menghapus halaman master itu sendiri. r Untuk menghapu! penerapan halaman master pada halaman lain, klik ikon ffi pada panel pages, pilih None pada opsi Apply Master, dan ketikkan nomor halaman yang penera- pannya,ingin dihapuskan pada To pages.
  • 15. :^genol Adobe lnDesign CSS Gombor l.19 Memilih opsl None podo loiok Oiofog npfV Hrf"rt i Untuk menghapus halaman master itu sendiri, klik kanan label halaman master (misalnya B-Master) pada panel pages, lalu pilih Delete Master Spread "B-Master" sehingga muncul peringatan. Jika yakin akan menghapusnya, klik OK. Gombor I .20 Kotok peringoton unfuk menghopr-s holomon moster Merrrca,nln llru-aruax trengaturan halaman bertujuan untuk mengolah halaman atau :mbar dokumen agar sesuai dengan yang diinginkan. pengaturan -i dapat Anda jumpai pada panel pages atau Window > pages. 3:rikut ini penjelasan singkat bagaimana mengatur halaman kerja :ada sebuah dokumen. ttJlenambah Halaman Ada beberapa cara dapat digunakan untuk menambah halaman. Anda dapat memilih salah satu cara yang menurut Anda paling rudah. . Aktifkan halaman dengan klik ikon halaman pada panel pages, kemudian klik ikon Create New page :il. Halaman baru akan muncul setelah halaman aktif, r Klik dan drag salah satu ikon halaman menuju ikon Create New Page d.. Halaman baru akan muncul pada urutan halaman terakhir. t5
  • 16. l6 PAS: Adobe lnDesign CS5 untuk Desoin Publishing Buku don Mojoloh C.0", i.ri ffis6h #il;b"h h"ffiil b"ru denson klik don dros Klik ikon menu ti.W pada panel Pages, lalu pilih opsi Insert Pages sehingga muncul kotak dialog. Tentukan jumlah halaman yang akan ditambahkan pada opsi Pages, tentukan posisi di mana halaman akan ditambahkan pada opsi Insett, dan pilih juga halaman master yang akan diterapkan pada halaman tersebut pada opsi Master. Gombor 1.22 Kotok diolog lrrsert Poges Mengurangi Halaman Kebalikan dari menambah halaman adalah mengurangi halaman. Ada beberapa cara untuk mengurangi jumlah halaman. Anda dapat menggunakan salah satu cara yang menurut Anda paling mudah' r Klik kanan ikon halaman yang akan dihapus dan kemudian pilih Delete Page. . Klik ikon halaman yang akan dihapus lalu klik ikon Delete Selected Pages #. Klik menu Layout > Pages > Delete Pages sehingga muncul kotak dialog, Tulis nomor halaman mana saja yang akan dihapus.
  • 17. 15 rr--. )esoin Publishing Buku don Mojoloh frbr :-dcrnor boru dengon klik don drog i O"*i Pages, lalu pilih opsi Insert ! kotak dialog. Tentukan jumlah Fahkan pada opsi Pages, tentukan ilan ditambahkan Pada oPsi Insett, lnr*er yang akan diteraPkan Pada Gcrrbcr I .22 Kotok diolog lnsert Poges man adalah mengurangi halaman' urangi ;umlah halaman. Anda daPat rrng rnenurut Anda paling mudah' yrrg akan dihapus dan kemudian pilih ,*ar: dihapus lalu klik ikon Delete Fs > Delete Pages sehingga muncul n halaman mana saja Yang akan ','lengenol Adobe lnDesign CS5 Gombor 1.23 Menghopus holomon dengon kotok diolog Delete poges ilenggeserHalaman '.lenggeser halaman dapat disamakan dengan memindah halaman. 3,erikut ini cara memindahkan halaman dokumen. ' Klik kanan ikon halaman yang akan digeser, pilih Move pages sehingga muncul kotak dialog. Pilih tujuan pergeseran halaman pada opsi Destination. Gombor 1.24 Menggeserholomon dengon kotokdiolog Move poges hngubah Maqin dan Kolom r - ja masih diberi kesempatan untuk mengubah pengaturan -:.gin dan kolom halaman dengan klik menu Layout > Margins and Columns. Tentukan nilai pengaturan margin dan kolom sesuai , =-J Anda inginkan. 17 ]r bor 1 ,25 Menguboh pengoturon poOo f<otot Oiofog digins ond Cotumns ri llaster.
  • 18. MengaturRulef Grid dan Garis Banht Anda dapat memunculkan fasilitas bantu seperti Ruler' Grid dan Guidelines (garis bantu). Anda dapat menemukan pengaturan ini Document Grids. 6edangkan untu Guideline, klik menu View > Grids & Guides > Show/Hide Guides' Anda dapat mengubah lebar kolom dengan cara lain, yaitu dengan klik menu View > Grids & Guides ) Lock Column Guides' pastikan tanda centang pada opsi ini tidak aktif. Gunakan klik dan Oiug .ort" untuk mengubah lebar kolom secara manual' *. comb"r. i)6 iompilr" f*i[* n r.i eti.s Jon Guidelines MenileERl Prrrrortlonm FleLnrvnn Salah satu unsur penting dalam pembuatan buku dan majalah uJuf uf'.r penomoran halamin. Anda dapat mengatur nomor halaman sesuai kebutuhan. Berikut ini dijelaskan bagaimana memberikan nomor pada halaman buku dan majalah' MembuatNornorHalaman Ikuti beberapa langkah berikut berkenaan dengan penomoran halaman.
  • 19. Mengenol Adobe InDesign CSS 1. Aktifkan halaman master yang akan disisipi pengaturan nomor halaman. 2. Aktifkan Type Tool, buatlah sebuah frame teks pada posisi nomor halaman yang diinginkan, misalnya pada bagian pojok atas halaman. l9 Gombor I .27 Membu,otftome teks unfuk nomor holomon 3. Pastikan posisi frame teks dalam keadaan siap ketik, klik menu Type > Inseft Special Character > Markers ) Current Page Number. Gombor l.2B lkon rromorholomon podo holomon moster Lakukan pengaturan yang sama pada halaman lain dalam spread master yang sama. Perhatikan kondisi halaman pada halaman lainnya, Gombor 1 .29 Hosilpenornoron podo lrolomon dokumen
  • 20. 20 PASI Adobe lnDesign CS5 untuk Desoin Publishing Buku dqn Moioloh Mengafu r Format Penomoran Anda dapat mengatur format penomoran sesuai keperluan, misal- nya mengganti format penomoran dengan angka, huruf, atau yang lain. Berikut ini cara mengatur format penomoran halaman, 1. Aktifkan halaman yang telah dinomori, misalnya halaman 1 pada panel Pages. 2. Klik menu Layout > Numbering & Section Options sehingga muncul kotak dialog Numbering & Section Options. e".o* i,so M;;g"d6r"Ap"*;.4" pobo kotox Numbering & Section OPfiors 3. Pilihlah style penomoran yang diinginkan, seperti angka, huruf atau angka romawi. Anda juga dapat memberikan keterangan pada Section Prefix, misalnya dengan kata Hal-. Tandai opsi Include Prefix when Numbering Pages untuk menampilkan prefiks yang Anda berikan. Berikut ini contoh hasil pengaturan format nomor halaman. HdI Fage-A Gombor L3l Contoh frcril penggfuron formot nomor holomon
  • 21. )n ns Uf tn )si an an 'lon '.iengenol Adobe lnDesign CS5 t4embuat Section Numbering Pengaturan Section Numbering biasa dilakukan untuk memberikan 'ormat penomoran yang unik dalam satu dokumen. pengaturan ini mengijinkan lebih dari satu format penomoran dalam satu doku- Ten. Berikut ini langkah pembuatam section numbering pada ralaman. 1. Misalkan Anda akan membagi dokumen menjadi 2 format penomoran. Penomoran pertama memiliki format nomor halaman (i, ii, iii, ...) dan yang lain memiliki format penomoran angka (7,2,3. ....). 2. Buatlah beberapa buah halaman yang akan diberi pengaturan section numbering, misalnya B halaman. Klik kanan ikon halaman 1 pada panel Pages, lalu pilih Numbering & Section Options dan lakukan pengaturan seperti Gambar 1.32. pada Style, pilih Ii, ii, iii, iv ...] . 21 Gombor .l,32 Membuotformotpenomoron podo section pertomo 3. Selanjutnya beralih ke halaman lain yang akan diberikan format penomoran angka biasa, misalnya halaman 5. Klik kanan ikon halaman 5 pada panel Pages, pilih opsi Numbering & Section Options dan lakukan pengaturan seperti Gambar 1.33. Pastikan opsi Start Section ditandal dan ganti Style menjadi angka |t,2,3,4 ...f .
  • 22. PAS: Adobe lnDesign CSS untuk p.toin puOtitttin $lki}l6i ffi:.:.i;1flI1::i.M jrlXlll;:..- i::- ).i'iYrl Flsbrt gection . 4 4utqmattc Fryit'lr@tlu I & sF,iP"sinr "r, if '.. F;all*.mbetiiqi .i:=rrr , . ktionB"it,,i-*-1- .,.. : .',' 6t{ei i r, :, :. + gertiDo l4ff!Fli:.: Docuffiit ChiFl* N!fib?tins ^ stfler 1, I :, + -l & n,,r!'tr.eriq,tq4.t*.t 11n0""13 fi si;t +&rter tJfftqrE at 1 : r:iI[ ii i:: tl:]ii:: f.rl J r:rr,li: ,l i' i BlEk I',lilrBl l,llA r:': :'' ' t:l.il;.ri l--ft., ;i EIFCl(dB.hElls aheE lllmbqrhg FaB?5 .-.r ,l '-,,,.-l ,,:' I ,t l .:.:.1.:i:', il '.,.,,.i] =: I il ,.:=lL I ::,.....,i..,.,...1i Gombor I 33 Membuoisection numbering yong bebedo Klik OK. Hasilnya, dokumen terbagi menjadi 2 section num- bering yang berbeda seperti berikut: -e".0* isa i"rpir""*rloildb",ilg vt"g b"'l"do dolom scrtu dokumen Membuat Kebrangan Sambungan Fname Teks Pengaturan ini biasa dilakukan pada frame teks yang isinya beriambung ke frame teks pada halaman lain. Ikuti penjelasan singkat ber-ikut mengenai bagaimana memberi keterangan sam- bungan frame teks Pada dokumen' 1. Buatlah 2 buah frame teks yang saling berhubungan pada halaman yang berbeda, misalnya halaman 1 dan halaman 4' 2. Pada halaman 1, buatlah sebuah frame teks yang menempel pada frame teks pertama pada naskah' lalu ketiklah "bersambung ke hal..." 4. lll 1
  • 23. .lengenol Adobe lnDesign CS5 23 Gombor L35 Membucrtfome teks unft-rk keterongon fome ter<s oersomoung 3. Selanjutnya klik menu Type > fnsert Special Character > Markers > Next Page Number sehingga didapatkan hasil seperti di atas. 4. Pada halaman 4 (lanjutannya), buatlah sebuah frame teks yang menempel pada frame teks pertama, lalu ketik .'sambungan dari ha1...". sambungin dari hal -I ____Jrmbungan dari hal I i :E | : Peil gp|nhi1r10.iit Wel) Berhotsis lcar.t llr.rktis rldn turrtds llerllnIai n rtenUirn ASP" letl$kit!) den(nn 1ftflUkah demi lall0kfrh, :]lul,ri dari alnn h. lilnlan ueb rlpfiU.tn HTML Ih peilbuBtftti aBlika$r rlengilil ASp !crimburl kr hndl l! iPem,bahaiin Su[u ini diau kah instalasi PWS dan beh gratis yang mendu[<ung pe hasan dasar-dasar HTM,L, hahaEa standar skrip ASP. I Pengemhangan Weh Berbasis : ara praktis dan tuntas berbagai dengan ASP. Iengkap dengan : rngkah demi langkah, mulai dari . .an halaman weh dengan HTML pembuatan aplikasi dengan ASp. .---1> her:ambungketral4 Fem:6ahasan b'uku ini diarn kah instalasi PWS dan beb gratis yang mendukung pe hasan dasar-dasar HTML, ' bahasa Etandar skrip A,$P. Gombor 1 .36 Keterongon sombungon noskoh dori fome teks sebelumnyo 5. Klik menu Type > Insert Special Character ) Markers ) Previous Page Number. Hasil akhirnya seperti gambar di d LdS. BEKERlAD.E.t.IG..$ffi[s-;...!-.-=....... Pada aplikasi Adobe InDesign, teks yang ditambahkan pada dokumen terletak dalam sebuah kerangka atau disebut juga Text Frame, Ada beberapa pengaturan yang dapat dilakukan pada frame teks ini, seperti membuat frame teks, menambahkan teks di dalamnya, mengubah bentuk dan ukuran frame teks, saling meng- hubungkan frame teks, bahkan menambahkan gambar/objek pada frame teks ini. Berikut ini beberapa pengaturan pada frame teks yang dapat Anda pelajari secara singkat.
  • 24. Seperti yang telah dijelaskan secara singkat pada pemb-ahasan di atas, teks terdapat pada sebuah kerangka atau frame' Berikut ini pengenalan dasar mengenai frame teks pada Adobe InDesign CS5' MembuatFrameTeks Untuk membuat frame teks, aktifkan Type Tool' Klik dan drag ,our"padadaerahdimanaakanditempatkanframeteks'Lepas ,or." dan mulatlah mengetikkan teks di dalam frame itu' PAS: Adobe lnDesign CSS untuk Desoin Buku don Moioloh ttlis irLr itLs ickr tt!l* treks teLs t*!:s t*l+ lrks t*ks t*l<s l,:k,c teits tt'li! :teks teks ttkr tekr tt:ks r*ks tel's t{:k.c ielis terk:; t*lt:i tt[r tel";s tckl t.:];.s r*ks teLs] ------> Gdb"t L5r-G;il}fr#" u.i Co" n"orn"" o"x""" MengimporTeks Anda juga dapat mengimpor teks 9un menempatkannya pada halamin dokumen. Caranya adalah sebagai berikut: 1. Klik menu File > Place sehingga muncul kotak dialog Place' Gombor I .38 Memilih fle teks yong okon diimpor :'^r't': ili
  • 25. Pilih file teks yang akan diimpor, Ialu klik Open. Klik dan drag mouse pada halaman dokumen sehingga mem- bentuk frame teks dan kemudian lepaskan. Frame teks akan berisi file teks yang telah diimpor sebelumnya. S1rt, r r r: r.re,ijtl::.[.an l:r,]; jrrrr,.r rrrllirbuii clarr rlengolrhi 'ltla!l.lnr .ii:i;!i L e,ttrt t'liti*n,r il):rlrgLtnii:1t1 (:ctilLrq.q!v,':+.i Pnc;. iIrLil ri nk.lt ,:i;tFfi(;n' ::tr;'.rk ::knik-:,hni!: d,rn Anri;, d:-Llit trt*ni:1",.tit,,i dt,tcnn. Jitlhffn-lstihnti Fada tiaF l:i:hnt,a.: S*l.rtrjrLl,;r i .ci.r akur, nEmarirr, r. 'l1tl,1rr,.], lcqUit.l.j[. jEr:") Lr.,jriL]rl rl:r{ tekr. .;rr,tr LlrL,errk,r.r. 8ri<u lr r ttrdir r,.J,rr', li:ra h.rL drt,rto, -,rr,.= drlalall !El:a,ln! itit rrLll: - -6;b"; i 5e i..n;r.r"&fi6i"ht;ng i;r;h, Jplir-, MencaruR FRAUTE TEKs Frame teks yans tetah dibuat dapat ;;;; ;;; ;;r, ;;; ukuran maupun bentuknya sehingga didapatkan frame teks yang diingin- kan. Berikut ini penjelasan singkat bagaimana mengatur frame teks. IVlenggreser Frame Teks Gunakan Setection Toot untuk menggeser frame teks menuju posisi yang Anda inginkan pada halaman dokumen. IVlengafu r Ukuran Fnanre Teks Ada beberapa cara yang dapat digunakan untuk mengatur ukuran frame teks, yaitu: 2. 3. Fs'- .i -#IT:T* Isilah nilai Width dan Height H!;$In82s_i,m --: pada toolbar sesuai kebutuhan. Gunakan Selection Tool, klik dan drag titik-titik pengaturan pada frame teks. E' *'.brnxnfileteksvongot<onJirp",
  • 26. ffi p H r. E F Jiib*-liili(edi r.a,'xe :if Uet6f fe*q jGrq d:tam*nll.ar i1aE LIE[!l)e]] :qrlehk,ls enr +€lLah ter.ragLo 6:aii ilise$ut il,lit Tell Frai'€ lfranle t€hs): .lde f,eberFPa !,e|l'J.rturd. ynlu '1'rJi{ 'l la$ukln Fidi t a4E teh5 'ni se!€4i flen'fut: lI3me t:hc. l-18nfi{1iel l'sNl qll dr cal3nltla. n'el,qull.]l lKrluL itsr r,kuran irElne trki, saliiq ilrelqhulrrn,lkw ar3Be te*5 ilEhkari *nirlishqor !3nrlorr).Jer. T1'] --------->i*rre iel.s ini Eerilut *)r Leil+Bl4 *elgeturar Padn iranE tel€ yenq. dspst A.f{1a '-'ejjari iet'ra 3i8+k'E''" :''l Gombor f .aO VferEuOoh ukuron frome tet$ dengon Seleclion Tool Anda juga dapat mengatur agar ukuran frame teks menye- ,ruikun 6iri d"ngun Uariyat<nya teks yang terdapat di dalamnya' Klik menu Object > Fitting > Fit Frame to Content' Mengubah Bentrk Frame Teks Frame teks dapat Anda ubah bentuknya' Tool-yang digunakan untuk mengubah nentuk frame berkisar pada Direct- S-election Tool, Add Anchot p"int Tool, Delete Anchor Point Tool dan Convert Direction Point Tool' --Pir-d:ii "'-:. ,, i -l ' 6p:ikrsi A,jo* iI "', " 'l' ueilqn lsks'ian! ii1gli*ahk F ,J'd8 "-aj"""', i-iril ii':r1r e*lruar *-arqra ?lisr d.sel{l iri.r -ell Frarre 'fmlee :elsl i.i.. -;;;;;; Enaattrsn ru*s dairstl dislriilitn psds iisrie tE}; in,3Eneii therlu't lr3ri: ?l$, lnetr3n1[nl kat tik5 'l dstrxliR' .1pn{r}ah benklr c6tl ulr,rsl tM'a le?.' r"ri.r-: r'en;n:r:rt3har, iln'e ::tJ LshFf,l' r.enimr:rtt.rr JifltuR !;rel sr'l'r lr:rk iels .r'r Eerlur r i h+Lerxp* frrieiurall i6d.1 trfir!1e itle ycnq ds3nt inds r4illl ,i....... ................. Gdbdi ;i M;srb"h b.;tuk ftffi; 6r" J"n&n Directselection Tool don Converl Dkeclion Point Tool Iidi 33.rr ji;iA.ih le Ue#i :;SS7H'g JlfiiE;ih6i i.ra1ffiLne. tellesl lrl-i1) l€gi'h l'erar!kt ]iair il"i.irr"i '."t :,*" tranre tELsr. 3da babEri:d ."n.oui- rrrr i'1sr t skLlsn llda rf ie +li il ."*.i rrm,ra rr.e €as. n e'rnbrqlsn::l'( ,r ..";.;., t', nEE-1.;h t'i'rl:k cnn Lhd-!' f'r^E i.nt. ,""rq ..nlnr"*fk' fiare :l's ':'l;' nr:r:r:rU"n"un lvl',{'ol'.91 l'and 'rR t rFh5 il' S"ntr: ,t' tefr"'epu ;eploirBn psoi rrre i:l! ,cr! d.r )ct :FlB Pi'3.rti liaMa ih;ul' ,td"'ts:E!,*an, 'Ad6)€ ki =e!,gs trks :r'Rn! drlsriurtr:{ p3en dtluntr .rh- i:r,e'c" dsnrl EeD-$h letcr'gka _ alEu d*elrt juqn Tei: frtmE itranEl le:: :.dJ heusa.r E'EBtuLlr ianr dra3r dil-llrhrD s5e Ir'1nE l:ti ei E€P€rij $€n'.L0sa ftsrf,: l.ke. nenrsb.,hlsn telis dl; ;'r,alF:s rneH&[)nh h.dui' .u" .frtr. ien. lins. tr'h ! nEri!.i':trr!h3^ aarre lehai trshltn nE.Lrn'++ik3r]_l S*uarorro$jel gi:in Jar!:ei teks ,6, s.rtri nj iL e r e ' e p a. ' .. ti.i
  • 27. '*r-nqenol Adobe lnDesign CSS :ada frame teks terdapat bagian-bagian yang digunakan untuk -enghubungkan satu frame teks dengan frame teks lain sehingga (3duanya menjadi saling berhubungan. 1- t,lf rldrl iPl:[33r.qcot'e ln Lresr'Jrl Gt,5 ;;*nn diHnlHhkaF pid.l bukumen tenetsk {aLrJl sar:.sF !rr,!,:Ek.i attL digEh,ri iJjl Te<i =raFle iftane t:ks,. id-r l)eheiilFa pengat-.rJn yrrr! dsiit dl8tuh"ln pade IraEr€ trks r,i leBertj nEml)lrqi. lr3nt eii5. tnencnruri'kaii a , --l -olehr dI rl.i JrnF!.I,t ;:h&rl:rrh xrtrk drl Utursr lrflre t:ks,i srllq nlencJhrritLr.Qkflrr franre ieks b;rhkani lnren-rn'l:chkrr. g:n' l:rrri I oJ ek prc* 1;ine tekq I iFl E<r,ku', r,i r:E::=r.ti-.al I per,!rturar J3ia lr.rnrs I I L3 -5 J ln )ol G#b"ii.;, B"si"dsi"il& il;; 6h (eterangan: 1. In port pada awal frame teks, 2. Out port yang menuju frame berikutnya, 3. Text thread, garis hubung antar frame teks 4. In port, bagian awal frame teks dari frame teks sebelumnya, 5. Out port, menunjukkan overset teks atau menuju frame teks lain jika masih ada sisa teks. tvlemfuat Thrcad pada Frame Teks Berikut adalah cara membuat thread pada frame teks: Klik Selection Tool pada out poft frame teks yang diinginkan. Klik mouse pada frame teks yang akan dihubungkan sehingga kedua frame teks saling terhubung. 1. 2.
  • 28. CS5 untuk Desoin Publishing Buku don Mojoloh ls.li $!lf,83lldohe ln ueslg'l iel,s y..n!! aitiril3hknr Bsd'1 iol,irlEr1 letrB]"rl inlijr] iet!6h k:Enlli 4tsu di:ehrl iraa Te"t rrare ili6r.e tf,kell Idii Lelefip.] Perlg':!ii1!l ,-rrE d,lrri d irLhrr Fnii Irirrelgkt t !JflFllin eranl'r: iru,.aa talo, Ff,Ellnnleehkiil tels l: .:13 a1f11i'3 0':r;ul',ln l,ar,i rr ddl ,liLtrir iar e ie41 ' -. e".o"if aS fi-,t""ot"tapodo2 buohfrometeks Mengaliftan FrameTeks Hampir sama dengan membuat thread teks' dengan mengalirkan teks maka at<an tJrdaput ftu*" teks yang saling berhubungan' Berikut inl cara mengalirkan frame teks: r Mengalirkan frame teks secara manual: 1. Impor teks dengan klik menu File > Place dan pilih file teks Yang diinginkan' 2. Klik dan drag mouse sehingga membentuk frame teks' Klik out portiJia"riut* Grtt iJtu rit dan drag mouse untuk membuatframeteksberikutnya.Begituseterusnya' . Mengalirkan frame teks semi-otomatis: 1. Impor file teks seperti pada langkah sebelumnya' 2. Tekan tombol Shift+Alt lalu klik mouse pada halaman dokumen'Frameteksakanmunculpadaseluruhhalaman dokumen' 3. cara Ini masih membutuhkan penambahan halaman lagi Oifa iumfatr halaman belum cukup untuk memuat teks Yang dilmPor' . Mengalirkan frame teks secara otomatis: 1. Impor file teks lewat menu File > Place' 2. Tekan tombol Shift lalu klik mouse pada halaman dokumen' Secara otomatis dokumen akan menambahkan jumlah-halaman untuk menyesuaikan dengan banyaknya teks yang dimuat pada dokumen tersebut' Ealilu rraillrlu.roKel'' rtgft a tEt + -lei,kan stnrnrbohhf,ri' g?fitrnrlgbiek PR,li fianrg 1al! r.r 6eol^u', l1l r.al-:riFE .;rr-ilr.r'311 Pi'-s -i1-f lehl ,.rrrq ,]Ji'-1t i'rll ijEl_1-t''' 'lgeclrs:tr!hg:. l
  • 29. Mengenol Adobe InDesign CS5 MencnnrRTEfiUUhAP Gombor 1,44 Tompilon ponelTexl Wrop Text wrap biasa digunakan pada teks-teks yang memerlukan lustrasi di dalamnya, Pengaturan text wrap ini akan menambah :ampilan teks atau halaman dokumen menjadi lebih menarik. Anda Japat menemukan pengaturan ini pada panel Text Wrap. Ada beberapa jenis pengaturan pada panel Text Wrap, di a nta ra nya : r Wrap Around Bounding Box i-iEE, digunakan untuk membuat text wrap dengan bentuk kotak di sekeliling gambar atau frame. . wrap Around object Shape l* j, oigunakan untuk membuat text wrap dengan bentuk kontur objek. r Jump object l.El, Oigrnukan untuk membuat text wrap di bagian kiri dan kanan objek. r Jump to next column |E, digrnukan untuk menempatkan teks di atas objek. MeuBUArTPcrox Panr Pengaturan ini akan menghasilkan teks yang ditempatkan pada alur tertentu, baik berupa garis, kurva, maupun objek. Berikut ini :ara membuat text on path: 29 tn n. iile (ik tuk Ttan man aman ahkan aknya lagi teks itE; in_:.:isiflifrt::iffifi=: *l*!:iE* & H flrnulr .' Elg1,r.- *.,,.,Fe lflr.; i i*"-' ,l$l*lB;,*. .
  • 30. 30 PAS: Adobe lnDesign CSS untuk Desoin Publishing Buku don Mojoloh 1. Buatlah sebuah objek menggunakan Ellipse Tool. Aktifkan Type Tool, arahkan mouse pada objek tersebut. Klik dan ketikkan teks sehingga teks berada di dalam objek seperti berikut: . - 1i'1i! '* ' .. .- tu,.; trlD"rr.r'tI .,' I),at.tu {:lfillit:. nif,} )liir:;1 rR- ,_ jIl'AF,{I I)l I:r3l.nXI {:}lllix lliklaN(i i ----),i I )i I1.r.,.1 t l n1l .r 1 , ,F l L tlli) - iiN,., Il.k..itl"il I"l l.'.1.'..[!1,Flll:. ''ll l:!Y.llri I ttsltrltf I I l,,ilti1.18ll-l Gombor 1 ,45 Tompilon teks di dolom objek 2. Buat objek oval, aktifkan Type on a Path Tool lalu klik mouse pada tepi objek dan ketiklah teks pada jalur tersebut, Gombor 1 .46 Tompilon teks podo sebuoh objek poth 3. Untuk menghapus teks pada path, klik menu Type > Type on a Path > Delete Type from Path. Manajemen typografi berkaitan erat dengan teks, namun lebih menekankan pada pengaturan karakter, format font, serta pengaturan paragraf pada frame teks. Pengaturan ini dilakukan agar susunan teks pada frame teks lebih rapi dan menarik. Berikut ini penjelasan singkat mengenai manajemen tipografi. Mqryga-run Fonmar rqq p+tt ry14!+g1 Format font dan karakter dapat Anda jumpai pada toolbar bilamana Anda mengaktifkan Type Tool. Selain itu Anda juga dapat mengatur yang sama pada panel Character, Untuk memunculkan panel ini, klik menu Type > Character.
  • 31. '.'+noenol Adobe lnDesion CSS 3l Gombor 1.47 Tompilon ponel Chorocter :ada panel ini Anda dapat mengatur berbagai macam hal yang :erhubungan dengan font, seperti memilih jenis dan ukuran font, :ading, kerning, tracking, scaling, baseline dan skewing. Mencnrun Foroulr Pnneoner >aragraf merupakan kumpulan font yang membentuk teks. Teks ..rrrtrn dari beberapa kalimat yang saling berkaitan. Paragraf ,ang terdapat pada frame teks ini perlu diatur agar tampilannya ebih rapi. Anda dapat memanggilnya dengan klik menu Type > Paragraph sehingga muncul panel Paragraph. h a n lt na rat an Pada panel ParagraPh aturan seperti format oullet and numbering, e".o"i i ag Tompilon ponel Porogroph ini Anda dapat melakukan berbaqai peng- perataan, indentasi, jarak antar-paragraf, serta format droP caP.
  • 32. JI PAS: Adobe lnDesign CSS untuk Desoin Publishing Buku don Mojoloh M=r*auan DAN MENeGUI{AKAN Sril-E Style dapat diterapkan pada karakter atau paragraf. Penggunaan style ini bertujuan untuk menerapkan format paragraf secara cepat dan konsisten. Anda dapat membuat dan mengatur style karakter pada panel Character Style. + fHAR,IICTER STYLES :1, rr ::' (diri0 '' 1111'-1 ::" :"4' , ,1..t ::r, -- 'Hipidinl{ :- H 11, il$ rtyl*s.&Jr tsJbtdJ,,,,.iinpiriitEd t.,:!lt, C""nn"i r as rompil p"n.idr,"t"cter Style Selain itu, Anda juga dapat membuat dan mengatur style paragraf pada panel ParagraPh StYle. *FAftAGRAPTI 'TYLE5 t!ii"4 :,i' ,: lB;';k p;i?rEihl ::: : ]'{+ffrl :::: i: .' 1jg!111,,r 1 ' Hea,Jing 7 - il He.adin{ f,, -:-:, . H""jilP..L-:,:.--.-.:,.... ..' e"-Gr. i ,so r"*eo" p"nbr p"t"gr.oph sty; Adobe InDesign CS5 menyediakan tool untuk menggambar path berbentuk objek/garis lurus/kurva. Mer.rocaruBAR PATII Untuk menggambar path dengan bentuk dasar, Anda dapat meng- gunakan tool pada toolbox berikut: W ?. tst- ln H m lH--lg )1,"'.,r1
  • 33. {Mr,- :€- r Adobe lnDesign CSS Tool-tool untuk menggambar path sepefti Line Tool, Ellipse Tool, Rectangle Tool atau Polygon Tool. i :1. :'" 3cmbor I .51 Contoh poih dengon Line Tool, Etlipse Tool, Rectongle Tool don Potygon Tool Tool-tool untuk menggambar bidang placeholder kosong untuk frame grafis seperti Ellipse Frame Tool, Rectangle Frame Tool, atau Polygon Frame Tool, i... l, .....1-,.i i. ... Gombor .l.52 Contoh ploceholder kosong unfukfome grofu Tool-tool untuk menggambar path dengan bentuk bebas sepefti PencilTool dan Pen Tool. . ,'--" -.r'1 Gombor I .53 Contoh polh bebos dengon PencilTooldon Pen Tool MeNouaAH BenrruxPenr 3entuk Path yang telah dibuat dapat Anda ubah menggunakan :eberapa tool, di antaranya: . Direct Selection Tool yang digunakan untuk mengubah bentuk path pada titik-titik anchor-nya. aa I I
  • 34. 3A PAS: Adobe lnDesign CS5 untuk Desoin Publishing Buku don Mojoloh r- ] ''''''''' '',',,,,,,,.,, .''ri Gombor I .54 Contoh penggunoon Direct Seleclion Tool Add Anchor Point Tool, Delete Anchor Point Tool dan Convert Direction Point Tool untuk mengatur kondisi titik- titik anchor pada path, sepeti menambah dan mengurangi titik anchor. Gombor I .55 Penggunoon tool unfuk mengolur kondN litik onchor Smooth Tool dan Erase Tool, yang digunakan untuk meng- atur kondisi path yang dibuat menggunakan Pencil Tool. '.. 'a,^ _ Gombor 1.56 Penggunoon Smooti"r Tooldon EroserTool . Scissors Tool yang digunakan untuk memotong path. tr /r' iiti,, ---+ "-.. .. ,./ Gombor 1.57 Penggunoon bissorsToolpodo poih Bentuk path pun dapat dibuat dengan memadukan 2 path atau lebih ke dalam kondisi tertentu sehingga dihasilkan bentuk path baru. Pengaturan ini dapat Anda jumpai dengan klik menu h," .4 t' I I i l
  • 35. ij re.rol Adobe InDesign CS5 $/lndow > Object & Layout > Pathfinder sehingga muncul :'-ei Pathfinder. Gombor 1.58 Tompilon ponel Pothfinder }hraarun Garnan PADA Puqcarqoen :-:a dapat menambahkan gambar untuk ditempatkan pada : : ceholder yang telah ditempatkan pada halaman dokumen. --:uk menambahkan gambar pada place holder, klik menu File > Flace, lalu pilih sebuah gambar sehingga gambar itu akan berada :. am placeholder tersebut. Gombor I .59 Sebuoh gombor yong terdopot podo ploceholder ::ngaturan gambar di dalam placeholder dimaksudkan agar ::npilan gambar sesuai dengan yang diinginkan. Anda dapat -engatur gambar pada placeholder dengan klik menu Object > Fitting. 35
  • 36. Fill Frame Frc,pnrti':nall';r f lt' .:"::: t,':ll-::l l'.:'l i Fii Frarne tr: frrntent Fil funtenl tu Fr;rne ,:EnlrE i:ontElt :lear .F1':nref-.ir:l:ns ElPtllrn: Fr,:rr-re Fitl:ing l-lgrtirrns. , , Alt+5hift+fh]+c Alt+5hitl+ftrl+E Alt+,:trl+f All+':trl+E ihitt+i_trl+E Gombor I .60 op'si podo Object > Ftliing Fit Frame Propottionally, membuat tampilan gambar meme- nuhi area frame. co;C r or-ir i..n" aopomo*rV po& &*b"i ootom ploceholder Fit Content Propotionally, membuat gambar tampak semua pada area placeholder dan ukuran frame tidak berubah' Gombor I .62, Frt Content Ropotionolly podo gombor dolom ploceholder Fit Frame to Content, membuat ukuran frame placeholder menyesuaikan dengan ukuran gambar.
  • 37. ier ler '.lengenol Adobe lnDesign CS5 -----Z Gombor I .63 Frt Frome to content podo gombor dolom ploceholder Fit Content to Frame, membuat ukuran gambar menye- suaikan dengan ukuran frame placeholder. Gombor .1,64 FrtContentto Frome podo gombordolom ploceholdet Centre Content, membuat gambar berada di tengah-tengah frame placeholder. e"*O"i r OS CLnhe Content podo gombor dolom ploceholde Clear Frame Fitting Options, menghapus pengaturan kondisl ;ambar pada frame Placeholder. Frame Fitting Option, mengatur kondisi gambar pada : aceholder dengan kotak dialog. ili$!
  • 38. i*, f-+, -:--:i i cott*1,',gioy .TffiEE BEKEffi iii+'ii;i#**: Table. +lli;;m:ffi;T; "nr'-*n, :"J" "';i'#,'' H', : : I l:#"x?:rl"4=$:,rlri,3.:i:t[ilr";ffi ;i:irr""J:H:i pengaturan sesual [.[Eii" densan tabel' MqlPqryTIP+F|rI Anda dapat membuat taber baru I:9:":i:T+lS"[ff: 3,"J? ;";b;i sebuah frame teks menggur'ilr".r''tttur dialog Insr *:;;i;;i; > rnsert rable sehinesa *;; t;; ro*P'r"" rtt"k diolog lrrseri'
  • 39. l.'engenol Adobe lnDesign CSS -entukan jumlah baris dan kolom yang diinginkan lalu klik OK. lrda dapat menggunakan tabel dan mengisi setiap sel dengan teks . ang Anda inginkan. i! ! l9 i il I II Gombor l.68 Contoh tobelyorg tetoh ditsitek 39 E IE rneryqrrgflT4pg= 1:a beberapa pengaturan :'<asi tabel. Pengaturan Table atau panel Table. yang dapat Anda ini dapat Anda lakukan untuk memo- temukan pada menu ]. ,,,,:i:;il.,: ffil.,fl o l. Fo: -l I Bff | 6-".. I .67 Tompilon kotok diolog lrrserl- Toble E[;l;*p] gi,ise,"* | ,ru{:m- * * i-i=''= = lr-r i J F" H iij.':o|l'*r r *, E',i*] 1,0,, ",.1 ffi lii;ii;; 'e' m :*1 i,+l il] ,.',,::.,.,=liilili;r:,:::lill:.,,7i1i1 :::":=;1111;111 l -:::.:::=llli Gombor 1.69 Tompilon ponel Tobte *e-<ut ini dijelaskan secara singkat bagaimana melakukan modifi- q:s :ada tabel. hnilnbah dan Mengulangi Baris dan Kolom .tn:= :eberapa cara yang dapat digunakan untuk menambah atau -:-;;rangi baris maupun kolom, yaitu: Pada panel Table terdapat kolom Number of Rows dan Number of Columns. Anda dapat mengisi kembali sesuai
  • 40. 40 PAS: Adobe lnDesign CSS untuk Desoin Publishing Buku don Mojoloh dengan jumlah yang diinginkan. Tabel akan bertambah atau berkurang, baik baris (baris paling bawah) dan kolomnya (kolom paling kanan). Seleksi baris atau kolom yang akan ditambah atau dikurangi, klik menu Table > Insert > Row (untuk menambah baris) atau Columns (untuk menambah kolom). Untuk mengurangi (mengurangi baris) atau Column (mengurangi kolom)' Mengubah Ukuran Barisdan Kolom Ukuran baris dan kolom pada tabel dapat disesuaikan dengan kebutuhan. Berikut ini cara mengubah ukuran baris atau kolom' Pada panel Table terdapat kolom Row Height (tinggi baris) dan Column Width (lebar kolom), Anda dapat langsung mengisinya dengan nilai lebar atau tinggi yang diinginkan. Ukuran baris dan kolom juga dapat diatur secara manual, yaitu dengan klik dan drag mouse pada garis batas antarkolom atau antarbaris yang ingin diubah ukurannya. a t c iE 1234 5678 sl0il!: ]A B -:--+ -^5b : . .. .. .:--. is ]0 Ir s I: Gombor 1.70 Contoh menguboh ukuron bcrris podo tobel MengafurTeks pada Sel Tabel Kondisi teks dalam sel tabel dapat Anda atur agar menghasilkan tampilan teks yang baik dan sesuai kebutuhan. Berikut ini beberapa pengaturan yang dapat dilakukan pada teks dalam sel tabel. Pengaturan Alignment Text dan Rotating Text dapat Anda lakukan dengan menyeleksi sel di mana teks berada, lalu lihat tampilan pada toolbar. Pengaturan ini juga dapat Anda temukan pada panel Table.
  • 41. ,ltr;3nol Adobe 3ombor 1 7r pengoturon Arignmentrext untut<"ieta ddom;lddoi-no,. r Pengaturan cell rnsets, yaitu menentukan jarak teks dari ke empat sisi sel dengan nilai yang diingh_kan. penqaturan ini dapat Anda temukan dengan krik menu +#tE ceil -options > Text. Pengaturan ini juga dapat Anda temukan pada panel Table. Gombor r.72 pengoluron ceil rnseis podo kotor< oi,orog c;iiopi"* ilftnggabung dan Membagi Sel ::-gaturan lainnya adalah menggabung atau membagi sel pada :::el. Berikut ini cara menggabung dan membagi sel. ' Untuk menggabungkan sel, seleksi paling sedikit 2 sel raru klik menu Table > Merge Cells. j ---+- """- -i: 'lrl .ii.i : Gombor L73 Contoh menggobung selpodo tobel
  • 42. PAS: Adobe CSS untuk Desoin Publishing Buku don Mojoloh Untuk membagi sel, seleksi satu sel yang akan akan dibagi lalu kllk menu faUle > Split Celt Horizontally (membagi sel secara horizontal) atau Split Cell Vertically (membagi sel secara vertikal). tiltal eomoor i ja M.-o"gi ser secoro uerrix"tc"i o"" r]"rzontd(o) Mengattrr Sfioke dan Fill Tabel Pengaturanstrokediberikanpadagaris-garispembatasselpada tabe"l sedangkan fill diberikan untuk warna sel pada tabel. Anda dapat mengatur tampilan garis batas dan warna sel sesuai keperluan. Agar dapat melakukan pengaturan ini, pastikan seleksi terlebih dahu-lu sel yang akan diatur garis atau warnanya. Kedua pengaturan ini dapat Anda jumpai pada: .Toolbaryangmenyediakantooldanopsiuntukmemilihkondisi garis batas dan warna sel, - -comb"iL% r*rn* p""sCi;";.xe ton m ceu podo toolbor KlikmenuTable>Celloptions>StrokesandFills.Anda dapat memilih jenis, ketebalan dan warna garis, serta fill' fl,>, ,*t* ..Y.=l !.i.i, i ;
  • 43. Jia;"tt.k"i #;f L *o*rra* qa4rslour IlLo.eqp- q;; !##lrc .r*- l:1ol Adobe lnDesign css Gombor 1 .76 Pengoturon Shokes ond Ftb podo f,oi"f. Ooog C;i Opld; 43 .i S:iah satu pekerjaan penting yang biasa dilakukan pada ::rgerjaan buku dan majalah adalah membuat daftar isi atau Table of Content (TOC). Penggunaan fasilitas ini sangat -embantu menghemat waktu dan meminimalkan kesalahan. 3erikut ini dijelaskan bagaimana cara membuat daftar isi. Menarrcanc Dnrmn Isl Sebelum membuat daftar isi, sebaiknya rancang terlebih dahulu sJSUnan daftar isi yang nantinya akan ditampilkan. Berikut ini :ngkah sederhana untuk merancang daftar isi : 1. Buatlah style paragraf untuk judul, subjudul sampai pada level yang ingin ditampilkan pada daftar isi. 2. Buat juga style paragraf untuk daftar isi itu sendiri. Misalnya, indentasi yang berbeda untuk level yang berbeda serta tambahan pengaturan tabulasi dan leading.
  • 44. CS5 untuk Desoin Publishing Buku don Mojolo- -uY^ Y^' ,i:c(r{ e!d. rri.l sltt it!r*iifi po*l::::= l'i #rd q.-;irtr rq1lf ... ! i i.,iaqi! sd dFde i:=ir:':' f Nll:iilllr.,11iW.,i-N BDEj:=iri: iii: HiFheh'tr L Ju:nh(.!Dh :lrC*fm;;= l i# $d eq4:*t1* - - --G".nO"ir,77 Solohsofu pengoturonpodoPorogrophffi 3. Berikan style karakter untuk nomor halaman' atau judul 'daftar isi'Yang diinginkan' MeMauarSrilE Dermnsl Setelah membuat dan memberikan pengaturan style paragraf unirri irorl dan daftar isi, maka perlu dilakukan pengaturan lanjut' V;ii ti,"rUuat style daftar isi' Berikut ini langkah pembuatannya: 1. Klik menu tayout > Table of contents styles sehingga muncul kotak dialog,
  • 45. rlmilnilrqi- tr : lObe lnDesign CSS 45 f-lilu:: [ . "canqel i : a:::; i i,:t:.:.....:.= :, i Gombor I .78 Kotok diolog Toble of Content Styles Klik tombol New sehingga muncul kotak pengaturan New Table of Content Style. Lakukan pengaturan opsi-opsi pada kotak pengaturan New Table of Contents Style seperti pada contoh berikut ini. Gombor 1 .79 Pengoluron podo kotok New Toble of Content Slyle Setelah melakukan pengaturan, klik OK dan style TOC akan tersimpan. Jika ingin melakukan pengaturan ulang, klik Edit pada kotak dialog Table of Contents Styles. Style aftar agraf r nj ut, lya: ringga A ili i,irEl i r$$l+|: o$rgn rsr li*lill l$$r ,l '', ii
  • 46. 46 PASI Adobe InDesign CSs untuk Desoin Publishing Buku don Mojoloh Meuasuro(AN DAFTAR Isl pnDA }|ru-gnrur Style TOC yang dibuat telah siap untuk ditampilkan pada halaman dokumen. Berikut ini cara menampilkan daftar isi ke halaman dokumen. 1. Siapkan halaman di mana TOC akan ditempatkan, lalu klik menu Layout > Table of Contents sehingga muncul kotak dialog berikut: - G#b", iso-M#rp'ffi; A#".iti #ngo; kotok oiolos Toble of contenls 2. Pilih style daftar isi yang telah dirancang sebelumnya pada opsi TOC Style lalu klik OK. 3. Klik dan drag mouse pada area halaman dokumen dan kemudian lepaskan. Lihat daftar isi yang ditampilkan.
  • 47. lh riifrs, -' - I :.dobe lnDesign CS5 )n ln lik ak dlHE,,. _,,,... &r(ry,.,...,,,, sss........... ltrrl}irl}n...,,...,,-. g/B1Ma&r.. fr{Bt EmiaBr Prtr,iJmS,...^ aqlaqJ......,....,._.. Da*a* Isr .-...' '..'.'...,2 '..,,... ', "....,..2 '..- ',..".........4 ..- " ' ',.. '.... ,s ... '"..,.^,,..,.,8 .'..''..'.,....'..-',^,--.,.,1t .,.'',...''....'.....-..,,.'.1f '....-.,,...,,...,,..,..,1s snls )psi dan - r-cor, a i c";;;;;i ;;;, a+;;;-;;*;;.;;; o;u;;;; Er-llpoert Darranlsl llL[ ::-: ::rtents pada daftar isi akan memperbarui setiap perubah_ ililrr : - ; :erjadi pada data, baik judul maupun posisi 'halaman ruii'ru - -=-. Pengaturan ini sangat membantu Anda sehingga tidak &d* -:ngubah daftar isi secara manuar. Krik menu Giout >uifnoate Tabre of contents. Data daftar isi akan Jip"i*rl secara -il.t :.: Frc=rAK p uiffi$r i,rr,,i :=.: jaan telah selesal maka pekerjaan itu dapat segeraglril*'si:i +dobe InDesign cs5 memiriki fengaturan i"n."tut un #r'&1,1 : * --ang rebih .sama dengan aprikasi tiin. pengaturan ini,fhw' : -f -.',emirih printer yang digunakan untuk mencetak sertalnw'f4-':- setting pada opsi-opsi proses pencetakan. Berikut ini fi, ir* .r.:* :- secara singkat mengenai proses pencetakan hasil ,"I]su * ==- Jada Adobe InDesign cS5. herrrnsernno prurrm l{-1.,r ::::: mene-;;;; ;;;;;;.;; ;;,;;;;,;;;; ;";;" ;;;-*rr - Flite > print sehingga muncur kotak oiSrog, r-ung[u;-iungkah ',,rrr"r'4 -:-latur setting printer dapat Anda rihat pada penjerlsan rlllilr'" I( a- ::- <Ut ini.
  • 48. Mengatur Prinbr Secara Umum Pada saat Anda klik File > print, maka akan muncul kotak dialog seperti tampak pada Gambar 1.82. Di sini Anda dapat melakukan beberapa pengaturan umum pada printer di bagian General. Berikut beberapa pengaturan pada tiap bagian. r Print Preset. pada bagian ini Anda dapat menggunakan sebuah preset jika telah ada preset atau Anda telah membuat preset. ' Printer, pada bagian ini Anda dapat memirih jenis printer yang digunakan untuk mencetak. " Copies, nilai yang menunjukkan jumlah rangkap pencetakan yang diinginkan. r Page. pada bagian ini terdapat opsi All, untuk mencetak semua haraman. opsi Range untuk mencetak haraman secara random. r Sequence. pada bagian ini terdapat beberapa opsi, yaitu All Pages untuk mencetak semua halaman, Even 'pages Only untuk mencetak halaman genap, dan Odd pages OiIy untuk mencetak halaman ganjil. ' spread digunakan untuk mencetak haraman daram format buku dan print Master pages digunakan untuk mencetak halaman master. ' Pada bagian option terdapat print Layers untuk memirih layer yang akan dicetak, print lVon-printing Object untuk mencetak semua objek yang tidak terrihat di rayar, p-rint erank Pages untuk mencetak halaman kosong dan print Visible Guides and Baserine Grids untuk mencetak garis guide dan baseline pada layar.
  • 49. 49oloh 1,4engenol Adobe InDesign CS5 G<rmbor I .82 Kotok diolog Rint unfuk pengoluron umum printer kEntukan Kondisi Kertas Pencetakan ;' ..:h berikutnya adalah menentukan kondisi kertas yang akan : r --:<an untuk mencetak. Pengaturan ini terdapat pada bagian lllltl,p li dalam kotak dialog Print. Lt! n rii #11r,,,,, ,-:cF-JJffil t,etgrl,= Gombor 1 ,83 Bogion Setup podo kotok diolog Print rlog kan ra l. rkan ruat ,an9 rkan etak cara r All )nly ntuk rmat :etak milih rntuk lank ;ible dan Lbhne - - :..... : : . tt=::r, t fllll Lilsnr i lErblp & FrintiblE Layes ]el n.,., ro""anu*o".ir-'--- -.', .- ".-- * ' flqntesnl pw [.]lp"t veue c.de. # Fdre Gd ::::::: Ltu*,*i'] f-*-l --] f-Hr--i{-:-l ,=-L,1! Opdffi! .. sc.h: Owdth: ;ru!r, F€rght: ir:0"r"
  • 50. Adobe lnDesign CSS untuk Desoin Berikut ini beberapa penjelasan singkat mengenai pengaturan kertas untuk Pencetakan' r Page Size, kolom untuk memilih jenis kertas yang digunakan untuk mencetak' . Orientation, terdapat beberapa ikon yang menunjukkan kondisi orientasi halaman yang diinginkan' Mengattrr Skala Penetakan Pengaturan skala ini terdapat pada Setup di dalam kotak dialog Print, yaitu pada pifif'.run Opti""t' Berikut ini penjelasan mengenai pengaturan skala Pencetakan' r Scale, terdapat opsi Width dan Height' dapat ditentukan nilainYa sesuai kebutuhan' r Tandai opsi Constrain Proportions jika menginginkan tampilan Vung p.poiional atau.'Scale to Fit jika menginginkan puk"tjaan dltlmpilkan dalam seluruh halaman' Thumbnail, pada bagian ini Anda dapat mencetak beberape halaman dalam satu bidang ketas cetak' Tile. Pengaturan ini dilakukan untuk bila hendak menceta halaman yang besar -nut'n kertas cetak tidak mencukul r"f-,irgg" hasiicetakan akan dibagi dalam beberapa bagian' [iII Eru,umbrils: ;*---]r*""* l' , , '-; I : E$r.;;'-' lj I Conloorl ea P;gC.^ il it*p'il l1"o"olr u"r"rrn"nC"i"ii r'" pekerjm
  • 51. '.=lgenol Adobe lnDesign CS5 5t lYl lrl6l #il :i:= Gombor 1 .85 Pengoturon don tompilon pencetokon holomon Jlle hngahrr Ma* Hataman re-;aturan ini diberikan untuk memunculkan mark atau penan- r,:=- pada kertas cetak seperti posisi pomotongan kertas, warna :'i:=rasi, dan informasi halaman. Untuk memberikan pengaturan - < ik bagian Marks and Bleed pada kotak dialog Print, Gombor 1 .86 Mengofur Morks ond Eeed podo kotok diolog ftint T&-:: AII Printer's Mark jika ingin menampilkan seluruh tanda mw-,:::akan pada halaman. Berikut ini contoh tampilan marks dan &el: pada halaman.
  • 52. CS5 untuk Desoin Publishing Buku don Mojoloh e".O"i i SZ 6 i;d. P;6ng B) Tondo Registrosl C) lnfonnosi Holomon D) Color bor-oJou skolo seporosi, QTondo Eeed. D Doeroh Sug Mervrupan Penrclrunan Pncemxan Pengaturan pencetakan dapat Anda simpan untuk digunakan ,"*"uktr-*ukiu sehingga Anda tidak perlu mengatur. ulang bila hendak mencetak tagi.-ftit< Save Preset pada kotak dialog Print, lalu beri nama preset yang diinginkan dan klik OK' - --G#b", i.a8 M;n]ffi n"n]o p,"*t untuk pengcrturon pencetokon Anda dapat menggunakan preset ini dengan klik menu File > Print Preset lalu pilih nama preset itu'
  • 53. Sembuat Buku rFehiaran Sekolah ,: ::::::::: :l:=:::: t"::....: '.'tl i)t:'. membaca bab ini, Anda diharapkan m!ire,."-:ans uuku nep.I{l.1t, f oluhF;,i ,,,i ; rrrw-r:=€in cover buku pelajaran sekolah, ililETrcuat bagian isi b*G= = ),,:*r., a:-eset itu.
  • 54. 54 PAS: Adobe lnDesign CSS untuk Desoin Publishing Buku don Mojoloh ekerjaan pertama yang akan Anda lakukan adalah membuat buku pelajaran untuk siswa SLTP dan SLTA. Anda akan memanfaatkan berbagai tool Adobe InDesign CS5 untuk membuat desain buku tersebut. Cover buku pelajaran ini dapat Anda desain dengan memanfaatkan berbagai tool pembuat path atau objek. Pewarnaan pada objek, baik fill maupun stroke, yang semakin bervariasi, dapat Anda terapkan pada objek. Berikut ini dibahas bagaimana memanfaatkan fasilitas yang ter- dapat pada Adobe InDesign CS5 untuk membuat buku pelajaran. BUKU FE LTP ..-.,-' .i,." ,,''', - Latihan pertama ini dimulai dengan membuat buku pelajaran untuk siswa SLTP. Desain buku ini cukup sederhana, baik dari segi desain cover maupun isi halaman. Pada contoh kali ini kita menggunakan kertas 85 sebagai dimensi buku. Buku dibagi menjadi 2 bagian utama, yaitu cover dan halaman isi. Ikuti penjelasan mengenai pembuatan buku pelajaran untuk siswa SLTP berikut ini. MeMeuerGovmBuxu Desain cover buku pelajaran SLTP ini lebih menekankan pada penggunaan tool pembuat objek serta pemberian warna solid pada objek-objek itu, c#b"r r. f Desoin cover out<u pelojoron untuk SLIP
  • 55. Il{{u.rt) '.iembuot Buku Pelojoron Sekoloh Serikut ini langkah-langkah pembuatan cover buku pelajaran SLTp: 1. Buatlah sebuah dokumen baru dengan klik menu File > New > Document. Berikan pengaturan dokumen baru pada kotak dialog berikut dan klik OK. Ar+#r,ni.:a.^# iiiri Gomtur2.2Pengoturon dot<umen bo, pd; diliiJbi;g Munculkan panel Pages dengan klik Window > pages. Kltk ikon menu ilAF pada panel lalu hilangkan tanda centang pada opsi Allow Document Pages to Shuffle. Masih berada pada panel Pages, klik dan drag ikon page 2 ke sebelah kiri ikon page t hingga tampilan kursor mouse seperti Gambar 2.3(a),lepas mouse sehingga hasilnya seperti Gambar 2.3(b). ---|> Gombor2,3 Hos'lpengoturon ikon holomon unfukdesoin cover Selanjutnya, buat desain cover bagian depan luar. Buatlah sebuah objek persegi panjang menggunakan Rectangle Tool dengan ukuran lembar cover penuh sebagai dasar cover. EE fl t' u*i E ' ,-.... i : ._" . ....."...."::;*_ii Fiei' h e rft.& Jl. qj{*i*- .,it
  • 56. 56 PAS: Adobe lnDesign CS5 untuk Desoin Publishing Buku don Moioloh 5. Klik menu Window > Colour > Swatches' lalu klik ikon menu oada panel oun -ru[ olii r'rt* Gradient Swatches sehingga L*.rf kotak dialog pengaturan berikut: ' Klik ikon Colour Stop paling kiri' lalu isi nilai Cyan: 100' ' Klik juga ikon colour stop paling kanan dan isi nilai€yan: 100, Black:" i0,-ilr' xrit or- sehingga muncul sebuah *urnu gradient baru pada panel Swatches' fiut l&Ten€s :u:idr&ame: NP"nril.t:'dr11 -i - l lDPi iLmr :1, -::,5t.Pido!r: .M'rr,.--.....9-1r;"i fi.: ":1 l. d.d4 I g*ir;!q1;lis . .ir; ;1;;! eo*no, z i M".ilih ;;; dfiwo;t gtoient ooru podo ponel svcrtches eorO* Z,S ffosil pewornoon grodient podo ob'iek dosor cover i . 6. Berikutnya, seleksi objek persegi panjang pada cover depan tuar, klik warna g;oi#i uu'u pudu ou"L' *Yt?rt$l$nskan stroke pada objek ini dengan klik ikon WI)pE4- oada property bar atau toolbox, ^" i S* f*''^l) #r,,?j* :fiit :,,r:il,"ei
  • 57. n r,i -:,-lt Buku Pelojoron Sekoloh Berikutnya, klik mouse di luar area kerja. Klik ikon Show All Swatches fBl pada panel Swatches, lalu klik warna seperti pada Gambar 2.6. Buatlah 2 buah persegi panjang (t76 x 72.7 mm) pada bagian atas dan bawah desain cover, Objek secara otomatis akan memiliki warna yang telah ditentukan sebelumnya. Jangan lupa untuk menghilangkan stroke objek. 57 . iSATCHES t trJi' 1ifi.r..i'iii.l I c-or'l*r,lorJi]'rtr;o : c:0 M=+lriltp,lfi{= ! c=u ta*tno,.t'sioo k*n ! c:rS,ril;S r=ronr(=* Je4 Gombor2,6 Memilih worno unfukobjek persegipcnjong yong boru Buat kembali sebuah objek persegi (35x35 mm) yang Ciletakkan pada bagian kiri bawah desain cover. Berikan warna Cengan klik menu pada panel Swatches, lalu pilih opsi New Colour Swatches dan lakukan pengaturan seperti berikut: ra;:ii;i:,;sry+.ryi.ffi! Gombor 2.7 Memberi worno oQek persegi podo desoin cover r1i 111;:: ffi; =',*=42,;. ffii'::lili$,ii:1::::::idr; e4
  • 58. 58 PAS: Adobe lnDesign CS5 untuk Desoin Publishing Buku don Mojoloh 9. Langkah berikutnya, buatlah beberapa buah objek kotak dengan ukuran yang bervariasi menggunakan Rectangle Tool. Berikan pengaturan warna pada panel Swatches dengan komposisi warna C:100, M:90, Y:20 (tanpa stroke) sehingga didapatkan hasil sePerti berikut: Gombor2,B Kumpulon objek kotok podo desoin cover 10. Selanjutnya, buat beberapa ornamen berbentuk bangun ruang. Mulailah dengan ornamen kubus. Buatlah sebuah objek kotak (45x35 mm) -melggunakan Rectangle Tool. Isi nilai Shear X Angte ;:$-*':-" . ffi] pada property bar. ----) Gombor 2.9 Tohop owol pembuoton ornomen kubts Tambahkan warna dengan mengatur warna gradient pada panel Swatches. Pilih Type: Linear, Stop Colour: CMYK, klik ikon color stop paling kiri dan isi komposisi warna C:20, M'.20, Y:40, sedangkan pada color stop paling kanan berikan komposisiwarna C:40, M:40, Y:60. 11.
  • 59. illtlirrr-rr- :- Buku Pelojoron Sekolqh 59 Beralih ke panel Gradient dengan klik Window ) Colour ) Gradient, isi nilai Angle: 45 sehingga hasil objek seperti berikut: .,(Q erikan warna hitam untuk stroke objek E, :.,,r,**,;, Gombor 2. I 0 Hodl pewornoon objek dengon worno grodient :: Buat lagi sebuah objek kotak_-dengan ukuran (45x30 mm). Isi :ritai Shear X Angle ;HiC"*ffi, berikan warna gradient yang sama dengan objek sebelumnya dan rangkailah objek sehingga menghasilkan tampilan seperti berikut: *-:r-ccr 2.1 I Menombohkon objek kotot< yorrg kJu" ,nt f. or"-.n krO* r Selanjutnya, buat lagi sebuah objek kotak yang ketiga dengan ;kuran (_31x.L-8._"11rn). Isi nilai Rotation Angle dan Shear X : Eini; *!fr .,,,..J,* 3 Angle *#jJI**m , berikan warna gradient yang sama dengan ::jek sebelumnya dan rangkailah objek sehingga menghasilkan :ampilan seperti berikut: E GRADIE'SI ffi'';iffi
  • 60. 60 PAS: Adobe lnDesign CS5 untuk Desoin Publishing Buku don Mojoloh Gombor 2..l 2 Objek kotok kefigo unfuk ornomen kubus 15. Setelah objek ketiga jadi, rangkailah bersama dengan objek- objek sebelumnya sehingga menghasilkan ornamen kubus. Seleksi seluruh objek ornamen kubus, lalu tekan Ctrl+G (Group). +-i Gombor 2, I 3 Ornomen kubus yong teloh jodi Lanjutkan dengan membuat ornamen kerucut. Masih meng- gunakan pengaturan warna sebelumnya, buatlah sebuah objek menggunakan Rectangle Tool, lalu klik menu Object > Convert Shape > Triangle sehingga objek kotak berubah menjadi segitiga seperti berikut: Jh aa,ljtil:l ,r..6n4lt ...'''':, a, @ , : t:: I :::::::tttt ttt I :: I : ti ii rlii n1.NZF 16. ,i i -::l tii] itlii.l& Gombor2.l4 Membuot objek segitigo doriobjek kotok
  • 61. hn"E -:- 3uku Pelojoron Sekolqh Buat juga sebuah objek oval menggunakan Ellipse Tool selebar objek segitiga dan rangkailah objek-objek ini menjadi 3rnamen kerucut. Seleksi ornamen kerucut dan tekan Ctrl+G. Gombor 2.1 5 Omomen Leruc,rt yong i;ror.r joOi "angkah berikutnya adalah membuat prisma segienam. Buatlah sebuah objek segienam menggunakan Polygon Tool. Duplikasi :bjek ini dan susunlah seperti berikut: ornomen pnsno seg enom -ambahkan objek persegi panjang menggunakan Rectangle Tool selebar objek segi enam (a) dan tempatkan pada posisi :). Seleksi objek persegi panjang dan objek segienam bagian :awah, lalu klik menu Object > Pathfinder > Add sehinggga : Japatkan tampilan seperti (c). lH tcl Gombor 2..l7 Tohop owol pembuoton ornomen prlsrno segienom 6t lal
  • 62. 62 PAS: Adobe lnDesign CSS untuk Desoin Publishing Buku don Mojoloh 20. Tahap berikutnya, buatlah sebuah objek persegi panjang dan tempatkan pada posisi berikut sehingga dihasilkan ornamen prisma segienam yang diinginkan. Seleksi ornamen prlsma segienam dan tekan Ctrl+G. 2L. Gombor 2..l B Hosil okhir pembuoton orno..n p,i"n" r"gienom Setelah semua ornamen jadi, lakukan duplikasi, scaling dan rotating dengan mouse. Tempatkan ornamen-ornamen ini pada desain cover seperti berikut: Gombor2,lg Penempoton ornomenornomen bongun ruong podo Oesoin COVET 22. fahap berikutnya, tambahkan teks judul pada desain cover ini. Aktifkan Type Tool, buatlah frame teks dan ketiklah teks 'MATEMATIKA'. Pada contoh ini digunakan Font: Verdana, 48 pt. dan beri warna putih (CMYK=0) pada teks ini. 23. Lakukan duplikasi pada teks ini, lalu klik menu Type > Create Outline. Berikan warna stroke pada objek teks ini dengan
  • 63. Membuot Buku Pelojoron Sekoloh 63 illr tib,:* _fi warna Black ketebalan +pt .Ui#lf . Atur posisi kedua objek teks ini sehingga didapatkan hasil sebagai berikut: Gcimfur 2.N Hosil tompilon tet<s unfukjudul buku 24. Iambahkah teks-teks lain untuk keterangan buku pelajaran sekolah pada desain cover itu. Pada contoh ini digunakan warna teks putih (CMYK=0) dan Yellow (Y=100). Gombor2.2l Hosil penombohon teta podo desoin cover Tambahkan juga sebuah logo penerbit pada desain cover sepeti berikut: 15. [C]TYK=0) Pada tet<s tnt. ds ini, lalu klik menu TYPe > I sb'oke Pada objek teks ini Create dengan
  • 64. 64 PAS: Adobe lnDesign CSS uniuk Desoin Publishing Buku don Mololoh c";C i, b Menombohkon logo penerlrit 26. Desain cover depan telah selesai' Sekarang lanju-tkan 9":91n membuat cover Uetakang' Cover belakang ini lebih. sederhana dari cover depan. takulian duplikasi pada objek dasar cover depan dan tempatd-;;" area kerja cover belakang seperti berikut: *^ Gdbor 2.23 Tompilon owol cover belokong luor 27. Buatlah sebuah frame teks dan logo penerbit pada desain cover belakang Oun f."t'fifat"' nama alamat penerbit seperti Gambar 2.24. N
  • 65. -3 r- 3uku Pelojoron Sekoloh Buat sebuah objek persegi panjang sebagai tempat barcode Can nomor seri buku. Beri warna (CMYK=O), tambahkan frame :eks berisi nomor seri buku seperti Gambar 2.25. -- Gdb"r 224 Tek fiome don logo untrt< penerOit Gombor 2,25 Tempot borcode don nomor seri buku Hasil akhir dari desain cover buku untuk siswa SLTP dapat Anda Iihat kembali pada bagian awal pembahasan ini.
  • 66. MeilleulrBaelAN lsl Btlrcr Pada bagian ini akan dijelaskan bagaimana proses pembuatan bagian isi buku p"ruiltun SLip yung dimulai dari merancang layout halaman, pemnuatJi tivL pur.ugtur', menambahkan halaman isi dengan materi p"ruiu'Jn';;;;"'-pembuatan daftar isi' Berikut ini langkah dan penje-lasan mengenai pembuatan bagian isi buku pelajaran SLTP. MembuatLaYoutHalaman LayouthalamanbukupelajaranSLTPiniterbilangsederhana.Ikuti L'{g[uh-lungkah pembuatannya berikut ini' 1. Buat sebuah dokumen baru dengan klik menu lil: : New ) Document, lalu isilah pengaturan dokumen pada kotak dialog berikut: ;i;;+4$;$'Jr'-"'";::-H":1 ilL,.Ls fl prFs: c Araon€ %: f:A?'F-'- -l s,a, "";" r, r Lld-lq iFlt?dd r- * *.-* I Pry;$iei. ,1i;:W$Jhi dBrdltl 2. .Gdc,.,6'P;g.fuanowooot<umenboruunfukbukuSL]P Selanjutnya, munculkan panel pagg? lalu aktifkan ikon halaman master t"o"iuh tinan' euattah sebuah objek kotak (160x1mm) menggunakan Rectangle Tool dan beri warna Black (tanpa strof<el menggunikan panel Swatches' i"rputt un objek ini pada bagian bawah halaman master' e"nnn"t)iz oOek r<otor<podo bogion dmorholomon moster .--,i.#i'i,Gd;.li.,iE r"-,,,--,,,,]
  • 67. 3. 4. Lakukan duplikasi objek dan tempatkan pada halaman master sebelah kiri sehingga terlihat tampilan halaman isi' Halaman master sudah selesai dan siap diisi dengan frame teks dengan pengaturan style paragraf pada penjelasan berikutnya' 1 t ;i ri U )g illembuatHalaman Isi :ada bagian ini Anda akan membahas bagaimana membuat -alaman lsi buku pelajaran SLTP. Tidak semua bagian buku akan : tampilkan, hanya beberapa halaman saja untuk menunjukkan :agaimana penerapan style paragraf dan penomoran halaman : cuat. Berikut ini langkah-langkah pembuatan halaman isi buku :elajaran SLTP. 1. Pada pembahasan sebelumnya telah Anda buat halaman master yang telah diterapkan pada halaman isi buku. Halaman isi akan kita bagi ke dalam 2 section penomoran/ yaitu tipe penomoran Ii, ii, iii,...] dan [1, 2, 3,...). Anda dapat menye- diakan beberapa halaman, misalnya B, dibuat melalui panel Pages, 2. Aktifkan panel Pages. Buatlah sebuah frame teks menggunakan Type Tool pada halaman master lalu terapkan style paragraf: NoHal. Kursor Type Tool dalam keadaan aktif, lalu klik Type > Insert Special Character ) Markers > CurrentPageNumbersehinggamenghasilkantampilan seperti Gambar 2.28. Lakukan duplikasi frame teks nomor hilaman dan tempatkan pada halaman master di sebelahnya' Gombor 2.28 Tompilon penomoron holomon podo holomon moster don holomon iS Anda akan bagi halaman ke dalam 2 section. Aktifkan ikon halaman 1 pada panel Pages lalu klik Layout > Numbering & Section Options. Lakukan pengaturan berikut pada kotak dialog dan klik OK sehingga penomoran halaman menjadi seperti berikut: )LIP (on tak rna es. xter
  • 68. :iturui{,t nilstaNrd:+tr'd i : r xryp;ii.'.,:j.. :*=l;:rr L' rutrur ?,+ta nm&no ' a st{lrNdfl t4trFfr f i eornooi):q p"ngotuA n"n.1"tfloro*"n oon hoSfnvo podo ponel Poges Langkah selanjutnya, klik ikon halaman ke-v pada panel Pages karena pada halaman ini akan kita mulai angka 1 untuk p"no*oiun trataman iection yang ke-2' Klik kembali Layout > Numbering a Section Optiont' lakukan pengaturan berikut dan klik OK sehingga sistem penomoran halaman akan berubah. 0qug*e{iii"'' i :.lli:-'n s;Ume,,p*r *-f,L*q;;:: "l i+1r+n;f'ur;:]1 P44,Y1rryT::ri::: r= : hbL!,!!1:l ..... ,..,..j. ,:. :,:; - , stqq. l-h i:._1 1;_.,. iil[fl,],**,*r;,, *u,,t**,r** "l , _, a+ 1,.:, ,.. .Ij i iar rutftlc ardfl uffi : "n:,.iu.,*:,:l ' ,_.,, 4. eomooii.so ililil; r,oromon secton ke duo don hosilnyo p"d"m 5. Halaman dengan penomoran i-iv ini nantinya akan diisi oleh halaman judul, kata pengantar sampai daftar isi' ,Teks''Kata Pengantar' ,"ng6'nukin- styfe ludul Bab dan teks isi kata pengantar ,"ng"g";ukan style Teks Normal' Berikut ini contoh halaman fata peigantar yang terdapat pada halaman isi'
  • 69. ltllhirr,ir*' u " _- :.-..J Pelojoron Sekoloh l(ata PengaEtar tr:r{i, }r:.i![ s'r]i{nr :4ni :* reacr}1 /n3 tsr:q .Hrn rri4 i..6lnf,r*jr&r:Eiitr,:.rr;t:r{,N iins,i rr:ai..rrLi.jr(lr{Mie:tr- !Lr, !1r:{:rltr h rJ. Erir({rri, };r.ti rili si xssr ,!1 Lerpi :r2r F9 bE*3 ii& r' r r {r.r *;n:rin: ii ti.54 ri 3 sR :!.jr{ir r.iir ri:r }sJ r., $n <;;rtr4 ir!:i hifl$n >,i1:1 e1.{ii t=i l3tr t-qqn krinrra ler -r,Kr ii'! ;*1 &r! r" tl{n Erii., pi!:-: r..: 5 rr.tEr rria riel?rijxr[, Eilrti.r !s ts*::!r:ie::rjr;i i6sJ ELkr r, ,nrr: r. a.,iit+ iacri E,|sa} :n: !, rir: il$i r.ria E"rr:.: rri €,i rcr: r3e5x,r ir&r i.+ Dri rntsr. :.rF{:11.i r}i! i}hsr,L!: 4'-7'.' .J.! !N-1 irrlrr r,1; riry: :.rr. .rr *r. i&-7' ai; iri i rtr;1 Ei:;r:,4{'r rn:rj:? rit t$ ti. r'-..r1 /rlir.!rtr:!.i lLrr r"j:irilh;ri *3 is.inrj:...:e!iE-a iili +ra i.*3 c)1 t€isiri iill ,r:tfrikr r:4 r. 5*r i* rra Ni!:.i (lr iritri :9.!. iii! {*.(in!(ri i4:!.rir 1:. i*rnr.q Elni:1 {irr.a r!;i' iil !:: +.trrr iqr tr, n{ rs.$1 tiirlr--lrf l:rj .,frrr i,$ rer,;:ri ! !:e,: elr 'i.F[ i:]:.r irt r1Nr.]l ,i.r i rir r.'.,n ]i i..,rirb. ii:r ifi irt:.r: r3.t:inr! r-iri cj: *lrjrri Fxtr ilr t?irrl cir, rsrrl 5*r.ii h:b r:tr, ':;m r*r$r"E roi{*.nils,N ii! 1q:.Ii:iE ri: 6r,Bqr;irrj 4iiiqr rrl :!r : !1r ,r1 re.r.r sirr rei ,t$r,,F;-- :,1: i driyr. ilIsarlE 5 G).$1 irr:l!'h 3ra..r::i iu) ih E* *r!4r3 f.iii: krlJr, Er:, !-,r!i, r!!,a. els iBlia EBD.:. rleNrh t'x! ]:r turr r ir, *!1..n F,6 r11 r Pi.r:: alE .Brllhr.rlr rrEr :!E:i'ii' i:-ii sN4i rtrr1:tnr:6i! fm:nl $: *r!ii)i1! tq( :{i .i11inrar. :rr:{-:iir:r /h! ,s,ri rLF l6ir: e*rtr:ilntv ri.r: lirF ir.i.Fiul t.*il:r.r4:nrJ Gombor 2.3.l Tompilon holomon isiyong berN Ko-to Pengontor --;utkan pembuatan halaman isi yang berisi materi pelajaran. l-:tlah sebuah frame teks pada halaman isi. Ketiklah beberapa ::.s paragraf dan terapkan style pada teks-teks tersebut. Bab t Bangun lluang O- Sgte: Judul Bab O- SQte: tub Babl llhnror - *r n"1-3q l.$Iengrual BaItgulr Ruirlg ?::rgrn rurrg eer.lil:i I url+ u]aml iti] pirlahg *har dan tirqqr;ri:r luas .lan l;n!?i ii-,inqQ,- Inn{if luiru atlsli4 b;.n,lur. j Crre*sr. iarpl lrall pilti rrerilii:: u un* atal ;al ::r r.r: ,jlrr-=i s*i;rah F€rerl,a"rn i!1il bdf,oun iqano lrEebul Betliu,ici cmi*l-rcltoll lenial ::"11.. .ilir? cnDhrr.r.inror.${r(,*ui,! }- sUte: KetGambar r- :r-Qrtqr ia:lk r'.err&lnr ralah s+lc btrqu rr.rn,21uo4 rr*nri:i: i: si! oermlt:ae n atnre. i ntar ln* ''irn! ri6i hF*]srtJL perseSi llnje*r;nrr,: - a I srri Le+:rru. <,er:e3:, 5a,te 1rq; nre=ilkt i --3!i!.,iuFn4;ia! ebittiEiin{qi.,ealiirn:cr..bilglrtha,naigJnruargh€Era1}kr.,iiJl; 6i$6r,r I 2 Cnb,t 6nu(, aBno h#ntyt Snb, irrbor 2.32 Style porogrof yong dileropkon pado teks moteri pelojoron 69 )es les UK (ut :an )cng ogs oleh Kata kata Intoh
  • 70. 7O PAS: Adobe lnDesign CSS untuk Desoin Publishing Buku don Mojoloh .T,Untukmenambahkangambarsebagaiilustrasimateri pelajaran, tempatkan kursor mouse pada daerah berikut ini dan t"ruPtun stYle Ket Gambar' Bab t Eangun Ruang I. ltelgenal Baugurt Ruang 'ierl'..n.,:r3-Ee'l{l'l_iurlutLlarna}t:!Jl'ariiri et'a'orirnSq-;trul*lJa*l"9ri :erirtal o;oqr-u+'$ lfiilnr tt"ti" I o'-1""' ia't"n -lE'a Fasli rre$ii"rr u--+ a:ar';t drr.Ji:a.4r.atf,'Jruho*'t't'"n'n'toor'"1"]*'i*'"tr"' i+t*-ltrit"t:l-citiel'rertul bargul ruanl. I; 6inl€r ,.1 CanBh A,6q't niling -- C#b";r.$ P;'s k'*r untuk penempol'on gombor iluslros Tekan ctrr+D raru cari gambar yang terdapat di direktori fire Dada komputer AndJ li.r ftfift Open' Anda dapat mengatur ffi;.;;;;;.; gruri, Jan sambar pada menu object > Fittins' pii't- t.f.f't satu-opsi sesua"i kondisi frame dan gambar' Frame grafis masih dalam keadaan-aktifFqik menu Window > i.ra wtrp dan klik ikon Jump Object ts ' eomoor zsa G*iih ffip ool*t '"r"r p"t'g"tui"n gombor podo ponel Text WroP 10. Klik dan drag gambar ke bawah menggunakan Selection Tool -- sehingga haiilnya seperti berikut: B. 9. #*ri#fid l
  • 71. '.4embuot Buku Pelojoron Sekoloh Bab t Bangun Ruang 1, trIerrgelalBnugurrRuang BirQun rsing memlliki 3 unsur rlan-13 )Rrtu prc;ang iebar dan iinggi atau luas ddil tingGl sehirg$a $rngun ruang adaiah bmuun 3 ditmsi. E?fi€iln ruar4 prU niimili*r yr:lun:e alaulit da, lil]J deerah s?lwuh permukEan i(utit btrgln rurflg te$e[,u|. Ret*ut {ricmBhsoioh baftllt bn+{fi rlaq;. 6na6il L tbfioli€nrgrlr R n { Gombor 2,3S Hosit penempoton gombor @& ;.d; p"bl".^ or[, sirp 11. Lakukan lagi langkah tersebut di atas untuk melanjutkan materi-materi pelajaran Bab 2, Bab 3, dan seterusnya. Berikut contoh tampilan halaman isi yang berisi materi pelajaran yang disertal gambar. 71 xt rp ol B.b t B.ngun Ru.ng L Slp.lBupr &..! . fuiqMr J@ed,tu,'@ *eqe!s.Fry fulEUdq*aMp?tu ryr4@d$Eh4 j .nk*dM!fubblDqw Enhr,@.gu _ -.-'I]- 1.t..... t' .- ,- II .i: 1l ;'- *,,**l-" effi d$s4@r4trer* Frw,hNGtu "Rryri*hdq fw!t.#rdhtury MhEtsi ie6hl@ *&ts kurtdd{**@@*;rH :it,:_- '.-l:r .*rlcd4qrfuMAd e,d69@BrelE!..da tu,w{ F.tu*dW "*q*p** Be*.mm"*i.*"i m Gombor 2.36 Tompilon holomon moteri buku pelo.ioron SLIP
  • 72. CS5 untuk Desoin Publi 12. Selanjutnya, tambahkan teks ludul Buku yang ditampilkan '- prO, setiap'halaman bernomor genap dan teks Judul Bab pada setiap halaman bernomor ganjil' Munculkan panel Pages' aktifkan lkon halamun 'ut["' sebelah kiri (nomor genap)' Buatlah frame t.f.t Jun ketik teks 'Matematika Kelas 1 SLTP' dan beri styte :uJut Buku, lalu lihat hasilnya pada halaman master (a) dan halaman isi (b) berikut: G#b", , c, ftriilil t;;s te;;; pooo oosion bowoh holomon moster don IS 13. Aktifkan halaman master sebelah kanan (nomor ganjil)' Klik menu Type > iext Variable > Define' pilih Running. Header > Edit lalu lakukan pengaturan berikut pada kotak dialog' Pengaturan ini nantinya akan mem'nculkan teks berisi judul bab di setiap halaman isi bernomor ganjil' .ss.s*:ilr4l: :;iiilt:l jilY Tertt !:sii@! :hi!lE Dite Im;[a l$:roE Pa4e t{rfiber EBte 0aiE 1,.r]e19.:"J. i.r... !n,.rEel. l. ,I;iqa[l'i] t-:llts =L Er$,., r L tmist TG Tet I L. Laa;],,, . j e".o"ii se eengoiurd Rllndng Heoder podo kotok Edii Text Vorioble
  • 73. 14. Klik OK > Insert > Done sehingga tampilan fraine teks pada master halaman seperti Gambar 2.39 (a). Lihat juga hasil pengaturan ini pada halaman isi (b). Teks berisi judul bab akan muncul di setiap halaman ganjil. l.'lI...,.1 d$dng llcri*' : A' :lEd I Erqur RuanE kmbor2.39 Tompilon lfunning Heoderpodo holomon mosterdon holomon N lidembuat Daftarlsi ::ca tahap ini akan dlberikan contoh bagaimana membuat daftar . (Table of Content) materi pelajaran SLTp yang telah dibuat -:elumnya. Pengaturan daftar isi ini berhubungan dengan style :'='agraf . Berikut ini langkah-langkah pembuatan daftar isi buku :: a;aran SLTP. i. Pertama, rancang terlebih dahulu daftar isi yang akan dibuat. Daftar isi ini akan dibagi dalam 2 level. Level pertama adalah Style Judul Buku yang akan ditampilkan oleh style TOC1 dan Style Sub Babl akan ditampilkan oleh styte TOC2. ). Klik Layout > Table of Content Style dan klik New. Lakukan pengaturan pada kotak dialog berikut untuk daftar isi level 1. Klik Judul Bab pada bagian Other Styles, klik Add sehingga munculJudul Bab pada bagian Include paragraph Styles, Gombor 2.40 Pengofuron doftor lsi level I podo kotok dio@ tal tbt
  • 74. 74 PAS: Adobe lnDesign CSS untuk Desoin Publishing Buku don Mojoloh 3. Lakukan pengaturan pada kotak dialog berikut untuk daftar isi level 2. Klik Sub Babl pada bagian Other Styles, klik Add sehingga muncul Sub Babl pada bagian Include Paragraph Styles. Ta(Etli,;:ra'l stle t r,:e,;r,,]ty I11 glrrj ir rn6E .f ca tNi, nrrr, i.:le1,{tr c*. rffiffi-ril"1 5riEi r{b t*l Eerry.,!&r i;r +xemo', ri!.1_!.'j.[' wrrer, bniiy ryd tlo#; t-l:rii a.te,, ret-Gia fui ::::',r : ,l: Ete*eig eoulma*s iiin! rr:,i:l"i:il rj I r 1,.ralI llrrj 1;-l - *Ji il :.re fri;i*,eliri;!1 +*!:8, lil 4. nii*fr :::::'::'':: llttrl.xj6 r€[ & tsddrn Bq! ttu.doydsd6: hL4E' i oldllr I :) Gombor 2.41 Pengcrturon doftor N level 2 podo kotok diolog Klik OK > OK sehingga pengaturan daftar isi akan tersimpan pada kotak dialog Table of Contents Styles. Setelah itu klik Layout > Table of Contents, pilih pengaturan daftar isi yang telah dibuat sebelumnya pada bagian TOC Styles. Klik OK Ialu klik dan drag pointer mouse hingga terbentuk daftar isi seperti berikut: Daftar lsi Ii,.;r:e Pef, gilrl3r..... Balr 1 Bar.nurRuatrs.. ...... . ... t l,,lirgeurl Bi',gLxr Rnt:lttg.. i. ilieughnrng tr'chur:e Bu;,nur Rliatg . . . . .. i. )'ienglutr.ug Luar P*:l:ukaiu 3an';un Rna:tg .. .11 , -' 1 ,," 1 ''': '.',4 5. GamYnr 2.A2Conioh sebogion doftor isi buku pelojoron SLTP Anda dapat membuat daftar isi lengkap setelah memasukkan semua materi pelajaran buku SLTP. lika Anda ingin meng- update daftar isi ini, seleksi frame teks daftar isi lalu klik Layout > Update Table of Contents.
  • 75. i"--ouot Buku Pelojoron Sekoloh tl,rKU'P.',E $-ilfa --rr -3n selanjutnya adalah mendesain buku pelajaran untuk siswa S*-.1. Secara prinsip pembuatan buku untuk SLTA ini hampir sama :*-:=f') yang terdapat pada latihan sebelumnya. perbedaannya u,ii:- terdapat satu bagian tambahan pada cover yang disebut :r" -::;ng buku lspine). Berikut ini penjelasan mengenai bagai- *;- ' -rendesain buku pelajaran untuk siswa SLTA tersebut. kerrcancBuxr.l {tl: ,i i .<an membagi pekerjaan pendesainan buku ini dalam Hxtrfiq -::a bagian, yaitu membuat bagian cover dan membuat llltliu],,r*:- isi. Seperti telah dijelaskan, pada halaman cover terdapat mtull* ::; an yang dinamakan spine. Ukuran spine dihitung dengan rfitttlnrffir. :: <an jumlah lembar halaman isi dengan ketebalan kertas ::-:ch ini diasumsikan buku pelajaran menggunakan kertas 5,,*':- 85 dengan ketebalan 0,081 mm/lembar dan jumlah 120 sehingga ukuran spine adalah 0,081x12O=9,72 mm +.r: ::latkan menjadi 10 mm, @rm.Buxu r:- Jesain pada cover buku 75 i I I I : =- memanfaatkan tool-tool ini menggunakan teknik warna pembuat objek. Sle of Conrenr>' Gdbo;r4 h;dilk,p"bfil;r;tukd;bLTA
  • 76. 76 PAS: Adobe |nDesign CSs untuk Desoin Publishlng BUkU don Mojoloh Berikut ini langkah-langkah pembuatan cover untuk buku pelajaran siswa SLTA: 1. Buatlah sebuah dokumen baru dengan klik File > New ) Document lalu isilah nilai-nilai berikut ini pada kotak dialog. Isi ukuran Width: 181mm dan Height: 250mm. 8.,.,.,'AJl' ,t , I !* .;";." .' .i ,+o l: L!#:.lr I i soa,ialq:rm : Iiri.rrriMryfi : tq::tr.'.rrm .. !d#!rii r1.1r .rF ***':i..;#' ' !'r s'o;, "+l;r ''il-' ::'- . ,+-'* "..: 2. Gomfur 2.M Ukuron kerios unfuk cover buku pelojoron SLTA Munculkan panel Pages lalu klik kanan mouse pada panel dan pilihlah Allow Document Pages to Shuffle. Klik dan drag ikon halaman 2 ke sebelah kiri ikon halaman t hingga pointer mouse seperti tampak pada Gambar 2.45 (a), lepaskan mouse dan halaman 1 akan menjadi 1 spread dengan halaman 2 (b). i:tH Gombor 2.45 Mernbuot spreod cover buku pelojoron 3. Langkah selanjutnya, buatlah 3 buah objek frame grafis meng- gunakan Rectangle Frame Tool dengan ukuran [176x250mm] sebanyak 2 buah dan ukuran [10x250mm] dan tempatkan pada cover seperti berikut:
  • 77. - -':,-ot Buku Pelojoron Sekoloh 77 Gombor 2.46 Penempoton beberclpo frome grols cover buku SLTA '.', ailah dengan mendesain halaman cover bagian depan. l-atlah sebuah warna gradasi menggunakan panel Swatches. . < menu panel dan pilihlah opsi New Gradient Swatches. . < ikon color stop paling kiri dan berikan komposisi warna ;=:erti Gambar 2.47 (a). Klik pula ikon color stop paling kanan :=- berikan komposisi warna sepeti Gambar 2.47 (b),lalu klik cK. I da' dra; cintr nou93 (b)- *_,1.,,,i* N- a t'e 1,,, tn k"C i:ii p.ngot ron ;orn; d;d* untuk cover buku SLTA rem:" 3- Narna gradasi tadi pada cover buku SLTA sehingga lirri;i'- --.:- hasil sepeti berikut: l-1D -E- : .q, ffier s"P"tti berikut: ',1 i I.l'
  • 78. 78 PAS: Adobe lnDesign CSS untuk Desoin Publishing Buku don Mojotoh Gombor 2.48 Tompilon wonCI grodosi podo cover buku SLTA 6. Langkah berikutnya, buatlah 2 buah objek persegi panjang menggunakan Rectangle Tool. Pada contoh ini ukuran kedua objek adalah [100x70mm] dan [B5x50mm]. Susunlah posisi kedua objek sepefti Gambar 1,49 dan berikan warna meng- gunakan panel [C: 100,Y: 100,K:30]. Swatches dengan komposisi -------------) Gombor2.49 Menggobung 2 objek polh menjodisolu objek 7. Seleksi kedua objek lalu klik Object > Pathfinder > Add sehingga kedua objek bergabung. Tempatkan objek ini pada halaman cover seperti berikut:
  • 79. cuot Buku Pelojoron Sekoloh Gombor 2,50 Menempcrikon objek gobungon pado cover buku SLTA Langkah berikutnya, berikan efek pada objek ini dengan klik Object > Effects > Bevel and Emboss. Lakukan pengaturan efek berikut pada kotak dialog sehingga menghasilkan efek bevel dan emboss pada objek. : -,:arpr i"l ;;i;i; =.::1;i :.,:::: ltrBr iIru Ed-.j ltrBrirruE:!-. iill ikrrrqig.ili*ih U i"T'{.q!c ry..jr!1:"1 tFr${i:]r5", 79 :=::+i l* :.T...,"....l ar,*+.nli!l:1-L==: .;1i D*&ttlea ::!l -'k td la - tji*llit L::::::= I fi ,.Il .,rc I Gombor 2.51 Pengofuron don hosil efek bevel ond embos podo objek Langkah selanjutnya, tambahkan beberapa frame grafis ke dalam cover. Masukkan gambar pada masing-masing frame dengan Ctrl+D, Atur kondisi gambar menggunakan Direct Selection Tool atau menu Object > Fitting. Tempatkan frame-frame tersebut pada cover seperti berikut:
  • 80. B0 PAS: Adobe lnDesign CSS untuk Desoin pubtishing Buku don Mojoloh Gombor 2.52 Beberopo frome grofs dengon tombohon gombor di Ootomnyo 10. Seleksi ketiga frame grafis ini lalu berikan efek dengan klik Object > Effects ) Drop Shadow, lalu lakukan pengaturan sepeti Gambar 2.53 sehingga dthasilkan tampilan frame dengan efek drop shadow, tiiHii::::.S,--.:il,r-.ilti:i+i1'fl @fi Ooo sMd.-i Fro!: i u";lf-,r+ jlm s*v,,-*" ry4f,] ::: I :t t:t: :1... . Ffm{.a;r.--. lot*tr::+p.r Gombor 2.53 Pengoturon don hosil efek Drop Shodow podo fome grols 11. Tahap berikutnya, buatlah 2 buah frame teks sebagai judul buku. Yang pertama,'Biologi', menggunakan Font: Times New Roman [Bold], Font Size: 110pt. Teks kedua 'Untuk Siswa SLTA Kelas 2' menggunakan Font: Bookman Old Style, Font Size: 24pt. Berikan warna white [CMYK:0] pada kedua teks ini. lalip,id]ftq*3
  • 81. -- DUot Buku Pelojoron Sekoloh Gombor 2.M Teks judul podo desoin ."""i Ork, p"lojoron SLTA -ambahkan frame teks pelengkap untuk nama penulis, =:'nesLer, dan kelas pada desain cover. Anda dapat menentu- -:r font sesuai yang Anda inginkan. Pada contoh ini digunakan :€lerapa jenis font, di antaranya Switzerland, Times New ::-ran dan Lucida Sans. Gombor 2.55 Frome tela tombohon podo cover buku SLTA ", ' ;. = - berikutnya, tambahkan beberapa objek persegi ,,,'rr '' :-_: :erwarna hitam pada bagian atas, bawah, dan frame .:r( : . = =s XI'. Tambahkan logo penerbit pada sebuah frame .,rill'"ii]:' , :,:^ "tgga tampilan akhir cover depan buku pelajaran ,,,iii''Tr.,* i sr,a SLTA menjadi seperti berikut: BI
  • 82. n CSs untuk Desoin t4. 15. Gombor 2.56 Tompilon okhir cover depon buku pelojoron unfuk SLTA Lanjutkan dengan membuat bagian punggung buku' Des-ain ipine cut<up selerhana. Pettama, berikan warna [C:100,Y:100] menggunakan panel Swatches pada frame grafis itu' Selanjutnya, tambahkan frame teks dengan isi teks judul buku' edisi, semester, nama pengarang serta logo penerbit dengan RotationAngle:-g0".Ubahukuranfontagartidakmelebihi ukuran lebar lpine. Berikut ini frame teks yang ditambahkan pada bagian spine cover buku pelajaran SLTA' Gombor 2.57 Tompilon fome tet<s podo pine cover buku pelojoron SLTA
  • 83. ,'embuot Buku Pelojoron Sekoloh 16. Lanjutkan dengan membuat desain cover belakang buku pelajaran SLTA. Terapkan warna gradasi yang sebelumnya telah diberikan pada desain cover depan. 3:mbor2,5B Frometeks keterongon buku don olomotpenertritpodo cover belokong - - Langkah selanjutnya, buatlah sebuah frame teks lalu isilah frame tersebut dengan teks keterangan buku pelajaran SLTA. Tambahkan frame teks alamat penerbit dan tempatkan pada :osisi sepefti Gambar 2.58. Contoh ini menggunakan font Calibri dan Arial, - : iangkah terakhir, tambahkan beberapa objek persegi panjang :erwarna hitam di bagian atas dan bawah seperti yang terdapat :ada cover depan. Buat juga sebuah objek persegi panjang :engan warna [C: 100,M:70] sehingga dihasilkan tampilan ::ver seperti berikut: B3 ;tb'k'P"idl"tt"SiTArre-ss Podo qPine cot
  • 84. PAS: Adobe InDesign CS5 untuk Desoin Publishing Buku don Mojoloh Gombor 2.59 B"b"tp" "bl"k persegi tombohon podo cover belokong 19. Langkah terakhir, tambahkan frame grafis dan tempatkan sebuah gurnOur. bu'*de pada desain cover belakang' Desain akhir cover buku pelajaran untuk SLTA dapat Anda lihat kembali di awal Pembahasan ini' Memeunr Beanx Dru-ervl Blnr Desain halaman bagian dalam buku pelajaran SLTA tidak jauh berbeda dengan o".iin buku seberumnya. Ledanya .hanya terletak pada layout dan p"ngut"un style. paragraf untuk frame teks' Pendesainan f,ataman -datam buku ini juga akan.kita bagi dalam beberapa tahap agar pengerjaannya lebih mudah dan terencana' Membuat LaYout Halaman Dalam Tahap pertama pembuatan halaman dalam buku adalah membuat layout halaman. eaai taf'ap ini kita buat dokumen baru dan mempersiapkan layout halaman , master' Berikut ini langkah- langkah pembuatan'tlyout bagian dalam buku pelajaran SLTA' l.BukalahsebuahdokumenbarudenganklikFile.>New> Document. Lakukan pengaturan doliumen pada kotak dialog seperti puOu CitOar 2'60' Cunakan ukuran kertas 85'
  • 85. - l- Buku Pelojoron Sekoloh B5 f ,tr1tllffi,,,,,,1.: xrisffitry: lxtmN{,,,41,., 1,rfrHR9.!1,lrr:r:-:ss$rfii ,!{l*Eftt a&et.rr [,:r6t!m] r::, . Intdtr: rPrnt r&6G!::afSrlFJi l? _:::l iletP.leii 1 ::: ::::::::: lllllli FiF 3i! F5 : . ir l:i:::::::l:::::::::::::l:l : ': : !{dthi ie: 176 mm H:ilrt:'i-i.t2$- n i:: tgrarF;q PEs fli.-.,.- , l]- i*A:;;] G L flse tunw I , il trtriYYillirE: ,."1i,1 '= l. ti;llau':":iir*lR {dffir i::,,f j.j.r- r. r;,r, rl:.:li.: foo ? lsnn ; iTde: : r: an + '.r g r,,,'. { &rid*. '9 Ij 1,, ilTl i>*.':alam buku adalah membuat - < :a buat dokumen baru dan -3- -aster. Berikut ini langkah- : =- :.3'n buku Pelajaran SLTA' €- :ari dengan klik File > New > 3r;=:-ran dokumen Pada kotak dialog il. 3--akan ukuran kertas 85. Gombor 2.60 Membuot dokumen boru unfuk holomon N buku SLTA Selanjutnya, munculkan panel Pages Ialu aktifkan ikon ralaman master. Buatlah 2 buah objek persegi panjang dengan -lkuran [30x8mm] dan l100x0,5mml. Berikan warna hitam sada kedua objek ini lalu tempatkan pada bagian bawah ralaman master seperti berikut: 3ombor 2,6.l Oblek yong ditempolkon podo soloh solu holomon moster - :alout halaman master secara otomatis akan diterapkan pada ralaman isi dan siap untuk diberi pengaturan lebih lanjut. rlnk*cuatsty,leParagraf c : - pendesainan buku pelajaran SLTA ini style paragraf ' " -:<an untuk menampilkan format frame teks atau teks yang " , - <cnsisten. Pengaturan style paragraf ini dapat Anda lakukan
  • 86. pada panel Paragraph style. Berikut ini beberapa style paragraf yang akan dibuat pada desain buku pelajaran SLTA' r style paragraf NormalPar. Style ini akan diterapkan pada frame teks sebagai teks paragraf dalam kondisi normal' 1. Aktifkan panel Paragraph Style, klik menu panel lalu pilih opsi New Paragraph Style. Beri nama pada Style Name: NormalPar. Pada bagian Genpral, pilih opsi Based On: [No Paragraph Style] dan Next Style: [Same Style]' 2. Atur style NormalPar lewar Basic Character Formats dengan aturan sebagai berikut: Srrk ahziuts Form^1, [ei tuelyl riLb]].,..... Fofit5qFl iRequlir a* hL1i.11_ f,miEr MEt.s ta*l :ll:'-I5L:::: Iunder]tne Usr]]rEthrush r:i.' ,:.'*..kl ' ,, p;a*t,il111ouri1 _ i$ rraa,nP ii"i o - ,l F,fftliBnr :iil:r,mr|........,. _... jd x ''', i-l MLbatures [$] F rlk Gam.nr2,APengcrturon s4e NormolPor podo Bosic chorocter Formcrts 3. Lakukan pengaturan pada bagian Indents and Spacing seperti berikut: Ir--r aDHq alvr'mt; Len l'itr- i) ': tri'*" "**n "* . : ...r' ilsPE wTilsaqn Lrfi ruertr r:a'l!,nrr' , ,, ElEl tffi l@1r i$l5 mm teht ffitr ai ;;* r,r. rc r;uurt' ig: I ** EF# Eetusr ,iljo mnr gptrB allsr i r'ar ! nm ,*o1 10 !'d 'r I e Gombor 2.63 Pengoturon style NormolPor podo Indents ond Spocing 4. Klik OK. Style paragraf siap diterapkan pada frame teks' Style paragraf Bab. Style ini akan diterapkan pada frame teks judul bab pada halaman. 1. Aktifkan panel Paragraph Style, klik menu panel lalu pilii opsi New Paragraph Style. Beri nama pada Style
  • 87. :-rbuot Buku Pelojoron Sekoloh Name: Bab. Pada bagian General, pilih opsi Based On: [No Paragraph Style] dan Next Style: [Same Style]. 2. Lakukan pengaturan style Bab berikut ini pada bagian Basic Character Formats. s.1ES]s!{4:LHms: . ::::= l EIII:E o{E IAmdranExpeilEla.l Foni sl!lti':.: l.lErmrl 87 sre,,$lra;t _': j$ -fe :41 u*"*,nri 3 rri.ip': I 1mno, nerr, .;l ;r*nr3: :;,0 _ " " -yl err" *.."r:'fr emrum: lr.o,ru **j !uroea"* Ell,qatuer nq. e,*e Istt errro-el Gombor2.64 Pengoluron style Bob podo Bosic Chorocter Formots i Pada Left. teks. bagian Indents and Spacing, pilihlah Alignment: Klik OK. Kini style telah siap diterapkan pada frame !:, e paragraf SubBabl. Style ini akan diterapkan pada frame :r.s untuk judul subbab level pertama, - Aktifkan panel Paragraph Style. Klik menu panel lalu pilih New Paragraph Style. Beri nama pada Style Name: SubBabl. Pada bagian General, pilih opsi Based On: [No >aragraph Stylel dan Next Style: [Same Style]. - -akukan pengaturan style SubBabl seperti berikut pada ::gian Basic Character Formats. Brr {hs6l{Ef:Fdiist( e*tEimryi fiiffi:;dldtii,nj""' -"'='.*i1.1 i i.i,-ttti,,',,:= . ,. :::{ ir+ itl]B:'Bcdd fJ $*:g:g.t!. U r",ary, ; ii"rl1 g *""0,.j:j:.*__*H r..r"q, islo il e"*, imr# I n*;t*., lmr"r *- L!] o,**,* ;;;--il';;Diweerodr ea=;'z: srap diterapkan pada rl'dtttc u-''- S:, e ^ akan diterapkan Pada frame : !:"a- Paraeraph_:ty!", * 1"#J"l:lf : ragraPh StYle' tse - r-- i:'rr . 55 Pengcrluron style SubBob 1 podo Bosic Chorocier Formcrts :agian Indents and Spacing, lakukan pengaturan :erikut ini.
  • 88. CS5 untuk Desoin Publishing Buku don Mololoh hlenltelllr$IQ. .. .... Sqr'tr€nl: I LPft vl [&w@ R@]d LinEs l ll0",. lL ,.d ruqa "4 he' ': ': : "1'"' gr'" 1'6 ' 6 4.r|t ,nru"i ,a] o ;, ' Lr,t l'riE tnlatr ipl r ;;; 9pde Esls ei ial c nrn 5D[ealla] ai:n-r ,aur,tn*ia;iiii,-.-....._.....i;] Gombor 2 66 Pengoturon style SubBobl podo lndenls CInd S@cing 4. Lakukan pengaturan style pada Bullets and Numbering berikut ini. Fdh'9 sr r,f6etnJ :;ii*:, :l .., ,, ' lwdE' 0unreretller ii,il;r...- . -.....--,-..-...- , o*: illlll;l;.lltl::':ll;llllPI,..--, Edbt or U lmlEr p6,ilorl !u..nlor I o- l-l !,8; il : 1n 1. : fi''t rino l':*t .f, t' n n rdltELfo. i rr C;b";il, p."s"tu.; iV; srbB"br poJo srrr.i. ""J N,to"'l"s 5. Klik OK. Kini style siap diterapkan pada frame teks' Style paragraf SubBab2. Style ini akan diterapkan pada frame teks untuk subjudul level 2. 1. Aktifkan panel Paragraph Style, klik menu panel lalu pilih opsi New Paragraph Style, Beri nama pada Style Na-e' SubBab2, Pada bagian General, pilih opsi Based On: [No Paragraph Stvle] dan Next Style: [Same Style]' Lakukan pengaturan style SubBab2 berikut pada bagian Basic Character Formats. 2.
  • 89. lembuol Buku Pelojoron Sekoloh B9 qef"ry' 1jijf,:'.: -._.1 1s+..ei,1.11!Mtl |ral ri*rrnsi it:o " .lill ;;r!*, iil;;"."''ii:l ? :.:t LliJii-erlh!,,-::=, H.*rl+, D S EDgr'l'-r'oro Gombor 2.68 Pengoturon SubBob2 pcdo Bosic Chorocter Formols Berikan juga pengaturan style SubBab2 pada Indents and Spacing. I,rmBrdl]@.O_ +srent Lel :j um""r#i* .1,,,l ':.?5i'-" "ii"... iil'=- :,,,.1' Leh@n!.:u r .{:rLretttrr :i,ra eitrr I@{: :.- -. r . "., r* rnn+ : i -., 4. 5p*i.Aeto*, :F: i m +de EtHj:].gi2 mm I r.: 4r'nloPgt:l :=,, ,, --.,. Li.j= Gombor2.69 Pengoluron sl'yle podo bogion Indentond gcocing Lakukan pengaturan style berikut pada Bullets and Numbering. q!!!tq-fftj:r4:l[l]!hpi[rs ,l e tE::,ilH clierar' Pl'! oo''-31;."d "'i.. =l o'-" Next style: [same stylei' ra- =:''le SubBab2 berikut pada bagiar 'Formats. lct rrpe: l'turu"ii ;l LEf rtopiirt;i -' .l reoa, .:,. tJJtberl1g3fy'e. ... _ l$r4ber. i"i. r '* :1,: :, ;a::.. , .:.=- : +r*;*$ l!1i,| 1)- -,..J=i,lii : Uo,i*, .-oir* i, rn p[v,cus r:,rice,-] .:roretoitirrmtlet'Err ,Al, il ,=, l= r l= Altrrentr IL;1_-*."J Lefr lmnt j- [ mm FtJi Lm fiYhnl: ii3,.0 rm i T€ DDelton + 1o rr- : 1 ::::: ::.::::=: .t1 : ::a :.: i:: i,=,. :i',: 'Sombor 2 70 Pengoturon BulleJs ond Numbering untuk style SubBob2 Klik OK. Style siap diterapkan pada frame teks.
  • 90. Style paragraf Picturel. Style ini akan diterapkan pada frame teks sebagai keterangan gambar pada Bab1. 1. Aktifkan panel Paragraph Style, klik menu panel lalu pilih opsi New Paragraph Style. Beri nama pada Style Name: Picturel. Pada bagian General, pilih opsi Based On: [No Paragraph Style] dan Next Style: fSame Style]' 2. Lakukan pengaturan style Picturel pada bagian Basic Character Formats. p.!r ('.d,Jr'B Fafi 3r: :g t FirJY' Tr1_: ll'vr l _' d' ":l Fot sryer iEc'ld ltilc : .,. - $;iiQ-,1o1.--.-,,,,, t5.d"4,[lii1t]i lJ :6erninsrir,retri. :l I"*l,i,?,,i....:..,..._..,"........; i.qs:li;i,;F"' " * r-o't*'iiioini+ *.- f """i" ritl-''lilii' . . "----i: ll" rr :i: l flt"taerihe'r llltuatur* llt.]osrExk nsu't'Jio'ur' G;b"; , , r p";s.tuil; Bd; ailt;t.' Fo,."n"h Gtur irvb sroe"bz Lakukan pengaturan style Picture pada Indents and Spacing. hne. t5 d_d gft n, &tinoEnri li:eill9.. .... .yJ , .,,,, .' IeiE * *aBBeu l-i6eJ i I Li .-,, f lfore oot[d' rergn .1.-..1 LEft:rdentr'3 n mr ; Blit.tire hdffitt iQ n mm ' :ai+,r@.r,lCo*''" *.,uou*"rtli1;fl" .*;a#te{.*rn i'= .'!mce-rtra:'li1mm.* Adrtccr,o, No;P ; - : L-..!---------.r.-..-: --.-f :.,, Gctmtur2,T2PengofuronlndenhondSpocinguntukslylePicture 4. Lakukan pengaturan style pada bagian Bullets and Numbering. Perhatikan opsi Number. Opsi ini kita isi dengan teki 'Gambar 1' untuk keterangan gambar pada Aab1. pada keterangan gambar Bab2 nanti akan diganti menjadi 'Gambar 2'' ?
  • 91. :mbuot Buku Pelojoron Sekoloh *irueEi€-u,{dffi:-..*_4i|1iiii:_:.==.::ilir: uu*6i 11i..:,=, =Lut ffiLtr * _ _1ffi ii;a, ,{:- I'lwbtr,ngstyle * , .* Format: L!L1jL:_,l:i _: uUffi*;='ftY911!'^{,,,, "*",ffi=t =chiracter stvler lr*;;i*- -* '** '*l Ir''-'-r-- : Lr ...il:,i na-1i*m .1*.T*i'1si #;;;;; ;r; :;, Bufut n lt'I-mber P0r,t;o,i L"tt 1'.oant: .Flr T . '. tL*rep,: lil-*= r:',iri i. ,=il,* F;;i r'1,. Gombor 2.73 Pengcrluron style podo fullels ond Numbering 5. Klik OK. Style paragraf siap diterapkan pada frame teks. Buatlah style paragraf untuk keterangan gqmbar setiap babnya, yaitu Picture2, Picture3, dan seterusnya, Hal ini dilakukan agar tidak tery'adi duplikasi penomoran keterangan gambar. Untuk lebih jelasnya, lihat langkah 4. Bagian inilah yang membedakan keterangan gambar pada setiap babnya. S:. e paragraf Book. Style ini akan diterapkan pada frame teks --:;k judul buku yang selalu muncul pada halaman genap dan -:-l bab yang akan selalu muncul pada halaman ganjil. - Aktifkan panel Paragraph Style, klik menu panel Ialu pilih cpsi New Paragraph Style. Beri nama pada Style Name: Book, Pada bagian General, pilih opsi Based On: -No Paragraph Stylel dan Next Style: [Same Style]. - -akukan pengaturan style pada bagian Basic Character Formats. 9t n <1le oada bagian Eiulrcr> -"1 [i...-'o=rri" J;t;;;' oPsi ini kita- s- ,il--, untuk keterangan gambar..pa:= "*T=-: q;;;;, Bab2 nanti akan diga-: 2-'
  • 92. PAS: Adobe lnDesign CS5 untuk Desoin Publi Ba'L r} d;deFlftts _ 6mt rin[- r"a ,+ rml 3ql€: Ir& '3 s* q: ro ry - B ,oanJ: r: r' :l - ..t""*'EF,=;,H,:'.1'xr$;:!1 .,- *.'"l ',, 6$. |$.,' o**r-1$#!=; ' "",[a '' ' ''gun'";" 61p't'*3' -r' '' nti'ti * r r.,: ''-. - ., '- Gamfur 2.7 ApergOuron style Book podo Bosic Chorocter Formots 3. Pada bagian Indents and Spacing, pilih opsi Alignment: Left. Kli[OK dan style siap diterapkan pada teks' Style paragraf NoPage' Style ini akan diterapkan pada frame teks untuk p"no*orun halaman' Style ini akan kita tempatkan pada kedua halaman master' 1. Aktifkan panel Paragraph Style, klik menu panel lalu pilih opsi New parag;iph Styfe' Beri nama pada Style Name: NoPage- -pada Oagian General' pilih opsi-Based On: [No Paragraph Styt"] d'an Next Style: [Same Style]' 2. Lakukan pengaturan style pada bagian Basic Character Formats. c* !r"eri:q{r!s-Plll!::,i,:',i.-...1" ...: t',. ..;a'r,,,' 'i.*::t''=:;"' Lmt Fan4: Eoor'r"''d qr' c wl g;.'ttzPi ;l Le3d't: f: llairrr :l r.-tn 1re;' ;i !eI@ ;i 1 :l ";il*3*J hnt@: "L'ur ' :'l OirYt*'*on Gombor2.75 Perrgoh-lronslylt NOeog" podo Boslc Chorocier Formols Pada bagian Indents and Spacing, pilihlah opsl Alignment: Centre. Lakukan pengaturan style Character Colour sepertr Ci.Uu. Z.ZO. t<tii OK dan style siap diterapkan pada frame teks. 3. 4.