Tutorial Cara Membuat Efek Tipografi pada Wajah di Photoshop

flamingosolution.com | kesempatan kali ini blog akan mengulas sebuah Tutorial Desain yang memuat Langkah - langkah membuat efek tipografi pada wajah di Photoshop.

Tipografi / tata huruf ini sendiri, ialah sebuah seni atau teknik bagaimana memilih dan mengatur huruf pada suatu ruang atau gambar dengan pengaturan yang tersedia, untuk dapat membuat kesan tertentu, guna lain yaitu untuk dapat memberi kenyamanan membaca semaksimal mungkin.

Pada seni ini dikenal seni rupa huruf, yaitu sebuah karya atau desain yang menggunakan sebuah pengaturan pada huruf sebagai elemen utamanya. Dalam seni rupa huruf ini, pengertian huruf yaitu sebagai lambang bunyi yang bisa diabaikan.

Tentu efek tipografi ini sangat dinamis jika diterapkan dalam  gambar, dimana selain dapat menampilkan gambar, juga dapat menyampaikan isi suatu teks sekaligus pada gambar tersebut.

untuk itu langsung saja ikuti langkah dibawah berikut :

Langkah 1

Langkah Pertama yaitu menyediakan gambar yang ingin sobat edit pada tutorial kali ini, lalu buka dalam photoshop tentunya.

Atau sebelumnya kamu juga bisa menggunakan gambar default dibawah ini sebagai bahan tutorial, yaitu gambar dari Bapak Presiden kita  Ir. Joko Widodo.Jpg

 (Gbr 1 : Presiden RI Joko Widodo, Klik untuk perbesar)

(Gbr 2 : Membuka File/ Gambar pada Photoshop)

Langkah 2

Kemudian, langkah selanjutnya masih pada layer background, langsung saja klik Brush Tool, pada toolbox disebelah kiri. Lalu pastikan warna foreground color hitam /default, lalu atur jenis brush menjadi soft dengan ukuran 100 px (sesuaikan).

(Gbr 3 : Mengaktifkan dan mengatur Brush Tool )

Selanjutnya terapkan atau gunakanlah brush tersebut untuk mewarnai gambar, yaitu dengan mewarnai bagian dari luar tubuh dan wajah saja seperti gambar dibawah :

NB : Perlu penyesuaian pada ukuran brush tool untuk mewarnai sudut sudut tertentu.

(Gbr 4: Memberi warna pada luar objek gambar dengan brush tool.)

Langkah 3

Langkah selanjutnya, ubah background menjadi layer 0 dengan cara, 

double Klik -  Lambang Kunci pada layer Background.

Setelah itu kamu akan melihat kotak dialog yang baru muncul, kemudian Klik - OK.

Maka nama background akan berubah menjadi layer 0, selain itu kunci terlihat telah hilang / nonaktif.

(Gbr 5 : Layer Background yang telah diubah menjadi layer 0)

Langkah 4

Selanjutnya masih diseputar Layer , yaitu membuat Layer Baru dengan Klik - Create a New Layer yang terletak di bawah , pada kotak panel layer.

Maka akan terlihat layer baru yang masih tidak memiliki isi atau transparent.

(Gbr 6 : membuat Layer Baru)

Selanjutnya kita perlu memberi isi pada layer baru dengan warna, caranya Klik - Edit, Lalu Klik Fill,

Akan Muncul kotak dialog seperti dibawah, kemudian pada combo box Content : Pilih warna Black, kemudian klik Ok.

 (Gbr 7 : Mengatur Fill pada layer baru /layer 1)

Hasilnya layer baru (Layer 1) akan terlihat berwarna hitam.

Langkah 5

Kemudian,tarik / pindahkan Layer baru (Layer 1) tersebut kebawah, dan Layer lama (Layer 0) menjadi diatas. Dan atur Blending pada Layer lama (Layer 0) dari "Normal" menjadi "Darker color"

(Gbr 8 : Mengatur Blending pada layer 0)

Setelah mengubah blending pada layer 0 dari Normal ke Darker Color, maka otomatis objek terang pada gambar tersebut terlihat hilang. Namun sebetulnya gambar / masih ada, hanya saja menjadi lebih transparen.

Langkah 6

Klik -Text tool pada toolbox disebelah kiri, Pilih jenis text sesuai selera anda dengan ukuran 14, atau disesuaikan (tidak terlalu besar). Dan warna text (foreground) menjadi putih.

Setelah itu, tarik dari sudut kiri atas gambar hingga ke sudut kanan bawah pada gambar (layer 0).

(Gbr 9 : Mengatur ruang text di dalam layer)

Setelah menarik text tool tersebut pada layer, sediakan atau isilah teks ke dalam layer, yang mana text tersebut nantinya akan memenuhi layer dari sudut kiri ke sudut kanan. terlihat seperti gambar dibawah ini;

(Gbr 10 : Memasukkan Text kedalam layer)

Untuk text terserah anda, disarankan lebih baik memasukkan text/ kalimat satu persatu, namun saya menggunakan kata kutipan dari Tokoh pada gambar tersebut, dan telah diperbanyak sehingga terlihat menjadi sekumpulan kalimat/ paragraf.

Langkah 7 

Karena text yang kita masukkan tadi terkesan memiliki jarak spasi yang rapat, untuk itu kita perlu mengatur jarak spasi text, yaitu dengan Klik simbol Character (A) yang ada disebelah panel box warna (sudut kanan atas). Kemudian aturlah kotak leading nya menjadi 36. lebih.

lebih jelasnya lihat gambar dibawah ;

(Gbr 11: Mengatur spasi Text pada layer)

Hasilnya bisa kamu lihat sendiri bahwa jarak antara spasi baris telah memanjang kebawah.

Lalu kemudian di layer, pindahkan layer Text menjadi ke posisi tengah (antara layer 0 dengan layer 1)

(Gbr 12 : Mengubah posisi layer text)

Hasilnya terlihat seperti dibawah ini :

(Gbr 13 : Hasil Layer)

Langkah 8

Lalu selanjutnya duplicate Layer Text tersebut dengan cara Ctrl + J , lalu gunakan move tool untuk menggeser text yang telah di duplikat.

(Tujuan menggeser text hasil duplikat adalah untuk mengisi jarak yang kosong pada text sebelumnya)

(Gbr 14 : Hasil Duplikat Layer Text)

Kemudian Double Klik pada text yang di duplikat, kemudian bloglah text atau kata kata yang ingin ditonjolkan dari text tersebut, Lalu ganti ukuran textnya sedikit lebih besar dari semula.

Tujuannya agar Tipografi lebih tampil keren, seperti gambar dibawah ini :

(Gbr 15 : Memperbesar inti inti text)

NB : Kata kata intisari tergantung sesuai keinginan anda yang mana yang ingin diperbesar.

Kemudian, apabila masih ada ruang yang masih kosong silahkan di isi dengan menduplikat ulang layer text , Ctrl + J. 

(Gbr 16 : Memperbanyak Layer Text)

Aturlah susunan duplikat text sedemikian rupa, hingga ruang/ tempat yang kosong tersebut menjadi terisi, seperti dibawah :

(Gbr 17 : Menutup ruang kosong, dengan duplicate layer)

Kemudian atur sebagian blending layer text dari normal menjadi Dissolve

(Blending dissolve ini berlaku untuk menurunkan kontras pada text yang kecil saja, jadi gunakan pada layer text yang textnya tidak diperbesar [layer text awal] )

(Gbr 18 : Membuat blending pada layer text)

Langkah 9

Selanjutnya klik pada Layer 0, kemudian secara bersamaan tekan Sift + Ctrl + Alt + E, dengan tujuan untuk membuat layer baru hasil gabungan dari semua layer.

cara jelasnya lihat gambar ini ;

(Gbr 19 : Membuat layer gabungan duplikat)

Langkah 10

Dengan posisi layer masih di layer 2 ( layer gabungan) , maka klik Filter - Filter Gallery...  

Maka akan muncul kotak baru,  lalu pilih lah menu Artistic - dan selanjutnya Cutout. 

Lihat pengaturan dibawah ini :

(Gbr 20 : Pengaturan Artistic)

Jika sudah mengatur seperti diatas Klik OK.

Kemudian aturlah blending layer Gabungan (Layer 2) tersebut dari Normal menjadi Multiply, lalu opacitynya sekitar 80 - 90 (disesuaikan saja)

(Gbr 21 : Mengatur Blending Layer 2)

Lihat Perbedaanya, kontras warna terlihat lebih Cas

(Gbr 22 : Hasil dari Blending pada layer gabungan)

Langkah 11

Langkah terakhir yaitu buat lah layer baru yaitu Layer 3, kemudian Klik Edit - Fill , muncul kotak baru, Pilih warna Black pada content , Klik OK

(Gbr 23 : Fill pada Layer 3, dan setingan warna)

kemudian pastikan warna foreground putih dan background hitam, seperti diatas.

Setelah demikian Layer 3 akan terlihat hitam.

(Gbr 24 : Layer 3 yang telah terisi FIll Black)

Selanjutnya masih di layer 3, Klik Filter -> Render -> Clouds, maka layer 3 tadi akan terlihat seperti ini :

Gbr 25 : Efek Clouds pada Layer 3)

Kemudian atur blending layer 3 menjadi Color Dodge dan Opacity 50  %

( Gbr 26 : Mengatur Blending dan Opacity pada Layer 3)

Maka Hasil Akhir pun akan terlihat lebih fresh seperti hasil dibawah ini 

(Gbr 27 : Hasil Akhir)

Silahkan bandingkan sendiri hasil transformasinya mulai dari Gbr 17, Gbr 22, hingga Gbr 27 Hasil Akhir)

Gbr Transformasi efek

Sekian Tutorial kali ini, semoga bermanfaat dan teman teman dapat mengikutinya tanpa kendala sekalipun, apabila ada pertanyaan silahkan meninggalkan pertanyaan di kotak komentar.

Jika kamu mempraktekan tutorial ini, Blog akan senang sekali apabila kamu ikut serta berbagi foto dari hasil yang kamu kerjakan. Silahkan kirimkan link foto mu di kotak komentar.

Jangan Lupa untuk membagikan Artikel ini. Sekian terima kasih.

Salam.

Baca Juga :
Cara Membuat Efek Fokus Pada Objek di Photoshop
Efek Air Hujan Pada Gambar

Edit Photo Mirip Instagram dalam Photoshop

By: Utomo19 On 10:59:00 PM

Continue Reading

Tutorial Cara Edit Photo Simpel Mirip Instagram dalam Photoshop

flamingosolution.com | Pada kesempatan kali ini blog ingin membahas artikel yang memuat tentang "Tutorial Lengkap cara edit photo mirip Instagram dalam Photoshop", yaitu dengan sedikit mengandalkan efek smooth dan pencahayaan Flare pada photoshop.

Efek ini memiliki kelebihan antara lain dapat membuat kesan foto yang soft (Lembut) dimana memiliki kontras yang rendah. Dan Efek ini sangat sering atau sedang musim digunakan para penggemar 'Sosial Media' , khususnya para pengguna Instagram, terbukti kehandalannya, sosial media yang sekaligus membesut editing photo yang begitu simpel namun dapat menghasilkan gambar yang begitu enak dipandang mata.

Namun siapa sangka, konsep pengaturan cara edit yang ada di Instagram sebenarnya cukuplah simpel jika dilakukan di Editor Photoshop.

Yang mana nantinya kita hanya akan melakukan beberapa langkah saja, untuk itu silahkan simak dan ikuti langkah langkah dibawah ini:

Step 1

Tentukan dan buka file Photo yang ingin kamu edit di Photoshop tentunya

(Gbr 1 : Buka Gambar)

Step 2

Kemudian, aturlah kontras dengan cara membuka Curves "Ctrl + M", (dengan posisi layer masih pada Background). 

Selanjutnya Turunkan contras pada Curve RGB dengan cara menaikkan titik di area shadow dan menurunkan  titik area Lighting. (Atur secukupnya)
seperti yang terlihat pada gambar dibawah ini:

 (Gbr 2: Mengubah Titik Curve RGB)

NB : Pengaturan titik kontras diatas adalah hasil penyesuaian menurut gambar yang saya pakai, jadi bisa saja pada gambar yang anda pakai berbeda, namun tidak beda jauh dengan skema titik penyahayaan diatas. (Intinya disesuaikan saja, jangan sampai ada area yg over expose).

Sesudah selesai, jangan langsung menekan OK, melainkan masih bersambung ke step 3.

Sejauh ini perbedaannya terlihat seperti dibawah ini

(Gbr :Perbedaan kontras)

Step 3

Kemudian ganti listbox channel pada 'curve' dari (RGB) menjadi (Blue).

Lalu ubah titik kirinya (3) dengan sedikit menaikkannya keatas, dan menurunkan titik kanan (4) kebawah, terlihat seperti gambar dibawah ini:

(Gbr 3 : Mengubah titik Curve Blue)

Pada pengaturan diatas terlihat penyesuaian warna biru terlihat pada titik (3) dan (4) , dan titik nomor (5) adalah penyesuaian warna kuning.

NB : Pengaturan bisa disesuaikan dengan gambar diatas, namun jgn terlalu berpatok pada titik tersebut (Intinya disesuaikan saja).

Sesudah itu, jangan langsung menekan OK, melainkan masih bersambung ke step 4.

Sejauh ini perbedaannya terlihat seperti dibawah :

(Gbr : Perbedaan Curve Blue)

Step 4

Selanjutnya ganti chanel curve dari (Blue) menjadi (Red). Lalu atur pewarnaannya dengan mengubah titik curve yang hampir serupa seperti pada chanel Blue , seperti gambar dibawah ini :

(Gbr 4: Mengatur Curve Red)

Setelah itu lihat perbedaannya, akan terlihat perbedaan warna seperti pada gambar dibawah ini :

Setelah demikian klik OK pada Curve.


Step 5

Langkah selanjutnya adalah membuat Curves baru yang nantinya akan berisi gradient untuk pencahayaan/lightning pada gambar.

Caranya : Klik Adjustment Layer -> Curves pada kolom Layer

(Gbr 5 : Membuat Curves untuk Gradient)

Cara tersebut secara otomatis akan membuat layer baru yang berisi curves kosong.

- kemudian - klik gradient pada tool box.

- pastikan posisi warna gradient foreground (putih) dan background (hitam)

- Pilih jenis gradient menjadi Radial.

(Gbr 5.2 : Mengatur warna dan jenis Gradient)

Step 6
Tariklah sudut gradient tersebut dimulai dari sudut yang paling terang (digambar anda) sampai ke pertengahan gambar.

Jika dilihat pada pencahayaan gambar yang saya gunakan berasal dari sudut atas kiri, maka saya menariknya dari sudut kiri tersebut ke pertengahan.

 

(Gbr 6 : Menarik garis Gradient)

 

Setelah selesai memberikan gradient pada curve kosong tadi,
- ubahlah posisi properties gradient dari Layer mask menjadi curve

 (Gbr 6.2 : Mengubah Properties Gradient)

Lalu dan atur sedikit pencahayaan untuk memunculkan cahaya dengan menambah titik ditengah garis curve lalu menaikkannya keatas seperti dibawah ini ;

 (Gbr 6.3 : Mengatur cahaya Gradient)

Step 7
Setelah selesai memberikan pencahayaan atau lighting selanjutnya kita akan memberi efek Lens Flare pada gambar. Efek ini mungkin bisa dikatakan untuk mempercantik gambar dengan efek bias matahari.

Untuk itu Duplicate layer background dengan cara Ctrl + J

(Gbr 7 : duplicate background layer)

Dengan posisi layer duplicate background tadi harus aktif / terklik.

Selanjutnya klik Filter pada diatas, lalu cari Render -> Lens Flare... 

Dengan demikian akan muncul kotak dialog baru seperti dibawah ,

(Gbr 7.2 : Membuat Lens Flare)

Aturlah posisi cahaya Lens Flare tersebut pada sudut yang sama dengan cahaya Gradient tadi, Kemudian atur Brightness / kecerahan Lens Flare secukupnya (sekitar 100 %).

Maka Hasilnya seperti ini :

(Gbr 7.3 : Hasil)

Sekian Tutorial kali ini, Semoga bermanfaat dan dapat menambah refrensi kamu.

Jangan lupa untuk Klik like atau share, apabila ada yang kurang dipahami silahkan meninggalkan komentar dikolom bawah.

Dan jika kamu mencoba tutorial ini, dan ingin berbagi, silahkan mengirimkan link gambar kamu pada kotak komentar, 

Terima kasih.
Salam

By: Utomo19 On 8:01:00 PM

Continue Reading

Tutorial Lengkap Cara Membuat Latar Background Abstrak di Illustrator

Flamingosolution.com | Kesempatan kali ini blog ingin sedikit berbagi mengenai artikel yang memuat "Tutorial Cara Membuat Latar / Background Abstrak di Illustrator".

Mungkin jenis gambar seperti ini sudah kerap kita lihat seperti contoh latar abstrak seperti pada beberapa cover buku, log, bahkan latar dari sebuah OS Linux / Microsoft/ Mac dll lain sebagainya.
Latar seperti ini biasanya bertujuan untuk mendukung sebuah konten atau logo agar terlihat dinamis dan latar tampilan dalam suatu monitor lebih tampak ringan dipandang mata.

Maka untuk itu langsung saja mari kita simak langkah langkah dibawah berikut

Step 1 : Buka Illustrator  dan buat layer baru dengan ukuran sesuai keinginanmu.

 (Gbr 1 : Buka Layer Baru)

Step 2 : Buat sebuah bidang persegi [Rectangle] pada layer, dan beri dengan warna gradient orange

(Gbr 2 : Memasukkan Rectangel dan Gradient Orange)

Step 3 : Atur warna Gradient Orange menjadi 2 titik warna saja, kemudian arah gradien dengan cara atur sudut menjadi  (-90)

(Gbr 3 : Mengatur warna gradient)

Step 4 : Masukkan kedalam objek 'rectangel' sebuah garis melintang datar dengan menggunakan Pentool. Aturlah warna dalam Fill : none ; dan Strokenya warna putih.

 (Gbr 4 : membuat garis horizontal dengan Pentool)

Step 5 : Kemudian ubah jenis sebuah garis tersebut menjadi brush jenis Charcoal - Feater

  (Gbr 5 : Mengubah motif garis menjadi motif brush)

Step 6 : Duplikat/ perbanyak garis yang telah diubah tadi sebanyak 5 (cukup) dengan cara mendrag kebawah sambil menahan 'alt' lalu klik dilepas. Atau bisa dengan cara tekan Ctrl + D selama 5 x agar terduplikat sebanyak 5.

 (Gbr 6 : Memperbanyak garis motif brush sebanyak 5)

Step 7 : Selanjutnya seleksi sudut anchor/ titik garis kanan dengan menggunakan Direct Selection Tool atau tekan 'A' . - Kemudian ubah posisi , atau jenis lekukannya 

 (Gbr 7 : Mengubah sudut anchor point dengan direct selection tool (a) )

Step 8 : Ubahlah semua sudut anchor tersebut seperti dibawah ini, dan buat sudut memilki lekukan dengan menggunakan dengan mengubah jenis sudut anchor menjadi "smooth"

(Gbr 8 : Mengubah sudut anchor dengan smooth ).

Step 9: Selanjutnya seleksi lah semua garis tersebut dan perbesar sehingga terlihat keluar dari bidang Rectangel yang telah diberi gradient ,  Kemudian setelah itu duplikat dan letakkan dibawah posisi garis yang semula

(Gbr 9 : Memperbesar garis, dan duplikat )

 Step 10 : Seleksi semua garis namun pastikan posisi layer antara (Rectangle Gradient) dengan garis putih berbeda seperti dibawah ini ;

 

(Gbr 10. Mengunci layer Rectangle)

Step 11: Setelah posisi layer Rectangle dikunci, seleksi masing masing garis menggunakan direct selection kemudian aturlah posisi garis agar pas dengan sudut sudut rectangle , lakukan pada semua garis tersebut , agar terlihat rapi seperti dibawah ini :

(Gbr 11: mengatur sudut sudut anchor Garis putih ke Sudut Rectangle)

Step Akhir : Setelah itu seleksi semua garis (Ctrl A) ,kemudian masuk ke menu Transparency - ubah Blending Mode dari normal ke overlay

 (Gbr akhir : Mengatur Blending Garis)

maka hasil akan menunjukkan warna garis yang lebih menyatu ke dalam latar.

(Hasil Akhir)

Demikian lah tutorial sederhana kali ini yaitu background abstrak, semoga bermanfaat.

Terima kasih.

By: Utomo19 On 11:41:00 PM

Continue Reading