Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Adobe InDesign
Design

Buat 5 Kesan Tipografi Impak Tinggi dalam Adobe InDesign

by
Difficulty:BeginnerLength:LongLanguages:

Malay (Melayu) translation by Umar bin Abdul Aziz (you can also view the original English article)

Final product image
What You'll Be Creating

InDesign adalah alat Adobe terbaik untuk mencipta tipografi tradisional dan profesional.  Pereka sering menggunakan Illustrator atau Photoshop jika mereka mahu membuat kesan teks yang lebih unik dan kontemporari.  Walau bagaimanapun, dengan sedikit pengetahuan anda boleh membuat kesan kreatif dan kreatif canggih tanpa meninggalkan InDesign.

Tutorial ini menunjukkan kepada anda bagaimana untuk membuat lima kesan tipografi yang menarik menggunakan alat dan helah yang terdapat pada anda dalam InDesign.  Anda boleh mengikuti tutorial ini secara berasingan, kemudian tweak langkah-langkah untuk mencipta gaya unik anda sendiri.

Tetapan halaman (Persediaan Halaman)

Untuk semua kesan di bawah, kami akan menggunakan susun atur A4.  Tetapi jangan teragak-agak untuk melangkau langkah ini jika anda mahu menggabungkan kesan teks tertentu ke dalam dokumen yang telah anda buat.

Untuk membuat susun atur A4 baru, Buka InDesign dan pilih Fail> Dokumen Baru.  Dalam tetingkap Dokumen Baru tetapkan Niat untuk Cetak dan tetapkan Nombor Halaman ke 5. Batalkan Menghadap Halaman.  Di bawah Saiz Halaman, pilih 'A4' dan tetapkan Orientation to Landscape.  Tinggalkan Margin pada tetapan lalainya dan tetapkan Bleed ke 0 mm.

New Document window

Klik OK, dan dokumen anda sedia untuk digunakan.

new document

1. Buat Kesan Teks dalam Teks

Final typography effect

Langkah 1

Untuk kesan ini, anda perlu menggunakan dua fon.

Font pertama akan membentuk teks yang dilampirkan, dan mesti cukup berat untuk memegang badan teks.  Fon molot adalah pilihan yang tepat kerana ia adalah gaya Font yang besar, memberikan kesan percetakan.

Huruf kedua akan mengisi watak watak huruf pertama.  Tidak perlu menggunakan gaya atau berat tertentu, tetapi cuba memilih tipografi yang sesuai dengan rupa reka bentuk anda.  Dalam kes ini, saya menggunakan Alpha Echo, atau mengapa tidak cuba Memusnahkan?

Langkah 2

Pilih Alat Jenis (T) dan seret untuk membuat bingkai teks 252 mm dalam Lebar dan Ketinggian 62 mm.  Kedudukan ini di halaman 1 dokumen

Apa-apa perkataan yang anda mahu isi dengan teks, buat bingkai teks untuk setiap aksara individu (lihat di bawah).

Taip 'I' dan, dari panel Character Formatting Kawalan di sepanjang bahagian atas skrin, atur Font ke Molot kerap, Size ke 250 pt, Orientation ke Align kiri (jika anda memilih Align Center, ini mempunyai kecenderungan untuk tidak membantu Anchor frame saat ditukar menjadi menggariskan).  Gunakan teks isi lalai [Hitam].

Pilih bingkai teks dan Edit> Salin dan Edit> Tampal.  Tukar aksara ke 'N' dan bingkai manuver di sebelah kanan aksara pertama.

text frame for each character

Drag ke bawah Guide dari atas Ruler (View> Show Ruler) untuk membuat garis dasar untuk karakter yang akan diduduki.  Anda juga boleh menggunakan guide melintang dari bahagian kiri Rulers untuk membuat guide agar jarak antara watak sama.

Ulangi proses di atas untuk aksara lain.  Pada kes ini, 'S', 'I', 'D', dan 'E' untuk membentuk kata 'INSIDE'.

Type full word

Langkah 3

Pilih bingkai teks aksara pertama dan buka Jenis> Buat Garis Besar.  Ulang untuk setiap bingkai teks.  Setiap watak ditukar menjadi garis besar vektor.

Create outlines

Langkah 4

Pilih semua aksara yang digariskan dengan menyeret tetikus anda merentasi halaman.

Buka Panel Swatch (Window> Color> Swatches) dan atur Fill ke [None]  Deselect pilihan watak dengan klik sekali di luar laman.

Swatches panel

Langkah 5

Pilih Alat Jenis (T) dan buatnya terapung di atas aksara pertama dalam perkataan (di sini, 'I').  Anda akan melihat perubahan ikon dari ikon jenis dengan tanda kurung terus ke ikon jenis dengan kurungan melengkung.

Klik tunggal dan bentuk vektor akan berubah menjadi bingkai teks.  Beralih ke Alat Pemilihan (V, Escape) dan pilih aksara pertama, di sini menggunakan 'I'.  Kotak putih kecil telah muncul di bahagian bawah kanan bentuknya.  Klik sekali pada kotak dan klik sekali lagi pada watak seterusnya (di sini, 'N') untuk menyambung dua aksara dengan benang teks.

Pergi ke Lihat> Ekstra> Papar Teks Threads untuk melihat bagaimana watak disambungkan.  Ulangi proses di atas sehingga semua aksara disambungkan kepada satu sama lain.

Threading text

Langkah 6

Pilih Alat Jenis (T)  dalam panel Kawalan Pemformatan Watak, tetapkan Font Alpha Echo Regular, Saiz ke 8 pt, Memimpin ke 8pt, Orientasi kepada Justifiy dengan Last Line Aligned Kiri.

Klik sekali dalam aksara pertama dan buka Jenis> Isi Teks Pemegang Tempat.  Anda juga boleh memasukkan teks anda sendiri untuk menghasilkan kesan artistik dengan makna tambahan.

Fill with placeholder text

Tukar ke pratonton pratonton dengan mengetik 'W' untuk melihat kesan dan menyesuaikan Saiz, tanda hubung, penjejakan dll sehingga anda berpuas hati dengan hasilnya.

Preview View

Langkah 7

Anda boleh membuat lebih banyak kontras untuk tipografi anda dengan menetapkan teks berwarna terang dan latar belakang yang lebih gelap.

Pilih Rectangle Tool (M) dan seret untuk mencapai seluruh halaman.  Tetapkan Strok ke [Tiada] dan Isi ke C = 100, M = 90, Y = 22, K = 72 (atau Swapp lain gelapp dan kontras).  Klik kanan (PC) atau Ctrl-Klik (Mac) dan Susun> Hantar ke Kembali

Sorot semua teks di dalam watak dan tetapkan Warna teks warna kepada [Kertas].

Dan anda sudah selesai!  Jenis kesan tipografi ini sesuai dengan pengaturan besar-besaran, mungkin sebagai sebahagian daripada poster atau sepanduk.

typography final result

2. Mencipta Kesan Teks Blok

Ini adalah kesan teks mudah tetapi kesan tinggi untuk memperkenalkan beberapa minat visual dan rupa warna pada blok pepejal teks.

Final typography - block color

Langkah 1

Dalam halaman 2 dokumen InDesign anda, pilih Jenis Alat (T) dan seret untuk membuat bingkai teks kira-kira 194 mm di Lebar dan 57 mm Ketinggian.

Taip frasa kira-kira 4 ayat panjang dan tentukan Taip ke Semua Caps (cari di sebelah panel menu drop-down Saiz Font dalam Kawalan Pemformatan Watak yang berjalan di sepanjang bahagian atas skrin).  Tetapkan orientasi untuk mewajarkan semua Talian dan Hyphenate yang tidak ditandai dalam panel Kawalan Pemformatan Perenggan.

Pusatkan bingkai teks pada halaman.

Minion pro text frame

Langkah 2

Pilih Font dengan keperibadian sedikit - bergantung pada pilihan warna anda, kesan ini boleh mempunyai kesan yang berbeza.  Di sini, saya mencari rasa yang menyeronokkan dan menarik, dan akan memilih Font yang dipanggil CabinSketch untuk menjana ini.

Langkah 3

Terapkan Kabinet Bold ke blok teks anda.  Seret seksyen teks yang berlainan dan main dengan Saiz dan Memimpin, membuat teks besar di tengah blok.  Tetapkan saiz teks berbeza dari 17 pt ke 50 pt.

CabinSketch text frame

Langkah 4

Tarik Panduan menegak dari sebelah kiri Ruler hingga kira-kira 64 mm.  Seret panduan Kedua menegak hingga kira-kira 185 mm, dan seret Panduan ketiga hingga kira-kira 230 mm.  Ini akan menandakan bahagian di mana anda boleh memohon warna yang berbeza.

Guides to mark color

Langkah 5

Buat empat Swatches CMYK (Tetingkap> Swatches, kemudian klik butang ikon Swatch Baru).  Dalam contoh ini saya menggunakan empat warna ais krim kontemporari.

orange swatch
pink swatch
blue swatch
green swatch

Langkah 6

Sorot bahagian teks dalam panduan dan gunakan warna pada blok menegak.  Jangan bimbang jika aksara individu dimasukkan ke dalam panduan; Penggunaan warna yang tidak sempurna akan memberi penampilan yang ceria dan menawan.

applying color in blocks

Selesai!  Ini adalah kesan yang hebat untuk mencerahkan item tidak formal seperti kad dan jemputan.  Ia juga kelihatan hebat dengan teknik percetakan Letterpress.

finished typography with block color

3. Mencipta Kesan Vintage - menggunakan Jenis dalam Alat Laluan

Langkah 1

Pergi ke halaman 3 dari dokumen InDesign anda.  Gunakan Alat Jenis (T) untuk membuat bingkai teks baru, tetapi gerakkan ini ke sisi halaman, pada Papan Kertas.  Tinggal dengan paparan Normal (ketuk 'W') supaya ia masih dapat dilihat.

Pilih perenggan teks yang anda mahu gunakan kesannya.  Ketik, atau Salin dan Tampal, teks ini ke dalam bingkai teks.  Untuk sekarang, simpan fon lalai, di sini Pro Minion, tetapkan Saiz hingga 40 pt dan Orientasi kepada Align Center.

Langkah 2

Pada halaman itu sendiri, pilih Alat Talian (\) dan sambil menahan Shift, seret untuk membuat Barisan 113 mm mendatar di Lenght.  Kedudukan berpusat pada halaman pada Kedudukan 50 mm Y.

Langkah 3

Pilih Tipe pada Alat Path (Shift + T; cari di Panel Alat, dalam menu drop-down ikon Tool Type).  Tuding di bahagian atas sebelah kiri Jalur sehingga ikon berubah untuk mendedahkan simbol '+'.  Klik sekali untuk menukar Line to Path untuk teks.

Serlahkan dan Salin baris pertama perenggan teks menggunakan Alat Jenis (T), kemudian kembali ke Taip pada Alat Jalan (Shift + T) dan Paste teks ke dalam bar Jalur anda telah mencipta. 

Langkah 4

Beralih kembali ke Selection Tool (V, Escape) dan ubah Stroke Color dari garis ke [None] .

Ulangi langkah di atas untuk beberapa baris berikut dari perenggan teks, meletakkan setiap baris pada jalurnya sendiri.  Anda boleh menetapkan perenggan teks asal di belakang Laluan untuk membantu menyusun teks dan juga membuat Terkemuka. 

Langkah 5

Sekarang anda boleh mula membuat beberapa kesan yang berbeza. Anda tidak lagi terikat oleh aturan tetapan teks dalam bingkai teks, namun dapat memindahkan path yang berbeza ke kedudukan organik dan unik untuk mewujudkan perasaan bergerak dalam blok teks anda.

Mengapa tidak cuba menggunakan Ellipse Tools (L) untuk membuat bentuk bujur panjang dengan sebuah strok dan fill ke [None], yang kemudian boleh anda bahagikan dalam dua bahagian dengan menggunakan ScissorsTool (C).  Letakkan bahagian bawah di bahagian bawah perenggan dan gunakan Type on a Path Tool (Shift + T), seperti sebelum ini, untuk menambah baris terakhir teks. 

Pindah setengah bahagian atas bujur ke bahagian atas perenggan dan atur teks paling atas sepanjang Laluan yang melengkung yang baru ini.  Buka Object> Paths> Reverse Path untuk membalikkan teks agar berjalan di sepanjang bahagian atas keluk.

Langkah 6

Buat jalan baru dan gerakkan kata-kata atau frasa individu ke dalamnya, ubah Saiz Font, untuk membuat tetapan kalimat baru seperti dalam contoh di bawah.

Ubah Font, Saiz dan Gaya (Regular, Bold atau Italic) dari frasa dan perkataan yang berbeza untuk membuat kesan yang diinginkan, mewujudkan Laluan baru jika anda perlu. Ini saya menggunakan Garamond dan Fournier MT untuk memberikan kesan gaya lama dan gaya huruf pada teks.

Narik Laluan lebih dekat, biarkan beberapa huruf sedikit bertindih, untuk memberikan pandangan yang lebih kukuh kepada teks.

Langkah 7

Beri warna dengan pergi ke Panel Swatch (Tetingkap> Swatch) dan buat CMYK Swatch yang baru (klik ikon New Swatch).  Pilih warna asas (di sini, saya menggunakan merah gelap, C = 0, M = 92, Y = 90, K = 47) untuk memohon kepada kebanyakan teks, membawa beberapa perkataan dan frasa dalam pucat, kuning, biru, merah jambu dan hitam.

Langkah 8

Letakkan tipografi anda terhadap latar belakang yang berbeza untuk menyerlahkan warna teks.

Gunakan Rectangle Tool (M) untuk membuat bingkai yang berjalan di seluruh halaman.  Tetapkan Isi ke C = 2, M = 48, Y = 86, K = 10 dengan 10% Tint.  Dengan bingkai dipilih Klik Kanan (PC) atau Ctrl-Klik (Mac) dan Susun> Hantar ke Kembali.

Kemudian buka Objek> Kesan> Baji Gradien dan tetapkan Jenis ke RadialHidupkan Gradien menjadi nota pucat bermula dari tengah halaman.

Tipografi anda kelihatan hebat, sangat vintaj!  Kesan semacam ini akan kelihatan hebat pada bahan promosi, seperti poster atau brosur, untuk diperhatikan.  Ia juga hebat untuk dimasukkan sebagai sebahagian daripada versi bercetak buku yang unik.


4. Meningkatkan Teks dengan Drop Drop dramatik

Final Drop Cap effect

Drop Drop adalah teknik tipografi yang sangat mudah tetapi sangat berkesan untuk menekankan perenggan pengantar.  Anda boleh meletakkan langkah-langkah di sini ke dalam dokumen anda sendiri, mungkin artikel bab atau artikel majalah.  Buat masa ini, kami akan menempuh susun atur A4 kami.

Langkah 1

Terbuka Halaman 4 dari dokumen A4.  Menggunakan Alat Jenis (T) untuk menyeret bingkai teks 115 mm di Ketinggian dan Lebar 140 mm.  Pusat ini di halaman, gunakan Panduan Seret dari Rulers jika diperlukan.

Set up the text frame

Langkah 2

Untuk Drop Cap dramatik yang menonjol, anda perlu membezakan fon menarik, tipografi bergaya (untuk Cap Drop) terhadap tipografi klasik.

Untuk teks utama di sini, saya menggunakan Fournier MTGaramond atau Baskerville juga akan menjadi pilihan yang baik.

Untuk Cap Drop, saya telah memilih jenis huruf kaligrafi, Chantelli Antiqua, untuk memberi kesan sejarah.  Walau bagaimanapun, Drop Caps pada asalnya digunakan dalam manuskrip zaman pertengahan.

Langkah 3

Kembali ke bingkai teks dan klik sekali pada bingkai dengan Alat Jenis (T).  Tetapkan Fon ke Fournier MT Regular, Saiz hingga 12 pt, Memimpin hingga 15 pt, Berikan Bersesuaian dengan Kanan Berlaku Terakhir, dan tinggalkan teks yang ditulis dengan tanda hubung.  Tampalkan teks pilihan Anda sendiri atau, untuk sekarang, Jenis Terbuka> Isi Teks Placeholder.

Insert placeholder text

Langkah 4

Serlahkan huruf pertama perenggan.  Buka panel Kawalan Pemformatan Watak, yang terletak di bahagian atas skrin, dan tetapkan Drop Number of Lines ke 10.

Set the Drop Cap

Langkah 5

Tukar Font dari surat pertama ke Chantelli Antiqua.

Change Font of Drop Cap

Gunakan Swatch baru dalam Panel Swatches (Window> Color> Swatches) untuk kontras tambahan.  Di sini saya tetapkan Warna dari Drop Cap ke C = 80 M = 40 Y = 50 K = 10.

Change Swatch of Drop Cap

Langkah 6

Untuk memberi sentuhan profesional tambahan kepada perenggan, sorot perenggan 4 atau 5 kata pertama (tidak termasuk Drop Cap) dan pilih ikon Semua Cps dari panel Kawalan Pemformatan Watak.

Pilih bingkai teks dengan Alat Pemilihan (V, Escape) dan buka Tetingkap> Jenis & Jadual> cerita untuk membuka Panel cerita.  Klik kotak semak dalam Margin Optical Alignment.  Teks itu akan mengubah kedudukannya secara halus, dan ia kelihatan lebih seronok untuk dilihat.

Optical Margin Alignment

Langkah 7

Tipografi yang baik adalah mengenai butirannya.  Anda akan melihat bahawa baris teks di bawah watak Drop Cap terletak sedikit berhampiran bahagian bawah Drop Drop.

Sorot Cap Drop dan buka semula panel Kawalan Pemformatan Watak.  Cari menu Baseline Shift dan tetapkan nilai menjadi 9 pt.  Drop Cap akan beralih ke atas, mewujudkan lebih banyak ruang antara mereka dan antara teks perenggan.

Baseline Shift

Dan anda sudah selesai!  Ini adalah teknik super mudah untuk menambah sentuhan profesional untuk dokumen yang lebih formal, seperti buku, majalah dan risalah.

Final Drop Cap typography effect


5. Tambah Twist Surreal untuk Typography anda

Ia adalah kesan kontemporari yang sejuk yang lebih kepada hiasan daripada berfungsi, tetapi ia sangat mudah dibuat.

final surreal twist typography

Langkah 1

Navigasi ke halaman 5 dokumen A4.  Pilih Alat Talian (\) dan seret merentas halaman dari kiri atas ke kanan bawah.  Jangan meregangkannya ke sudut-sudut halaman, sudut harus lembut.

line tool

Edit> Salin dan Edit> Tampalkan Jalan Ini dan Klik Kanan (PC) atau Ctrl-Klik (Mac)> Transform> Putar 90 darjah CW.  Posisi garisan kedua ini merentasi pusat garisan pertama, melanjutkan dari sebelah kiri bawah halaman ke kanan atas.  Kembangkan tepi garisan supaya ia mencapai tepi halaman.

guides using line tool

Langkah 2

Dalam Panel Lapisan (Window > Lapisan) klik dua kali nama default 'Layer 1' dan ganti dengan nama 'Panduan'.  Kunci lapisan ini dalam Panel Lapisan.

guides layer

Klik ikon Buat Lapisan Baru dan gantikan semula lapisan kedua ini kepada 'Tipografi'.

Typography layer

Langkah 3

Sisa pada Typography Layer, gunakan Alat Jenis (T) untuk menyediakan bingkai teks baru iaitu 215 mm dalam Lebar dan 20 mm Ketinggian.  Ketik baris teks, di sini 'Tipografi Sureal' dan tetapkan Font untuk Gill Sans Regular (kami akan menggunakan Gill Sans sepanjang tutorial), tetapkan Saiz hingga 75 pt dan Penjejakan hingga 20.

Beralih ke Alat Transformasi Bebas (E) dan tuding pada satu sudut bingkai teks sehingga ikon putar muncul.  Putar bingkai selari dengan salah satu Talian yang anda buat dalam Langkah 2.

First text frame rotated

Langkah 4

Menggunakan Lines sebagai panduan untuk teks reposition, berulang kali membuat bingkai teks baru dan menyesuaikan kedudukan mereka pada halaman.  Berat Berat (SemiBold, Regular, Cahaya dan sebagainya) dan Saiz Fon untuk membuat perbezaan dan perbezaan.

Anda boleh flip orientasi beberapa bingkai teks untuk menghasilkan kesan cermin Klik kanan (PC) atau Ctrl-Click (Mac)> Transform> Flip Horizontal.

Flipped text frame

Teruskan membuat bingkai teks baharu, masukkan teks yang berbeza.  Matikan keterlihatan lapisan 'Panduan' dan aktifkannya apabila anda mahu melihat kesan akhir.

Text frames rotated and positioned
Normal View
Preview View

Langkah 5

Sebaik sahaja anda berpuas hati dengan susunan bingkai teks anda, anda boleh jatuh dalam beberapa warna.  Serlahkan frasa atau kata-kata individu dan serahkan Swatches CMYK baru kepada Panel Swatch (Window> Color> Swatch).  Buat tabungan dengan apl warna untuk menjadikannya kelihatan profesional.  Di sini saya menggunakan tiga warna pelengkap.

Final typography effect - surreal effect

Awesome!  Itu hebat.  Kesan tipografi kebanyakannya hanya untuk keseronokan, jadi mengapa tidak mencetaknya pada poster atau kad hiasan untuk menunjukkan kemahiran tipografi baru anda?

Kesimpulannya

Petua tipografi dalam tutorial ini telah dikumpulkan untuk menunjukkan bagaimana untuk membuat tipografi serba boleh, kreatif dan menyeronokkan boleh dilakukan dalam InDesign.  Dalam projek reka bentuk seterusnya, cuba gunakan kesan tipografi khas dalam InDesign untuk menambah sentuhan profesionalisme dan kreativiti kepada kerja anda.

Adakah anda mempunyai tip tipan InDesign anda sendiri?  Sebut di ruangan komen di bawah!

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.