Modul Praktikum Desain Grafis

MODULPRAKTIKUMDESAINGRAFIS MODUL1
MEMULAICORELDRAW 1. KliktombolStart>Program>CorelGraphicSuite>CorelDraw.

a c

b d e

i g f h

j k
Gambar1.InterfaceCorelDraw. Keterangan: a. Titlebar b. Menubar c. Standardtoolbar d. Propertybar e. Rulerbar f. Toolbox g. h. i. j. K Work area Pagearea Colorpalette Pagenumber Statusbar

PeralatanuntukmendesaindiCorelDrawsemuaterdapatpadatoolbox(lihatinterfacepadapointf). Adabeberapatoolyangmempunyaitombolflyout(panahkananbawah)yangberisibeberapatool lainnya.Flyoutselengkapnyaadapadagambarberikut:

Warto

Page|1

STAINPurwokerto

Gambar2.Flyouttoolbox. Berikutiniadalahtoolboxdenganberbagaifungsinya: Tool Nama Fungsi Picktool Mengaktifkanobyekdanuntukmelakukaneditingdasardariobyek. Misalnyascaling,rotating,skewing,resizing. Shapetool Melakukanproseseditingnodepadashape (komponengarisdari obyek). Knifetool Pisauyangberfungsiuntukmemotongobyek.Carakerjanyapersis sepertimenggunakanpisaubiasa. Erasertool Menghapusbagiantertentudariobyek. Smudgetool Menggosokobyeksehinggamerubahbentukobyekyangdigosok tersebut. Roughenbrushtool Memberikanefekdistorsipadaobyek. Freetransformtool Merotasi,membesarkan,mengecilkan,skewingimagesecarabebas. Virtualsegmentdeletetool Menghapussegmensecaravirtual Zoomtool Membesarkanataumengecilkantampilanareakerjadimonitor. Handtool Freehandtool Beziertool
Page|2 Warto

Menggeserareakerjakeposisitertentu. Membuatobyekberupagarisbebas. Membuatobyekgarisdenganmenentukanbanyaknyanode.

Modul Praktikum Desain Grafis

Artisticmediatool Pentool Polylinetool

Membuatobyekgarisdenganberbagaibentukyangartistik Membuatobyekkombinasiantaragarislurusdangarislengkungsecara langsung. Membuatobyekkombinasigarislurusdanfreehandsecaralangsung. Membuatobyekgarisdengankurva3point. Membuatobyekgariskonektorsecarainteraktif Membuatobyekgarisukuranpadasuatuobyekyangkitabuat. Membuatobyekgarissecarabebassepertifreehandtool,namun denganhasilyanglebihbagus. Membuatobyekpersegipanjangataubujursangkar. Membuatobyekpersegipanjangataubujursangkardengankemiringan tertentu. Membuatobyeklingkaranatauelips. Membuatobyeklingkaranatauelipsdengankemiringantertentu. Membuatobyekmenyerupaitabel. Membuatobyeksegibanyak. Membuatobyekspiral. Membuatobyekobyekdasar. Membuatobyekobyekanakpanah. Membuatobyekobyekflowchart. Membuatobyekobyekbintang. Membuatobyekobyekcallout. Membuatobyekteks. Memberikanefektransformasidarisatuobyekkeobyeklain. Memberikanefekkonturpadaobyek. Memberikanefekdistorsipadaobyek. Memberikanefekbayanganpadaobyek. Memberikanefekperubahanbentukpadaobyek. Memberikanefektigadimensipadaobyek. Memberikanefektransparansiwarnapadaobyek. Mengambilsampelwarnadarisuatuobyek.

Dimensiontool Smartdrawingtool Rectangletool 3pointrectangletool Ellipstol 3pointellipstool Graphpapertool Polygontool Arrowsshapetool Flowchartshapetool Starshapetool Calloutshapetool Texttool Interactiveblendtool Interactivecontourtool Interactivedistortiontool Interactivedropshadow tool Interactiveenvelopetool Interactiveextrudetool Interactivetransparency tool Eyedroppertool
Warto Page|3

3pointcurvetool Interactiveconnectortool

Spiraltool Basicsshapetool

STAINPurwokerto
Paintbuckettool Outlinetool Outlinecolordialog Nooutline Hairlineoutline pointoutline 1pointoutline 2pointoutline 8pointoutline 16pointoutline 24pointoutline Colordockerwindow Fillcolordialog Interactivefilldialog Interactivemeshfilldialog Propertybaradalahfasilitasyangdisediakanuntukmemunculkanfungsifungsiyangseringdigunakanketika aktif pada salah satualatgambar pada tool box. Isi dari propertybarakan menyesuaikan dengansalah satu alatyangsedangaktifpadatoolbox.Berikutiniadalahsalahsatufungsiyangmunculpadapropertybarketika mengaktifkantexttool: Gambar3.Propertybar. Memberikanwarnarajutanpadaobyek. Memunculkankotakdialogwarnaisiinteraktif. Fountinefilldialog Patternfilldialog Texturefilldialog Postscriptfilldialog Nofill Colordockerdialog Memunculkankotakdialogwarnagradasi Memunculkankotakdialogpola. Memunculkankotakdialogtekstur. Memunculkankotakdialogpostscript. Menghilangkanwarnaisi. Memunculkancolordockerwindow untukwarnaisi. Memunculkankotakdialogwarnaisi. Memunculkancolordockerwindow untukoutline. Memberikanukuranoutline 24poin. Memberikanukuranoutline 16poin. Memberikanukuranoutline 8poin. Memberikanukuranoutline 2poin. Memberikanukuranoutline 1poin. Memberikanukuranoutline poin. Memberikanoutline denganukuransangatkecil. Menghilangkanoutline. Memunculkancoloroutlinetool. Memberikanwarnatertentupadasuatuobyek. Memunculkanoutlinetool.

Page|4

Warto

Modul Praktikum Desain Grafis

MENGATURSETUPHALAMAN Sebelum kita mulai membuat desain, biasanya kita atur dulu halaman yang akan kita gunakan. Pengaturan halaman tersebut meliputi pemilihan jenis kertas, ukuran kertas, orientasi kertas, satuan ukuran yang akan digunakandanlainlain. 1. KlikmenuLayout>PageSetupmakaakanmunculwindowsepertiberikut:

Gambar4.PageSetup. PengaturanhalamanjugabisadilakukanmelaluiPropertyBarpadasaataktifpadaPickTool Gambar5.PageSetupProperty. MEMBUATOBYEKDASAR BanyakjenisobyekdasaryangbisakitabuatdalamCorelDrawdenganberbagaitoolyangsudahtersediapada toolbox. MembuatBerbagaiMacamGaris 1. 2. 3. AktifkanfreehandTool laluarahkanpointerpadahalaman. Klikdisembarangtempat,laluklikditempatyanglain.Perintahiniuntukmembuatsatugarislurus. Klikdragsepertilayaknyakitapegangpensiluntukmembuatgarisbebas. .

Gambar6.Macammacamgarismenggunakanfreehandtool. 4. Aktifkan Bezier tool lalu klik disuatu tempat pada halaman, lalu klik ditempat lain, lalu klik di tempatlainlagi.Tooliniuntukmembuatgarisdenganbeberapanode.Untukmengakhiripembuatan garisjenisini,lakukanlahdoubleclick.

Warto

Page|5

STAINPurwokerto

5.

MasihmenggunakanBeziertool ,lakukanperintahclickdragdisembarangtempat.Clickdragdi tempatlain.Lakukanperintahinibeberapakali.Langkahiniadalahuntukmembuatgarismelengkung.

Gambar7.MacammacamgarismenggunakanBezierTool. 6. AktifkanArtisticMediaTool makapadaPropertyBarakanmunculsepertiberikut:

Gambar8.PropertyBaruntukArtisticMediaTool. 7. 8. 9. Propertidiatasberfungsiuntukmemilihjenisgarisartistikyanginginkitabuat.Macammacamgaris tersebutantaralainbrush,sprayer,calligraphic,danpressure. Pilihlahsalahsatujenisgarisyanginginandabuat,lalupilihlahmodelgaristersebutpadamenumenu yangterdapatdisebelahkanannya. Untukmembuatjenisgarisyangsudahkitapilih,lakukanclickdragdiareahalaman.

Gambar9.ArtisticMediaLine. laluklikdiareahalamanuntukmembuatgaris.Clickdraguntukmembuatgaris 10. AktifkanPenTool lengkung.HasildariPenToolhampirsamasepertimenggunakanBezierTool.

Gambar10.Penline. laluklikdiareahalamanuntukmembuatgaris.Clickdraguntukmembuat 11. AktifkanPolylineTool garislengkung.HasilnyasamasepertiBezierdanpenline.

Page|6 Warto

Modul Praktikum Desain Grafis

Gambar11.Polyline. lalu klik di area halaman. tool ini untuk membuat garis lengkung. 12. Aktifkan 3 Point Curve Tool Hasilnyabisakitaperhatikansepertiberikut:

Gambar12.3pointcurveline. 13. Buatlahbeberapaobyekmisalnyalingkaran,persegipanjang,belahketupat. lalu buatlah garis penghubung antara obyekobyek yang 14. Aktifkan Interactive Connector Tool sudahdibuatsebelumnya.Andabisamembuatgarispenghubungantarobyeksepertigambarberikut:

Gambar13.InteractiveConnectorTool. 15. Kitabisamemberikaninformasitambahanberupaukurandarisuatuobyek,misalnyapanjang,lebar, sudutkemiringan.FasilitastersebutterdapatpadaDimensionTool 16. BuatlahsebuahobyekmenggunakanBasicShapeTool. 17. AktifkanDimensionTool Gambar14.DimensionToolProperty. 18. Pilihlahjenisdimensionlineyangdiinginkan.Arahkanpadaobyekyangingindiberiketerangan,lalu klik, klik diujung lainnya, lalu arahkan ke tengah (antara ujung satu dengan lainnya) dan klik untuk memberikanangkayangdimaksud. .

,makapadapropertybarakanmunculmenusepertiberikut:

Warto

Page|7

STAINPurwokerto

Gambar15.Dimensionline. , lalu clickdrag di area halaman. garis yang dibuat akan secara 19. Aktifkan smart drawing tool otomatismengurangijumlahnodesehinggakelihatanlebihhalus.

Gambar16.SmartDrawingline. lalu buatlahpersegi panjang di area halaman (a). jika ingin membuat 20. Aktifkan rectangular tool bujur sangkar, klik sambil menekan tombol Ctrl (b). Jika obyek persegi panjang atau bujur sangkar inginlangsungdimiringkanmakagunakan3pointrectangular (c).

Gambar17.Rectangular. 21. Aktifkan ellips tool lalu buatlah obyek elips dengan cara clickdrag (a). Jika ingin membuat lingkarandengandiametersama,sambilmenekantombolclickdrag+Ctrl(b).Jikalingkaranlangsung dimirinkan,gunakan3pointellipstool (c).

Page|8 Warto

Modul Praktikum Desain Grafis

Gambar18.Ellips. 22. AktifkanGraphPapertool Gambar19.Graphpropertybar. 23. Tentukanjumlahbarisdanjumlahkolompadaperopertybarsepertigambardiatas.Jikasudah,click dragdiareahalaman.makaakanmuncultabledenganjumlahbarisdankolomyangsudahditentukan sebelumnya.Gunakanperintahclickdrag+Ctrluntukmembuattabeldenganukuransamasisi. ,lalupadapropertybarakanmunculmenusepertiberikut:

Gambar20.GraphPaper. ,andaperhatikanpadapropertybaruntukmenentukanjumlahsudutyang 24. Aktifkanpolygontool kita inginkan. Clickdrag pada area halaman untuk membuat polygon yang kita inginkan. Untuk membuatpolygonsamasisi,lakukanclickdragsambilmenekantombolCtrl.Polygontoolinijugabisa digunakan untuk membuat obyek bintang, caranya adalah dengan mengaktifkan icon star propertybar.Hasilnyabisaandalihatsepertiberikut: pada

Gambar21.Obyekpolygon. 25. Aktifkan spiral tool lalu tentukan variablevariabel yang terdapat pada property bar. Kita bisa menentukanbanyaknyaspiralsertaorientasinya. Gambar22.Propertyspiral. 26. Untukmembuatspiralsamasisimakalakukanperintahclickdrag+Ctrl.

Gambar23.Beberapaobyekspiral.
Warto Page|9

STAINPurwokerto

27. Aktifkan basic shape tool

lalu perhatikan pada property bar. Anda bisa memilih jenis obyek

padaproperty bar untuk dasar instanyang ingin anda buat, kita klik flyoutpada perfect shape memilih jenis obyek yang ingin dibuat. Berikut ini adalah obyekobyek yang bisa kita pilih. Untuk membuatnyakitalakukanclickdragpadaareahalaman.

Gambar24.Macamobyekdasar. laluklikflyoutprefectshape padapropertybaruntukmemilih 28. Aktifkanarrowshapetool jenis panah yang ingin dibuat. Clickdrag pada area halaman untuk membuat obyek yang sudah dipilih.Berikutiniadalahbeberapajenisanakpanahyangtersediapadaflyoutperfectshape.

Gambar25.Macamanakpanah. laluklikflyoutperfectshape padapropertybaruntukmemilih 29. Aktifkanflowchartshapestool jenis obyek flowchart yang ingin dibuat. Clickdrag pada area halaman untuk membuat obyek yang sudahdipilih.Berikutiniadalahmacammacamobyekyangtersediapadaflyoutperfectshape.

Gambar26.Macamobyekflowchart. laluklikflyoutperfectshape padapropertybaruntukmemilihjenis 30. Aktifkanstarshapestool obyek bintang yang ingin dibuat. Clickdrag pada area halaman untuk membuat obyek yang sudah dipilih.Berikutiniadalahmacammacamobyekyangtersediapadaflyoutperfectshape.

Gambar27.Macamobyekstar.
Page|10 Warto

Modul Praktikum Desain Grafis

laluklikflyoutperfectshape padapropertybaruntukmemilih 31. Aktifkancalloutshapestool jenisobyekcalloutyangingindibuat.Clickdragpadaareahalamanuntukmembuatobyekyangsudah dipilih.Berikutiniadalahmacammacamobyekyangtersediapadaflyoutperfectshape.

Gambar28.Macamobyekcallout. lalu klik di area halaman untuk meletakkan kursor. Ketiklah teks misalnya 32. Aktifkan text tool STAINPURWOKERTO.Aturlahteksyangsudahkitaketikdenganberbagaitoolyangtersediapada propertybar.Aktifkanpicktool Gambar29.Propertytexttool. MENYIMPANDOKUMEN 1. KlikmenuFile>SaveAs.Makaakanmunculwindowsepertiberikut: untukmemudahkaneditingteks.

Gambar30.SaveAs. KlikpadaSaveinuntukmenentukanletakpenyimpanan.Klikfolderyangterdapatdibawahnyauntuk mencaritempatyangdiinginkan. 3. KetiknamafilepadaFilename. 4. Kliktombolsave. Catatan: Jika file yang kita buat akan dibuka pada komputer lain yang mempunyai program CorelDraw dengan versi dibawahnya, maka anda bisa menyesuaikan versi pada combo box Version yang ada disebelah kanan kotak dialog Save As. File yang disimpan di versi yang lebih tinggi tidak dapat dibuka pada CorelDraw versi lebih rendah.NamunfileCorelDrawyangdisimpandiversirendahbisadibukapadaCorelDrawversilebihtinggi.
Warto Page|11

2.

STAINPurwokerto
MEMBUKAFILE 1. Klikmenufile>Open.PadaLookindiarahkankedrivedimanakitamenyimpanfile.Carilahfolder yangberadadibawahLookintempatkitamenyimpanfile. 2. Aktifkanfileyanginginkitabuka. 3. KlikOpen.

Gambar31.OpenDrawing. Catatan: Aktifkan ceck box Preview untuk melihat desain sebeum dibuka, ini untuk memastikan apakah gambar tersebutyangakandibuka.

Page|12

Warto

Modul Praktikum Desain Grafis

MODUL2
EDITINGDASAROBYEK 1. Pastikanfileyangsudahandasimpansebelumnyasudahterbuka. 2. Aktifkan pick tool lalu klik salah satu obyek, maka akan muncul node editing sejumlah 8 buah. Node tersebut berfunsi untuk mengubah ukuran obyek, menggeser obyek, mencerminkan obyek, menggandakanobyek. Arahkan pointer pada salah satu node sampai pointer tersebut berubah menjadi anak panah dua arah,laluclickdragpointersearahanakpanah(keluarataukedalam).Perintahtersebutadalahuntuk membesarkanataumengecilkanobyek. Jikaperubahanukuranobyekinginproporsional,clickdragsambilmenekantombolShift.

3.

4.

Gambar32.Pembesaranobyek. Untukmenggeserletakobyek,letakkanpointerpadacenterpointnode(tandasilangditengahobyek) laluclickdragkearahpenggeseranyangdiinginkan. Catatan: Jikainginmenggeserobyeksecaralurushorizontalmaupunvertical,lakukanclickdragsambilmenekan tombolCtrl. MencerminkanObyek 1. Buatlahobyektabungmenggunakanbasicshapestool. 2. KlikPointertoollaluputarlahobyektersebut90derajat. 3. Arahkanpointerdinodesebelahkiri,clickdragkesebelahkanansambilmenekantombolCtrl. 4. Jikainginmenggandakan,tekanlahtombolklikkananbersamaperintahke3diatas. 5.

Gambar33.Mencerminkanobyek.
Warto Page|13

STAINPurwokerto
Rotasidanskewingobyek 1. Aktifkan obyek sampai muncul node, klik sekali lagi sampai node berubah mejadi anak panah dua arah.Anakpanahyangterdapatdipojokberfungsiuntukmemutarobyek,sedangkanyangterdapat padasegmengarisberfungsiuntukskewingobyek. 2. Clickdragpanahduaarahyangterdapatdipojokuntukmemutarobyek. 3. Clickdragpanahduaarahpadasegmenuntukskewingobyek. Catatan: Jika center point digeser maka ketika obyek diputar akan mengitari center point tersebut. Dengan kata lain, titikpusatputarantergantungletakcenterpoint.

4.

Gambar34.Rotasiobyek. Aktifkanobyeksampaimunculnodesepertigambardiatas,laluarahkanpointerpadapanah horizontalatauverticalsampaiberubahmenjadi skewing. .Clickdragkekananataukekiriuntukproses

Gambar35.Skewingobyek. MenggandakanObyek 1. Aktifkansalahsatuobyekyangadadiareakerjasampaimuncul8node. 2. Arahkan pointer ke tanda silang di tengah obyek sampai berubah menjadi anak panah empat arah 3. 4. . Clickdragkesembarangtempat.Sebelumklikdilepas,tekanklikkanansampaimuncultandaplus(+) padapointer.Andalihatmakaobyekakanmendaji2buah. Jikainginmenggandakanmenjadilebihdariduaobyeksecaralangsung,tekanlahtombolCtrl+Dpada keyboardsebanyakyangdiinginkan.

Gambar36.Duplikasiobyek.
Page|14 Warto

Modul Praktikum Desain Grafis

MENGATURTAMPILANAREAKERJA Untukmemudahkanprosesediting,CorelDrawmenyediakanZoomTooluntukmembesarkandanmengecilkan tampilanobyek. 1. KlikZoomtool laluperhatikanpadapropertybarakanmunculmenusepertiberikut:

a) b) c) d) e) f) g) h)

Gambar37.Zoomtool. Zoomdenganvariabelmaksimal405651%danminimal2%. Membesarkantampilan. Mengecilkantampilan.BisajugamenggunakanshortcutF3. Menampilkanobyekhanyayangterseleksi.BisajugamenggunakanshortcutShift+F2. Menampilkanseluruhobyekyangterdapatpadaareakerja.BisajugamenggunakanshortcutF4. Menampilkanareakerjasatuhalaman.BisajugamenggunakanshortcutShift+F4. Menampilkanareakerjaselebarhalaman. Menampilkanareakerjasetinggihalaman.

MENGUBAHBENTUKOBYEK Obyekobyekdasaryangsudahdibuatpadababsebelumnya,sekarangakankitaeditmenggunakan ShapeTool ,knifetool ,erasertool ,smudgetool ,danroughentool . EditingDenganShapeTool Jikaobyekyangakandieditmerupakanobyekbidangsepertipersegipanjang,lingkaran,polygondan lainlalin, maka sebelum melakukan editing terlebih dahulu obyek tersebut dikonversi ke kurva. Cara untuk konversiadalahdenganmemilihmenuArrange>ConvertToCurves.BisajugamenggunakanshortcutCtrl+Q. Editingdenganshapetool 1. Buatlahobyekpersegipanjangmenggunakanrectangulartool. 2. Aktifkanobyekmenggunakanpicktool,laluaktifkanshapetool. 3. Clickdragdisalahsatusudutobyek.Perintahiniadalahuntukmenghaluskansudutobyek. 4. Kliksekalilagiuntukmengubahsalahsatusudutsaja.

Gambar38.Perubahanpadasudutobyek. Buatlahobyekpersegipanjangmenggunakanrectangulartool. Aktifkanobyekmenggunakanpicktool. KlikmenuArrange>ConvertToCurves.

Page|15

5. 6. 7.
Warto

STAINPurwokerto

8. 9.

AktifkanShapeTool makaakanmunculmenupadapropertybarsepertiberikut: Clickdragpadasalahsatunodekesembarangtempatsehinggadidapatobyeksepertiberikut:

Gambar39.Perubahanbentukobyek. 10. Aktifkankembaliobyekyangsudahberubahbentuknya. 11. Aktifkanshapetool,andaperhatikanpadapropertybarakanmunculmenusepertiberikut: Gambar40.Propertyshapetool. 12. Klikpointerkegaristepiobyeksehinggamuncullingkaranhitamkecil. 13. Klikikonaddnode padapropertybar.Perintahtersebutuntukmenambahnodebarupadaobyek.

14. Klik pada salah satu node yang lain, lalu klik delete node . Perintah ini untuk menghapus node yangaktif.Andabisamemanipulasibentukobyeksesuaikebutuhan.

Gambar41.Editingshape. Catatan: Untukmenambahdanmenguranginodedengancepat,gunakanperintahdoubleclick. MemecahdanMenggabungKurva 1. Aktifkanobyekdenganshapetool,laluklikpadasegmen(garistepiobyek). 2. KlikikonBreakCurve .Perintahiniuntukmemecahsegmenmenjadiduabagiansegmenbaru.

Gambar42.Memecahkurva. 3. 4. Aktifkankembalikeduanodeyangsebelumnyadipecah. Klikikonjointwonode .Perintahiniuntukmenggabungkan2nodeyangterpisah.

Warto

Page|16

Modul Praktikum Desain Grafis

Gambar43.Menggabungnode. Melengkungkandanmeluruskansegmen 1. Aktifkansalahsatuobyekmenggunakanshapetool. 2. Klikpadasegmensampaimuncullingkaran. 3. KlikikonConvertLineToCurve ,laluClickdragpadasegmentadiuntukmelengkungkansegmen tersebut. Anda perhatikan maka akan muncul dua control point yang berfungsi untuk mengatur kelengkungansegmen.Sehinggauntukmelengkungkansegmenbisalangsungpadasegmentersebut maupunpadacontrolpoint.

Gambar44.Konversisegmenluruskesegmenlengkung. 4. 5. Jikainginmengembalikanmenjadisegmenlurus,makaaktifkansegmenlengkungtersebut. KlikikonConvertCurveToLine .

SmoothNode,CuspNode,SymmetricalNode 1. BuatlahobyekpersegipanjangmenggunakanRectangularTool. 2. KlikmenuArrange>ConvertToCurvesuntukmengubahobyekbidangmenjadikurva. 3. Aktifkanshapetool,laluklikdisegmen(garistepiobyek)sehinggamunculnodebarupadagarisyang dikliktersebut. 4. 5. 6. KlikikonConvertLineToCurve ,laludoubleclickpadasagmentadisehinggamunculnodebaru. Clickdragnodetersebutkearahyangdiinginkan.Kitaperhatikandisanamunculcontrolpoint. Geserlah salah satu control point tersebutke sembarangarah. Jika salah satu controlpoint digeser, maka control point yang berseberangan juga akan ikut bergeser tegak lurus. Node dalam keadaan sepertiinidisebutsmoothnode.

Gambar45.Perubahanposisicontrolpoint.

Warto

Page|17

STAINPurwokerto

7.

KlikikonMakeNodeCusp padapropertybar.Lalugeserlahsalahsatucontrolpointkesembarang arah.Kitaperhatikanmakacontrolpointyangberseberangantidakikutberubahposisinya.Keadaan sepertiinidisebutCuspNode.

Gambar46.CuspNode. 8. KlikikonMakeNodeSmooth padapropertybar.Perintahiniuntukmengembalikanagarkedua controlpointmenjadisatuarahkembali.

Gambar47.SmoothNode. 9. padapropertybar.Perintahiniadalahuntukmembuatjarak KlikikonMakeSymmetricalNode keduacontrolpointselalusamaterhadapnode.

Gambar48.Symetricalnode. Membuka,MenutupdanMemisahSegmen 1. aktifkanobyekyangtelahdieditsebelumnya.Pastikanmasihaktifpadashapetool. 2. Doubleclickpadasalahsatusegmenuntukmembuatnodebaru. 3. Klikbreakcurveuntukmemecahsegmen.Gesernodetersebutkesembarangarahsehinggaterpisah. 4. Aktifkankeduanodeyangdipisahkantadi,laluklikikonExtendCurveToClose untukmenutupkurvayangterbuka. .Perintahiniadalah

Gambar49.Menutupkurva. 5. KliktombolUndosampaiobyekkembalimenjadikurvaterbuka.
Warto Page|18

Modul Praktikum Desain Grafis

6.

Klikikonautoclosecurve .Perintahinibisadilakukantanpamengaktifkankeduanodeyangakan ditutup.AndabandingkanhasilnyadenganperintahExtendCurveToClose.

Gambar50.AutoCloseCurve. 7. 8. 9. Clickdragnodeyangmasihkelihatanmenyatuuntukmemisahkanobyek. Aktifkansemuanodepadasalahsatuobyek. Klik ikon Extract Subpath . Perintah ini adalah untuk memisahkan kedua obyek menjadi obyek yang tidak berkaitan langsung. Sekarang coba aktifkan salah satu obyek tersebut, obyek yang lain tidakakanikutaktifwalaupuntadinyamenjadisatukesatuan.

Gambar51.Memisahobyekdenganextractsubpath. Scaling,Rotating,AligningNode. Kitabisamemanipulasibentukobyekdengancaramenyeleksisebagiannodeuntukdilakukanoperasiscaling, rotating,aligning. 1. BuatlahobyekbaruberupaanakpanahtigaarahmenggunakanArrowShapeTool. 2. UbahlahobyekmenjadikurvadenganperintahCtrl+Q. 3. Aktifkanshapetool,laluaktifkannodeyangmembentukpanahkeatas. 4. 5. Klik ikon Stretch and Scale Nodes, maka akan muncul node berjumlah 8 yang berfungsi untuk membesarkandanmengecilkannodeyangterseleksi. Clickdragpadasalahsatunodetersebutsesuaiarahpanahpointer(keluarataukedalam).

Gambar52.Mengecilkansebagianobyekdengannode. Aktifkanbeberapanodeyangmembentukanakpanahkekanan.
Page|19

6.
Warto

STAINPurwokerto

7. 8. 9.

KlikikonRotateandSkew ,makaakanmunculnode8anakpanahduaarahyangberfungsiuntuk memutaratauskewbeberapanodeyangaktiftersebut. Clickdragpadasalahsatunodeyangberadadipojokuntukmemutar. Clickdragpadasalahsatunodepanahhorizontalatauverticaluntukmelakukanskewing.

Gambar53.Rotatedanskewnodes. 10. Aktifkan beberapa node yang membentuk panah ke kiri, lalu klik ikon Align Node munculkotakdiaogsepertiberikut: . Maka akan

Gambar54.NodeAligndialog. 11. Terdapatduaperataanyaituhorizontaldanvertical,kitabisamengaktifkansalahsatuataukeduanya. UntuksekarangaktikanAlignHorizontallaluklikOK.

Gambar55.AlignNode. 12. Ulangiperintahdiatasdenganmengaktifkanverticalalign,laluaktifkankeduaperataanverticaldan horizontal. 13. SimpanhasilkerjaandadengankliktombolSave

Page|20 Warto

padastandardtoolbar.

Modul Praktikum Desain Grafis

LATIHAN
Buatlahdesainlogodibawahini:

Warto

Page|21

STAINPurwokerto

MODUL3
MENYUSUN,MENATA,MENGATUR,MENGUBAHOBYEK Pada bab sebelumnya kita sudah membicarakan tentang editing obyek dasar. Pada pembahasan tersebut adalah cara mudah dan cepat untuk melakukan editing dasar seperti pengubahan ukuran, rotasi, menggeserobyek,skewobyek,pencerminanobyek.Padapembahasankaliini,kitaakanmengenalperintah perintahtersebutmelaluimenuArrangepadamenubar. Selain itu, pada bab ini juga akan membahas semua fasilitas pengaturan obyek yang terdapat pada menu Arrange.Misalnyamengenaiperataandandistribusi,ordering,grouping,combiningdanshaping. TransformasiObyek Trasformasi pada latihan kali ini akan mengoptimalkan fungsiWindow Docker Transformation yang terdapat disebelahkananwindow.Kelebihandarifungsiiniadalahkitabisamemberikanukuranyangtepatdanakurat padasetiaptransformasiobyek. 1. BuatlahdokumenbarudenganmengklikmenuFile>New. 2. UbahlahsatuanukuranmenjadiCentimetersmelaluiPreportyBar. 3. BuatlahobyekpersegipanjangmenggunakanRectangularTool. 4. KlikPickTool,laluaktifkanobyekpersegipanjangtersebut. 5. KlikmenuArrange>Tranformation,makaakanmunculWindowDockersepertiberikut:

Gambar56.WindowDockerTransformation. 6. AktifkanikonPosition yangterdapatpadabagianatasWindowDocker.

7. 8. 9.

adalahuntukmengaturjarakpergeseranobyek.Pergeseranbisa PadaPosition dilakukansecarahorizontal,verticalmaupunkombinasihorizontaldanvertical. MasukkanangkapadaPositionuntukmenggeserobyektersebut. KliktombolApply untukmengeksekusiperintah. untukmenggesersekaligusmenggandakanobyek.

10. KliktombolApplyToDuplicate

Page|22

Warto

Modul Praktikum Desain Grafis

11. Aktifkansalahsatuobyek,klikdisalahsatuCeckboxRelativePosition padapositionakansecaraotomatisterisidenganangka. 12. KliktombolApply 13. KliktombolApplyToDuplicate RotasiObyek 1. 2. Aktifkansalahsatuobyekpersegipanjang,lalukliktombolRotate Tentukan rotasi sebesar 20 derajat . untukmengeksekusiperintah.

,maka

untukmenggesersekaligusmenggandakanobyek.

. Aktifkan Relative Center, Klik di pojok

kananatassepertiberikut 3. 4. KliktombolApply

. untukmengeksekusiperintah. beberapa kali untuk menggeser sekaligus

Klik tombol Apply To Duplicate menggandakanobyek.

Gambar57.Rotasiobyek. PembesarandanPengecilanObyek 1. Copyobyekpersegipanjangyangasliketempatlain. 2. AktifkanikonScaleandMirror dan130padascalevertical. padaWindowDocker.Masukkanangka150padascalehorisontal

3.

PastikanpadaNonProportionalaktifdanberadaditengahnode.

4.
Warto

KliktombolApply

untukmengeksekusiperintah.
Page|23

STAINPurwokerto

5. 6.

Klik tombol Apply To Duplicate beberapa kali untuk menggeser sekaligus menggandakanobyek. Gambarberikutadalahhasilpembesaranobyekdenganberbagaiproporsi,garisputusputusadalah representasidariobyekasli.

Gambar58.Pembesaranobyekdenganberbagaiproporsi. PencerminanObyek 1. BuatlahobyekpanahmenggunakanArrowShapeTool. 2. Masukkanangka150padascalehorisantaldan130padascalevertical.

3. 4. padaWindowDocker. KlikikonHorisontalMirror AktifkancheckboxsebelahkananpadaNonProportional.

5. untukmenggesersekaligusmenggandakanobyek. KliktombolApplyToDuplicate Contohhasildaripencerminansekaliguspembesaranobyekadalahsebagaiberikut:

Page|24

Warto

Modul Praktikum Desain Grafis

Gambar59.Scalingdanmirroring. 6. Cobalahverticalmirror denganobyeklain. Resizingobyek 1. BuatlahobyekpersegipanjangmenggunakanRectangularTool. 2. AktifkanobyekmenggunakanPickTool. 3. AktifkanikonSize padaWindowDockerTransformation.AndaperhatikanpadaWindowDokcker munculinformasiukuranhorizontaldanverticalobyek.

Gambar60.SizeDocker. 4. 5. 6. MasukkanangkapadasizeH:2,lalukliktombolApply .

7.

MasukkanangkapadasizeV:2,lalukliktombolApply . Andaperhatikanhasilnya,pembesaranobyekdilakukansecarasimetriskekanandankekiriatauke atas dan ke bawah. Hal ini disebabkan karena pada Non Proportional check box terletak di tengah (lihatgambardiatas). Gambarberikutadalahhasilpembesaranobyekdenganberbagaiproporsi,garisputusputusadalah representasidariobyekasli.

Warto

Page|25

STAINPurwokerto

Gambar61.Pembesaranobyekdenganberbagaiproporsi. Catatan: Perintah pada ikon Size menghasilkan perubahan obyek yang sama dengan perintah Scale and

Mirror .Yangmembedakanadalahvariableperubahnya,padaSizemenggunakanvariablesatuan ukuransedangkanpadaScaleandMirrormenggunakanvariablepresentase. SkewingObyek 1. BuatlahobyekpersegipanjangmenggunakanRectangularTool. 2. AktifkanobyekmenggunakanPickTool. 3. Klik ikon Skew bentukobyek. pada window docker Transformation. Perintah ini adalah untuk memiringkan

4.

Gambar62.SkewTransformationDocker. MasukkanangkapadaSkewH:45.
Warto

Page|26

Modul Praktikum Desain Grafis

5. 6.

KliktombolApply .Perintahiniuntukmemiringkanobyeksebesar45derajat. Untukmenghasilkankemiringansebaliknya,masukkanangkaminusmisalnya45.

Gambar63.Skewingobyek. 7. 8. 9. AktifkancheckboxUseAnchorPoint. MasukkanangkapadaSkewV:20. Pilihlahpadasalahsatutitikyangadadibawahnya,lalukliktombolApply .

Gambar64.Skewvertical. Catatan: Kitabisajugamelakukanskewingkombinasiverticaldanhorizontalsecaralangsung. ObyekskewingbisalangsungdigandakandenganmenekantombolApplyToDuplicate. PerataandanDistribusiObyek 1. KlikmenuFile>Newuntukmembuatfilebaru. 2. Buatlahbeberapaobyekyangberbedadenganberbagaitoolpembuatobyekdasar.Misalnyapersegi panjang,bujursangkar,lingkaran,elips,segilima,segienam.Letakkanlahposisiobyeksecaraacak. 3. Sebisamungkinaturlahposisiobyeksepertigambarberikut:

Gambar65.Obyekobyekdasar. 4. Aktifkanobyekpersegipanjang,lalutekantombolShiftdanaktifkanobyeksegilima.Fungsitombol Shiftadalahuntukmengaktifkanlebihdarisatuobyek.

Warto

Page|27

STAINPurwokerto

Gambar66.MenuAlignandDistribute. 5. 6. 7. 8. KlikmenuArrange>AlignandDistribute>AlignLeftuntukmembuatkeduaobyekratakiri. Aktifkanobyeklingkaran,bujursangkardansegilima. Klik menu Arrange > Align and Distribute > Align Centers Horizontally untuk membuat obyek rata tengahsecarahorizontal. AktifkanbeberapaobyekklikmenuArrange>AlignandDistribute>AlignandDistributesehingga munculwindowsepertiberikut:

Gambar67.AlignandDistribute. Klikpadasalahsatuperataanhorizontaldansalahsatuperataanvertical(kitabisamengaktifkandua perataansekaligus).KliktombolApply,lalukliktombolClose. 10. Untukmempercepatperintahperataan,kitabisagunakanshortcutsepertiberikutini: Perataan Shortcut Ratakiri L Ratakanan R Rataatas T Ratabawah B Ratatengahhorizontal E Ratatengahvertikal C Ratatengahhalaman P Catatan: Obyek yang pertama aktif adalah obyek yang akan menyesuaikan perataannya pada obyek kedua. Misalnya yang aktif pertama adalah obyek persegi panjang, lalu yang kedua adalah segi lima, maka obyeksegilimasebagaiacuanperataan. 11. Aturlahkembaliposisiobyekobyeksecaraacak. 12. Aktifkanbeberapaobyek,laluklikmenuArrange>AlignandDistribute>AlignandDistribute 13. KliktabDistributesehinggamunculwindowsepertiberikut:
Page|28 Warto

9.

Modul Praktikum Desain Grafis

Gambar68.AlignandDistribute. 14. Klik pada checkbox Left, lalu klik tombol Apply. Perintah ini untuk mendistribusikan obyek dengan acuanratasisikiriobyek.

Obyekasli Obyekhasildistribusi

Gambar69.Distribusileftvertical. 15. Klik pada checkbox Center (sebelah kanan Left), lalu klik tombol Apply. Perintah ini untuk mendistribusikanobyekdenganacuantitiktengahobyeksecaravertical.

Obyekasli 16. Klik pada checkbox Spacing (sebelah kanan Center), lalu klik tombol Apply. Perintah ini untuk mendistribusikanobyekdenganjarakyangsamaantarobyeksecaravertikal. Obyekhasildistribusi Gambar70.Centervertical.

(a) Obyekasli (b)Obyekhasildistribusispasi

Gambar71.DistribusiSpacingvertical.

Warto

Page|29

STAINPurwokerto
17. Klik pada checkbox Right (sebelah kanan Spacing), lalu klik tombol Apply. Perintah ini untuk mendistribusikanobyekdenganacuanratasisikananobyek.

(a) 18. Susunlahobyeksecaravertical. 19. Klik checkbox Top lalu klik tombol Apply. Perintah ini untuk mendistribusikan obyek dengan acuan ratasisiatasobyek.
Obyekasli (b)Obyekhasildistribusikanan

Gambar72.Distribusikananvertical.

Gambar72.Ratasisiatasobyek. 20. KlikpadacheckboxCenter(sebelahbawahTop),laluklikApply.Perintahiniuntukmendistribusikan obyekdenganacuantengahobyeksecarahorizontal.

Gambar73.Ratatengahhorizontal. 21. Klik pada checkbox Spacing (sebelah bawah Center), lalu klik Apply. Perintah ini untuk mendistribusikanobyekdenganjarakyangsamaantarobyeksecarahorizontal.

Page|30

Warto

Modul Praktikum Desain Grafis

Gambar74.Distribusispasihorizontal. 22. Klik pada checkbox Bottom (sebelah bawah Spacing) lalu klik Apply. Perintah ini untuk mendistribusikanobyekdenganacuanratasisibawahobyek.

Gambar75.Distribusibottom. Catatan: Distribusi obyek juga bisa dilakukan dengan mengkombinasikan antara distribusi horizontal dan verticalsekaligus. Kita juga bisa mengatur letak obyek supaya berada ditengah obyek baik secara horizontal maupun verticaldangabungandarikeduanya.Perintahyangdisediakanadalah: CenterToPage meletakanobyekditengahhalamanpersis. CenterToPageHorisontally meletakanobyekditengahhalamansecarahorizontal. CenterToPageVertically meletakanobyekditengahhalamansecaravertical. Parameteryangdisediakanuntukperataanobyekantaralain: Obyekyangaktif Sisi/tepihalaman Tengahhalaman Grid/garisbantu. Pointspesifik
Warto Page|31

STAINPurwokerto
Jika perataan obyek dilakukan terhadap suatu teks, maka kita bisa memilih perataan terhadap parameterteksyangtersediayaitu: Firstlinebaseline Lastlinebaseline Boundingbox. MengaturPosisiDepan/BelakangObyek 1. Buatlahbeberapaobyekyangberbedadenganberbagaitoolpembuatobyekdasar.Misalnyapersegi panjang,bujursangkar,lingkaran,elips,segilima,segienam.

Gambar76.Berbagaiobyekdasar. 2. 3. 4. 5. AktifkanPickTool,laluaktifkansalahsatuobyek. KliksalahsatuwarnapadaColorPaletteyangterdapatdisebelahkananwindow. Ulangiperintahdiatasuntukmemberikanwarnayangberbedapadamasingmasingobyek. Tumpuklahsemuaobyekmenjadisedemikianrupasehinggasemuaobyeksebagiannyakelihatan.

Gambar77.Obyeksetelahdiberiwarnadanditumpuk. 6. 7. Aktifkanobyekpersegipanjang(terletakdipalingbelakang). KlikmenuArrange>Order>ToFront.Perintahiniuntukmeletakkanobyekberadadiposisipaling depan.

Page|32 Warto

Modul Praktikum Desain Grafis

Gambar78.Ordertofront. 8. Aktifkanobyeksegienam,laluklikmenuArrange>Order>ToBack.Perintahiniuntukmeletakkan obyekberadapadaposisitumpukanpalingbelakang.

Gambar79.Ordertoback. 9. Aktifkan obyek elips, lalu klik menu Arrange > Order >Forward One.Perintah ini untuk menggeser posisiobyeksatulangkahkedepan.

Gambar80.Orderforwardone. 10. Aktifkan obyek persegi panjang, lalu klik menu Arrange > Order > Back One. Perintah ini untuk menggeserposisiobyeksatulangkahkebelakang.

Gambar81.Orderbackone. 11. Aktifkanobyekbujursangkar,laluklikmenuArrange>Order>InFrontof 12. Pointer berubah menjadi panah kanan, lalu klik pada obyek persegi panjang. Perintah ini untuk meletakkanobyekbujursangkardidepanobyekpersegipanjang.Perintahiniakansangatmembantu jikatumpukanobyekyangadacukupbanyak.

Warto

Page|33

STAINPurwokerto

Gambar82.OrderInFrontof 13. Aktifkanobyekelips,laluklikmenuArrange>Order>Behind 14. Pointerberubahmenjadipanahkanan,laluklikpadaobyeklingkarang.Perintahiniuntukmeletakkan obyekelipsberadadibelakangobyeklingkaran.

Gambar83.OrderBehind 15. Aktifkan dua obyek sekaligus yaitu bujur sangkar dan segi enam, lalu klik menu Arrange > Order > ReverseOrder.Perintahiniuntukmenukarposisiduaobyekyangaktif.

Gambar84.ReverseOrder. Catatan: Untuk mempercepat perintah ordering obyek yang sering digunakan, gunakan shortcut pada table berikut:

Page|34 Warto

Modul Praktikum Desain Grafis

GroupingObyek 1. Buatlahobyekpersegipanjang,lalurotasikansehinggamenghasilkangambarspertiberikut:

Gambar85.Rotasiobyek. 2. 3. 4. 5. AktifkanpointerlaluAktifkansemuaobyekdengancaraclickdragmelingkupisemuaobyek. Klik mneu Arrange > Group. Perintah ini adalah untuk menggabungkan beberapa obyek. Jika kita geserobyektersebutmakaakanselalubergeserbersamadanmenyatu. BuatlahobyekpitamenggunakanPerfectShapeTool. Buatlah obyek segi enam menggunakan Polygon Tool, lalu letakkan di tengah obyek pita seperti gambarberikut:

Gambar86.Obyekpitadansegienam. 6. 7. AktifkankeduaobyeklaluklikmenuArrange>Group. Geserlahobyekpitakebawahobyekyangdibuatsebelumnyasepertigambarberikut:

Gambar87.Obyeklingkarandanpita. 8.
Warto

Aktifkanobyeklingkarandanobyekpita,laluklikmenuArrange>Group.
Page|35

STAINPurwokerto
9. 10. 11. 12. Geserlahobyekkesembarangtempat.Semuaobyekakanikutbergeserkarenasudahdigroup. KlikmenuArrange>Ungroup.Perintahiniuntukmemisahkanobyekyangdigroup. Sekaranggeserlahsalahsatuobyek,makaobyekpitadanlingkaranakanterpisah. Aktifkan salah satu obyek lalu klik menu Arrange > Ungroup All. Perintah ini berfungsi untuk memisahkanobyekyagmemilikigroupingbertingkat.

Catatan: Untukmempercepatperintah,kitabisamenggunakanshortcutyaitu:

KitajugabisamenggunakanperintahgroupingyangterdapatpadaPropertybaryaitu: CombiningObyek 1. Buatlahobyekpersegipanjangdanbujursangkarmenggunakanrectangulartool. 2. Aktifkan kedua obyek tersebut, lalu klik menu Arrange > Combine. Perintah ini adalah untuk menggabung obyek menjadi satu obyek baru. Anda bisa mengeditnya lebih lanjut menggunakan ShapeTool. 3. Jikainginmemisahkankeduaobyektersebut,gunakanperintahArrange>BreakCurveApart. MengunciObyek 1. Aktifkan salah satu obyek, lalu klik menu Arrange > Lok Object. Perintah ini untuk mengunci posisi obyek. Hal ini untuk memudahkan editing jika obyek yang kita gambar banyak dan komplek. Agar obyektidakbergeserposisinyamakabisakitakunci.Jikaobyekyangterkuncidiklik,makanodeakan munculberubahmenjadigemboksepertigambarberikut:

Gambar88.Obyekdalamkeadaanterkunci. 2. Klik menu Arrange > Unlock Object. Perintah ini untuk menonaktifkan kunci sehingga obyek dapat kembalidiedit.

Catatan: Jikaterdapatbanyakobyekyangterkunci,makakitabisamenonaktifkankuncitersebutdengansekali perintahyaituklikmenuArrange>UnlockAllObject.

Page|36 Warto

Modul Praktikum Desain Grafis

ShapingObject Shapingadalahkumpulanperintahuntukmemanipulasibentukobyekdengancaramenyinggugkanposisisatu obyek dengan obyek lain. Operasi shaping yang bisa kita lakukan antara lain weld, trim, intersect, simplify, frontminusback,danbackminusfront. 1. Buatlahobyekpersegipanjangmenggunakanrectangulartool. 2. Editlahobyektersebutsehinggasepertipadagambar85.

Gambar89.Rotasiobyek. 3. Aktifkansemuaobyek,laluklikmenuArrange>Shaping>Weld.Perintahiniuntukmenggabungkan semuaobyekmenjadisatudanmembentukobyekbaru.Perintahshapingmenghilangkangarisgaris yangbersinggunganyangberadadidalamareaobyek,sehinggahasilnyahanyaoutlinedarigabungan obyektersebut.

Gambar90.Weld. 4. 5. 6. 7. Buatlahobyeklingkarandanpersegipanjang,laluaturlahkeduaposisiobyeksehinggabersinggungan. Klikobyeklingkaran,lalutekantombolShiftdanaktifkanobyekpersegipanjang. Klik menu Arrange > Shaping > Trim. Perintah ini untuk memotong obyek menggunakan obyek lainnya. Geserlahsalahsatuobyekuntukmelihathasilnya.

Warto

Page|37

STAINPurwokerto

Gambar91.Trim. Catatan: Obyek yang diaktifkan pertama adalah sebagai pemotong, sedangkan yang diaktifkan kedua adalah obyekyangdipotong. 8. Buatlahobyekpersegipanjangdanelips. 9. Aturlahobyeksehinggasalingmenumpuk. 10. Klik menu Arrange > Shaping > Intersect. Perintah ini untuk membentuk obyek baru dari hasil perpotonganduaobyekyangbersinggungan.

Gambar92.Intersect. 11. Buatlah obyek persegi panjang, lalu gandakan obyek tersebut dengan merotasikannya dengan kemiringan45derajat,sehinggamenjadisepertigambarberikut:

Gambar93.Rotasiobyek450sebanyak3kali. 12. Aktifkan semua obyek lalu klik menu Arrange > Shaping > Simplify. Perintah sama seperti trim, namunpemotongandilakukanterhadapsemuaobyeksecarabersamaan. 13. GambarberikutinimenunjukkanobyekhasilSimplifydanobyektersebutdiuraikan:

Page|38

Warto

Modul Praktikum Desain Grafis

Gambar94.Simplify. 14. Buatlahobyekpersegipanjangdanelips.Aturlahobyeksedemikianrupasehinggasalingmenumpuk. 15. Aktifkan kedua obyek tersebut, lalu klik menu Arrange > Shaping > Front Minus Back. Perintah ini untukmengubahbentukobyekdengancaramengurangiobyekyangadadidepandenganobyekyang adadibelakangnya. 16. Contohhasilberikutinidenganasumsibahwaobyekelipsberadadidepanobyekpersegipanjang.

Gambar95.Frontminusback. 17. Buatlahobyekpersegipanjangdanelips.Aturlahobyeksedemikianrupasehinggasalingmenumpuk. 18. Aktifkan kedua obyek tersebut, lalu klik menu Arrange > Shaping > Back Minus Front. Perintah ini untukmengubahbentukobyekdengancaramengurangiobyekyangadadibelakangdenganobyek yangadadidepannya. 19. Contohhasilberikutinidenganasumsibahwaobyekelipsberadadidepanobyekpersegipanjang.

Gambar96.BackMinusFront. 20. Klik menu Arrange > Shaping > Shaping. Perintah ini untuk memunculkan Window Docker Shaping yangberisiperintahperintahyangsamadenganyangkitabahassebelumnya,perintahtersebutyaitu weld,trim,intersect,simplify,frontminusback,danbackminusfront.

Warto

Page|39

STAINPurwokerto

Gambar97.Windowdockerweld. 21. Gambar diatas adalah salah satu contoh dari window docker shaping. Dimana terdapat tambahan parameter yang bisa kita berikan yaitu Leave Original, parameter ini berfungsi untuk meninggalkan obyekasliatautidakmenghilangkannyasetelahdiproses. 22. Obyek asli yang bisa ditinggalkan yaitu source object (obyek yang pertama aktif) dan target object (obyekyangdiaktifankedua).ParameterLeaveOriginalinihanyaterdapatpadaperintahweld,trim danintersect. Catatan: KitabisamenggunakanmenushapingmelaluiPropertybarsepertigambarberikut: KonversiObyekKeKurva Ketikakitamembuatobyekdasarberupabidangmisalnyapersegipanjang,bujursangkar,lingkaran,polygon, basic shape dan lainlain, kita bisa melakukan editing shape secara terbatas. Misalnya mengubah tingkat keruncingansudut(telahdibahaspadababsebelumnya).

Gambar97.Editingnodedasar. Untuk melakukan editing dan manipulasi terhadap obyek dasar tersebut kita perlu mengkonversi menjadi kurva. 1. BuatlahobyekberupapersegipanjangmenggunakanRectangularTool. 2. KlikmenuArrange>ConvertToCurve.Perintahiniuntukmengubahobyekbidangmenjadikurva. Kita bisa memanipulasi bentuk obyek menggunakan Shape Tool. Manipulasi obyek menggunakan ShapeToolsudahdibahaspadababbabsebelumnya. 3. Aktifkanobyekpersegipanjangyangbarudiubahmenjadikurva. 4. Klik menu Arrange > Convert Outline To Object. Perintah ini untuk mengubah outline (garis tepi) menjadiobyekbaru.Kitabisamelakukaneditingsepertiobyeklainnya.Jikaoutlinetidakdikonversike obyekmakahanyabisadilakukaneditingoutlinesaja.

Page|40

Warto

Modul Praktikum Desain Grafis

Gambar98.Konversioutlinemenjadiobyek. MenutupKurva 1. Buatlahobyekdasarberupagarisgaris. 2. Gandakanobyektersebutmenjadi2obyek. 3. AktifkansalahsatuobyeklaluklikmenuArrange>ClosePath>ClosestNodeswithStraightLines. Perintah ini untuk menutup beberapa kurva yang terbuka menjadi satu kurva tertutup. Syaratnya adalahjikabeberapakurvatersebutmerupakansatukesatuanobyek. 4. Aktifkanobyekke2laluklikmenuArrangeClosePath>ClosestNodeswithCurvyLines.Perintahini sama seperti perintah sebelumnya, namun garis yang menutup kurva berbentuk melengkung. Kita bisabedakanhasilkeduaperintahdiatasmelaluigambarberikut:

Gambar99.Obyeka1danb1obyekdasar,obyeka2hasilClosestNodeswithStraightLinesdanobyekb2hasil ClosestNodeswithCurvyLines. 5. 6. 7. 8. Buatlahobyekdasarberupagarisdalambentukkurvaterbuka. Gandakanobyektersebutmenjadi2obyek. AktifkansalahsatuobyeklaluklikmenuArrange>ClosePath>StartToEndwithStraigthLine. Aktifkanobyekyanglain,laluklikmenuArrange>ClosePath>StartToEndwithCurvyLine.Perintah inisamasepertiperintahsebelumnya,namungarisyangmenutupobyekberupagarislengkung.

Gambar100.Obyekc1dand1obyekasli,obyekc2hasildariStartToEndwithStraigthLinedand2hasildari StartToEndwithCurvyLine.
Warto Page|41

STAINPurwokerto

LATIHAN3
Buatlahdesainlogodibawahini:

Page|42

Warto

Modul Praktikum Desain Grafis

MODUL4
SpecialEffect Pada babbab sebelumnya kita sudah membahas dan berlatih bagaimana membuat obyek dasar dan memanipulasisertamemberikanpengaturantertentu.Padababiniakandibahasmengenaipemberianefek efek khusus pada obyek tertentu. Efek khusus (special effect) tersebut meliputi transformasi obyek, efek kontur,distorsiobyek,obyekberbayang,efektigadimensi,efektransparansi,efekperspektif,lens,powerclip, danlainlain.PerintahperintahtersebutterdapatpadaToolBoxdanjugapadamenubarEffect.Khususuntuk tool Special Effect yang terdapat pada tool box, kita bisa melihat kembali keterangan yang terdapat pada gambar2dibabpertamadantableketeranganyangterdapatdibawahnya. EfekTransformasiObyek 1. BuatlahobyekbujursangkarmenggunakanRectangularTool. 2. Aktifkan Pick Tool lalu berikan warna dengan memilih salah satu warna pada Color Palette yang terdapatdisebelahkananwindow. 3. BuatlahobyeksegilimamenggunakanPolygonTool. 4. Aktifkan Pick Tool lalu berikan warna dengan memilih salah satu warna pada Color Palette yang terdapatdisebelahkananwindow. 5. Aturlahjarakobyekpertamadenganobyekkeduasedemikianrupasehinggaberjauhan. 6. KliktombolInteractiveBlindTool yangterdapatpadatoolboxSpecialEffect.Arahkanpointerke . Click

areahalaman,makapointerakanberubahmenjadi 7.

Arahkan pointer tersebut ke salah satu obyek sehingga pointer berubah seperti berikut dragdariobyektersebutmenujuobyeklainnya.

Gambar101.Efekblind 8. Klik Pick Tool lalu aktifkan obyek hasil blind/ transformasi obyek. Kita bisa mengubah efek blind denganmengubahnilainilaiyangterdapatpadaPropertybarsepertigambarberikut: Gambar102.PropertybaruntukefekBlind. 9. lalumasukkanangka10.Perintahiniuntukmengurangijumlah KlikpadaNumberofStep stepblend.Andajugabisamengklikpadapanahatasataubawahyangterdapatdisebelahkanannya untukmenambahataumengurangijumlahblend.
Page|43

Warto

STAINPurwokerto
10. Klikobyekaslipersegipanjang,lalugeserlahkedaerahlain.Andaperhatikanmakaefekblendpada onyektersebutakanmengikutinya.Demikianjugadenganpenggeseranobyekaslisegilima. 11. Aktifkan kembali obyek dengan efek blend, lalu klik Clockwise Blend mengubahgradasiwarnasearahjarumjam(padapalettewarna). 12. Klik Counterclockwise Blend , perintah ini adalah untuk

untuk merubah gradasi warna menjadi berlawanan jarum jam.

Untukkembalikewarnasemula,klikDirectBlend . 13. Anda juga bisa mengatur jarak antar obyek blend dengan cara klik tombol object and Color Acceleration ,lalumunculpilihansepertiberikut:

Gambar103.Akselerasiobyekdanwarna. 14. Geserlahsliderpadaacceleratorobjectuntukmengaturjarakantarobyek.Geserlahsliderpadacolor acceleratoruntukmengubahakselerasiwarnapadatiaptiapobyek.

Gambar104.Akselerasiobyekdanwarna. EfekContour 1. BuatlahsebuahobyekbujursangkarmenggunakanRectangularTool. 2. BeriwarnasesuaiseleraandamelaluiColorPalettedisebelahkananWindow. 3. 4. KlikiconInteractiveEffecttoollalupilihlahInteractiveContourTool . AndaperhatikanpadaPropertybarakanmunculmenusepertiberikut: Gambar105.PropertyContour. 1. 2. Berikanangka5padaContourStepuntukmenentukanjumlahkonturyangdiinginkan. KlikpadaikonCenter ,Inside ,danOutside untukmenentukanorientasikontur.

(a)ObyekAsli

(b)ContourToCenter(c)ContourInside

(d)ContourOutside

Gambar106.EfekContour.
Page|44 Warto

Modul Praktikum Desain Grafis

1. 2.

aktifkan obyek Contour lalu klik ikon Contour Offset dalamnya.Perintahuntukmenentukanjarakantarkontur.

, lalu ubah anka yang ada di

3.

4. Efekdistorsiobyek 1. Buatlahobyekbaruberupasegidelapan. 2. 3.

Klik pada Contour salah satu Color untuk menentukan warna gradasi yang diinginkan. Contour Color terdiri dari 3 pilihan yaitu Linear Contour Color, Clockwise Contour Color dan CountercockwiseContourColor. Aktifkan obyek contour laluklikkananpada color palette untuk mengganti warnaoutline. Jika ingin menghilangkanoutlinemakaklikkananpadatandasilangyangterdapatpadacolorpalettetersebut. Janganlupasimpanhasilpekerjaanandaya.

KlikikonInteractiveDistortionTool padaToolbox. AndaperhatikanpadaPropertyBarakanmunculmenusepertiberikut: Gambar107.PropertyInteractiveDistortionTool.

1. Aktifkan obyek lalu klik pada Presets pilihlah salah satu dari preset yang ada. Perintah ini adalah untukmemilihcontohcontohjenisdistorsiyangsudahtersedia.Pilihanpilihantersebutantaralain:

2. Berikutiniadalahhasildaripresetdiatas:

Warto

Page|45

STAINPurwokerto

Gambar108.BerbagaiefekdistorsimenggunakanPreset. 3. SelaincntohcontohyangterdapatpadaPreset,andajugabisamembuatefekdistorsisendirimelalui menumenuyangterdapatdisebelahkananPresetyaitu .Caranyaadalahaktifkanobyek lalupilihlahsalahsalahsatudariikontersebut. Klikdragpadaareaobyekuntukmenghasilkandistorsi.Gunakancarayangsamauntukmencobaefek distorsiyanglain.

4.

EfekBayangan 1. Aktifkansalahsatuobyekyangtelahdiberiefekdistorsi,laluberikanwarnapadaobyektersebut. 2. KlikikonInteractiveDropShadowTool ,makapadaPropertybarakanmunculsepertiberikut: 1. Gambar109.PropertyInteractiveDropShadowTool. KlikpadaPresetuntukmemilihsalahsatucontohdropshadowyangdisediakan.Pilihantersebut antaralain:

2.

BerikutiniadalahcontohhasildropshadowmenggunakanPreset.

Page|46

Warto

Modul Praktikum Desain Grafis

Gambar110.BerbagaiefekdropshadowmenggunakanPreset 3. Aktifkan obyek yang telah diberi efek drop shadow, lalu klik ikon Drop Shadow Angle makaakanmunculSlideBar.Geserlahslidebartersebutsesuaiyangandainginkan.Perintahiniuntuk mengatursudutdaribayanganyangkitabuat. Klik ikon Drop Shadow Opacity maka muncul slide bar dibawahnya. Geserlah slide bar tersebut sesuai yang anda inginkan. Perintah ini untuk mengatur kadar warna bayangan, semakin tinggi angka maka semakin tebal bayangan tersebut dan semakin kecil angka maka semakin berkurangkadarwarnabayangan. KlikikonDropShadowFeathering ,geserlahslidebaryangterdapatdibawahnya.Perintah iniuntukmengaturfeather(kehalusan)bayangan.Semakinbesarangkamakabayanganakansemakin berpendar. Klik ikon Drop Shadow Feathering Direction lalu pilihlah salah satu dari Feathering Direction yaitu Inside, Middle, Outside, dan Average. Berikut ini adalah contoh hasil dari Drop Shadow FeatheringDirection:

4.

5.

6.

7.

Gambar111.DropShadowFeatheringDirection Aktifkan padaobyek yangtelah diberi efekbayangan, lalu klik ikon Drop ShadowFeathering Edges lalu pilihlah salah satu dari Drop Shadow Feathering Edges yang disediakan. Berikut ini adalah contohhasildariDropShadowFeatheringEdges:

Warto

Page|47

STAINPurwokerto

Gambar112.DropShadowFeatheringEdges. 8. dan Aktifkan pada obyek yang telah diberi efek bayangan, lalu klik ikon Drop Shadow Fade geserlahslidebaryangmunculdibawahnya.Perintahiniberfungsiuntukmenguahintensitaswarna bayangan.BerikutiniadalahcontohyangdihasilkanolehperubahanDropShadowFade:

Gambar113.DropShadowFade. 9. lalugeserlahslidebaryangmunculdibawahnya.Perintah KlikpadaikonDropShadowStretch iniadalahuntukmengubahlebardaribayangan.Berikutiniadalahcontohbayanganyangdihasilkan olehperubahanDropShadowStratch:

Gambar114.DropShadowStratch. lalupilihlahwarnauntukmenggantiwarnabayangan. 10. KlikpadaikonDropShadowColor 11. Buatlahobyeklaindanberikanefekbayanganyangberbedadariobyeksebelumnya. 12. Misalnyakeduaobyekyangtelahdibuatdandiberiefekbayanganberbedaadalahsepertiberikut:

Page|48

Warto

Modul Praktikum Desain Grafis

Gambar115.Duaobyekberbedadenganefekbayanganberbeda. 13. Klik bayangan pada gambar (A) lalu klik ikon Copy Drop Shadow Properties . Anda perhatikan

makapointerakanberubahmenjaditandapahan( ). 14. Klik pada bayangan yang terdapat bada obyek (B), anda perhatikan hasilnya adalah jenis bayangan pada obyek (A) menjadi sama jenisnya seperti pada bayangan obyek (B). Berikut ini adalah contoh hasilCopyDropShadowProperties:

Gambar116.CopyDropShadowProperties. Catatan: Bentukbayangantetapmenyesuaikandenganobyeknya. 15. Aktifkansalahsatuobyekyangtelahandaberiefekbayangan,laluklikikonClearDropShadow Perintahinidigunakanjikaandainginmenghilangkanefekbayangan. 16. SimpanhasilpekerjaanandadenganmenekantombolSave. EfekEnvelope 1. 2. 3. BuatlahobyekteksmenggunakanTextTool laluketiklahDesainGrafis. Perbesarukurantekstersebutkirakira60point. Klik ikon Interactive Envelope Tool munculikonikonsepertiberikut: pada Tool Box. Anda perhatikan pada Property Bar akan .

Warto Page|49

STAINPurwokerto
Gambar117.PropertyEnvelope. 4. Perintah ini digunakan untuk memanipulasi bentuk obyek. Proses manipulasi dilakukan pada node nodeyangmunculpadaobyek. KlikikonStraightLineMode padaPropertyBar,laluklikdragpadasalahsatunodeyangterdapat pada teks. Anda juga bisa menggunakan jenis envelope yang lain seperti Envelope Single Arc Mode, EnvelopeDoubleArcModedanEnvelopeUnconstrainedModedengancontohhasilsepertiberikut:

5.

(a)EnvelopeStraightLineMode (b)EnvelopeSingleArcMode

(c)EnvelopeDoubleArcMode (d)EnvelopeUnconstrainedMode

Gambar118.Efekenvelope. Catatan: (a) AndabisamenambahkanataumenguranginodedengantoolyangtersediapadaPropertybaryaitu .Carapemakaiantooltooltersebutsamaspertiyangsudahdibahaspadabab sebelumnyatentangEditingNode. EnvelopeStraightLineModemenghasilkanperubahanbentukobyekdenganmengikutigarislurus. EnvelopeSingleArcModemenghasilkanperubahanbentukobyekmelengkung. EnvelopeDoubleArcModemenghasilkanperubahanbentukobyekmelengkung,namunpadakedua sisiagakmendatar. EnvelopeUnconstrainedModemanghasilkanbentukobekmelengkungdengandisertaiControlPoint padanodeyangdigeser.Controlpointtersebutberfungsiuntukmengubahkebentuklaindengan lebihfleksibel(lengkungantidaksimetris).

(b) (c) (d) (e)

EfekTigaDimensi 1. KlikikonTextToollaluketikSTAINPWT. 2. Berilahwarnapadatekstersebutsesuaiseleraanda.Berikanjugaoutlinepadatekstersebutdengan caraklikkananpadaColorPalette. 3. UbahlahjenisfontmenjadiArialBlack.Laluperbesarukuranfontmenjadi30point. 4. KlikikonInteractiveExtrudeTool ikonikonsepertiberikut: padaToolBox.AndaperhatikanpadaPropertybarakanmuncul

5.

Gambar119.PropertybarExtrude. KlikpadaPresetuntukmemilihjenisefektigadimensiyangsudahtersediasecaradefault.Berikutini adalahcontohhasildariefektigadimensiyangtersediapadaPreset:

Page|50 Warto

Modul Praktikum Desain Grafis

Gambar120.Efektigadimensi. 6. 7. 8. 9. Klik pada Object Position, ubahlah angka yang terdapat pada sumbu X atau Y. perintah ini adalah untukmenggeserposisiobyekyangaktifkeposisilain. Buatlahteksyangbarunamaanda,laluperbesarukurantekstersebut. Aktifkan ikon Interactif Extrude Tool, lalu klik drag pada teks tersebut ke sembarang arah untuk membuatefektigadimensi. Agar hasilnya lebih kelihatan bagus, klik kanan salah satu warna pada color palette untuk member warnapadaoutlineteks. ,makamunculpilihandibawahnya.

10. perhatikanpadaPropertyBar,KlikpadaExturtionType

Gambar121.ExturtionType. 11. Pilihlah salah satu dari keenam pilihan tersebut, lalu lihat hasilnya. Perintah ini adalah untuk mengubahmodelujungyangmenujuViewPiont.Berikutiniadalahcontohhasileditingobyekextrude menggunakanExtrutionType:

Gambar122.HasilExturtionType 12. Aktifkanobyekextrude,laluandaperhatikanmakaakanmunculViewPoint.GeserlahViewPointke arahyangandainginkan.

Warto

Page|51

STAINPurwokerto

Gambar123.ViewPoint. 13. Aktifkan salah satu obyek extrude, klik pada ikon Depth . Ubahlah angka yang ada di dalamnyamisalnya50.Perintahiniuntukmengubahkedalamanextrudeyangdiinginkan.

Gambar124.ExtrudeDepth. 14. Aktifkan salah satu obyek extrude, lalu klik pada ikon Vanishing Point Coordinate . Perintahiniuntukmengubahposisiakhirkoordinatujungextrude. 15. Ubahlah angka yang terdapat pada sumbu X mupun sumbu Y. contoh hasil perubahannya seperti gambarberikut:

Gambar125.Vanishingpointcoordinate. 16. Aktifkan obyek extrude, lalu klik pada ikon VanishingPoint Properties . Klik padaVPLockedToPage,perintahiniadalahuntukmengunciposisiujungextrudepadahalaman.jika obyekdigeserkemanapun,makaujungextrudetidakakanikutbergeser.

Gambar126.VPLockedToPage. 17. KlikikonExtrudeRotaion

Page|52

,andaperhatikanmakamunculflyoutsepertiberikut:
Warto

Modul Praktikum Desain Grafis

Gambar127.Extruderotaion. 18. Arahkan pointer ke lingkaran tengah yang berisi angka 3 lalu klikdrag sesuai keinginan anda. Perintahiniberfungsiuntukmerotasikanobyekextrude.Namunperintahinijarangdigunakankarena hasilnyakurangbagus. 19. Klikikoncolor padapropertybar,sehinggamunculflyoutsepertiberikut:

(a) (b)

(c)

Gambar128.Colorextrude. 20. Gambar diatas menunjukkan 3 model pilihan untuk memberikan warna pada efek extrude. Secara standar(gambar(a)),warnayangdigunakanadalahwarnaobyek,jikainginmengubahwarnaextrude kewarnalainmakaandapilihpadamodewarnakeduaatauketiga. 21. KlikpadaUseSolidColor(gambar(b)),gantilahwarnapada denganwarnalain. dan

22. Klik pada Use Color Shading (gambar (c)), gantilah warna pada .Perintahiniadalahuntukmembuatwarnagradasipadaefekextrude.

Gambar129.HasilperubahanwarnamenggunakanColorExtrude. 23. KlikikonBevels ,makaakanmunculflyoutsepertberikut:

Gamabr130.FlyoutBevel.

Warto

Page|53

STAINPurwokerto
24. Aktifkan Checkbox Use Bevel dan ubahlah Bevel Depth dan Bevel Angle sambil melihat perubahannya.Berikutiniadalahcontohhasilefekbevel:

Gambar131.Contohhasilefekbevel. 25. KlikpadaikonLighting ,makamunculflyoutsepertiberikut:

Gambar132.FlyoutLighting. 26. Klik pada ikon lighting #1, lalu akan muncul lingkaran dengan angka satu di tengahnya. Geserlah kearahyangandainginkan.Lakukanperintahyangsamauntukmencobaefeklightingyanglain. Catatan: Andabisamemberikansemuaefeklightingyangdisediakan. 27. KlikikonCopyExtrudeProperties ,lalupointerberubahmenjadianakpanah extrudeyanglain.Perintahiniuntukmengcopyefekextrudekeefekextrudelain. .Klikpadaefek

28. KlikikonClearExtrude untukmenghilangkan/menghapusefekextrudeyangtelahdiberikan. EfekTransparansiObyek 1. BuatlahsebuahpersegipanjangmenggunakanRectangularTool. 2. Berilahsembarangwarnapadaobyekpersegipanjangtersebut. 3. BuatlahteksINDAH.Perbesarukurantekstersebut.Letakkanteksditengahobyekpersegipanjang. 4. KlikikonInteractiveTransparencyTool berikut: ,andaperhatikanpadaPropertyBarakanmunculseperti

Gambar133.PropertybarInteractiveTransparencyTool. 5. 6. ,lalupilihlahLinear.Perintahiniadalahuntukmembuat KlikpadaTransparencyType transparansisecaralinierpadaobyek. Ubahlahwarnaobyekpersegipanjangmenjadimerah.Andaperhatikanefektransparansipadateks akanmenyesuaikandenganwarnayangadadibelakangnya.

Page|54

Warto

Modul Praktikum Desain Grafis

Gambar134.Warnatransparansiteksakanmenyesuaikandenganperubahanwarnadibelakangnya. 7. Aktifkanteks,laluklikikonInteractiveTransparensyTool.Geserlahslidebaryangmunculpadateks tersebut.Perintahiniuntukmengubahorientasipadaefektransparansilinier.

Gambar135.Perubahanposisislidebar. 8. Berikutiniadalahcontohhasilefektransparansidenganberbagaitipe:

Gambar136.Macammacamtipeefektransparansi. 9. KlikpadaikonStartingTransparency ,lalugeserpadaslidebarmenujuangka30.

Gambar137.Intensitastransparansi30%dan70%. Menggandakanatributobyekdengancepat

Warto

Page|55

STAINPurwokerto
Dalam proses mendesain, kadangkadang kita membuat beberapa obyek yang berbeda namun denganatributyangsama.jikaatributyangdiberikankesuatuobyekadalebihdarisatudancukuprumitserta perlu prosesyangpanjang,maka kitaakan kesulitan untuk mengulanginya. CorelDraw menyediakan fasilitas untuk mencontoh atribut obyek yang sudah ada kedalam obyek baru, fasilitas ini disebut Eyedropper Tool . Berikutiniadalahlatihanuntukmenggunakanfasilitastersebut. 1. BuatlahsebuahobyekteksdengantulisanPurwo.UbahlahjenisfontmenjadiArialBlack. 2. Perbesarukurannyamenjadi80point,laluberikanwarnasesuaiseleraanda. 3. Berikanefekcontourpadatekstersebutsesuaiyangandainginkan. 4. BuatlahteksyangbaruditempatlaindengantulisanKerto.Janganubahatributfonttersebut. 5. KlikikonEyeDropperTool ,makapropertybarakanberubahmenjadisepertiberikut: Gambar138.PropertyBarEyedropperTool. 6. 7. KlikpadaEffect contour). laluberitanda padaContour(perintahiniadalahuntukmengcopyefek ,laluklikpadateksKerto.

KlikikonPaintBucketTool

Gambar139.PenerapanEyedropperTool.

Page|56

Warto