MODUL I TEXT MEDIA. Mahasiswa mengerti konsep text decoration dan properties dalam text

Transkripsi

1 MODUL I TEXT MEDIA A. TUJUAN Mahasiswa mengerti representasi text media di komputer Mahasiswa mengerti konsep text decoration dan properties dalam text Mahasiswa mengerti jenis-jenis text Mahasiswa mampu mengolah text pada photoshop B. TEORI Dasar-dasar Representasi Text ASCII American Standard Code for Information Interchange (ASCII), adalah sebuah pengkodean standard yang dapat digunakan untuk pertukaran informasi. Kode-kode ASCII merepresentasikan text di computer, peralatan komunikasi, dan peralatan lainnya yang bekerja dengan text. Pada awalnya, ASCII di kembangkan dari kode-kode telegraf. Pemakaian komersi kode ASCII di awali dengan penggunaan teleprinter 7-bit yang diperkenalkan oleh Bell data services. Pembuatan standard kode ASCII secara formal dimulai pada tanggal 6 Oktober 1960, bersamaan dengan pertemuan pertama Asosiasi Standard Amerika - American Standards Association's (ASA) sub-komite X3.2. Edisi pertama ASCII di pubikasikan pada tahun Karakter-karakter ASCII adalah termasuk diantaranya definisi untuk 128 karekater: yang 33 dantaranya adalah karakter non-cetak, yang kebanyakan adalah karakter-karakter control yang mempengaruhi bagaimana sebuah text di proses; lalu 94 sisanya adalah karakter-karakter yang bisa di cetak., dan di ASCII spasi di anggap sebagai grafik yang tidak terlihat. Skema pengkodean karakter ASCII adalah kumpulan atau set karakter yang paling banyak atau umum di gunakan di internet.

2 Tabel ASCII Font Font adalah sebuah kumpulan karakter lengkap yang memiliki ukuran dan gaya tunggal, beberapa karakteristik font diantaranya: a. Weight weight (berat) dari sebuah font adalah ketebalan karakter font tersebut yang relatif terhadap tinggi font tersebut. Ada tiga kategori dasar dari weights: light, normal, bold. weight dari sebuah tipe font tentunya berbeda-beda dengan yang lainnya, yang artinya sebuah font bisa terlihat lebih tebal (bold) dari tipe font lainnya. sebagai contoh, font yang digunakan untuk poster seringkali lebih tebal sedangkan font untuk text-text yang panjang biasanya font terlihat lebih ringan.

3 b. Optical size / Size Font memiliki ukuran yang diatur dengan satuan point atau titik, beberapa ukuran font adalah: o Poster (sangat besar, biasanya lebih dari 72 point) o Display (besar, biasanya sekitar point) o Subhead (cukup besar, biasanya sekitar point) o (biasa, sekitar point) o Small text (SmText - text kecil, biasanya sekitar about 8-10 point) o Caption (sangat kecil, biasanya sekitar 6-8 point) c. Serif Serif adalah tipe font dengan strokes/ekor yang menghiasi tipe font ini. Contoh paling umum adalah Times d. Sans-serif tipe font yang tidak memiliki stroke/ekor. Ujungnya bisa berbentuk tumpul atau tajam. Bentuk Huruf Sans-Serif yang paling polular adalah: Helvetica dan Arial Sans-serif font Serif font Serif font (red serifs)

4 Text Decoration Text decoration adalah teknik untuk mendekorasi, mempercantik atau membuat representasi text menjadi lebih menarik. Istilah text decoration sendiri lebih di kenal di dunia web dimana halaman web (html) di rubah atau ditambahkan dengan beberapa fungsi dasar dekorasi untuk membuat representasi text di halaman tersebut lebih menarik. Berikut ini adalah beberapa dasar text decoration: 1. Text coloring Memberikan pewarnaan pada text Contoh: RED BLUE YELLOW HIJAU 2. Font / Typeface Merubah tipe font atau set karakter pada text Contoh: Times New Roman Impact Courier New 3. Size Merubah ukuran point pada text Contoh: 10 Point 20 Point 26 Point 4. Style Merubah penekanan pada text a. Regular/Normal b. Italic

5 Menarik posisi puncak karakter sehingga lebih ke kanan, menjadikan text menjadi miring c. Bold Merubah weight atau ketebalan text d. Underline Memberikan garis bawah pada text Contoh: Italic Bold Underline 5. Positioning a. Subscript Merubah posisi text diatas posisi normal Contoh: b. Superscript Merubah posisi text dibawah posisi normal Super Script Sub Script Jenis-jenis Teks 1. Plain Text (Unformatted Text) Teks dalam hal ini adalah kode ASCII (American Standard Code for Information Interchange) dan ASCII extension seperti UNICODE murni Tiap-tiap karakter direpresentasikan oleh 7 bit binary digit (desimal = 0-127) Contoh plain text adalah pada saat kita mengetik dengan menggunakan notepad (.txt) Plain Text berjenis MIME text/plain Teks file tidak terenkrispsi, tidak mengandung embedded information, seperti informasi font, tidak mengandung link, dan inline-image

6 2. Formatted Text (Rich Text Format) Serangkaian karakter format yang telah didefinisikan Contoh rich text adalah pada saat kita mengetik dengan menggunakan Wordpad (.rtf) Pada Wordpad plain teks telah diformat sedemikian rupa dengan menggunakan aturan (tag/tanda) tertentu sehingga teks tersebut dapat dibold, italics, underline, diwarna, diganti font, dan lain-lain Contoh dokumen RTF: {\rtf Hello!\par This is some {\b bold} text.\par } Yang akan diterjemahkan dan ditampikan sebagai berikut: Hello! This is some bold text.

7 Terdapat 2 jenis formated text, yaitu bitmapped fonts dan outline fonts 1. Bitmapped Font (Raster Font) 2. Outline Font (PostScript dan TrueType )

8 3. Hypertext Diperkenalkan oleh Ted Nelson (1965) Hypertext adalah teks yang memiliki fasilitas linking Contoh hypertext : HTML : Hypertext Markup Language XML : extensible Markup Language Yang lain (MathML, SMIL, WML) Pengertian Photoshop CS Photoshop adalah Sebuah software yang di khususkan dan selalu berfungsi bagi Photografer atau designer untuk dapat memodifikasi suatu gambar atau foto secara profesional. bahkan Software merupakan Software terbaik untuk saat ini dalam memproses atau modifikasi suatu obyek atau foto yang sederhana maupun yang sulit sekalipun. Photoshop merupakan salah satu software yang khusus di gunakan untuk mengolah gambar berbasis bitmap, Kenapa Photoshop di katakan Software terbaik untuk saat ini dalam hal pengolahan gambar, ini di karenakan tool dan efek yang di miliki oleh Photoshop sangat lengkap sehingga Software ini dapat menghasilkan gambar atau foto yang berkualitas tinggi. Bahkan Sohware ini sangup mengolah berbagai macam efek pada sebuah gambar atau foto sehingga menghasilkan sebuah gambar dan foto yang sempurna. Kelengkapan fitur yang ada di dalam Photoshop inilah yang pada akhirnya membuat software banyak sekali Berfungsi oleh Photografer dan desainer grafis profesional dalam mengolah sebuah gambar atau foto sehingga mendapatkan hasil yang diinginkan secara sempurna. sampai saat ini masih belum ada software yang berfungsi dalam pengolahan sebuah gambar yang bisa menyamai kelengkapan fitur dalam Photoshop ini. Inilah yang membuat orang awam sekalipun tertarik atau berkeinginan untuk belajar software yang satu ini.

9 Menu Palettes Tool Box Lembar Kerja Status Bar Penjelasan Tool Pada Photoshop Menurut Fungsinya Keterangan : a. Menu Bar Menu bar adalah menu pulldown yang memberikan perintah-perintah dalam Program Photoshop diantarannya adalah menu File, Edit, gambar, Layer, Select, Filter, View, Window, dan Help. Baris menu ini dikelompokan berdasarkan topiknya. b. Toolbox Toolbox adalah alat-alat yang Berfungsi untuk memodifikasi suatu gambar yang kita miliki (gambar atau foto). Alat-alat ini juga dikelompokkan menurut jenisnya dan kegunaannya. c. Canvas Canvas adalah bidang yang Berfungsi sebagai tempat untuk kita dapat meletakkan gambar. Biasanya ukuran canvas selalu akan sama dengan ukuran gambar yang kita punya, tetapi kita selalu di berikan pilihan dalam Photoshop untuk dapat merubah ukuran canvas dan gambar sesuai dengan kebutuhan Kita. Apabila kita ingin memunculkan canvas baru biasanya kita di berikan tiga pilihan yaitu canvas yang putih, atau yang berwarna dan transparan. d. Window Pallete Window pallete adalah window yang berguna untuk memilih atau mengatur berbagai parameter pada saat mengedit sebuah gambar dalam Photoshop. Untuk menampilkan Window Pallete ini kita lakukan dengan cara memilih menu Window kemudian pilih pallete yang akan dimunculkan.

10 Toolbox dalam Photoshop CS Keterangan : 1. Rectangular Marquee Tool Tool ini digunakan untuk memberikan seleksi atau mem blok bagian dari suatu gambar dengan membentuk seleksi persegi. Didalamnya Rectangular Marquee Tool Anda di berikan pilihan, ada yang elliptical Marquee Tool, Single Row, Marquee Tool, dan Single Column Marquee Tool. 2. Lasso Tool Berfungsi untuk memberikan seleksi atau mem blok bagian dari suatu gambar, dan Anda dapat membentuk dengan bebas dengan cara mendrag bagian gambar yang akan kita seleksi. Di dalamnya ada akan menemukan berbagai pilihan tool diantaranya Poligonal Lasso Tool, dan Magnetic Lasso Tool. 3. Crop Tool ini digunakan untuk menyeleksi bagian dari suatu gambar dengan bentuk seleksi persegi dan membuang bagian yang tidak diinginkan dari sebuah gambar. 4. Clone Stamp Tool Tool ini digunakan untuk mengambil contoh dari suatu gambar dan membuat copynya atau duplikatnya dimanapun Anda inginkan. 5. Eraser Tool Berfungsi untuk menghapus suatu gambar atau objek. dan Tool ini juga dapat berfungsi untuk mengembalikan sebuah gambar menjadi sebuah daerah awal. 6. Blur Tool Tool ini digunakan untuk mengaburkan bagian dari suatu gambar. 7. Path Selection Tool Tool ini digunakan untuk mempercerah bagian dari suatu gambar. 8. Pen Tool Berfungsi untuk merancang sebuah gambar dengan menggunakan edit path yang sudah kita bentuk seperti yang kita inginkan. 9. Notes Tool Tool ini digunakan untuk membuat catatan pada gambar yang kita butuh untuk diberikan keterangan atau penjelasan. 10. Hand Tool Tool ini digunakan untuk menggeser sebuah gambar atau Objek jika lebar gambar melebihi ukuran window. 11. Set Foreground Color Tool ini digunakan sebagai indikator warna foreground yang aktif dan sekaligus dapat berfungsi untuk mengganti warna foreground dengan warna yang lain.

11 12. Default Foreground and Background Color Tool ini digunakan untuk mengembalikan warna standart yaitu foreground hitam dan background putih. 13. Edit Standart Mode Tool ini digunakan untuk membuat seleksi dan menampilkan standar painting dan editing. 14. Move Tool Tool ini digunakan untuk memindah bagian dari gambar yang di blok atau layer diantara gambar atau gambar lainnya. 15. Magic Wand Tool Tool ini digunakan untuk membuat seleksi atau blok secara otomatis yang hampir sama dengan warna areanya. 16. Slice Tool Tool ini digunakan untuk membuat atau memblok setiap area rectangular dari sebuahgambar. 17. Brush Tool Tool ini biasa digunakan melukis atau mengambar suatu bidang dengan berpatokan pada warna foreground, Anda akan mendapatkan berbbagai macam brush sesuai dengan kegunakaan dan kebutuhan yang anda perlukan untuk membentuk sebuah gambar. 18. History Brush Tool Tool ini biasanya di gunakan untuk menggambar di atas sebuah gambar dengan daerah sebelumnya yang telah ditentukan berfungsi untuk membenarkan kesalahan atau untuk menggambar di atas sebuah gambar. 19. Paint Bucket Tool Tool ini digunakan untuk memberi warna suatu bagian dari gambar dengan warna foreground. 20. Dogde Tool Tool ini digunakan untuk mencerahkan bagian dari suatu Photo atau gambar. 21. Horizontal Type Tool Tool ini digunakan untuk membuat teks pada suatu gambar yang anda miliki. 22. Rectangle Tool Tool ini digunakan untuk membentuk suatu kotak pada suatu gambar, didalam tools ini Anda akan menemukan banyak pilihan bentuk yang lain di dalamnya untuk dapat Anda pilih sesuai dengan kebutuhan Anda. 23. Eyedropper Tool Digunakan untuk memilih warna yangs sama atau warna yang anda inginkan sama dari warna yang ada pada sebuah gambar. 24. Zoom Tool Tool ini digunakan untuk membesarkan atau memperkecil tampilan sebuah gambar pada Photoshop. Perubahan tampilan dengan menggunakan zoom tool ini tidak akan mempengaruhi ukuran pixel atau kualitas dalam sebuah gambar yang kita miliki.

12 25. Set Background Color Tool ini digunakan sebagai indikator sebagai warna background yang aktif dan sekaligus dapat juga berfungsi untuk menggantikan suatu warna background dengan warna yang lain yang kita inginkan. 26. Edit in Quick Mask Mode Tool ini digunakan untuk mengedit atau merancang selection masking yang hanya bersifat sementara. C. PRAKTEK Membuat Kartu Nama 1. Buka file template kartu nama. Kalian boleh mendesain template sendiri dengan memilih tab New untuk blank document-nya. File > Open 2. Setting image color mode Image > Mode > CMYK Pastikan bahwa "Warna CMYK" dicentang.

13 3. Mengatur resolusi template (300 pixel/inch) Resolusi default harus 300 pixel / inch. Jangan mencoba untuk memasukkan angka-angka jika nilai angka lebih rendah dari default. Karena akan menurunkan kualitas template. Image > Image Size 4. Mulai desain layout kartu nama Gambar disamping adalah sebelum dan sesudah desain. Anda harus memastikan bahwa tidak ada teks atau gambar harus berada di luar pedoman biru /kotak.

14 5. Duplikasi ke dalam file baru setelah anda selesai mendesain Langkah ini adalah untuk menyimpan salinan dari karya asli (Master file). Dengan file ini, anda dapat membuat beberapa design untuk kartu nama yang berbeda. Image > Duplicate 6. Flatten file gambar Dengan Flatten file gambar, ukuran file akan diperkecil. Anda tidak bisa lagi mengedit / mengubah desain gambar. Layer > Flatten Image

15 7. Menyimpan. file dengan format yang diinginkan File > Save As Pilih format file dari daftar drop-down dan tekan tombol save.