Cara Membuat Tulisan Typhography Dengan PhotoShop CS3 - DP BBM 23

Breaking

Post Top Ad

Post Top Ad

Monday, May 1, 2017

Cara Membuat Tulisan Typhography Dengan PhotoShop CS3

DP BBM 23 adalah sebuah blog gratis, yang menyajikan seputar kata - kata, DP BBM, AdSense, Blogger, Tutorial, Windows 10, ISO, Theme Wind0ws 10, etc! dan sobat saat ini sedang membuka halaman Cara Membuat Tulisan Typhography Dengan PhotoShop CS3, jika suka jangn sungkan untuk klik, like, share dan subcribe ya gaes!

Loading...

Baca Juga



DP BBM 23 - Cara Membuat Tulisan Typhography Dengan PhotoShop CS3 - selamat malam dan selamat berjumpa kembali sahabat blog DP BBM 23 semuanya .. setelah kemarin malam membahas dan berbagi mengenai Kata Kata Ucapan Selamat Malam Minggu Buat Pacar Yang Jauh Update 29 April 2017 di kesempatan malam ini akan sedikit saya bahas mengenai membuat teks / tulisan typhography dengan menggunakan adobe photoshop cs3 ..



namun sebelum melanjutkan .. akan sedikit saya bahas dulu apa itu typhograpy ?? bagi orang - orang yang sudah ahli dan banyak makan asam garam dunia desain akan lebih fokus dalam hal konten dan filosofi dari sebuah desain grafis .. Benar ?? Desain grafis ternyata bukan sekedar bagaimana memainkan warna dan layout tapi ada satu hal lagi yang perlu diperhatikan yaitu typography ..

Apa itu typography ??

Tipografi atau tata huruf merupakan suatu ilmu dalam memilih dan menata huruf dengan pengaturan penyebarannya pada ruang - ruang yang tersedia .. untuk menciptakan kesan tertentu .. sehingga dapat menolong pembaca untuk mendapatkan kenyamanan membaca semaksimal mungkin ..

Apa fungsi typography ??

Seperti telah dijelaskan dalam definisi di atas .. typography mempunyai tujuan agar pembaca mendapatkan kemudahan dan kenyamanan .. baik itu dalam hal melihat kejelasan bentuk huruf ( legibility ) maupun keterbacaan ( readability ) ..
  1. Kejelasan bentuk huruf ( legibility ) adalah tingkat kemudahan mata mengenali suatu karakter / rupa huruf / tulisan tanpa harus bersusah payah .. Hal ini bisa ditentukan oleh :
    • Kerumitan desain huruf, seperti penggunaan siripan, kontras goresan, dan sebagainya ..
    • Penggunaan warna
    • Frekuensi pengamat menemui huruf tersebut dalam kehidupan sehari - hari
  2. Keterbacaan ( readability) adalah tingkat kenyamanan / kemudahan suatu susunan huruf saat dibaca, yang dipengaruhi oleh:
    • Jenis huruf
    • Ukuran
    • Pengaturan, termasuk di dalamnya alur, spasi, kerning, perataan, dan sebagainya
    • Kontras warna terhadap latar belakang

Bagaimana agar membuat typography lebih menarik pembaca ??

  • Berikut ini beberapa tips yang bisa dilakukan para pendesain grafis, antara lain :
    1. Pertama : Jarak antarhuruf .. Jangan sampai huruf - huruf tersebut terlihat terlalu renggang atau sangat mepet karena akan terkesan sesak .. Tentukanlah jarak yang pas dan secukupnya ..
    2. Kedua : Jenis Font .. Pemakaian font yang tepat dapat membantu designer lebih mudah mengomunikasikan mengenai maksud dari desain tersebut ..
    3. Ketiga : Bold and Size .. Fitur ini dapat digunakan untuk menentukan bagian manakah yang paling penting dan ditonjolkan dari kalimat yang ada pada desain sehingga tujuan utama desain dapat tersampaikan ..
    4. Keempat : Jarak antarspasi .. Dalam satu paragraf tertentu, tentukan jarak yang sesuai agar para pembaca tidak cepat lelah ketika membaca paragraf yang panjang ..
    5. Kelima : Warna .. Tentukan warna yang menarik namun tidak terlalu menusuk mata

nah, bagaimana sekarang ?? sekilas sudah cukup faham kan .. dengan yang saya katakan diatas ?? dan sebenarnya sih untuk cara ini ( cara membuat tulisan typhography ) sudah banyak yang share .. entah itu membuat typhography wajah atau typhography tulisan biasa yang ditambahkan hiasan ornamen dsb .. dan untuk cara pembuatannyapun tidak hanya dengan menggunakan photoshop saja .. di CorelDraw juga bisa .. yang intinya tergantung kepandaian kitanya saja .. dalam menyusun dan mendesain huruf / tulisan ..

contohnya saja sperti pada gambar cover artikel ini .. yang bertulisan PhotoShop CS3 DP BBM 23 dengan menggunakan font style untuk mendesain / mempercantik dalam pembuatan teks typography .. nah, kalau untuk cara pembuatannya tentu saja sobat harus menyiapkan bahan - bahan nya terlebih dahulu .. mulai dari jenis font style nya maupun ornamen dsb .. tapi kalau untuk membuat typhography dengan bentuk wajah .. cukup sediakan saja poto terganteng atau tercantik punya sobat .. selebihnya tinggal gunakan photoshop dan mulai lah mendesain dengan memasukan teks biasa supaya tersusun rapi membentuk wajah .. berikut dibawah ini akan saya kasih contoh typhography berjenis tulisan dan typhography wajah ..

Contoh Gambar Typho Tulisan














Cara Membuat Typho Tulisan

ok .. untuk mempersingkat waktu .. langsung saja keintinya dan sebelumnya sobat harus download dan siapkan dulu ornamen nya .. karena disini kita akan menggunakan sedikit ornamen di dalam pembuatan tulisan typhography ini .. dan untuk kata - katanya terserah sobat .. namun disini saya memasukan nama dengan kata - kata Permen Tiga Butir Aja Lima Ratus Rupiah Terus Desain Pengen Gratisan Situ Waras ? ..

1. buka aplikasi photoshop yang sudah terinstal di laptop atau komputer sobat terserah ingin versi berapa .. kali ini saya gunakan Photoshop CS 3 ..
2. Buat lembar baru dengan memilih File - New ( Ctrl+N ) dengan menyeting preset Internasional Paper dengan ukuran A4 ..



3. Pilih Rectangle Tool pada menu tool untuk membuat background yang akan digunakan ..



4. Kemudian gunakan Horizontal Type Tool untuk membuat text pada area kerja sobat ..



5. Sesuikan Caption yang akan sobat buat .. dengan warna font yang lebih tegas agar mudah untuk dibaca ..



6. Kemudian pilih tool Costum Shape yang disediakan oleh aplikasi Photoshop .. atur presetnya jika ingin menambah costum shape lebih banyak dengan memilih icon preset lalu pilih All .. pilih Shape yang menarik menurut sobat ..



7. Kemudian Sobat ubah jenis font setiap kata dan sesuai kan font yang menarik .. font yang saya gunakan adalah jenis font seperti Lobster 4.1 / Lemon Milk / Bellota / Lingdon / Harlow Solid Italic .. jika sobat menginginkan jenis font terseut .. sobat bisa download di berbagai situs yang menyediakan jenis jenis Font ..



8. Kemudian Merge semua layer font dan shape tadi atau tekan CTRL+E ..



9. Kemudian klik kanan pada layer yang sudah di merge tadi lalu Mainkan Blending Options dan mainkan Drop Shadow pada Blending Options .. Kemudian atur dan sesuaikan opacity / distance / Spread / dan Size pada Drop Shadow ..



10. Finish .. untuk hasilnya seperti pada gambar dibawah ..



nah, kurang lebihnya seperti itu guys .. untuk membuat typhography teks .. dan yang saya maksud dengan ornamen .. yaitu benda yang terlihat seperti pada diatas tulisan Permen Tiga Butir dan yang berada dibawah tulisan Situ Waras ? .. dan langsung saja kita ketahap pembuatan typhography wajah ..

Contoh Gambar Typho Wajah


Cara Membuat Typho Wajah

Langkah 1 .. Open foto wajah yang akan kita jadikan typography di photoshop .. Lalu hilangkan mode lock pada layer foto tersebut .. Caranya dengan klik kanan pada layer dan pilih layer form background lalu pilih ok .. Maka layer yang tadinya bernama background dan icon locknya aktif akan berubah menjadi layer 0 tanpa lock icon ..



Langkah 2 .. Pada langkah ini kita akan mulai membuat teks yang kita inginkan .. Karena kita menggunakan foto Vin Diesel .. maka untuk teks yang akan kita pakai adalah nama dari aktor tersebut .. Aktifkan Horizontal type tool ( H ) .. lalu buat kotak teks dengan ukuran lembar kerja kita ..



Dalam tuorial ini kita akan menggunakan font dengan jenis balok dengan nama font adalah Impact .. Dengan ukuran menyesuaikan foto yang kita gunakan .. Dalam tutorial ini ukuran font yang digunakan adalah 28 pt ..



Kemudian Copy dan paste teks vin diesel tersebut hingga memenuhi kotak teks yang telah kita buat tadi ..



Langkah 3 .. Ubah posisi layer teks dan foto .. Untuk layer foto letakkan pada bagian atas dan teks berada diabwah nya ..





Setelah itu buat layer baru dibawah layer teks tadi dan fill dengan warna hitam ..



Langkah 4 .. Pada langkah ini kita akan menggunakan fungsi Clipping mask .. Aktifkan layer foto kemudian klik kanan pada layer tersebut pilih Create Clipping Mask ..



Setelah menerapkan fungsi ini kita akan melihat gambar seperti mengikuti bentuk teks .. pada coreldraw fungsi ini disebut powerclip .. sebuah fungsi yang membuat objek masuk kedalam objek lainnya .. Dan Untuk hasil sementara inilah yang kita dapatkan ..



Langkah 5 .. Masih pada layer foto actor ini .. kita atur level layer .. Klik menu image-adjusment-Levels atau dengan menekan Ctrl+L di keyboard .. Atur level seperti gambar berikut ini ..



Dan hasilnya akan terlihat seperti gambar dibawah ini ..



Langkah 6 .. Kembali ke layer teks .. blok salah satu teks kemudian ganti dengan teks lainnya .. Seperti The Fast And Furious 7 dengan ukuran font yang lebih besar ..




Tambahkan juga beberapa teks lainnya dengan cara yang sama dan ukuran lebih besar dari teks Vin Diesel .. dan Untuk sementara waktu inilah hasil yang akan kita dapatkan ..



Langkah 7 .. Tambahkan adjusment layer gradient map .. Klik icon add adjusmet layer yang ada dibawah layer box kemudian pilih gradient map ..



Untuk warna gunakan warna hitam dan warna lain sesuai selera .. Saya menggunakan warna coklat .. Kita bisa menggunakan warna biru atau warna merah ..



Tambahkan juga adjusment layer brightness dan contrast .. Atur seperti berikut ini ..



Final .. Selesai sudah typography wajah pada photoshop .. untuk hasil akhirnya seperti pada contoh gambar typho wajah diatas ..

nah, itulah diatas sebagai contoh - contohnya dari cara pembuatan typhography .. gunanya typhography ini .. semisal untuk membuat gambar profil BBM / WA / FB / Twitter dsb .. supaya terlihat keren dan menarik .. bisa juga untuk membuat Mock UP pada baju .. nah untuk gunanya mock up ini ketika misal kita ingin membuat baju dengan nama / logo perusahan sendiri .. terlebih dulu kita mendesain tulisan typhography nya dulu setelah jadi .. kita tes dengan membuat mock up di photoshop .. jika sudah terlihat ok dan keren .. tinggal kita buat dweh kaos / baju sesuai yang kita ingin .. untuk contoh mock up bisa sobat lihat gambar dibawah ..

Contoh Gambar Mock Up T-Shirt


Cara Membuat Mock Up T-Shirt

ok langsung saja ke intinya .. Sebagai contoh disini saya mempunyai desain tshirt yang saya bikin dengan coreldraw yang kemudian saya eksport ke gambar png transparan .. desainnya seperti ini ..


Kemudia gunakan mockup tshirt di photoshop .. klik pada layer color shirt dan pilih warnanya .. pada mockup psd dibawah saya menggunakan warna merah maron .. lihat gambar berikut ..



kemudia pada daftar layer cari layer dengan nama "put your design here" berarti sobat harus menempatkan desain sobat disitu ..



setelah memilih layer tsb .. maka lembar kerja baru akan muncul dan letakan desain sobat di lembar kerja tsb .. di page baru tadi sobat akan menemui layer dengan gambar tshirt lagi .. tapi thisrt disini menggunakan warna flat atau solid .. ubah lagi warna solid tsb ke merah agar kontras dengan gambar tshirt yang sebelumnya .. dan buat layer baru dengan nama misal "layer 1" kemudia letakan desainmu di layer 1 tsb ( layer tshirt dibawah layer 1 ) .. Desain we are drowning bla bla bla juga bisa kita ubah - ubah warnanya dengan blending option dan pilih "color overlay" disini saya menggunakan warna kuning ..



kemudian klik save .. dan buka page / halaman mockup yang tadi dan liat hasil ..



Kata Kata Ucapan Selamat Malam Minggu Buat Pacar Yang Jauh Update 29 April 2017
DP BBM 23 - Kata Kata Ucapan Selamat Malam Minggu Buat Pacar Yang Jauh Update 29 April 2017 - selamat malam dan selamat malam mingguan sobat .. alhamdulillah dimalam ini masih ada kesempatan untuk sedikit berbagi lagi beberapa untaian kata - kata untuk pembaca blog DP BBM 23 semuanya .. setelah tadi pagi membahas dan berbagi mengenai Cara Membuat Tulisan Seperti Stiker Dengan Menggunakan PhotoShop di...View More

kurang lebihnya untuk membuat mock up dibaju seperti itu guys .. jika dirasa sudah keren .. tahap selanjutnya tinggal dibuatkan baju yang aslinya dweh .. dan sobat memiliki baju dengan desain sendiri .. horeee !!! dan sepertinya perjumpaan kita pada malam hari ini mengenai Cara Membuat Tulisan Typhography Dengan PhotoShop CS3 di cukupkan dulu .. terimakasih bagi sobat yang sudah meluangkan waktunya untuk membaca nya dari awal sampai akhir .. semoga membantu dan bermanfaat bagi kita semua dalam mendesain tulisan typhography maupun membuat mock up .. selamat malam dan sampai jumpa !!! ..
thumbnail Title : Cara Membuat Tulisan Typhography Dengan PhotoShop CS3
Posted by : Unknown
Published : 2017-05-01T13:12:00+01:00
Rating : 90.5%
Reviewer : 9.998 Votes

Post Top Ad

Loading...