01 - BUKU INFORMASI Menggabungkan Teks Kedalam Sajian Multimedia

BUKU INFORMASI
MENGGABUNGKAN TEKS KE DALAM

SAJIAN MULTIMEDIA
TIK.MM02.069.01
TEXT
KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN R.I.

DIREKTORAT JENDERAL GURU DAN TENAGA KEPENDIDIKAN
LEMBAGA PENGEMBANGAN DAN PEMBERDAYAAN PENDIDIK DAN TENAGA
KEPENDIDIKAN BIDANG KELAUTAN, PERIKANAN, DAN TEKNOLOGI INFORMASI
DAN KOMUNIKASI
GOWA
Modul Diklat Berbasis Kompetensi Kode Modul
Sub-Golongan ..... TIK.MM02.069.01
DAFTAR ISI
DAFTAR ISI ............................................................................................................... 2

PENDAHULUAN .......................................................................................................... 3
A. TUJUAN UMUM.................................................................................................. 3
B. TUJUAN KHUSUS ............................................................................................... 3
MENGGUNAKAN SOFTWARE MULTIMEDIA .................................................................. 4
A. Pengetahuan yang diperlukan dalam menggunakan software multimedia.............. 4
B. Keterampilan yang diperlukan dalam menggunakan software teks multimedia .... 11
C. Sikap kerja yang diperlukan dalam menggunakan software teks multimedia ........ 12
MENCIPTAKAN TEKS MULTIMEDIA ........................................................................... 13
A. Pengetahuan yang diperlukan dalam menciptakan teks multimedia .................... 13
B. Keterampilan yang diperlukan dalam menciptakan teks multimedia ................ 44
C. Sikap kerja yang diperlukan dalam menciptakan teks multimedia ....................... 44
DAFTAR PUSTAKA .................................................................................................... 45
A. Buku Referensi ................................................................................................ 45
B. Referensi Lainnya ............................................................................................ 45
DAFTAR ALAT DAN BAHAN ....................................................................................... 47
A. Daftar Peralatan/Mesin .................................................................................... 47
B. Daftar Bahan ................................................................................................... 47
DAFTAR PENYUSUN ................................................................................................. 48
Judul Modul: Menggabungkan Teks Ke Dalam Sajian Multimedia

Buku Informasi - Versi 2018 Halaman: 2 dari 24
BAB I
PENDAHULUAN
A. TUJUAN UMUM
Setelah mempelajari modul ini peserta diharapkan mampu menggabungkan teks
kedalam sajian multimedia dimulai dari persiapan kebutuhan data sampai pada
publikasi hasil penggabungan teks kedalam sajian multimedia.
B. TUJUAN KHUSUS
Adapun tujuan mempelajari unit kompetensi melalui buku informasi Menggabungkan
teks kedalam sajian multimedia ini guna memfasilitasi peserta sehingga pada akhir
diklat diharapkan memiliki kemampuan sebagai berikut:
1. Memilih software pengolahan teks multimedia.
2. Mampu mengidentifikasi multiple master, jenis huruf dan true type.
3. Mampu menggabungkan prinsip typografi dengan menggunakan software.
4. Melakukan penyimpanan hasil pengolahan teks sesuai kebutuhan.
5. Mampu menggabungkan elemen teks digabungkan kedalam rangkaian
multimedia.
6. Menerapkan teks sebagai bagian dari tampilan multimedia.
7. Menerapkan hasil pengolahan untuk dipublikasikan secara elektronik

BAB II
MENGGUNAKAN SOFTWARE TEKS MULTIMEDIA
A. Pengetahuan yang diperlukan dalam menggunakan software teks

multimedia.
Sebagai seorang desainer, tentu saja kita sering bertemu dan memanipulasi
kebutuhan font. ada banyak jenis font pada komputer kita mulai dari bawaan dari
sistem operasi yang kita pakai. Jika font yang telah tersedia masih belum
memuaskan, kita bisa mencarinya di internet. Ada banyak sekali jenis font yang bisa
kita unduh secara gratis maupun anda beli dari internet.
Namun terkadang font – font tersebut belum bisa menjadi pilihan terbaik kita,
mungkin kita perlu menciptakan font kita sendiri.
Berikut ini beberapa software gratis yang dapat digunakan untuk membuat font kita
sendiri:
1. Fonstruct
FontStruct adalah aplikasi untuk membuat font gratis yang di sponsori oleh
FontShop, yaitu penguasa retail untuk font digital didunia. Tool ini
memungkinkan kita dengan mudah membuat membangun font berbentuk
geometris yang disusun dalam pola grid. Font yang dibuat dengan FontStruct
menghasilkan font TrueType berkualitas tinggi yang siap untuk digunakan dalam
aplikasi Mac atau Windows.

2. BitfontMaker2
Bitfontmaker2 dalah versi terbaru dari BitfontMaker. Ini adalah tool online yang
memungkinkan pengguna merancang, membuat dan mendownload font mereka
sendiri dan menyimpan dengan mudah untuk referensi di masa mendatang.
3. FontForge
FontForge Ini adalah font editor gratis yang memungkinkan pengguna untuk
membuat postscript, truetype, OpenType, cid Besar, multi-master, CFF, svg dan

font bitmap mereka sendiri. Selain itu pengguna dapat dengan mudah mengedit
yang sudah ada. Pengguna dapat mengkonversi satu format ke format lain.
Dengan fitur yang sangat banyak dan kemudahan dalam penggunaan, mungkin
FontForge bisa menjadi pilihan terbaik.
Dibawah ini adalah langkah – langkah dalam pembuatan font dengan menggunakan
aplikasi FontForge:
1. Buka aplikasi FontForge
Jika Anda belum menginstallnya, download link aplikasi FontForge berikut:
https://fontforge.github.io/en-US/downloads/

2. Jika kita ingin menduplikasi / menggandakan model font yang kita minati maka
siapkan gambar bentuk teks dengan format gambar (jpg, png).
3. Pilih huruf yang akan dibuat > Klik 2x.
4. Pilih menu file > import kemudian temukan lokasi gambar yang akan di duplikasi.
5. Posisikan file tersebut ke tempat yang pas dengan menselect layer back.

6. Setelah pas, maka mulai menggambar huruf dengan tools (corner point)
7. Jika sudah selesai, close tab dan otomatis akan tersimpan.

8. Jika ingin mencoba pada huruf yang lain, maka select huruf yang diinginkan.
9. Ulangi langkah tersebut sampai selesai.
10. Jika sudah selesai, simpan pekerjaan dengan klik menu > Save, berikan nama file
dengan format *.sfd
11. Jika ingin mengexport dalam format *.ttf, maka pilih menu file > Generate Fonts
12. Isikan Nama filenya pada kotak inputan > klik tombol TrueType > Save.
Cara instalasi Font pada OS Windows, Mac dan Linux

1. Windows

Mendukung Jenis Font:

- TrueType
- OpenType
- PostScript type 1 (requires Adobe Type Manager (ATM) or ATM Deluxe;
comes with Windows XP and up)
- Windows bit mapped FONT
Instalasi pada windows XP:
- Tutup semua aplikasi
- Pilih file font dan copy kan pada folder C:\Windows\Fonts folder.
Alternatif Instalasi pada windows XP:
- Klik > Start Menu > Control Panel (> Appearance and Themes) > Fonts.
- Melalui Fonts folder menu klik open > File > Install a new font…
- Browse font Anda dan Klik OK to install.
Instalasi pada windows vista dan 7:

- Klik kanan file font kemudian pilih install
- pilih select > Install.
Alternatif Instalasi pada windows vista dan 7:
- Klik Start Menu > Control Panel (Appearance and Personalization) > Fonts.
- Klik kanan pada daftar font kemudian select > Install a new font…
- Melalui menu Browse fonts and klik > OK to install.
2. LINUX
- TrueType
- OpenType
Instalasi untuk single user:
- Tutup seluruh aplikasi.
- Open > /home folder.

- Klik menu open > View and > Show Hidden Files.
- Kita akan menemui > .fonts folder. Jika tidak, buatlah folder tersebut.
- Copy font files pada > .fonts folder.
Instalasi untuk all users:
- Tutup seluruh aplikasi.
- Save fonts pada folder > Desktop, e.g. > newfonts.
- Open > terminal dan start command > sudo cp -R ~/Desktop/newfonts
/usr/share/fonts
- Optional: rebuild font cache dengan command > sudo fc-cache -f -v
3. MAC OS X
- Multiple Master (OS 10.2+)
- TrueType
- data fork TrueType (DFont; OS X+)
- OpenType
- PostScript type 1 (requires ATM or ATM Deluxe; comes with OS X)
Instalasi pada Mac OS X:
- Tutup seluruh aplikasi
- Buka folder yang berisi fonts to install.
- Pilih fonts yang akan di install.
- Drag and drop font terpilih pada > Library’s Font folder.
Instalasi dibawah versi Mac OS 10.3+ menggunakan FontBook:
- Tutup seluruh aplikasi
- Buka folder yang berisi fonts to install.
- Double-klik icon font yang akan di install.
- Buka FontBook dan kita dapat mem-preview font tersebut.
- Untuk instalasi only for you, klik > Install Font button.
- Untuk instalasi all users, pilih > Preferences and change > Default Install
Location from > User to > Computer, kemudian klik > Install Font button.
B. Keterampilan yang diperlukan dalam menggunakan software teks

multimedia

1. Menilai dan memilih software font editor.

2. Instalasi perangkat lunak pendukung.
3. Mengorganisir dan instalasi file font pada berbagai platfom OS.
C. Sikap kerja yang diperlukan dalam menggunakan software teks

multimedia
Harus bersikap secara:
1. Cermat dan teliti mengenal karakter font;
2. Taat asas dalam mengaplikasikan langkah-langkah, panduan, dan pedoman
yang dilakukan dalam menggunakan software font editor;
3. Berpikir analitis serta evaluatif dalam pemilihan font sesuai kebutuhan.

BAB III
MENCIPTAKAN TEKS MULTIMEDIA
A. Pengetahuan yang diperlukan dalam menciptakan teks multimedia

1. Text Dalam Multimedia
Ketika kita ingin menulis atau menginginkan sebuah informasi, tentunya kita
harus mencari sumber yang kredibel sehingga informasi tersebut dapat dipercaya.
Mencari sumber yang kredibel tentunya tidaklah sulit jika dilakukan di masa
sekarang, karena internet sudah merajalela. Salah satunya berbentuk tulisan atau
yang biasa kita sebut dengan teks.
Teks yang dapat diartikan kesatuan bahasa yang memiliki isi dan bentuk,
diwujudkan melalui tulisan, disampaikan oleh pengirim guna menyampaikan
pesan kepada penerimanya.
Sebuah teks sangat penting untuk memberikan kesan atau makna secara
menyeluruh apabila elemen yang lain gagal dalam memberikan makna. Misalnya
makna yang ada dalam gambar tanpa tulisan. Tidak semua orang memahami
makna yang dimaksud dengan gambar tersebut tanpa tulisan.
Contoh penggunaan teks dalam Multimedia.
- Penggunaan teks dalam iklan / banner.

- Penggunaan teks dalam film (opening).
- Penggunaan teks dalam multimedia pembelajaran

- Penggunaan teks dalam poster
2. Jenis – jenis Teks

a. Plain Text
Text berupa informasi yang tidak membutuhkan proses formatting khusus
berupa ASCII dengan 7 – 8 bit.
Contoh: teks pada notepad format file *.txt.
Typeface Courier New
Biasanya digunakan dalam bidang IT. Peranan plain teks dalam produk
multimedia tampak pada pre-produksi penulisan skenario/ script/ naskah
berbagai jenis film (mungkin terinspirasi pada zaman menggunakan mesin
ketik).

b. Rich Text
Teks yang bisa diedit, diformat, diubah ukuran, warna, jenis huruf, serta efek
khusus. Biasanya digunakan dalam penulisan naskah formal atau desain.
Contoh: dokumen di MS Word, browser Corel Draw, buku di Indesign, dsb.
Juga sering disebut Formatted Teks. Peranan Rich Teks dalam produk
multimedia, tampak pada informasi dalam iklan (Komesial dan ILM). Informasi
dalam media interaktif (presentasi, game, pembelajaran, company profile)
serta informasi pada web. Khusus pada media interaktif dan website,
penggunaan rich teks lebih tepat menggunakan typeface SANS SERIF karena
memberikan kesan bersih, legibility dan readibilty yang tinggi mengurangi
kelelahan pada mata saat menatap layar.
c. Hyper Text
Teks yang mengandung navigasi ke arah tertentu (halaman, file, aplikasi)
biasanya disebut sebagai LINK. Jenis HTML – XML
Contoh: link website, tombol, dll
Pedoman / Aturan penggunaan teks, khususnya Rich dan Hyper Text :
1) Gunakan typeface, warna dan ukuran yang bersesuaian
2) Pastikan teks tersebut mudah dibaca dan dikenali
3) Menjaga konsistensi penggunaan typeface (maks 3 type)
4) Pastikan typeface yang digunakan tersedia pada system komputer lain.
3. Label Teks
a. Static Text
Digunakan sebagai materi utama dalam web, media interaktif atau iklan.
Static text memiliki ciri khas seperti Rich dan Hyper Text.
Contoh: informasi dalam web, running text dalam company profile, teks pada
tombol dan teks logo dan informasi dalam media interaktif.
b. Dynamic Text
Digunakan untuk menampilkan informasi yang berubah sewaktu – waktu.
Contoh: penuntuk waktu, counter pengunjung / antrian, dan score nilai.

c. Input Text
Biasanya digunakan dalam website, aplikasi atau scoring pada game yang
diketikkan pada kolom yang tersedia.
Contoh: input teks pada kolom search, username, password, registrasi dll.
Dunia multimedia tidak hanya sebatas teks saja, namun tanpa teks tidak
semua manusia bisa mendapatkan informasi yang dapat dipahami dengan
baik.
4. Tipografi
Tipografi merupakan suatu ilmu dalam memilih tata letak, bentuk dan animasi dari
font itu sendiri. Typografy berasal dari 2 huruf yaitu typo artinya tulisan, dan grafy
/ graphic yang artinya gambar.
Pengertian tipografi merupakan suatu ilmu dalam memilih dan menata huruf
dengan pengaturan penyebarannya pada ruang – ruang yang tersedia, untuk
menciptakan kesan tertentu, sehingga dapat menolong pembaca untuk
mendapatkan kenyamanan dalam membaca. Seni tipografi dikenal pula sebagai
karya atau desain yang menggunakan pengaturan huruf sebagai elemen utama.
Langkah awal untuk mempelajari tipografi adalah mengenali atau memahami
anatomi huruf. Gabungan seluruh komponen dari suatu huruf merupakan
identifikasi visual yang dapat membedakan antara huruf yang satu dengan yang
lain.
Apabila kita telah memahami anatomi huruf secara baik, akan dengan mudah kita
dapat mengenal sifat dan karakteristik dari setiap jenis huruf. Berikut ini adalah
terminology yang umum digunakan dalam penamaan setiap komponen visual
yang terstruktur dalam fisik huruf.

Setiap individu huruf, angka dan tanda baca dalam tipografi disebut sebagai
karakter. Seluruh karakter secara optis rata dengan baseline. Tinggi dari badan
huruf kecil secara optis rata dengan x-height. Setiap karakter apakah huruf besar
atau kecil memiliki batang (stem) yang pada bagian ujung – ujung dapat
ditemukan beberapa garis akhir sebagai penutup yang disebut terminal.
Apabila ditinjau dari sudut geometri, maka garis dasar yang mendominasi struktur
huruf dalam alfabet dapat dibagi menjadi 4 kelompok besar, yaitu:
- Kelompok garis tegak-datar: EFHIL
- Kelompok garis tegak-miring: AKMNVZXYW
- Kelompok garis tegak-lengkung: BDGJPRU
- Kelompok garis lengkung: COQS
Penggunaan jenis huruf (typeface) dan huruf (font) sering berkaitan,

bagaimanapun jenis huruf adalah perancangan karakter yang dipersatukan oleh
sebuah kesamaan property secara visual, sementara font adalah satu perangkat
lengkap karakter dari tiap pembuatan desain seseorang, ukuran, bentuk, atau tipe
corak.

5. Efek Teks
Sejumlah efek yang berguna untuk memberikan perhatian/ fokus pembacaan bagi
pengguna pada suatu konten multimedia:
- UPPER CASE dan lower case
- Bold, Italic, Underline
- Superscript, subscript
- Embossed atau Shadow
6. Jaggies dan Anti-aliasing

Jaggies adalah bagian sisi/ tepi yang kasar ketika gambar bitmap diperbesar
sampai ukurannya maksimum. Merupakan konsekuensi dari pixel pembentuk
gambar bitmap.

Anti-Aliasing adalah Teknik yang digunakan untuk mengurangi/ menghilangkan

jaggies atau arti lainnya adalah mencampurkan antara font dan latar belakang
(untuk menunjukkan kesesuaian/ kehalusan antara font dan latar belakang yang
digunakan). Anti-aliasing sejauh ini dibagi menjadi 2x, 4x, 8x, dan 16x semakin
tinggi tingkat setting Anti-aliasing, maka tampilan grafik akan semakin halus dan
rapih.
7. Jenis - Jenis Font

Dengan pesatnya perkembangan teknologi dalam dunia percetakan digital dan
teknologi font semakin membuat bermunculan desain-desain huruf yang inovatif
dan telah memperkaya dunia desain komunikasi visual. Diperjalanan awal dari
teknologi font digital, font didesain dengan ukuran yang pasti seperti 9, 10, 12, 14,
18 dan 24 pt dengan menggunakan standar bitmap layar komputer sehingga
memiliki kelemahan ketika font harus diperbesar atau diperkecil. Akan tetapi kini
dengan kehadiran teknologi vektor dan antialiasing teknologi font terus
berkembang dengan meninggalkan teknologi bitmap diataranya adalah:
a. Font Type 1 dan Postscript
Untuk mengatasi permasalahan pada font bitmap, Adobe membuat font
menggunakan Postscript page desription language. Font ini memiliki dua
bagian, satu set font bitmap berukuran pasti dan font berbasis postscript yang
akan memberikan informasi outline dari bentuk font tersebut. Sistem operasi
seperti Mac OS atau Windows menggunakan font bitmap untuk menggambar
font di layar, dan untuk ukuran bitmap yang diperbesar atau diperkecil sistem

akan menggunakan ukuran terdekat untuk menyesuaikan bentuk. Dan untuk

keperluan cetak-mencetak font dengan basis postscript akan digunakan dan di
download ke printer. Dengan menggunakan metode Bezier Curves dengan
minimum pemakaian empat buah titik untuk menghasilkan sebuah garis
lengkung yang terdiri dari dua titik akhir dan dua titik kontrol. Outline dari
postscript ini dapat diperbesar dan diperkecil tanpa batas dan menjaga bentuk
huruf tetap baik. Ketika printer telah menerima informasi outline vektor yang
telah diskalakan, maka bentuk itu akan disi oleh pixel dan menciptakan sebuah
gambar bitmap dengan resolusi tinggi. Proses ini dinamakan rasterization (dari
bahasa Jerman “raster” yang berarti layar). Adobe membuat ATM (Adobe Type
Manager) untuk mengatasi permasalahan online viewing pada font, sehingga
font bitmap tidak lagi digunakan dan lebih menggunakan informasi outline dari
font postscript untuk menciptakan bentuk huruf bitmap yang sesuai dengan
resolusi layar komputer, untuk semua ukuran font. Walaupun demikian di
sistem Mac OS, ATM tetap memerlukan satu file font bitmap yang di install
agar nama font bisa terbaca di menu font. Font Type 1 sekarang sudah
menjadi standar dalam software digital (ISO9541), dan di dunia, lebih dari
30000 font type 1 telah didigitalisasi untuk keperluan typesetting.
b. Truetype
Disamping dominasi dari dari font Type 1, Truetype ternyata lebih populer,
Truetype adalah font berbasis informasi outline juga dan format vektor nya
bisa di skala sesuai kebutuhan ukuran dengan akurasi yang tinggi. Truetype
menggunakan metoda Quadratic B-spline dengan menerapkan titik-titk secara
langsung pada garis dan bagian-bagian yang dilengkungkan. Kurang lebih
postscript dan truetype memiliki kapabilitas yang hampir sama sebagai font
berbasis outline atau scalable font. Software standar dari truetype dibuat oleh
Apple, akan tetapi kini juga bisa digunakan oleh sistem operasi Windows.
Kedua sistem tersebut memiliki Truetype Rasterizer yang menyediakan
informasi untuk penggambaran di layar dan output cetak. Truetype di rancang
sebagai file tunggal (suitcase), yang didalamnya sudah terdapat keluarga huruf

dalam bentuk plain, plain italic, bold dan bold italic membuat type font ini lebih
rapih dalam pendataan file dibandingkan Font Type 1.
Bezier curve (postscript)
Quadratic B-Spline (TrueType)
c. Multiple Master Font

Multiple Master adalah jenis font Type 1 yang dibuat khusus oleh Adobe
sehingga membedakan jenis sistem ini dengan sistem yang lain. Keunikan dari
Multiple Master Font adalah setiap character memiliki lebih dari satu outline
digital, sepasang outline merepresentasikan titik akhir dari sebuah garis desain
(design axis) dan font berbasis Multiple Master mengandung informasi titik
(axes) untuk berat, style ataupun penglihatan optis dan semua terdapat dalam
satu paket. Kelebihan dari Multiple Master Font adalah fleksibilitas bentuk huruf
untuk di kostumisasi tanpa distorsi bentuk ketika di perbesar atau diperkecil.
File dari Multiple Master Font lebih besar dibandingkan dengan yang lainnya,
juga dengan penamaan font sangat kompleks dan susah untuk di atur. Multiple
Master Font di identifikasikan dengan MM ditambah nama pendek dari huruf
tersebut contohnya ITCAvaGarMM. Dan biasanya diikuti oleh dua huruf dari
informasi titik (axes) seperti BD untuk Bold, XL untuk Light, NO untuk Normal,
CN untuk Condensed, dan OP untuk Optikal. Nominal angka untuk
merepresentasikan nilai axis. Dan jika kita membuat Multiple Master Font axis
ini akan muncul dalam huruf kecil.
8. Jenis – Jenis Format File Publikasi Elektronik Multimedia

Beberapa program terutama yang berorientasi pada publikasi elektronik dan
multimedia selalu memerlukan format file yang berukuran kecil agar tidak terjadi
loading lama. Untuk keperluan tersebut diperlukan kompresi.

Berikut ini format file yang berorientasi publikasi elektronik dan multimedia dengan
kompresinya masing – masing:
- RLE (Run Length Encoding)
Kompresi ini mampu mengkompres file tanpa menghilangkan detail. Digunakan
oleh Adobe Photoshop, TIFF dan sebagian besar program yang terdapat dalam
Windows.
- LZW (Lemple-Zif-Welf)
Sama seperti kompresi RLE, kompresi ini juga mampu mengkompres file tanpa
menghilangkan detail. Kompresi ini digunakan oleh TIFF, PDF, GIF, dan format
yang mendukung bahasa postscript. Kompresi ini sangat baik untuk
mengkompres gambar dengan area besar yang menggunakan 1 warna.
- JPG (Joint Photographic Experts Group)
Format ini mengkompres file dengan menghilangkan detail. Format file ini
sering digunakan oleh JPG, PDF, dan format yang menggunakan bahasa
postscript. Kompresi ini sangat baik digunakan dengan continous tone seperti
pada foto.
- CCIT
CCIT merupakan singkatan dari bahasa Perancis yang dalam bahasa Inggris
disebut International Telegraph and Telekeyed Consultive Commitee. Kompresi
ini digunakan untuk mengkompres gambar hitam putih, dan mampu
mengkompres file tanpa menghilangkan detailnya. Kompresi ini sering
digunakan oleh PDF dan format lain yang menggunakan bahasa postscript.
Catatan:
- Ketika kita menyimpan dokumen pada format file yang tidak dapat menyimpan
informasi layer (*.jpg, *.png) maka kita harus mengubah gambar tersebut
menjadi flatten image terlebih dahulu.
- Format file yang dapat menyimpan mode warna Duotone hanyalah EPS, RAW,
dan PSD. Oleh karena itu, ketika ingin menyimpan dalam format lain, kita
harus mengubah mode warnanya menjadi RGB bila dokumen tidak ingin
dicetak, karena informasi Duotone-nya akan dibaca sebagai RGB.
- Format file yang dapat menyimpan mode warna Lab Color adalah PSD, RAW,
TIF, PDF, dan EPS.

- Format file yang dapat menyimpan mode warna CMYK adalah PSD, RAW, EPS,
TIF, JPG, PDF, dan SCT.
- Mode warna RGB dapat disimpan pada semua format file yang ada di Adobe
Photoshop. Format yang direkomendasikan oleh para desainer professional
antara lain:
o PSD: untuk dokumen yang dapat di edit kembali.
o EPS: untuk dokumen yang sudah final untuk persiapan cetak.
o JPG: untuk cetak dengan kompresi di atas 8 bit dan untuk foto dalam web
dengan kompresi di bawah 5.
o GIF: untuk ilustrasi dan animasi pada halaman web.
o TIF: untuk cetak, pertukaran dokumen antar platform dan sequence
animasi.
8. Software Teks Multimedia
a. Macam – Macam Software Teks Multimedia
- Image Editor
o Adobe Photoshop
Merupakan software pengolah teks, gambar dan foto yang cukup populer
saat ini. Adobe photoshop dibekali dengan berbagai macam fitur yang
lengkap sehingga membuatnya sebagai salah satu software multimedia
terbaik. Software ini dibekali dengan basis bitmap yang merupakan
kumpulan titik titik dengan kerapatan tertentu yang dikenal dengan
nama pixel. Photoshop sering digunakan para fotografer dan beberapa
perusahaan advertising untuk desain dengan berbagai macam tambahan
efek didalamnya.
o Corel Draw
Salah satu software multimedia ini juga tergolong populer dan seringkali
digunakan. CorelDraw diluncurkan oleh Corel Coorporation yang
merupakan program dengan basis vektor. Salah satu ciri khas dari
program berbasis vektor adalah objek yang dihasilkan dari program
tersebut akan relatif sama meskipun mengalami perbesaran hingga
beberapa kali. CorelDraw juga sangat unggul sebagai software yang

dapat mengolah gambar yang akan dijadikan logo, simbol, dan masih
banyak lainnya.
o GIMP
Software ini merupakan salah satu produk yang diluncurkan oleh GNU
(General Public License). Software ini dapat dioperasikan di beberapa
sistem operasi baik sistem Linux maupun Windows. Fitur-fitur yang
dimiliki dalam aplikasi ini antara lain adalah format image, penampil
gambar, penyunting foto otomatis, area kerja yang dapat anda warnai,
dan masih banyak lainnya. Anda juga dapat membuka format file
photoshop ke dalam GIMP.
- Animasi
Jenis software yang satu ini memang dikhususkan untuk membuat
mengedit dalam bentuk animasi. Animasi merupakan gambar bergerak
ataupun video yang digabungkan dengan konten gambar yang fiktif.
Beberapa contoh software yang khusus tentang animasi antara lain
adalah:
o Adobe Flash / Adobe Animate
o 3D Studio Max
o Power Animation, Dll.
b. Mengelola Teks Dalam Multimedia

- Mendesain poster dengan menggunakan software photoshop
1) Buka aplikasi photoshop
2) Pilih menu File > New atau ketik Ctrl + N

Keterangan:
Name : Membuat Desain Poster.
Present : International paper.
Size : A3.
Width : 297 mm (lebar A3).
Height : 420 mm (panjang A3).
Resolution: 300 pixel/inch untuk hasil poster tidak pecah atau buram.
Color mode: CMYK Color *kebanyakan mesin printer menggunakan
color mode CMYK jadi supaya warna hasil desain sama dengan warna
hasil printout.
Background: white (optional).
3) Buatlah gambar lingkaran berwarna merah seperti dibawah ini
dengan menggunakan costume shape tool (U).

4) Buatlah gambar rokok seperti gambar dibawah ini. Bisa

menggunakan rectangle tool (U) untuk membuatnya.
5) Ubah posisi objek rokok dengan men-drag and drop layer
6) Buat asap rokok. Buatlah tiga persegi panjang warna hitam dengan
menggunakan certangle tool (U). Atur posisinya seperti gambar
berikut:

7) Blok seluruh layar asep rokok tadi (klik layer yang paling
bawah+shift lalu klik layer yang paling atas) kemudian
klik Ctrl+E untuk menggabungkan seluruh layer yang di blok.
8) Klik objek asap, pilih menu Edit > Transform > Warp. Dan gesar
node – node nya ke kanan dan ke kiri untuk membuat efek
gelombang.

9) Tambahkan tulisan “you are entering a no smoking area | anda

memasuki area bebas asap rokok”, slogan larangan merokok
lainnya atau tulisan lainnya.
10) Simpan file dengan format PSD dan export ke JPG.

11) Contoh lain Poster Dilarang Merokok


c. Mendesain poster dengan menggunakan software photoshop

1. Buka aplikasi Photoshop
2. Pilih menu File > New atau ketik Ctrl + N
3. Putar lembar kerja kekanan/ kekiri, pilih image > Rotate Canvas > 90O
CW/ 90OCCW
4. Buatlah grid agar mempermudah pekerjaan, tekan Ctrl+R lalu bagi

lembar kerja menjadi tiga bagian dan setiap bagian adalah 10 cm.

5. Buat gradasi pada warna background pilih Gradient Tool > Putih-
Kuning > lalu terapkan pada lembar kerja. Apabila anda tidak tahu cara
menggunakan Gradient Tool.
6. Buat layer baru Ctrl+Sift+N. Pilih Polygonal Lasso Tool, buat seleksi
untuk membuat garis pembatas dan berikan warna
menggunakan Brush Tool.

7. Ketik Ctrl+D untuk menghilangkan seleksi, sekarang Open foto

model, File > Open > Pilih foto. Drag/Pindah foto tersebut kedalam
lembar kerja menggunakan Move Tool.
8. Sekarang ada 3 layer, letakan Layer Foto Model dibawah Layer Garis
Merah. Tekan Ctrl+T lalu sesuaikan ukuran, tekan Sift saat mengubah
ukurannya. Hapus bagian yang melewati garis merah
menggunakan Eraser Tool.

9. Sekarang bagian logo. Pilih Horizontal Type Tool lalu tulis “Cosmo”
(Layer Logo) dan “The Real Beauty” (Layer sub-logo).
10. Sama seperti langkah ke-9, buat tulisan untuk identitas perusahaan
dengan Horizontal Type Tool. Gunakan Enter dan space pada
keyboard untuk merapikan tulisan.

11. Sekarang bagian tengah atas, Open foto interior toko File > Open >
Pilih foto. Gunakan cara yang sama dan pastikan layer
Toko dibawah Layer Garis Merah.
12. Pilih Horizontal Type Tool lalu sebuah kalimat promosi, informasi media
sosial, dan website resmi perusahaan.

13. Selanjutnya Buat layer baru, gunakan Polygonal Lasso Tool untuk
membuat seleksi lalu warnai dengan Brush Tool. Sebelumnya bagilah
area dengan grid, disini saya berniat mempromosikan 5 buah produk
baru.
14. Tekan Alt pada keyboard, lalu geser untuk mengcopy background
harga yang sedang dibuat, perhatikan gambar. Posisikan dengan
semestinya.

15. Sekarang buka gambar produk, File > Open > Pilih gambar.
Drag/pindah gambar pada area kerja lalu tekan Ctrl+T, sesuaikan
ukurannya sambil menekan Shift pada keyboard.
16. Langkah terakhir adalah memberi harga dan diskon jika ada,
menggunakan Horizontal Type Tool. Gunakan warna teks yang gelap
untuk background yang terang dan sebaliknya. Pastikan semua Layer
Harga berada diatas.

17. Selesai.
d. Mendesain teks dan menganimasikannya dengan menggunakan software

adobe animate atau adobe flash.
1) Buka aplikasi
2) Pilih menu Modify > Document (shortcut key: Ctrl+J). di dalam
Document Properties window akan terlihat, ubahlah Frame rate di
movie ke 30 fps. Click OK.
3) Pilihlah Text tool (T). Didalam Property inspector, pilh Static Text..
kemudian pilihlah warna. Maksimal ukuran (72) dan tebalkan (bold).
4) Click di manapun pada halaman/ stage, lalu tuliskan “design”. Buat

tulisan dengan huruf besar semua, jika sudah. tekan Esc untuk keluar
text editing mode.
5) Pilih / seleksi tulisan tersebut dengan selection tool, pilih Modify >
Break Apart.

6) Ulangi kembali dengan memilih break apart (shortcut key: Ctrl+B).
7) Click di bagian yang kosong degan Selection tool (V) sehingga tulisan
akan berubah seperti gambar di bawah ini, agar tulisan tidak dalam
keadaan terpilih.
8) Beralihlah ke Color Mixer panel. Atau select Window > Color

Mixer untuk memprosesnya.
9) Buatlah pilihannya seperti berikut:
- Pilih Linear as type ( 1 pd gambar),

- Double-click pada bagian kiri gradient strip (2) dan pilh warna,
- Double-click pada bagian kanan (3) dan pilih warna yang agak sama
dengan yang kiri atau warna hampir menyerupai.
10)Pilihlah Paint Bucket tool (K).Tarik dari bawah ke atas dari tiap huruf.
Hasilnya akan terlihat seperti gambar di bawah:

11)Dengan Paint Bucket tool (K) masih aktif, beralihlah ke bottom part
(Options) di Tools panel. Click di Lock Fill icon.
12)Click pada tiap huruf saja (tidak perlu lagi tarik dari bawah ke atas).
13)Pilhlah Modify > Document dan lihat pada Background color di

document property ubahlah warna menjadi hitam. Click OK.. Berikan
warna stroke (outline) pada tulisan dengan warna putih.
14)Pilih pada Ink Bottle tool (S). Di dalam Property inspector, pilh warna
putih (1 pd gambar), set the line thickness menjadi 3 (2 pd gambar),
pilh Solid sebagai line type (3)tandai Stroke hinting option (4).
15)Teteskan pada bagian-bagian pinggir semua teks saja ( lihat gambar).
16)Pilhlah Selection tool (V) pilhlah semua tulisan itu dengan cara drag
pada bagian luar tulisan hingga tulisan terkotaki (lihat gambar)!
Hasilnya akan terlihat seperti gambar di bawah ( semua tulisan dalam

keadaan terpilih ).

17)Tekan F8 (atau pilh menu Modify > Convert to Symbol) untuk

mengubah tulisan kedalam simbol. Pilh Movie clip sebagai type, isikan
name logo dan click OK.
18)Setelah selesai, tulisan tersebut sekarang sudah menjadi movie clip.

Beralihlah ke Property inspector dan click pada Filters tab.
19)Click pada plus icon (1 pd gambar) untuk membuka daftar2 dari filter.
Pilhlah Drop Shadow filter. Set pada Strength option
menjadi 56% ( 2 ). Buat Distance equal 3 ( 3 ). Pada Blur X dan Y set
menjadi 5, Quality on Low, warna hitam, pada options Knockout, Inner
shadow dan Hide object left tidak terilih semuanya.
Logo/tulisan akan terlihat seperti:
20)Selanjutnya kita membuat animasi bouncingnya. Pilhlah Selection

tool (V). Click pada logo.
21)Tarik atau pindahkan logo pada atas stage ( lihat gambar ).

22)Beralihlah pada timeline, click kanan pada frame 15 dan pilih Insert
Keyframe. Lihat pada gambar :
23)Tarik atau pindahkan logo ke bawah (Shift+Down arrow), posisi

diusahakan lebih kebawah atau berada pada stage ( lihat gabar ).
24)Click kanan diantara frame 1 sampai 14, pilhlah Create Motion Tween.
25)Click pada frame 1.
26)Didalam option Property inspector. Pilhlah Ease option dan set in

menjadi -60.

Tekan (Ctrl+Enter) untuk tes movie. Logo akan bergerak dari atas ke
bawah.
27)Click kanan pada frame 22 dan insert a keyframe.
28)Tarik atau pindah logo agak ke atas dari letak logo sebelumnya ( lihat
gambar ).
29)Click kanan, lalu Create Motion Tween.
30)Pilihlah pada keyframe kedua (frame 15).
31)Pada bagian Propertiy inspector, masukan Ease option field

dengan 24 out
32)Kemudian lakukan lagi masukan keyframe pada frame-frame berikut,

dan isikan Ease-nya seperti gambar di bawah ini:

33)Click pada frame 85 dan tambahkan frame (F5).
34)Untuk melihatnya tekan tombol CTRL + Enter.

35)Simpan dan publish hasilnya.
B. Keterampilan yang diperlukan dalam menciptakan teks multimedia
1 Mampu menjalankan fungsi – fungsi aplikasi font editor
2 Mampu mengatur komposisi layout text dengan menggunakan aplikasi teks
multimedia.
C. Sikap kerja yang diperlukan dalam menciptakan teks multimedia

Harus bersikap secara:
1. Cermat dan teliti dalam mengidentifikasi jenis font.
2. Cermat dalam penggunaan fungsi – fungsi aplikasi pengolah teks multimedia.

DAFTAR PUSTAKA
A. Buku Referensi
a. Hendratman, Hendi. 2014. Computer Graphic Design. Bandung: informatika
b. Enterprise, Jubilee. 2015. Desain Grafis untuk Pemula. Jakarta: Elex Media
Komputindo
B. Referensi Lainnya
a. Tina, Sieber, 2009 How to Install Fonts on Windows, Mac & Linux,
(www.makeuserof.com, diakses tanggal 12 November 2018)
b. Winkler, Mary, 2016 How to Create a Font Using Fontself and FontForge,
(design.tutsplus.com, diakses tanggal 13 November 2018)
c. Yogesh, Mankani, 2014 6 Best Free Tools to Create Fonts, (theneodesign.com,
diakses tanggal 13 November 2018)


DAFTAR ALAT DAN BAHAN
A. Daftar Peralatan/Mesin
No. Nama Peralatan/Mesin Keterangan

1. Laptop, infocus, laserpointer di ruang teori
2. Laptop setiap peserta
3. setiap peserta
4.
5.
6.
7.
B. Daftar Bahan
No. Nama Bahan Keterangan

1. Software font editor dan software teks editor Setiap peserta
2.
3.
4.
5.
6.
7.
8.
9. Setiap peserta

DAFTAR PENYUSUN
No. Nama Profesi
1. Instruktur …
1. .. 2. Asesor …
3. Anggota …


01 - BUKU INFORMASI Menggabungkan Teks Kedalam Sajian Multimedia

Diunggah oleh

Hak Cipta:

Format Tersedia

Anda mungkin juga menyukai

01 - BUKU INFORMASI Menggabungkan Teks Kedalam Sajian Multimedia

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

01 - BUKU INFORMASI Menggabungkan Teks Kedalam Sajian Multimedia

Diunggah oleh

Hak Cipta:

Format Tersedia

BUKU INFORMASI

MENGGABUNGKAN TEKS KE DALAM

KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN R.I.

DAFTAR ISI ............................................................................................................... 2

Judul Modul: Menggabungkan Teks Ke Dalam Sajian Multimedia

Judul Modul: Menggabungkan Teks Ke Dalam Sajian Multimedia

A. Pengetahuan yang diperlukan dalam menggunakan software teks

Judul Modul: Menggabungkan Teks Ke Dalam Sajian Multimedia

Judul Modul: Menggabungkan Teks Ke Dalam Sajian Multimedia

Judul Modul: Menggabungkan Teks Ke Dalam Sajian Multimedia

Judul Modul: Menggabungkan Teks Ke Dalam Sajian Multimedia

7. Jika sudah selesai, close tab dan otomatis akan tersimpan.

Judul Modul: Menggabungkan Teks Ke Dalam Sajian Multimedia

Cara instalasi Font pada OS Windows, Mac dan Linux

Judul Modul: Menggabungkan Teks Ke Dalam Sajian Multimedia

Mendukung Jenis Font:

Instalasi pada windows vista dan 7:

Judul Modul: Menggabungkan Teks Ke Dalam Sajian Multimedia

B. Keterampilan yang diperlukan dalam menggunakan software teks

Judul Modul: Menggabungkan Teks Ke Dalam Sajian Multimedia

1. Menilai dan memilih software font editor.

C. Sikap kerja yang diperlukan dalam menggunakan software teks

Judul Modul: Menggabungkan Teks Ke Dalam Sajian Multimedia

A. Pengetahuan yang diperlukan dalam menciptakan teks multimedia

Judul Modul: Menggabungkan Teks Ke Dalam Sajian Multimedia

- Penggunaan teks dalam film (opening).

- Penggunaan teks dalam multimedia pembelajaran

Judul Modul: Menggabungkan Teks Ke Dalam Sajian Multimedia

- Penggunaan teks dalam poster

2. Jenis – jenis Teks

Judul Modul: Menggabungkan Teks Ke Dalam Sajian Multimedia

Judul Modul: Menggabungkan Teks Ke Dalam Sajian Multimedia

Judul Modul: Menggabungkan Teks Ke Dalam Sajian Multimedia

Penggunaan jenis huruf (typeface) dan huruf (font) sering berkaitan,

Judul Modul: Menggabungkan Teks Ke Dalam Sajian Multimedia

6. Jaggies dan Anti-aliasing

Judul Modul: Menggabungkan Teks Ke Dalam Sajian Multimedia

Anti-Aliasing adalah Teknik yang digunakan untuk mengurangi/ menghilangkan

7. Jenis - Jenis Font

Judul Modul: Menggabungkan Teks Ke Dalam Sajian Multimedia

akan menggunakan ukuran terdekat untuk menyesuaikan bentuk. Dan untuk

Judul Modul: Menggabungkan Teks Ke Dalam Sajian Multimedia

Quadratic B-Spline (TrueType)

c. Multiple Master Font

8. Jenis – Jenis Format File Publikasi Elektronik Multimedia

Judul Modul: Menggabungkan Teks Ke Dalam Sajian Multimedia

Judul Modul: Menggabungkan Teks Ke Dalam Sajian Multimedia

Judul Modul: Menggabungkan Teks Ke Dalam Sajian Multimedia

b. Mengelola Teks Dalam Multimedia

Judul Modul: Menggabungkan Teks Ke Dalam Sajian Multimedia

Judul Modul: Menggabungkan Teks Ke Dalam Sajian Multimedia

4) Buatlah gambar rokok seperti gambar dibawah ini. Bisa

5) Ubah posisi objek rokok dengan men-drag and drop layer

Judul Modul: Menggabungkan Teks Ke Dalam Sajian Multimedia

Judul Modul: Menggabungkan Teks Ke Dalam Sajian Multimedia

9) Tambahkan tulisan “you are entering a no smoking area | anda

10) Simpan file dengan format PSD dan export ke JPG.

Judul Modul: Menggabungkan Teks Ke Dalam Sajian Multimedia

Judul Modul: Menggabungkan Teks Ke Dalam Sajian Multimedia