Panduan Bagaimana-Ke Geek untuk Belajar Photoshop, Bagian 7: Desain dan Tipografi

Daftar Isi:

Panduan Bagaimana-Ke Geek untuk Belajar Photoshop, Bagian 7: Desain dan Tipografi
Panduan Bagaimana-Ke Geek untuk Belajar Photoshop, Bagian 7: Desain dan Tipografi

Video: Panduan Bagaimana-Ke Geek untuk Belajar Photoshop, Bagian 7: Desain dan Tipografi

Video: Panduan Bagaimana-Ke Geek untuk Belajar Photoshop, Bagian 7: Desain dan Tipografi
Video: Bhikkhu Bodhi - 7 - The Noble Eightfold Path - YouTube 2024, April
Anonim
Program seperti Photoshop telah memungkinkan generasi baru calon desainer terjun dan membuat dengan lebih mudah daripada sebelumnya. Lihat betapa mudahnya belajar Panel Type Character, dan menerapkannya ke beberapa pekerjaan desain dasar.
Program seperti Photoshop telah memungkinkan generasi baru calon desainer terjun dan membuat dengan lebih mudah daripada sebelumnya. Lihat betapa mudahnya belajar Panel Type Character, dan menerapkannya ke beberapa pekerjaan desain dasar.

Setelah membahas alat teks secara singkat di Bagian 1, Kotak Alat, dan pembuatan objek teks di Bagian 3, Lapisan, mari kita lihat lebih dekat cara mengatur tipografi di Photoshop. Tentu saja, jika Anda melewatkan bagian apa pun dari Panduan How-To Geek untuk Belajar Photoshop, masing-masing masih tersedia di tautan yang dibundel ini.

Font dan Panel Karakter

Sementara program vektor seperti Adobe Illustrator adalah pilihan superior untuk menangani bentuk abstrak seperti font, Photoshop tidak membungkuk di departemen Tipografi. Ia mampu melakukan hampir semua perawatan tipografi yang mampu dilakukan oleh Illustrator, dan beberapa lainnya tidak.

Panel karakter dapat ditemukan dengan pergi ke Window> Karakter, jika belum ada di panel sisi kanan Anda. Ini kaya dengan opsi untuk teks Anda, yang akan kita bahas sekarang. Berhati-hatilah, bahwa bagian ini berisi istilah tipografi yang rumit yang mungkin Anda ketahui atau tidak Anda ketahui. Memoles istilah tipografi Anda dengan artikel How-To Geek, "Pahami Tipografi Seperti Perancang Profesional," atau teruskan membaca.
Panel karakter dapat ditemukan dengan pergi ke Window> Karakter, jika belum ada di panel sisi kanan Anda. Ini kaya dengan opsi untuk teks Anda, yang akan kita bahas sekarang. Berhati-hatilah, bahwa bagian ini berisi istilah tipografi yang rumit yang mungkin Anda ketahui atau tidak Anda ketahui. Memoles istilah tipografi Anda dengan artikel How-To Geek, "Pahami Tipografi Seperti Perancang Profesional," atau teruskan membaca.

Keluarga Font: Di mana Anda memilih font objek teks Anda diatur dalam, misalnya, Helvetica, Arial, Times New Roman, dll.

Gaya tulisan: Jika Anda memiliki keluarga font terinstal, "gaya font" Anda mungkin aktif, ini adalah tempat Anda dapat memilih versi alternatif dari wajah yang sama. Misalnya, Arial Bold, Arial Narrow, Arial Condensed, Arial Rounded MT, Arial Black, dll.

Ukuran huruf: Di mana Anda dapat mengubah ukuran font Anda secara numerik. Ketik nomor di sini atau gunakan menu pulldown untuk ukuran titik umum yang disarankan.

Terkemuka: Istilah tipografi untuk ruang antara baris teks paragraf, ditetapkan dalam poin.

Kerning: Jarak horizontal antara pasangan huruf. Nilai numerik negatif di sini akan menutup spasi antar karakter sementara nilai positif akan menambah spasi di antara huruf.

Pelacakan: Mirip dengan konsep Kerning, Pelacakan menyesuaikan kerning umum atas seluruh objek teks atau lebih dari beberapa huruf yang dipilih. Anda dapat menyesuaikan pelacakan pada objek teks, dan kemudian kern antara masing-masing huruf, jika Anda menginginkannya.

Skala Vertikal: Cara terkontrol untuk meregangkan dan memadatkan tipografi ke atas dan ke bawah. Masukkan nilai numerik di sini dalam persentase tinggi karakter asli.

Skala Horisontal: Cara terkontrol untuk meregangkan dan menepuk tipografi ke kiri dan kanan. Masukkan nilai numerik di sini dalam persen dari lebar karakter asli.

Pergeseran Baseline: Garis dasarnya adalah garis teks “bertumpu”. Pindahkan karakter tertentu yang dipilih dari baseline untuk membuatnya tampak lebih tinggi atau lebih rendah dari sisa teks yang disetel.

Warna teks: Area di mana warna objek teks dapat disesuaikan.

Bahasa: Sesuaikan bahasa teks yang diatur, jika diperlukan karakter non-Inggris.

Anti-Aliasing: Opsi untuk merender teks dalam piksel dengan menyesuaikan jumlah blurring piksel yang digunakan untuk menggambarkan tepi jenis. "Tidak ada" membuat huruf dalam piksel bermata tajam, sementara yang lain menggunakan berbagai bentuk anti-aliasing.

Faux Bold dan Opsi Panel Karakter Lainnya

Faux Bold: Ukuran font Anda saat ini secara artifisial menebal untuk membuat huruf tebal buatan. Menggunakan huruf tebal yang sebenarnya dalam "Keluarga Font" atau "Gaya Font" umumnya lebih disukai.
Faux Italic: Font Anda saat ini miring ke kanan, menciptakan tampilan miring palsu. Sekali lagi, menggunakan font italic yang sebenarnya dalam "Font Family" atau "Font Style" lebih disukai.
Huruf besar: Ubah jenis Anda menjadi huruf besar semua. Sangat berguna dalam kasus-kasus di mana itu memakan waktu untuk mengetik ulang bagian besar teks huruf besar dan kecil.
Topi Kecil: Menciptakan topi kecil palsu dengan mengecilkan ukuran titik huruf besar Anda. Semua huruf kecil akan diganti dengan ibu kota yang lebih kecil ini di objek teks Anda.
Superskrip: Mengubah teks atau objek teks yang dipilih menjadi superskrip, seperti dalam kasus 28.
Image
Image
Subskrip: Mengubah teks atau objek teks yang dipilih menjadi subskrip, seperti dalam kasus C6H12HAI6.
Image
Image
Menggarisbawahi: Menambahkan garis bawah sederhana di bawah teks atau objek teks pilihan Anda.
Image
Image
Coret: Tambahkan pemogokan sederhana melalui semua teks atau objek teks yang Anda pilih.
Image
Image

Panel Opsi dan Alat Jenis

Beberapa opsi tidak tersedia di Panel Karakter menunggu di bagian atas layar Anda, di Panel Opsi, saat Anda menggunakan alat Jenis. Ketiganya adalah:
Beberapa opsi tidak tersedia di Panel Karakter menunggu di bagian atas layar Anda, di Panel Opsi, saat Anda menggunakan alat Jenis. Ketiganya adalah:
Image
Image
Orientasi Teks: Mengalihkan arah teks dalam objek teks Anda berjalan, baik secara horizontal maupun vertikal.
Image
Image
Penjajaran: Menyetel keselarasan objek teks Anda ke Left-Aligned, Center-Aligned, atau Right Aligned.
Image
Image
Teks Warp: Warps teks objek menjadi salah satu dari beberapa bentuk yang telah ditentukan, disesuaikan, seperti spanduk atau objek lainnya.
Image
Image

Merancang Sampul Buku Sederhana

Image
Image

Karena desain adalah tentang aplikasi dunia nyata, kita akan melihat melalui pembuatan desain sampul buku dasar untuk salah satu buku ilmiah paling penting (tidak dikatakan kontroversial) sepanjang masa, On The Origin of Species Dengan Cara Seleksi Alam, oleh Charles Darwin.

Image
Image
menampilkan alat level untuk menyesuaikan citra Darwin. Sementara desain tidak selalu hanya tentang pengaturan elemen, pendekatan sederhana ini akan cukup untuk tujuan demonstrasi.
menampilkan alat level untuk menyesuaikan citra Darwin. Sementara desain tidak selalu hanya tentang pengaturan elemen, pendekatan sederhana ini akan cukup untuk tujuan demonstrasi.
Saat gambar dihitamkan, Ctrl klik pada saluran Gray di panel saluran Anda. Ini menciptakan pilihan semua putih dalam gambar.
Saat gambar dihitamkan, Ctrl klik pada saluran Gray di panel saluran Anda. Ini menciptakan pilihan semua putih dalam gambar.

Edit: Jika file Anda belum dalam Skala Abu-Abu, tetapi RGB atau CMYK, Anda harus pergi ke Image> Mode> Grayscale sebelum Ctrl + Mengklik pada saluran grayscale Anda. Terima kasih kepada pembaca HTG, l3utterfish, untuk menyampaikan hal ini kepada saya.

tekan
tekan
untuk membuat layer baru.
untuk membuat layer baru.
Edit> Isi untuk mengisi seleksi di layer baru Anda dengan warna putih.
Edit> Isi untuk mengisi seleksi di layer baru Anda dengan warna putih.
Foto ikon Darwin sekarang dihapus dari latar belakang hitam dan siap digunakan sebagai elemen.
Foto ikon Darwin sekarang dihapus dari latar belakang hitam dan siap digunakan sebagai elemen.
tekan
tekan
Image
Image
Image
Image

untuk membuat dokumen baru dengan ukuran yang Anda inginkan. Ukuran yang diilustrasikan adalah ukuran yang sama dari buku penting lainnya, Robert Bringhurst's Unsur Gaya Tipografi.

Dan inilah ruang kerja kami yang sangat tinggi untuk sampul buku.
Dan inilah ruang kerja kami yang sangat tinggi untuk sampul buku.
Pilih warna latar depan di
Pilih warna latar depan di
di kotak peralatan Anda. Warna apa pun akan mencukupi, meskipun dalam demonstrasi ini, warna gelap lebih disukai.
di kotak peralatan Anda. Warna apa pun akan mencukupi, meskipun dalam demonstrasi ini, warna gelap lebih disukai.
Edit> Isi dan pastikan untuk mengatur "Gunakan" menjadi "Warna Foreground."
Edit> Isi dan pastikan untuk mengatur "Gunakan" menjadi "Warna Foreground."
Latar belakang diisi dengan warna anggur yang dipilih sebelumnya.
Latar belakang diisi dengan warna anggur yang dipilih sebelumnya.
Tekan tombol pintas
Tekan tombol pintas
. Arahkan ke file asli Anda, dan seret layer Anda ke file baru menggunakan Move Tool yang dipilih.
. Arahkan ke file asli Anda, dan seret layer Anda ke file baru menggunakan Move Tool yang dipilih.
Layer akan muncul seperti ini di dalam file baru.
Layer akan muncul seperti ini di dalam file baru.
tekan
tekan
atau pilih jenis alat, Diilustrasikan di atas untuk memulai jenis pengaturan.
atau pilih jenis alat, Diilustrasikan di atas untuk memulai jenis pengaturan.
Tidak semua font sesuai dengan konten. Font pixelated ini sangat buruk untuk konsep ini.
Tidak semua font sesuai dengan konten. Font pixelated ini sangat buruk untuk konsep ini.
Font yang lebih konservatif dapat menghargai konten dan membuat tampilan yang lebih tepat.
Font yang lebih konservatif dapat menghargai konten dan membuat tampilan yang lebih tepat.
Bahkan dengan beberapa opsi font terbatas yang terinstal, itu bisa tampak luar biasa. Namun, memilih font yang tepat sulit dan memakan waktu, tetapi semuanya sangat penting untuk sebuah desain.
Bahkan dengan beberapa opsi font terbatas yang terinstal, itu bisa tampak luar biasa. Namun, memilih font yang tepat sulit dan memakan waktu, tetapi semuanya sangat penting untuk sebuah desain.
Ketika font yang tepat ditemukan, menyesuaikannya dengan Panel Karakter adalah masalah sederhana.
Ketika font yang tepat ditemukan, menyesuaikannya dengan Panel Karakter adalah masalah sederhana.
Ukuran font berubah, dan jenisnya dipecah menjadi dua garis.
Ukuran font berubah, dan jenisnya dipecah menjadi dua garis.
Image
Image
Ketika ukuran titik disesuaikan, kita mungkin mengalami masalah dengan memimpin.
Ketika ukuran titik disesuaikan, kita mungkin mengalami masalah dengan memimpin.
Image
Image

Ketika surat bertabrakan, pembaca akan ditinggalkan dengan masalah keterbacaan dan keterbacaan. Menyesuaikan memimpin adalah satu-satunya respons.

Meningkatkan ukuran poin dari pemimpin meningkatkan pembacaan judul.
Meningkatkan ukuran poin dari pemimpin meningkatkan pembacaan judul.
Informasi tambahan harus ditambahkan, dan seringkali, Photoshop berasumsi Anda ingin menggunakan font yang sama dengan ukuran titik sebagai objek teks yang terakhir digunakan. Ini mungkin atau mungkin tidak demikian.
Informasi tambahan harus ditambahkan, dan seringkali, Photoshop berasumsi Anda ingin menggunakan font yang sama dengan ukuran titik sebagai objek teks yang terakhir digunakan. Ini mungkin atau mungkin tidak demikian.
Objek teks baru ditambahkan dan disesuaikan, kita dapat mulai mengakses desain kami secara keseluruhan.
Objek teks baru ditambahkan dan disesuaikan, kita dapat mulai mengakses desain kami secara keseluruhan.
Kami mungkin menemukan kami ingin memindahkan elemen di sekitar.
Kami mungkin menemukan kami ingin memindahkan elemen di sekitar.
Kami juga dapat menambahkan lebih banyak elemen atau teks pergeseran subtil, untuk menjaga garis konsisten pada halaman. Alat Teks juga akan memungkinkan Anda untuk menyesuaikan kesalahan ketik, seperti huruf "Berarti" "Alami" dan "Pilihan" yang perlu memanfaatkan judul.
Kami juga dapat menambahkan lebih banyak elemen atau teks pergeseran subtil, untuk menjaga garis konsisten pada halaman. Alat Teks juga akan memungkinkan Anda untuk menyesuaikan kesalahan ketik, seperti huruf "Berarti" "Alami" dan "Pilihan" yang perlu memanfaatkan judul.
Elemen tambahan juga dapat membantu desain, seperti kerangka Lucy ini, Australopithecus afarensis yang terkenal. Sekali lagi, desain tidak selalu merupakan kombinasi sederhana dari elemen, karena dapat melibatkan proses Photoshop benar-benar tidak mampu. Namun, sering kali ini merupakan alat yang sangat baik untuk jenis pekerjaan grafis ini.
Elemen tambahan juga dapat membantu desain, seperti kerangka Lucy ini, Australopithecus afarensis yang terkenal. Sekali lagi, desain tidak selalu merupakan kombinasi sederhana dari elemen, karena dapat melibatkan proses Photoshop benar-benar tidak mampu. Namun, sering kali ini merupakan alat yang sangat baik untuk jenis pekerjaan grafis ini.

Tips Photoshop membuat Anda bingung? Mulai dari Awal! Lihat angsuran sebelumnya dari Panduan How-To Geek untuk Belajar Photoshop.

  • Bagian 1: Toolbox
  • Bagian 2: Panel Dasar
  • Bagian 3: Pengantar Lapisan
  • Bagian 4: Menu Dasar
  • Bagian 5: Editing Foto Pemula
  • Bagian 6: Seni Digital
  • Bagian 7: Desain dan Tipografi
  • Bagian 8: Filter

Kembalilah ke How-To Geek untuk mendapatkan angsuran terakhir dari Panduan untuk Belajar Photoshop, di mana kami akan menyelesaikan panduan kami dengan melihat pada Filter Photoshop.

Kredit Gambar: Darwin oleh Julia Margaret Cameron, dalam domain publik. Lucy oleh pengguna Wikipedia 120, tersedia di bawah Creative Commons.

Direkomendasikan: