7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Text Effects

Buat Tipografi Vintage yang Lengkap dengan Illustrator dan Photoshop

Scroll to top
Read Time: 15 mins

Indonesian (Bahasa Indonesia) translation by Putri (you can also view the original English article)

Dalam tutorial ini kita akan menunjukkan cara mengkustomisasi jenis huruf di Illustrator dan kemudian menggunakan Photoshop untuk membuat desain tipografi vintage yang menakjubkan. Ayo mulai!


Aset Tutorial

Aset berikut digunakan selama produksi tutorial ini:


Sebelum Kita Mulai

Sebelum memulai tutorial ini, penting untuk memiliki sedikit pengetahuan dan pengalaman dalam Adobe Illustrator. Mengapa kita menggunakan Illustrator? Karena menawarkan kemungkinan besar untuk menyesuaikan jenis huruf apa pun, mencapai hasil yang sangat baik dan mendapatkan kurva, batas, dan bentuk yang halus dalam file vektor berkualitas tinggi. Juga, disarankan untuk memanfaatkan tablet grafis. Tidak harus besar, saya bekerja dengan A6 Wacom Tablet dan berfungsi dengan baik untuk setiap teknik yang dijelaskan dalam tutorial ini. Ayo!


Langkah 1

Pertama, buka Adobe Illustrator dan buat dokumen baru 1000x1000px, RGB, 300ppi.


Langkah 2

Dengan memilih Type Tool (T), kita akan memilih font untuk teks kita. Dalam karya seni ini, saya menggunakan jenis huruf gratis yang disebut "Creampuff" (Anda dapat menemukan tautan pada deskripsi aset).
Ini adalah karya seni penghormatan untuk penyanyi soul Solomon Burke, jadi saya mengetik "Solomon Burke" di kanvas saya. Untuk tampilan yang lebih baik, saya menulis teks saya dalam huruf kecil dan besar untuk memilih yang paling estetis untuk komposisi.


Langkah 3

Setelah kita memutuskan surat apa yang akan dikumpulkan, kami melanjutkan untuk menulis teks. Setelah itu, memilih teks dengan Selection Tool (V) kita pergi ke menu bar atas: Type > Create Outlines. Anda akan melihat bagaimana banyak titik jangkar muncul di setiap huruf, sehingga tindakan ini akan memungkinkan kita untuk menyesuaikan teks teks dengan huruf di ilustrator selama proses berlangsung.


Langkah 4

Sekarang mari kita mulai membuat komposisi. Tempatkan kursor Anda di atas teks dan klik kanan; pada menu pilih opsi "Isolate Selected Group". Tindakan ini memudahkan untuk memilih setiap huruf satu per satu. Gunakan lagi Selection Tool (V) untuk memindahkan dan menempatkan setiap karakter; dengan memilih surat dan kemudian Free Transform Tool (E), kita dapat memanipulasi surat-surat kita dengan mudah. Anda dapat mengubah, memutar, atau mengubah ukuran. Seperti yang Anda lihat, dapat membuat segala jenis gerakan dengan font kita. Setelah kita menempatkan, mengubah ukuran dan menulis teks saatnya menyesuaikan tipografi kita (jika Anda ingin keluar dari Mode Isolasi, cukup klik ESC).


Langkah 5

Mengulangi tindakan pertama dari langkah sebelumnya, kita melanjutkan untuk mengisolasi teks kita lagi (jika tidak berada dalam Mode Isolasi, klik kanan pada type > Isolate Selected Group). Saya melakukan ini untuk memperbaiki beberapa kurva dan tepi dari jenis font asli dengan tipe.

Setelah memilih huruf pertama, kita memilih Eraser Tool (Shift + E). Dengan mengklik dua kali pada tool palette tempat meletakkan eraser tool, kita dapat mengubah opsi yang berbeda. Dalam hal ini, saya hanya mengubah diameter untuk memanipulasi terminasi font. Saya menyesuaikan huruf M, N, U, K, R dan E dengan menghapus beberapa bagian. Tujuan dengan langkah ini adalah membuat kurva dan sudut yang lebih halus. Anda dapat memeriksa proses pada gambar di bawah ini.


Langkah 6

Sekarang kita akan menghias karya seni dengan menggambar beberapa elemen dan menambahkan beberapa bentuk. Untuk ini dan langkah-langkah berikut ini disarankan Anda bekerja dengan tablet grafis.

Buat layer baru dan jangan lupa untuk mengunci layer tipografi untuk menghindari modifikasi atas huruf. Penting untuk memilih color picker (tool palette kiri) opsi warna isi dan jangan memilih warna apa pun untuk goresan. Untuk gambar, saya pribadi suka menggunakan Pencil Tool (N) untuk menggambar dari awal di ilustrator (gambar tangan-bebas), tetapi Anda dapat menggunakan Pen Tool (P) juga untuk proses ini. Jangan ragu sekarang untuk menggambar ornamen di atas tipografi. Dalam kasus khusus ini saya melakukan ini dari awal dengan pensil mengkonfigurasi tool options, tetapi Anda selalu dapat menggambar mereka sebelumnya di atas kertas atau membuat sketsa di Photoshop.

Periksa gambar di bawah ini untuk pemahaman yang lebih baik; Anda telah masuk merah semua kunci dan langkah yang saya lakukan sebelum mulai menggambar ornamen.


Langkah 7

Seperti yang Anda lihat pada gambar di bawah, saya menghias huruf O dan E dengan bentuk yang elegan. Untuk mendefinisikan ulang ornamen, ada opsi ke pencil tool bernama smooth tool. Dengan menahan sebentar pencil tool, itu akan muncul opsi tab untuk smooth tool. Dengan menekan alt, cat dengan itu di atas bentuk yang dipilih. Anda akan melihat bagaimana path & sudut sekarang lebih bulat. Akhirnya, saya memodifikasi dengan Pen Tool (P) huruf N dan K untuk memiliki daya tarik yang lebih estetis (periksa hasil di bawah).


Langkah 8

Saya menambahkan beberapa rhombus dekoratif di sekitar karya seni. Untuk membuatnya, saya mulai mengaktifkan Grid di bilah menu atas: View > Show Grid. Grid akan membantu kita membuat segitiga simetris dengan pen tool. Setelah segitiga selesai, buka Edit > Copy lalu edit/paste di depan. Sekarang dengan memilih bentuk baru dengan selection tool (V), kita membuat klik kanan di atasnya: Transform > Reflect > Horizontal. Kemudian letakkan segitiga kedua di bawah yang pertama untuk membuat bentuk belah ketupat.

Setelah itu, pilih kedua bentuk dengan selection tool (V) dan kelompokkan mereka: klik kanan di atas seleksi/grup. Saya membuat beberapa salinan belah ketupat dan menempatkannya di antara karakter, membuat variasi pada ukuran. Saya juga mengubah warna menjadi beberapa dari mereka menjadi putih. Akhirnya, saya membuat beberapa lingkaran dengan alat bentuk di sekitar belah ketupat untuk memberikan sentuhan dekoratif pada seluruh karya seni.


Langkah 9

Kita selesai dengan Illustrator! Sudah waktunya untuk mengekspor karya seni kita untuk membuat retouching terakhir di Photoshop. Bergantung pada kualitas dan jenis retouching yang ingin Anda lakukan, Anda dapat mengekspor karya seni lengkap menjadi hanya satu layer transparan, PNG, atau Anda dapat mengekspor karya seni menjadi file PSD, yang akan menyimpan jalur dan lapisan Anda yang berbeda. Opsi lainnya adalah seret konten langsung ke Photoshop, yang hanya memiliki satu layer Vector Smart Object.

Dalam hal ini, saya mengekspor semuanya ke layer PNG transparan. Alasannya pada dasarnya karena itu bukan ilustrasi yang sangat rinci dengan ratusan jalur, ditambah format yang diminta untuk situs web, tetapi saya sangat menyarankan untuk mengekspor dalam format PSD, terutama jika ilustrasinya kompleks. Untuk mengekspor, buka File > Export dan pilih format gambar favorit Anda; direkomendasikan 300ppi.


Langkah 10

Ok, tahap pertama selesai. Kita menyesuaikan tipografi dan kita membuat beberapa elemen dekoratif di sekitarnya. Setelah puas dengan hasilnya, saatnya untuk membuka Photoshop dan bersenang-senang dengan tekstur dan kilat.

Kita membuka dokumen baru: 1500x1500px, 300ppi, warna RGB. Itu akan menjadi kanvas kita dan hal pertama yang akan kita lakukan adalah mengisi background dengan warna cokelat lembut, mengenai penampilan vintage yang ingin kita capai pada karya ini. Kedua, kita membuka gambar tekstur background grunge (Anda dapat menemukan tautan pada deskripsi aset). Kemudian perbaiki sedikit tekstur sebelum meletakkannya di kanvas Anda. Desaturate (Image > Adjustments > Desaturate). Curves (memodifikasi kontras). Layer baru di atas, mode cahaya lembut, opacity: 100%. Oleskan beberapa black soft brush di sudut untuk mendapatkan efek sketsa. Gabungkan semua layer dan seret ke canvas kita pas dengan dimensi. Kemudian, seret tekstur yang diatur ke canvas dan atur layer ke mode multiplikasi, 100% opacity, tetapi jangan ragu untuk mengubahnya dengan pengaturan Anda sendiri.


Langkah 11

Di atas tekstur, saya membuat layer penyesuaian baru untuk memberikan sedikit warna merah ke background. Pergi ke menu: Layer > New fill layer > Solid color. Saya memilih nada antara merah dan coklat dan mengubah mode layer untuk berkembang biak, Opacity 6%. Di bawah panel layer Anda tahu ada menu cepat untuk membuat fill and adjustment layers. Gunakan cara Anda merasa lebih nyaman. Pada tutorial saya akan menjelaskan proses yang berbeda melalui bilah menu atas karena saya gunakan untuk bekerja dengan cara pintas; dalam hal itu saya pikir itu lebih jelas bagi semua orang.


Langkah 12

Saya suka memiliki komposisi dalam pikiran menerapkan beberapa aturan dan ruang di canvas saya. Untuk menempatkan karya seni saya, saya menambahkan beberapa panduan di sekitar canvas, menandai ruang kerja. Memiliki mereka membantu saya membuat berbagai hal dengan cara yang lebih terkontrol. Sekarang buka dan seret tipografi yang disesuaikan (ilustrasi gambar yang diekspor) ke canvas di atas.

Efek pertama yang akan kita terapkan terkait dengan volume tipografi. Gandakan layer kesalahan ketik dan klik kanan pada layer/blending options. Terapkan pengaturan berikut pada layer.


Langkah 13

Setelah langkah sebelumnya selesai, kita akan menerapkan tekstur pertama langsung di atas tipografi. Buka Tekstur Uang Dolar (Anda dapat menemukan tautan pada deskripsi aset) dan membalikkan gambar: Image > Adjustments > Invert. Tempatkan tekstur di atas dan buat topeng kliping di atas layer kesalahan ketik tempat menerapkan efek bevel: klik kanan di atas layer > Create clipping mask. Setelah topeng kliping selesai, Anda dapat memodifikasi opacity tekstur, menerapkan kurva atau mengkloning tekstur sebanyak yang Anda ingin mencapai tampan.

Sangat penting untuk memiliki tekstur pada setiap huruf dan bentuk; Saya sangat merekomendasikan menerapkan kurva pada tekstur untuk meningkatkan putih pada tekstur khusus ini, Ini akan membantu kita untuk mendapatkan tampilan "kayu" yang serupa.


Langkah 14

Sekarang kita akan bersenang-senang bermain dengan bayangan dan highlight. Buat layer baru di atas dan atur pada mode normal, opacity 60%. Ubah pengaturan kuas seperti yang ditunjukkan pada gambar di bawah ini dan tetapkan opsi aliran ke 40%. Pilih warna putih dan pilih karya seni salah ketik dengan membuat Command/Ctrl + klik pada thumbnail layer pada panel layer. Di sini sangat penting untuk mengontrol tekanan sikat, tablet grafis sangat dianjurkan untuk memiliki kontrol total terhadap tekanan sikat. Untuk hasil yang lebih baik, saya sarankan untuk memilih kuas ukuran sedang, tidak lebih besar dari huruf. Lukis dengan sabar dan jika perlu hapus dengan soft brush beberapa perbatasan untuk mendapatkan bulu yang lebih baik.

Kita akan menerapkan efek lukisan ini pada setiap huruf dan bentuk, sebagian besar mencoba mencapai beberapa highlight dasar, memvisualisasikan bagaimana volume akan terlihat pada mereka. Setelah itu, kita akan menduplikasi layer dan menyeretnya di bawah brushing layer pertama. Atur opacity menjadi 40% dan pergi ke blending options: klik kanan di atas layer/blending options. Kita akan menerapkan beberapa pewarnaan pada pengaturan overlay warna dengan memilih warna cokelat yang jelas (mode normal, 100% opacity di dalam opsi overlay warna).


Langkah 15

Saya membuat beberapa lukisan berbeda di dalam belah ketupat. Dengan memilih mereka satu per satu dengan alat poligonal atau metode favorit Anda, buatlah klik kanan di atas seleksi dan pilih transformasi seleksi; dengan menahan alt + Shift Anda akan menghemat proporsi asli seleksi dan itu akan membantu Anda untuk mendapatkan ekstrak yang sempurna. Ubah seleksi dan ketika Anda memiliki pilihan yang lebih kecil di dalam belah ketupat, terapkan sikat lembut.

Efek lain yang baik dan cepat yang saya lakukan untuk mendapatkan daya tarik yang lebih baik dari para belah ketupat adalah membuat belah ketupat yang lebih kecil di dalamnya. Pilih salah satu rhombus kecil pada layer dengan bevel diterapkan dan duplikat langsung dengan mengklik Command/Ctrl + J. Anda akan mendapatkan layer baru dengan belah ketupat dan bevel sudah diterapkan juga. Saya menggandakan belah ketupat baru beberapa kali, mengubah warna menjadi sepia dan saya mulai memasukkannya ke dalam sisa dari belah ketupat. Kemudian saya bergabung dengan semua rhombus baru ini di grup baru dengan memilihnya dan mengklik Command/Ctrl + G. Proses ini akan membantu untuk memiliki tampilan yang sama di setiap belah ketupat. Setiap belah ketupat batin baru memberikan persepsi keseluruhan yang bagus tentang karya seni tipografi.


Langkah 16

Sudah waktunya untuk menerapkan lebih banyak tekstur. Ambil tekstur plastik (Anda dapat menemukan tautan pada deskripsi aset) dan letakkan di atas. Hal pertama yang saya lakukan dengan tekstur ini adalah desaturate layer (Image > Adjustments > Desaturate). Kedua, saya mulai bermain dengan hue/saturation dengan mengklik Command/Ctrl + U. Saya mendapat nada cokelat lembut dengan memainkan opsi colorize. Terakhir, terapkan beberapa kurva untuk meningkatkan kontras. Setelah Anda puas dengan hasilnya, ubah mode layer menjadi overlay/opacity 84%. Saya menghapus tanda blending di sebelah kiri atas B karena saya ingin tipografi bersih dari tanda itu, tetapi merasa bebas untuk menyimpannya jika Anda suka efeknya.


Langkah 17

Gandakan tekstur dan desaturate lagi. Sekarang kita akan mengubah tekstur menjadi kurva penerapan layer putih hampir 100%. Setelah selesai, ubah layer mode menjadi Multiply, opacity 100%. Lapisan ini akan membantu kita untuk membunuh sedikit highlight di background. Kita hampir selesai dengan tekstur ini, tetapi mari kita duplikat layer putih terbaru ini lagi dan ubah mode layer ke Soft Light, opacity 20%. Akhirnya pilih erase tool (E) dan hapus dengan soft brush tekstur di luar kisaran tipografi. Itu tidak harus sempurna, biarkan zona tengah tekstur hidup.


Langkah 18

Karya seni mulai terlihat bagus dan gambar plastik memberi surat-surat beberapa tekstur yang bagus. Langkah selanjutnya adalah sesuatu yang saya gunakan untuk melakukan banyak hal pada ilustrasi saya.

Pilih tipografi seperti yang lakukan pada langkah sebelumnya (Command/Ctrl + klik pada thumbnail layer pada panel layer). Setelah kita memiliki pilihan, buat layer baru di atas semua layer (di atas) dan pergi ke menu: image/apply image. Simpan pengaturan khusus pada tab gambar yang berlaku dan klik ok.

Kita sekarang memiliki salinan kesalahan ketik tetapi dengan semua tekstur dan efek lukisan dibuat hanya dalam satu layer. Silakan bermain dengan lapisan baru ini: curves, hue/saturation, color balance atau adjustment layer apa pun. Dalam hal ini saya menerapkan beberapa curva (Command/Ctrl + M) untuk meningkatkan kontras dan sedikit desaturasi (Command/Ctrl + U). Saya memodifikasi juga beberapa belah ketupat. Hasilnya tidak jauh berbeda, tetapi tujuannya di sini adalah untuk membuat perbedaan antara kesalahan ketik dan background; retouch atas layer baru ini membantu mencapai kedalaman bidang dan kontras yang lebih baik. Anda dapat menyembunyikan layer kesalahan ketik awal pada titik ini jika Anda mau.


Langkah 19

Mari kita terapkan beberapa curva untuk memberikan perasaan vintage. Buat layer di atas dan atur mode layer pada Warna, opacity 10%. Menerapkan pengaturan ini:


Langkah 20

Sekarang langkah ini sangat penting untuk memberikan tampilan khusus pada tipografi kita. Buat layer baru di atas (di atas layer curva) dan atur mode layer dalam Overlay, opacity 100%. Kita dapat memberi nama layer ini "Refleksi". Pilih lagi tipografi melalui metode yang sama yang diterapkan sebelumnya: Command/Ctrl + klik thumbnail layer pada panel layer. Setelah Anda membuat pilihan, buka menu Select > Modify > Expand. Pada tab rentangkan, pilih rentang antara 1px dan 3px. Sekarang setelah seleksi baru selesai, kita dapat menyembunyikan tanda seleksi dengan menekan Command/Ctrl + H. Tindakan ini akan membantu kita untuk memiliki tipografi yang terlihat lebih jelas dan akibatnya, pada efek yang dibuat. Jika Anda ingin dapat melihat lagi tanda seleksi, tekan lagi Command/Ctrl + H.

Pilih sikat lembut kecil dalam kisaran antara 25px dan 50px, tetap dengan preset kuas yang sama yang diterapkan pada langkah 14 dan pilih warna putih pada pemilih warna. Mulailah menyikat dengan banyak pasien dan manfaatkan tekanan pena. Sangat penting untuk mengikuti referensi cahaya dari efek bevel kita dan menghormati dengan cara tertentu arah cahaya, tetapi tidak wajib pada setiap huruf. Usahakan untuk tidak melebih-lebihkan shine/bright di perbatasan. Akhirnya, dengan dodge tool kita dapat memberikan beberapa tambahan terang pada pantulan, terutama pada huruf terbesar.


Langkah 21

Ok, kita sudah melakukan petir, tetapi kita perlu kedalaman bidang pada karya seni. Waktunya bayangan! Ini adalah langkah yang sangat mudah untuk dieksekusi, basic tools dan brushing, tetapi perlu beberapa saat untuk puas dengan hasilnya. Bayangan pemain penting untuk menjadi realistis dan halus. Kita tidak ingin menarik perhatian dengan bayangan yang berlebihan, tetapi tingkatkan karya seni secara keseluruhan dengan perpaduan yang baik.

Buat layer baru di belakang semua layer kesalahan ketik dan beri nama "Shadows". Tempatkan layer tepat di atas layer isian warna yang dibuat pada Langkah 10. Saya mengatur mode layer ini dalam Normal, opacity 80%, tetapi tergantung pada selera dan penglihatan Anda, Anda dapat mengubahnya untuk tampilan yang lebih baik. Dengan preset kuas yang sama yang kita gunakan melalui seluruh tutorial, kita akan menyikat di belakang semua konten kesalahan ketik dengan soft black brush, mengatur opacity kuas pada 20%, aliran 40%. Arah cahaya sekali lagi merupakan referensi penting, tetapi Anda akan menyadari bahwa beberapa bagian memerlukan bayangan yang berbeda untuk penampilan yang lebih baik, jadi silakan bermain dengannya. Jangan takut menggunakan sikat lembut dan juga untuk menghapus beberapa bagian dan mendapatkan bulu yang lebih baik.


Langkah 22

Karya seni kita hampir selesai, mari kita perhatikan beberapa detail. Untuk membuat batas tipis pada karya seni saya menggunakan tekstur plastik yang digunakan sebelumnya. Prosesnya sederhana, cukup duplikat layer (tekstur plastik atau tekstur lain yang ingin Anda gunakan) dan atur di atas menuju menu: Layer > Arrange > Bring to front. Setelah itu atur mode layer pada soft light, opacity 70%. Buat pilihan kotak dengan menyisakan 4px-5px margin tentang kanvas keseluruhan dan tekan hapus.

Kita sekarang memiliki bingkai putih. Dengan kuas lunak yang sangat kecil atau kuas tekstur standar, hapus dengan hati-hati di dalam garis pembatas dengan meninggalkan garis 1px-2px. Dengan sikat lembut 1px-2px Anda dapat mengecat juga di beberapa bagian untuk menekankan batas.


Langkah 23

Saatnya lampu terakhir dan bayangan retouching layer. Pilih semua bentuk tipografi dan buat layer baru di atas. Buka Edit > Fill > 50% gray. Atur mode layer pada soft light, opacity 40%, fill 50%. Dengan preset kuas yang sama yang digunakan pada tutorial, pilih kuas 75px-90px dan lukis putih di dalam huruf, hitam untuk perbatasan. Putih lembut akan meningkatkan volume dan hitam akan membantu untuk memisahkan sedikit lebih banyak kesalahan ketik dengan background Ini adalah teknik yang banyak digunakan pada retouching high-end (fashion, kecantikan, fotografi produk). Ini membantu untuk mendefinisikan kembali bagian-bagian dan meningkatkan volume.

Ingatlah untuk tidak membesar-besarkan lampu dan bayangan, mereka harus diterapkan secara moderat. Anda juga dapat menggunakan dodge tool (O) di atas layer netral abu-abu ini untuk lebih menekankan pantulan.


Langkah 24

Layer terakhir akan menjadi adjustment layer untuk meningkatkan sedikit kontras karya seni kita. Pergi ke menu: Layer > New adjustment layer > Gradient map. Klik ok, dan pilih gradien hitam & putih, lalu ubah mode layer menjadi normal, opacity 10%.


Langkah 25

Karya seni sudah selesai. Ingatlah untuk menyimpan .PSD Anda jika Anda tidak melakukannya sebelumnya, pergi! Saya juga merekomendasikan untuk membuat salinan .PSD untuk mengubah ukuran karya seni untuk resolusi situs web. Buka menu: Image > Duplicate dan ini, sekarang Anda memiliki salinan sempurna .PSD Anda; simpan dengan nama lain dan sekarang Anda dapat mengubah ukuran resolusi dokumen: Image > Image size hapus centang opsi gambar ulang dan ubah resolusi menjadi 72dpi. Simpan lagi!


Langkah 26

Akhirnya ada beberapa hal yang saya suka terapkan pada karya seni sebelum mengirim klien, mengunggah ke Internet atau membuat cetakan keren. Buat layer baru di atas dan pergi ke Image > Apply image. Atas layer ini saya gunakan untuk menerapkan. Unsharp mask (Filter > Sharpen > Unsharp mask). Noise (Filter > Noise > Add Noise > Gaussian > Monochromatic. Jumlah mempertajam dan kebisingan tergantung langsung pada ukuran karya seni itu.


Gambar akhir

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.