Tutorial Desain Baju Dengan 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/sablon. Tutorial ini sangat sederhana dan dapat diikuti dengan mudah. :)

STEP 1

Buka Gambar template kaos di photoshop. Jika kamu belum punya template kaos, silahkan anda cari google


STEP 2

Gunakan Pen Tool untuk menyeleksi kaos, buat yang belum tau cara menggunakan pen tool untuk membuat seleksi



STEP 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.



STEP 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.



STEP 5

Ubah blending mode dari "layer 1" menjadi Multiply. Langkah ini membuat bagian yang tampil pada layer 1 hanyalah bayangan lipatan-lipatan baju.



STEP 6

Sekarang saatnya memasukkan desain kaos. Desain kaos di tutorial ini saya buat di Illustrator, tidak masalah kalau desain kamu di Photoshop atau CorelDRAW, langkah-langkahnya sama saja. Masuk sebentar ke Illustrator untuk meng-copy desain (Ctrl + C).



STEP 7

Kembali lagi ke Photoshop, lalu tekan tombol Ctrl + V untuk paste desain kaos ke Photoshop.



STEP 8

Klik layer "vector smart object" (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.



STEP 9

Sekarang kita akan membuat agar desain kaos dapat diposisikan lebih bebas pada template. Caranya, tekan tombol Ctrl lalu klik pada thumbnail layer 1untuk mengambil seleksi berdasarkan bentuk objek pada layer 1.



STEP 10

Sementara seleksi aktif, klik pada layer "vector smart object" 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 rantaidiantara thumbnail layer "vector smart object" dan layer mask untuk menghilangkannya.



STEP 11

Langkah tadi membuat kita lebih bebas menggeser dan memperbesar desain kaos untuk mengatur posisi yang sesuai dengan tampilan kaos. Klik pada thumbnali layer "vector smart object" lalu tekan Ctrl + T (transform) di keyboard untuk mulai mengatur posisi tampilan desain pada kaos.



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.



Sekian Cara Design Baju Dengan Photoshop

Tutorial: Membuat banner di photoshop

Tutorial: Membuat desain Banner dengan Photoshop. Kali ini tips dan  tutorial penjelasan caramembuat banner dengan photoshop  khusus untuk pemula / belajar  dan kurang paham dengan standar cetak digital printing, pada bagian tertentu harus diperhatikan berapa ukuran banner / spanduk yang akan dibutuhkan. Contoh desain seperti dibawah ini:

standar file percetakan bisa dilihat pada postingan

Kita mulai dengan membuat desain banner/spanduk dengan materi sbb:
1. Banner/Spanduk ukuran 4m x 1,5m  atau ukuran centimeter  400cm x 150cm
2. Materi TULISAN spanduk

SEMALAM MENGAYUH dan MERAIH SYAFA’AH

“SHOLAWATAN, HADRAHAN, TILAWAH, SIRAMAN ROHANI

Dalam Acara “PERINGATAN MAULID KANJENG NABI MUHAMMAD SAW”

12 ROBIUL AWAL 1434 H

Oleh TAKMIR MUSHOLLA ATTAQWA

Merujuk pada materi spanduk yang akan didesain adalah Acara Maulid maka bakcground kita sesuaikan dengan nuansa religius, biar gambar sama silahkan ambil download dengan cepat di link bawah ini;

http://www.adiguna.com/wp-content/uploads/2013/03/spanduk-maulid.jpg

atauhttps://plus.google.com/u/0/photos/101152759479983659752/albums/5855262903841358705/5855262901523021282

buka photoshop (boleh versi  cs3 cs4 cs5 cs6) kali ini saya menggunakan adobe cs6, lalu buat dokumen baru  (New Document) di photoshop  File>New  (Ctrl+N) dan isi nilainya seperti contoh gambar

Name: isi dengan nama file misal; Spanduk Maulid
Width: 400   Heigth: 150  Resolution:  40 Pixels/Inch   Color Mode : RGB Color 8 bit
Background Contents : White   tekan OK.

Setelah tampilan seperti diatas kita masukkan dulu background yang sudah didownload tadi, kalau anda ingin mengganti dengan yang lain silahkan anda buka di PC anda sendiri.
Arahkan mouse pointer pada tool panel lalu klik ikon MoveTool.
Klik gambar background spanduk tersebut tahan mouse lalu drag/seret ke arah  newdocument (background putih), kemudian perbesar background tersebut melalui  titik yang muncul pada sudut2 background tersebut  secara full gambar penuh.

Berikutnya memasukkan teks dalam gambar, buatlah masing-masing baris dalam satu layer

Buat Teks layer “SEMALAM MENGAYUH dan MERAIH SYAFAAT” efek stroke isikan 16px gradien warna kuning dan putih.  silahkan mencoba mencoba dengan warna, stroke dan gradien seusai keinginan.

Buat Teks layer  “SHOLAWATAN, HADRAHAN, TILAWAH, SIRAMAN ROHANI” untuk efek warna, gradien dll sesuaikan sendiri sama dengan cara tahap diatas.

Selanjutnya sesuaikan juga untuk tahap penulisan teks layer berikutnya sampai selesai.

Untuk efek teks dan gradien selengkapnya bisa anda download disini Teks Gradien PSD

Setelah proses efek dan gradien selesai simpan file tersebut dengan nama maulid.psd, dan selanjutnya untuk keperluan cetak digital printing sebaiknya fie tersebut jadikan dalam format jpg dengan cara save as file ke jpeg.  (disarankan jika ke digital printing bawakan file format dalam bentuk file JPG)

Sumber : http://www.adiguna.com/tutorial-membuat-banner-di-photoshop/