Jumat, 16 September 2016

Tutorial Membuat Cover Facebook Timeline Sederhana Dengan Photoshop



Kali ini CafĂ© Grafis akan mengulas cara membuat cover facebook simple dan sederhana, berikut tutorialnya, cekidot ya…
Sebelumnya persiapkan dulu file yan dibutuhkan,,
3 file jpg yang ukuran sisinya sama, atau bisa menggunakan foto profile dari facebook kamu, ^_^,
Juga program Adobe Photoshop , tentunya yang sudah terinstal dong… kalo beum punya programnya silahkan cari/download di internet, banyak yang menyediakan program photoshop gratis . ^_^
Ok kalo sudah siap,, baca dan perhatikan langkah-langkah berikut ini …
========================================================================
1.       Jalankan program adobe photoshop cs3/cs4/cs5 (atau lainnya), buat layer, dengan klik New pada menu.
Atur panjang (width) : 851 pixel, dan lebar (height) : 315 pixel. Resolution = 300 dan pada background content dubah ‘transparent’.
2.       Kita beri warna background, sebelumnya pada tool foreground color, ubah dengan warna yang diinginkan, sebagai contoh saja kita warnai dengan warna coklat. Kemudian tekan shift+f5, lalu enter.
Atur gradient overlay dengan klik 2x pada layer bacground dan atur seperti pada gambar di bawah. Dan lihat hasilnya

3.       Buat layer baru, dengan klik new layer pada bagian layer kiri bawah 
4.       Aktifkan retangle tool , serta klik paths, dan rounded retangle tool, buat persegi seperti di bawah ini.
5.       Aktifkan brush tool atau dengan klik B pada keyboard, dan tekan F5, atur brush preset : 5 px, dan dual brush
Size        : 20px
Spacing : 200
Count    : 5



6.       Ubah warna pada foregroun colour. Dengan warna merah gelap.
7.       Aktifkan kembali retangle tool, dan klik kanan pada garis persegi yang telah di buat tadi, klik stroke path, lalu OK, (tanpa memberi centang pada simulate preesure),kira2 hasilnya seperti di bawah ini.
Hasil dari efek stroke path
8.       Buat layer baru, dengan klik new layer pada bagian layer kiri bawah sperti langkah ke 3
9.       Buat persegi panjang warna merah (atau sesuka anda) dengan retangle tool, klik fill pixel di sudut atas, lalu atur gradient overlay, klik 2x pada layer yang aktif, untuk memberikan effect gradient overlay.
10.   Ulangi langkah 4-7, dan posisikan pada persegi warna merah, buat gariss putus2 tersebut berwarna kuning, lihat hasilnya di bawah.
11.   Aktifkan layer persegi merah dan garis2 kuning, dengan meng klik pada kedua layer tersebut bersamaan dengan menekan Ctrl. Klik kanan pada layer tersebut lalu pilih ‘convert smart object’, klik kanan lagi, pilih rasterize layer,

12.   Ubah posisi layer, dengan Ctrl+T, putar 45 derajat, dan posisikan pada bagian samping kiri bawah, kira2 seperti berikut, tekan enter.
13.   Klik 2x pada layer persegi merah tersebut, atur drop shadow. Seperti di bawah.
14.   Buat layer baru, dan buat bidang segi empat berwarna putih dengan retangle tool, seperti di bawah.
15.   Masukkan gambar yang diinginkan, (lebih bagus kalo foto profil ^_^, biar terlihat seperti galeri foto), sebelumnya gambar yang akan dimasukkan sudah berupa segi empat, jadi biar pas, ^_^. Klik Open pada menu File, lalu pilih gambar yang diinginkan, setelah terbuka drag n’ drop gambar ke page layer yang sedang di kerjakan.
16.   Atur dan posisikan gambar, tepat di atas persegi warna putih, dengan Ctrl+T.
17.   Rasterize kedua layer tersebut seperti langkah nomer 11.  Dan ubah posisi seperti di bawah ini.
18.   Berikan efek bayangan dengan meng klik 2 kali layer, dan atur drop shadow, seperti langkah nomer 13.
19.   Ulangi langkah tersebut untuk 2 gambar lagi, kira-kira seperti di bawah ini hasilnya.

      Tambahkan Logo/brandname,, dengan trik drag n drop gambar seperti langkah nomer 15 , dan atur posisi di samping kiri dengan ctrl+T. beri efek drop shadow dan outer glow, klik 2x pada layer logo, atur inner glow sebagai berikut,

20.   Selanjutnya Beri text ucapan “welcome to my facebook”  beri warna text tersebut sama dengan warna background,   
21.   Dan beri text pada bagian pita merah, (terserah yang anda suka ^_^) dengan warna putih atau lainnya.
22.   Membuat efek letterpress pada tulisan “welcome” dan “to my facebook”,
Klik 2x pada layer tulisan “welcome” lalu atur drop shadow seperti di bawah,( shadow berwarna putih),
-          Blend mode  : normal
-          Color            : white
-          Angle            : 120
-          Distance        : 1 px
-          Spread          : 0
-          Size               : 2 px
Lalu atur Inner shadow
-          Blend             : multiplay
-          Color             : Black
-          Angle             : 115 / 120
-          Distance         : 2 px
-          Spread           : 0
-          Size                : 3 px
Atur Gradient Overlay
-          Blend mode               : Multiplay
-          Capacity       : 40 %
-          Angle            : 90
-          Scale              : 150
Lihat hasilnya
NB:
Untuk bagian logo yang di samping, bisa diganti dengan nama anda, dan menggunakan efek letterpress seperti di atas (21-22).  
Selesai.. jangan lupa di upload ke facebookmu ^_^…selamat mencoba.

Jumat, 09 September 2016

Tutor Membuat Desain Baju

Cara Membuat Desain Baju Di Photoshop

Desain kaos/t-shirt adalah salau satu bagian dari seni visual yang cukup menarik untuk digeluti, baik itu untuk keperluan bisnis, maupun hanya sekedar hobby untuk keperluan personal. Pada tutorial Photoshop kali ini, kita akan mempelajari bagaimana caranya membuat preview tampilan desain pada template t-shirt agar terlihat realistis sehingga cukup mewakili kondisi hasil akhir kaos setelah diproduksi. Tutorial ini sangat sederhana dan (semoga) dapat diikuti dengan mudah.
Hasil Akhir

Cara Membuat Desain Baju Di Photoshop
Berikut Langkah-langkahnya;
Langkah 1
Buka Gambar template kaos di photoshop. Jika kamu belum punya template kaos, silahkan cari saja di om google, pilih sesuka hati. Kalau mau pake template dibawah bisa ditemukan disini!
Backround
Langkah 2
Gunakan Pen Tool untuk menyeleksi kaos, buat yang belum tau cara menggunakan pen tool untuk membuat seleksi, lihat di tutorial ini.
Seleksi Pen Tool
Langkah 3
Dalam keadaan seleksi kaos aktif, klik layer "Background", lalu tekan tombol Ctrl + J di keyboard. Maka akan muncul sebuah layer di atas layer "background" berupa duplikasi berdasarkan seleksi yang telah dibuat tadi.
Layer 1
Langkah 4
Klik pada "layer 1", lalu tekan tombol Ctrl + L di keyboard untuk membuat Adjustment Level untuk layer tersebut. Atur settingan pada adjustment level seperti gambar dibawah. Langkah ini akan membuat warna kaos pada "Layer 1" menjadi terang berwarna putih.
Levels

Levels Baju
Langkah 5
Ubah blending mode "layer 1" menjadi Multiply. Langkah ini membuat bagian yang tampil pada layer 1 hanyalah bayangan lipatan-lipatan baju.
Layer 1 Multiply
Langkah 6
Sekarang saatnya memasukkan Desain Kaos. Desain kaos di tutorial ini saya buat di Photoshop juga, tidak masalah kalau desain kamu di Illustrator atau CorelDRAW , langkah-langkahnya sama saja. Buka dan copy Desain (Ctrl+C).
Vektor Desain
Langkah 7
Kembali lagi ke Dokumen kerja, lalu tekan tombol Ctrl + V untuk paste desain kaos tersebut.
Layer Baju PSD
Langkah 8
Klik layer "baju PSD" (layer desain kaos), Lalu tekan tombol Ctrl + [ di keyboard untuk memposisikan layer desain kaos dibawah layer 1. Sekarang preview desain terlihat lebih realistis karena bayangan lipatan kaos dari "layer 1" terlihat diatasnya.
Posisi Layer
Langkah 9
Sekarang kita akan membuat agar desain kaos dapat diposisikan lebih bebas pada template. Caranya, tekan tombol Ctrl lalu klik pada thumbnail layer 1 untuk mengambil seleksi berdasarkan bentuk objek pada layer 1.
Sample Seleksi
Langkah 10
Sementara seleksi aktif, klik pada layer "baju PSD" lalu klik icon Add layer mask dibagian bawah layer palette. Layer mask akan terbentuk berdasarkan seleksi yang sedang aktif dan berfungsi agar bagian diluar seleksi tersebut tidak kelihatan pada area kerja. Jika sudah, klik pada tanda rantai diantara thumbnail layer "baju PSD" dan layer mask untuk menghilangkan-nya.
Layer Mask Baju PSD
Langkah 11
Langkah tadi membuat kita lebih bebas menggeser dan memperbesar desain kaos untuk mengatur posisi yang sesuai dengan tampilan kaos. Klik pada thumbnali layer " baju PSD " lalu tekan Ctrl + T (transform) di keyboard untuk mulai mengatur posisi tampilan desain pada kaos.
Tranform Layer Baju PSD
HASIL AKHIR
Beginilah hasil akhir yang kita dapat pada tutorial photoshop kali ini. Bayangan lipatan kaos terlihat di atas desain dan membuat preview t-shirt tampil realistis.
Cara Membuat Desain Baju Di Photoshop

Bagaimana menurut kamu? Jika ada kritik, saran, maupun pertanyaan. Silahkan disampaikan melalui kolom komentar!