MODUL - Teknik SEO, Online Marketing & Tutorial IT · Web view. hasilnya gambar pada layer 0 akan...

17
By: ijaa.wordpress.com EFEK dan TRIK SEPUTAR TEKS A. STANDAR KOMPETENSI Mengoperasikan Piranti Lunak dan periperal Multimedia B. KOMPETENSI DASAR Mengoperasikan Aplikasi Desain dan animasi 2 Dimensi C. TUJUAN PEMBELAJARAN Setelah mengikuti kegiatan pembelajaran, siswa diharapkan dapat : 1. Membuat berbagai efek Teks 2. Menggunakan trik untuk manipulasi Teks 3. Mengkombinasikan elemen teks dan grafik 4. Mengembangkan imajinasi, jiwa seni dan ketrampilan dengan berdasar pada teknik pembuatan berbagai efek teks D. URAIAN MATERI Dalam semua desain baik cover buku, brosur, pamflet, kartu nama, halaman web, dll hendaknya dapat menampilkan satu kesatuan data yang informatif. Suatu desain yang baik mengkombinasikan elemen teks dan grafik agar dapat menyampaikan informasi dengan jelas. Desain dan pemilihan huruf, ukuran, ketebalan dan penempatan teks pada halaman merupakan aspek yang sangat penting untuk menyajikan informasi yang menarik dan enak dibaca. Dengan menambahkan efek pada teks, teks terlihat lebih indah, sehingga akan menarik perhatian audience. Efek Teks biasanya digunakan sebagai Logo, banner, Link dan Judul.

Transcript of MODUL - Teknik SEO, Online Marketing & Tutorial IT · Web view. hasilnya gambar pada layer 0 akan...

Page 1: MODUL - Teknik SEO, Online Marketing & Tutorial IT · Web view. hasilnya gambar pada layer 0 akan masuk kedalam teks . FOREST. Gb. 10.4 Gambar masuk dalam teks FOREST. Atur posisi

By: ijaa.wordpress.com

EFEK dan TRIK SEPUTAR TEKS

A. STANDAR KOMPETENSI

Mengoperasikan Piranti Lunak dan periperal Multimedia

B. KOMPETENSI DASAR

Mengoperasikan Aplikasi Desain dan animasi 2 Dimensi

C. TUJUAN PEMBELAJARANSetelah mengikuti kegiatan pembelajaran, siswa diharapkan dapat :1. Membuat berbagai efek Teks2. Menggunakan trik untuk manipulasi Teks 3. Mengkombinasikan elemen teks dan grafik4. Mengembangkan imajinasi, jiwa seni dan ketrampilan dengan berdasar pada

teknik pembuatan berbagai efek teks

D. URAIAN MATERI

Dalam semua desain baik cover buku, brosur, pamflet, kartu nama, halaman web, dll hendaknya dapat menampilkan satu kesatuan data yang informatif. Suatu desain yang baik mengkombinasikan elemen teks dan grafik agar dapat menyampaikan informasi dengan jelas.

Desain dan pemilihan huruf, ukuran, ketebalan dan penempatan teks pada halaman merupakan aspek yang sangat penting untuk menyajikan informasi yang menarik dan enak dibaca.

Dengan menambahkan efek pada teks, teks terlihat lebih indah, sehingga akan menarik perhatian audience. Efek Teks biasanya digunakan sebagai Logo, banner, Link dan Judul.

D.1. Teks MelengkungAnda akan belajar membuat teks melengkung dengan menggunakan fasilitas Warp Text.

1. Buat dokumen baru 2. Klik Teks tool , Ketik KATA MELENGKUNG.

3. Pada Option Bar pilih tombol , Pilih seperti pada setting dibawah.

Page 2: MODUL - Teknik SEO, Online Marketing & Tutorial IT · Web view. hasilnya gambar pada layer 0 akan masuk kedalam teks . FOREST. Gb. 10.4 Gambar masuk dalam teks FOREST. Atur posisi

By: ijaa.wordpress.com

Gb. 1.1 Dialog Warp Text

Gb. 1.2 Hasil Teks Melengkung

D.2. Teks Warna-Warni

1. Buat dokumen baru.

2. Klik Horizontal Type Mask , Ketik 1 2 3 4

3. Klik pada option bar tanda , sehingga tampil seperti gambar berikut :

Gb. 2.1 Hasil dari Horizontal Type Mask

4. Pilih Paint Bucket , Pilih warna pada palette swatches. 5. Isikan warna satu persatu pada huruf/ angka.

Page 3: MODUL - Teknik SEO, Online Marketing & Tutorial IT · Web view. hasilnya gambar pada layer 0 akan masuk kedalam teks . FOREST. Gb. 10.4 Gambar masuk dalam teks FOREST. Atur posisi

By: ijaa.wordpress.com

Gb. 2.2 Hasil Teks Warna-warni

D.3. Teks Gradasi

Gradasi warna bsia terdiri dari 2 warna atau lebih. Dengan adanya gradasi warna, perpindahan warna akan terlihat secara halus.

1. Klik Horizontal Type Mask , Ketik GRADASI2. Pilih Gradient Tool , Klik dan seret pada teks mengikuti tanda panah.

Gb. 3.1 Teks Gradasi

D.4. Teks Garis Bersusun

1. Buat Pola garis TV (lihat pada modul 5: bab tentang background)2. Buat Halaman Baru.

3. Klik Horizontal Type Mask , Ketik POLA TV

4. Klik pada option bar tanda 5. Pilih Paint Bucket . Klik Edit > Fill, Use : Pattern , Custom Pattern :

garis_tv6. Isikan pola pada teks tersebut, maka hasilnya adalah sebagai berikut:

Gb. 4.1 Teks Berpola garis TV

Page 4: MODUL - Teknik SEO, Online Marketing & Tutorial IT · Web view. hasilnya gambar pada layer 0 akan masuk kedalam teks . FOREST. Gb. 10.4 Gambar masuk dalam teks FOREST. Atur posisi

By: ijaa.wordpress.com

D.5. Teks Menyala

1. Buat dokumen baru dengan background hitam.2. Klik Horizontal Type , Ketik : NYALA3. Klik menu Layer > Rasterize > Layer.4. Klik Menu Layer >Duplicate Layer, Lakukan sebanyak 3x, susun layer seperti

berikut :

Gb. 5.1 Urutan Layer Text

5. Pada palet Layer, Klik NALA copy 3, lalu klik menu image > Adjusment > Hue/ Saturation, Berikan tanda cek pada Colorize, Isikan dengan nilai pada bagian Hue : 50(kuning), Saturation : 100, Lightness : 50

6. Klik menu Filter > Blur > Gaussian Blur, Isi nilai 37. Klik pada layer NYALA copy 2, lakukan hal yang sama seperti langkah no 5,

tetapi isikan nilai Hue : 30(orange). Klik menu Filter > Blur > Gaussian Blur, Beri nilai : 6

8. Klik pada layer NYALA copy, lakukan hal yang sama seperti langkah no 5, tetapi isikan nilai Hue : 10(Merah). Klik menu Filter > Blur > Gaussian Blur, Beri nilai : 9

Gb. 5.2 Hasil Efek Teks Menyala.D.6. Teks AquaTeks Aqua adalah teks menggunakan efek seperti kaca bening pada galon plastik minuman aqua.

1. Set Foreground : #1A66AF2. Klik tool Horizontal Type , Ketik : AQUA

Page 5: MODUL - Teknik SEO, Online Marketing & Tutorial IT · Web view. hasilnya gambar pada layer 0 akan masuk kedalam teks . FOREST. Gb. 10.4 Gambar masuk dalam teks FOREST. Atur posisi

By: ijaa.wordpress.com

3. Klik Layer > Layer Style > Inner Shadow. Ubah warna dengan men-klik kotak disamping Blend Mode : Multiply dengan warna biru tua (#025096). Atur parameter yang lain sebagai berikkut :

Gb. 6.1 Setting Inner Shadow

4. Berikan setting pada outer glow, seperti gambar dibawah :

Gb. 6.2 Setting Outer Glow

5. Berikan setting pada Inner Glow, Seperti gambar berikut :

= #025096

= #44CAFE

Page 6: MODUL - Teknik SEO, Online Marketing & Tutorial IT · Web view. hasilnya gambar pada layer 0 akan masuk kedalam teks . FOREST. Gb. 10.4 Gambar masuk dalam teks FOREST. Atur posisi

By: ijaa.wordpress.com

Gb. 6.3 Setting Inner Glow

6. Setting Bevel and Emboss, seperti gambar berikut.

Gb. 6.4 Setting Bevel and Emboss

7. Setting pada Contour, seperti gambar berikut :

= #FFFFFF

Page 7: MODUL - Teknik SEO, Online Marketing & Tutorial IT · Web view. hasilnya gambar pada layer 0 akan masuk kedalam teks . FOREST. Gb. 10.4 Gambar masuk dalam teks FOREST. Atur posisi

By: ijaa.wordpress.com

Gb. 6.5 Setting Countur

Gb. 6.6 Efek Aqua

D.7. Teks Emas

Teks emas adalah teks yang dibuat dengan menerapkan efek kuning keemasan yang terlihat mengkilap gemerlapan pada teks, sehingga memberi kesan mewah.

1. Set ForeGround : #999999, Klik Horizontal Type, Ketik : EMAS2. Klik kanan Layer teks EMAS , pilih Blending Option , tambahkan efek Bevel

and Emboss dan Drop Shadow, Biarkan parameternya default.3. Pada Palet layer, Klik Layer teks EMAS sambil menekan tombol CTRL pada

keyboard, teks akan terseleksi.4. Masih pada palet layer , klik tombol Create new Fill or Adjusment layer, akan

tampil menu, pilih Curves,

= Rounded steps

Page 8: MODUL - Teknik SEO, Online Marketing & Tutorial IT · Web view. hasilnya gambar pada layer 0 akan masuk kedalam teks . FOREST. Gb. 10.4 Gambar masuk dalam teks FOREST. Atur posisi

By: ijaa.wordpress.com

Gb. 7.1 Pilih Curves

5. Pada kotak dialog Curves atur seperti berikut :

Gb. 7.2 Setting Curves

6. Lakukan lagi seleksi pada teks, lalu klik Create new Fill or Adjustment, pilih Hue/ Saturation, Isikan nilainya pada bagian Hue : 50, Saturation: 100, Brighnest:20, Jangan lupa cek Colorize.

Gb. 7.3 Teks Emas

Page 9: MODUL - Teknik SEO, Online Marketing & Tutorial IT · Web view. hasilnya gambar pada layer 0 akan masuk kedalam teks . FOREST. Gb. 10.4 Gambar masuk dalam teks FOREST. Atur posisi

By: ijaa.wordpress.com

D.8. Teks 3D

Dewasa ini bentuk 3D menjadi begitu populer dan banyak digunakan oleh para desainer untuk menambah keindahan desainnya.

1. Klik Horizontal Type, Tulis 3D.2. Klik Menu Layer > Layer Style > Bevel and Emboss. Kemudian atur parameter

sebagai berikut :

Gb. 8.1 Setting Bevel and Emboss

3. Hasil akan nampak sebagai berikut

Gb. 8.2 Hasil Efek 3D

Page 10: MODUL - Teknik SEO, Online Marketing & Tutorial IT · Web view. hasilnya gambar pada layer 0 akan masuk kedalam teks . FOREST. Gb. 10.4 Gambar masuk dalam teks FOREST. Atur posisi

By: ijaa.wordpress.com

D.9. Teks Outline Ganda

Teks Outline ganda adalah teks yang mempunyai dua garis pinggir dengan menggunakan warna garis pinggir yang berbeda antara garis yang satu dengan yang lainnya, sehingga terlihat seperti tiga buah teks dalam satu tulisan.

1. Klik Horizontal Type, ketik GANDA.2. Klik menu Layer > Layer Style > Stroke, pilih Fill Type : Gradient, Style :

Shape Brust.3. Klik pada bagian gradient untuk menampilkan kotak dialog Gradient Editor,

lalu aturlah Color Stop berwarna merah dan putih. Lihat setting gambar seperti berikut:

Gb 9.1 Setting Stroke

Page 11: MODUL - Teknik SEO, Online Marketing & Tutorial IT · Web view. hasilnya gambar pada layer 0 akan masuk kedalam teks . FOREST. Gb. 10.4 Gambar masuk dalam teks FOREST. Atur posisi

By: ijaa.wordpress.com

Gb. 9.2 Setting warna Gradient

Gb. 9.3 Hasil Teks Ganda

D.10. Gambar dalam TeksDengan trik berikut anda akan belajar memasukkan gambar dalam teks.

1. Buka gambar Winter.jpg2. Klik 2x pada layer background, lalu klik OK. Hingga tampil seperti ini.

Page 12: MODUL - Teknik SEO, Online Marketing & Tutorial IT · Web view. hasilnya gambar pada layer 0 akan masuk kedalam teks . FOREST. Gb. 10.4 Gambar masuk dalam teks FOREST. Atur posisi

By: ijaa.wordpress.com

Gb. 10.1 Berubah menjadi layer 0

3. Klik tombol Create New Layer . Tekan Teks tool , Lalu tulis FOREST (Font : Arial Black, Size : 72pt)

Gb. 10.2 Membuat Layer Baru berisi Teks Forest

4. Pindah Layer teks FOREST kebagian bawah.

Gb. 10.3 Layer teks FOREST dobawah layer 0

5. Pilih Layer 0 lalu tekan CTRL+G. hasilnya gambar pada layer 0 akan masuk kedalam teks FOREST

VIEW

Page 13: MODUL - Teknik SEO, Online Marketing & Tutorial IT · Web view. hasilnya gambar pada layer 0 akan masuk kedalam teks . FOREST. Gb. 10.4 Gambar masuk dalam teks FOREST. Atur posisi

By: ijaa.wordpress.com

Gb. 10.4 Gambar masuk dalam teks FOREST

6. Atur posisi gambar didalam teks dengan men-drag gambar didalam teks tersebut.

D.11. Membuat Brush Khusus Berbentuk Teks

Trik berikut adalah membuat pola brush berbentuk teks. Dengan trik ini anda tidak perlu repot membuat teks satu persatu dan menambah jumlah layer.

1. Buka File gambar (terserah anda, misal : sunset.jpg)2. Buat teks (Terserah anda, Misal : Love). Warna : putih, Size :24, Font : Comic3. Tahan tombol CTRL lalu klik layer teks Love4. Setelah Teks diseleksi atur nilai Opacity : 30%5. Klik menu Edit > Define Brus Preset6. Beri nama Preset (terserah anda, Misal : Teks_Love). Lalu Klik OK

Gb. 11.1 Dialog Box Brush Name

7. Tekan CTRL + D lalu hapus layer teks Love

8. Tekan tombol B untuk mengaktifkan Brush Tool 9. Pada Option Bar klik tombol Brush Preset Picker lalu pilih Teks_Love yang ada

dibagian paling bawah, setelah itu atur nilai opacity : 30%

Gb.11.2 Option Bar Brush Tool

10. Klik pada gambar sunset.jpg, hasilnya seperti gambar dibawah.

Brush Preset Picker Opacity

Page 14: MODUL - Teknik SEO, Online Marketing & Tutorial IT · Web view. hasilnya gambar pada layer 0 akan masuk kedalam teks . FOREST. Gb. 10.4 Gambar masuk dalam teks FOREST. Atur posisi

By: ijaa.wordpress.com

Gb. 11.3 Hasil menggunakan Brush Tool

D.12. Solusi untuk Font yang tidak memiliki BOLD dan ITALIC

Dengan trik ini anda dapat membuat style Bold dan Italic untuk font yang tidak memiliki style tersebut. Misal huruf MS Sans Serif.

1. Klik Tool Teks pada Option Bar atur jenis font : Ms Sans Serif

Gb. 12.1 Option Bar Text

2. Ketik pada Kanvas, misal MUTIARA

Gb. 12.2 Teks MUTIARA pada Kanvas

3. Klik 2x pada ikon T Layer teks MUTIARA, lalu buka palette Character4. Klik Faux Bold dan Faux Italic

Font

Style hanya reguler

Page 15: MODUL - Teknik SEO, Online Marketing & Tutorial IT · Web view. hasilnya gambar pada layer 0 akan masuk kedalam teks . FOREST. Gb. 10.4 Gambar masuk dalam teks FOREST. Atur posisi

By: ijaa.wordpress.com

Gb. 12.3 Palette Character

Faux Italic

Faux Bold