Cara Membuat Efek Teks Jam Digital

Gambar produk akhirGambar produk akhirGambar produk akhir
Hal-hal yang Akan Anda Ciptakan

Dalam tutorial berikut, Anda akan belajar cara membuat efek teks jam digital di Adobe Illustrator. Terakhir, kamu akan tahu cara membuat font angka jam hanya dalam beberapa menit.

Untuk tutorial ini, Anda memerlukan ini font jam digitaljadi periksa Elemen Envato di mana Anda dapat menemukan desain dan font jam digital lainnya.

font teks jam digitalfont teks jam digitalfont teks jam digital

Apa yang Akan Anda Pelajari dalam Tutorial Teks Jam Digital Ini

  • Cara mengatur kisi sederhana untuk menempatkan font jam digital Anda
  • Cara membuat pola di Illustrator
  • Cara membuat efek font jam digital

Apa yang kau butuhkan

Anda memerlukan sumber daya berikut untuk menyelesaikan jam alarm digital vektor ini:

1. Cara Membuat Dokumen Baru dan Mengatur Grid

Mengalahkan Kontrol-N untuk membuat dokumen baru. Pilih Piksel dari Satuan menu tarik-turun, atur Lebar ke 850px dan juga Tinggi ke 500pxdan kemudian klik itu Lebih Banyak Pengaturan tombol. Pilih RGB untuk Modus Warna dan atur Efek Raster ke Layar (72 ppi)lalu klik Membuat tombol.

Aktifkan Kisi (Lihat > ​​Tampilkan Kotak atau Kontrol-“) dan Jepret ke Kisi (Lihat > ​​Tangkap ke Kotak atau Pergeseran Kontrol-“). Anda akan membutuhkan kisi masing-masing 1 pikseljadi pergi ke Edit > Preferensi > Panduan & KisiSilahkan masuk 1 di dalam Setiap garis kisi kotak dan 1 di dalam Bagian kotak. Cobalah untuk tidak berkecil hati dengan semua grid itu—itu akan membuat pekerjaan Anda lebih mudah dan ingat bahwa Anda dapat dengan mudah mengaktifkan atau menonaktifkannya menggunakan Kontrol-“ pintasan keyboard.

Anda dapat mempelajari lebih lanjut tentang sistem grid Illustrator dalam tutorial singkat ini dari Andrei Stefan: Memahami Sistem Grid Adobe Illustrator.

Anda juga harus membuka info panel (Jendela > Info) untuk pratinjau langsung dengan ukuran dan posisi bentuk Anda. Jangan lupa untuk mengatur satuan pengukuran menjadi piksel Edit > Preferensi > Unit. Semua opsi ini akan meningkatkan kecepatan pekerjaan Anda secara signifikan.

dokumen barudokumen barudokumen baru

2. Cara Membuat Latar Belakang

Langkah 1

Pilih yang mana Alat Persegi (M) dan fokus pada Toolbar Anda. Pilih stroke dan hapus warnanya, lalu pilih isian dan pastikan warnanya diatur ke hitam (R=0 G=0 B=0).

Beralih ke artboard Anda dan buat saja 2 piksel square—grid dan Snap to Grid akan membuatnya mudah.

Mengubah Alat Seleksi (V)tunggu Alt kunci, dan seret salinan kotak hitam ini tepat di bawahnya, seperti yang ditunjukkan pada gambar kedua.

Pilih kotak kedua ini dan hapus warna isian agar tidak terlihat.

ilustrator persegiilustrator persegiilustrator persegi

Langkah 2

Font nomor jam digital biasanya dibagi menjadi dua blok simetris horizontal. Menggunakan Alat Seleksi (V)pilih dua kotak Anda dan seret ke dalam Swatch panel (Jendela > Swatch) untuk menyimpannya sebagai pola.

ilustrator polailustrator polailustrator pola

Langkah 3

Pilih hanya kotak yang tidak terlihat dan atur warna isian R=109 G=255 B=51. Pilih kembali kedua kotak dan seret ke dalam Swatch panel lagi untuk menyimpannya sebagai pola kedua.

ilustrator polailustrator polailustrator pola

Langkah 4

Pastikan bahwa Alat Persegi (M) masih aktif dan cukup klik pada artboard Anda untuk membuka Buat Persegi Panjang jendela. Gunakan itu untuk membuat 870 x 520 piksel bentuk, isi dengan R=23 G=23 B=23dan pastikan itu dipilih.

Fokus pada panel kontrol dan pastikan itu Penyelarasan mulai Papan senilalu klik Pusat Perataan Horizontal Dan Pusat Alignment Vertikal tombol untuk memindahkan persegi panjang Anda dengan mudah ke tengah artboard.

Pindah ke Penampilan panel (Jendela > Penampilan) dan gunakan Tambahkan Isian Baru tombol untuk menambahkan isian kedua untuk persegi panjang Anda, pilih isian baru ini dan terapkan pola pertama Anda dari Swatch panel.

latar belakang menerapkan polalatar belakang menerapkan polalatar belakang menerapkan pola

3. Cara Membuat Efek Teks Jam Digital

Langkah 1

Unduh dan instal ini font jam digital dari Envato Elements. Pilih Tipe Alat (T) dan fokus pada Karakter panel (Jendela > Jenis > Karakter) untuk mengatur pengaturan teks yang akan Anda tambahkan.

Pilih font gaya jam, atur ukurannya 150, dan klik pada artboard Anda untuk mengetik “8888:88”. Setelah selesai, Anda dapat menekan tombol ESC kunci untuk dengan mudah mengubah ke Alat Seleksi (V). Ubah warna teks menjadi putih agar dapat melihat teks dengan lebih baik, lalu klik yang sama Pusat Perataan Horizontal Dan Pusat Alignment Vertikal tombol dari panel kontrol untuk memindahkan teks Anda ke tengah artboard.

Sebelum Anda melanjutkan, tekan Kontrol-C untuk menyalin teks ini karena Anda memerlukan salinan teks putih ini beberapa langkah kemudian.

alat jenis ilustratoralat jenis ilustratoralat jenis ilustrator

Langkah 2

Pastikan teks Anda tetap dipilih dan klik di atasnya [None] carikan dari Swatch panel untuk menghapus warna teks putih. Ini akan membuat font teks digital Anda tidak terlihat.

Pindah ke Penampilan panel dan klik itu Tambahkan Isian Baru tombol untuk menambahkan warna baru pada teks Anda. Mulai R=23 G=23 B=23.

teks tambahkan isian baruteks tambahkan isian baruteks tambahkan isian baru

Langkah 3

Pastikan teks Anda tetap dipilih, tetap fokus Penampilan panel, dan tambahkan isian kedua menggunakan yang sama Tambahkan Isian Baru tombol.

Pilih isian baru ini, atur warnanya R=72 G=255 B=51dan menurunkannya Kegelapan ke 5%.

isi opasitasisi opasitasisi opasitas

Langkah 4

Tekan Kontrol-F untuk menambahkan salinan teks putih di lokasi aslinya. Klik dua kali teks baru ini dan ganti teks dengan “WAKE:UP”.

Pastikan teks baru ini dipilih dan klik itu [None] cari lagi untuk menghapus warna teks yang ada, lalu tambahkan isian baru Penampilan panel dan atur warnanya menjadi R=72 G=255 B=51.

teks neonteks neonteks neon

Langkah 5

Pastikan teks hijau Anda tetap dipilih dan tetap fokus Penampilan panel.

Pilih isian yang ada dan buka Efek > Stylize > Deep Glow. Masukkan pengaturan yang ditunjukkan di bawah ini dan klik Okelalu pergi ke Efek > Stylize > Outer Light. Masukkan atribut yang ditunjukkan pada gambar berikut dan klik Oke.

lampu jam digitallampu jam digitallampu jam digital

Langkah 6

Pastikan teks hijau Anda tetap dipilih dan tetap fokus Penampilan panel.

Tambahkan isian kedua dan pilih. Atur warnanya menjadi R=184 G=255 B=25 dan menurunkannya Kegelapan ke 80%lalu pergi ke Efek > Jalur > Jalur Offset. Mengatur Mengimbangi ke -4px dan klik Okelalu pergi ke Efek > Distorsi & Transformasi > Transformasi. Seret keduanya Bergerak penggeser ke -2px untuk memindahkan isian yang dipilih 2 piksel di atas dan 2 piksel ke kiri, lalu klik Oke untuk menerapkan efek.

offset jam digitaloffset jam digitaloffset jam digital

Langkah 7

Pastikan teks hijau Anda tetap dipilih dan tetap fokus Penampilan panel.

Tambahkan isian baru dan seret di bawah isian yang ada. Pilih itu, atur warnanya R=72 G=255 B=51 dan diturunkan Kegelapan ke 20%lalu pergi ke Efek > Jalur > Jalur Offset. Mengatur Mengimbangi ke 15px dan klik Okelalu pergi ke Efek > Blur > Gaussian Blur. Mengatur Radius ke 15px dan klik Oke.

jam digital buramjam digital buramjam digital buram

Langkah 8

Pastikan teks hijau Anda tetap dipilih dan tetap fokus Penampilan panel.

Tambahkan isian lain dan seret di bawah isian yang sudah ada. Pilih itu, gunakan pola kedua Anda dari Swatch panel dan turunkan Kegelapan ke 70%lalu pergi ke Efek > Jalur > Jalur Offset. Mengatur Mengimbangi ke 15px dan klik Okelalu pergi ke Efek > Gaya > Bulu. Mengatur Radius ke 40 piksel dan klik Oke.

pola jam digitalpola jam digitalpola jam digital

Selamat! Kamu sudah selesai!

Seperti inilah tampilan jam alarm digital vektor Anda. Saya harap Anda menikmati tutorial ini dan dapat menggunakan teknik ini dalam proyek masa depan Anda.

Jangan ragu untuk menyesuaikan desain akhir dan membuatnya menjadi milik Anda. Anda dapat menemukan beberapa sumber inspirasi hebat di Elemen Envatoseperti font jam digital, font teks digital dan banyak lagi.

efek teks jam digitalefek teks jam digitalefek teks jam digital

5 Aset Populer Dari Envato Elements

Jangan buang waktu mencari font jam digital di Google. Elemen Envato adalah sumber yang bagus untuk menemukan font dan elemen jam digital yang terlihat seperti jam digital. Berikut adalah daftar singkat dari beberapa aset paling populer.

Font Teknologi Cyber (OTF, TTF, WOFF)

Berikut adalah font yang dapat Anda gunakan untuk memberikan tampilan dan nuansa berbeda pada efek teks jam digital Anda. Dengan nomor jam digital unik, font ini adalah pilihan tepat untuk proyek futuristik.

font jam digitalfont jam digitalfont jam digital

Kunci Jam (AI, EPS, PNG)

Jika Anda sedang mencari lebih banyak desain jam digital vintage, template flip clock ini mungkin menjadi solusi yang tepat. Angka jam pada font ini akan memberikan kesan yang lebih dinamis pada proyek Anda daripada font angka jam berkedip biasa.

jam kaitjam kaitjam kait

Alfa: Font Sains Minimal (OTF, TTF, WOFF)

Ini adalah font yang terlihat seperti desain jam digital. Jangan ragu untuk mencobanya dan membuat font jam digital modern di Adobe Photoshop atau Illustrator.

font jam digitalfont jam digitalfont jam digital

15 Ikon Waktu (AI, PDF, PNG, PSD, SVG)

Ikon sangat bagus untuk membuat efek jam digital lama yang siap pakai. Lihat kumpulan ikon kecil ini dan Anda akan mendapatkan 15 jenis ikon jam, termasuk jam alarm digital vektor minimalis.

ikon jam digitalikon jam digitalikon jam digital

Mockup Photoshop Jam Digital (PSD)

Anda sudah mengetahui cara membuat jam dengan menggunakan font yang tepat. Jika Anda kekurangan waktu, coba maket ini. Dalam hitungan detik, Anda dapat membuat jam digital Anda sendiri di Photoshop.

jam digital photoshopjam digital photoshopjam digital photoshop

Ingin Tahu Lebih Banyak?

Kami memiliki banyak sekali tutorial di Envato Tuts+, dari pemula hingga menengah. Lihat!

hobi nulis tutorial tentang desain grafis dan tips seputar IT