Tutorial Cara Membuat Desain T-Shirt dan Kaos pada Photoshop


Langkah 1

Buka photoshop Anda dan buat dokumen baru ( CTRL+N )

Membuat Desain T-Shirt dan Kaos dengan Photoshop

Langkah 2

Sekarang kita akan membuat bentuk t-shirt menggunakan pen tool dengan pengaturan properties sebagai berikut

Membuat Desain T-Shirt dan Kaos dengan Photoshop

Lalu buat buat garis-garis memakai pen tool, gunakan screenshoot ini sebagai pedoman pembuatan bentuk. Jika sudah selesai, Anda bisa gunakan pen tool lagi dan edit sesuai dengan yang Anda inginkan.

Membuat Desain T-Shirt dan Kaos dengan PhotoshopKemudian warnai bentuk t-shirt tersebut dengan warna hitam dengan cara klik kanan pada garis path dan make selections. Buat layer baru lalu tekan tombol Shift + F5 dan pilih use menjadi balck akhiri dengan menekan OK. Untuk menghilangkan seleksi klik pada menu Select > Deselect.

Langkah 3

Gunakan pen tool lagi untuk membuat bayangan, gunakan warna bayangan #828282. Jika Anda kesulitan untuk melihat titik pen tool Anda bisa membesarkan view Anda menggunakan zoom in dengan cara menekan tombol keyboard CTRL + Klik pada area yang ingin diperbesar (gunakan klik + drag sambil menekna tombol CTRL), untuk meperkecil view Anda gunakan CTRL+ALT+Klik. Dan ini hasil path-nya.

Membuat Desain T-Shirt dan Kaos dengan Photoshop

Bayangan sebelah kiri, di area ketiak.

Membuat Desain T-Shirt dan Kaos dengan PhotoshopPath pada ketiak kanan

Membuat Desain T-Shirt dan Kaos dengan Photoshop

Langkah 4

Sekarang tambahkan bayangan pada bagian bawah, menggunakan cara yang sama pada langkah 3.

Membuat Desain T-Shirt dan Kaos dengan Photoshop

Langkah 5

Dengan beberapa penambahan bayangan menghasilkan gambar berikut. Anda bisa menambahkan bayangan lainnya yang menurut Anda bisa dipakai.

Membuat Desain T-Shirt dan Kaos dengan Photoshop

Langkah 6

Sekarang Anda sudah siap menggunakan desain t-shirt ini untuk dijadikan template. Sehingga desain isi t-shirt dengan mudah dapat dimasukkan dan dijadikan sebagai display. Biasanya untuk model T-Shirt seperti ini (menggunakan photoshop) Anda memasukkan desain isi melalui penambah layer diatas semua layer dan dikombinasikan dengan mode layer. Hasil terakhir sampai memasikkan desain T-shirt adalah sebagai berikut.

Membuat Desain T-Shirt dan Kaos dengan Photoshop

Langkah 6

Jika Anda lebih suka terlihat realistis Anda bisa gunakan Smudge Tool ( R ) pada bayang-bayang yang Anda buat sehingga terlihat seperti kaos nyata. Jika menggunakan opsi ini Anda juga bisa menambahkan bayangan dengan Polygonal Lasso tool (buat acak), warna tetap menggunakan warna yang sama. Pada setiap seleksi buat feather (CTRL+ALT+D) sebesar 5.

Pada T-shirt tambahkan noise (Filter > Noise > Add Noise) agar terlihat tekstur kain sebesar 0,90. Dengan menggunakan cara ini kita bisa menghasilkan desain T-Shirt seperti berikut

Membuat Desain T-Shirt dan Kaos dengan PhotoshopFinishing, anda bisa menambahkan label dan kain pada leher.

Membuat Desain T-Shirt dan Kaos dengan Photoshop

Membuat Efek Chidori ala Sasuke dengan Photoshop


1. Persiapkan image yang mendukung. Masukkan pada area kerja adobe photoshop. Lalu lakukan copy layer dengan cara menekan tombol keyboard CTRL + A kemudian tekan CTRL + C

2. Buat dokumen baru ukuran 500 x 300 px (sebenarnya terserah Anda). Paste gambar tersebut klik Menu Edit > Paste dan sesuaikan dengan lembar kerja baru ini dengan cara klik Menu Edit > Free Trasform (CTRL + T). Drag bagian pojok atas kanan ke dalam sambil menekan tombol Shift agar proporsi tidak berubah.

3. KLik tombol keyboard D agar warna menjadi default. Berikutnya sobat harus bikin layer baru dulu diatas layer background. klik menu “Layer” > “New” > “Layer” atau tekan (Shift+Ctrl+N). Kemudian buat gradasi hitam putih dengan cara klik gradient tool.

4. Sekarang klik menu “Filter” > “Render” > “Difference Clouds”. Kemudian balik warna tadi dengan klik Menu Image > Adjustments > Invert ( CTRL + I ). Lakukan point 4 ini satu kali saja, Anda tidak perlu membuat different cloud berulang2 sesuai yang Anda inginkan. Kita akan mengubahnya nanti.

5. Perjelas efek petir dengan mengakses level via klik Menu Image > Adjustments > Level [CTRL + L]. Hasil memperjelas ini akan berbeda pada setiap kali kita membuatnya. Sesuaikan sendiri menurut hasil yang ada pada komputer Anda.

chidori light flames effects photoshop

6. Sudah terlihat seperti effect petir tapi masih ada warna hitam di samping nya. Oleh karena itu kita hilangkan dulu warna hitam di sekeliling petir dengan cara mengubah blending mode nya dari “Normal” menjadi “Screen”

7. Sekarang petir sudah jadi namun masih terlihat putih. untuk merubah warna putih menjadi kebiruan, kita atur saturation nya ( Ctrl+U ). Tingkat kebiruan bisa Anda atur sendiri dengan menggeser Hue dan Saturation.

chidori light flames effects photoshop

8. Kecilkan petirnya dengan cara klik Menu Edit > Free Trasform (CTRL + T). Drag bagian pojok atas kanan ke dalam sambil menekan tombol Shift agar proporsi tidak berubah dan Duplikat layernya dengan klik Menu Layer > Duplicate Layer. Anda juga bisa memutar dan mengkelokkan petir via klik kanan > warp saat tranform aktif.

9. Lakukan poin 8 hingga sesuai dengan yang Anda inginkan. Hapus bagian2 tertentu menggunakan Eraser Tool ( E ). Untuk memperbesar dan memperkecil brush eraser gunakan tombol keyboard [ dan ].

10. Buat dokumen baru 3 kali dokumen kerja Anda dengan cara klik Menu File > New. Ganti Height dan Weight sesuai dengan 3 kali perbesaran dokumen sebelumnya.

11. Tekan Alt + Del agar Background menjadi warna hitam. Tambahkan cahaya pada tangan. klik menu “Filter” > “Render” > “Lens Flare”. Duplikat layer ini ke dokumen Sebelumnya dengan cara klik menu Layer > Duplicate Layer, Arahkan Destination Documents pada dokumen sebelumnya. Tutup lembar kerja ini dengan menekan tombole keyboard CTRL + W, jika ditanya saving tekan NO.

chidori light flames effects photoshop

12. Ubah blending mode nya dari “Normal” menjadi “Screen”. Kemudian atur Letak layer yang baru saja terduplikasi, klik layer tersebut dan klik menu Edit > Free Transform. Drag bagian pojok atas kanan ke dalam sambil menekan tombol Shift agar proporsi tidak berubah, enter. Menggunakan pick tool ( V ) klik dan drag sesuikan letak lingkar pijaran cahaya.

13. Hasilnya seperti berikut.

chidori light flames effects photoshop

Efek Scanline Text pada Photoshop


sumber: http://psdlearning.com

I thought I’d write a tutorial aimed more at beginners, teaching you how to achieve the all important glowing effect which people can’t seem to get enough of. Here we will create a style I’ve named ‘Scanline Text’ which is basically text which glows like bright scanlines, with a smart reflection as well. So learn out how to create this amazing yet simple effect with this easy to follow tutorial.

Tutorial Files

If you are a PSD PRO member then download the PSD file and much more by going here.

Introduction

Glowing effects are everywhere, I even wrote another tutorial on getting the effect which you could combine with this one. I wanted to write this as most of my tutorials are aimed towards intermediate or advanced Photoshop users whereas this is purely beginner but I’m sure You’ll all learn something from it. This is my first tutorial to adopt User Images so make sure you upload the result you get once you’ve finished.

Step 1

Create a new document with dimensions; 1×20px, this will the document we create our scanline pattern in. Go Edit>Preferences>Grid then set the grid to every 1px with 1 subdivision. Create a new layer then hide the background layer. Select the rectangle tool and change the foreground color to white. Now draw a 1×2px rectangle in the middle of the document like in the image below. Go Edit>Define Pattern and save this as a pattern. You can now close this document.

Step 2

Create a new document with dimensions; 1000×1000px then select the gradient tool and open the gradient editor. Use a gradient going from a dark color to black, I used a dark purple. With the gradient set at radial, drag from the middle of the document outwards.

Step 3

Use the text tool to type something in the middle of the document in white. Now go Window>Character then change the settings to suit, for example I used Times New Roman, 300pt and tracking of 100. It should now look similar to the image shown below. Now create a new layer then hit Alt+Backspace to fill it with the foreground color; it doesn’t matter what this is. Ctrl+click on the text layer to make a selection around the text, with the new layer we just created still active click the layer mask button in the layers panel. Now hide the text layer then select the layer mask you just added and go Filter>Blur>Gaussian Blur and use a value of 10px. Set the fill opacity of this layer to 0%.

Step 4

Right click on this layer and select blending options, us the settings shown below to add a pattern overlay using the pattern you created earlier.

Step 5

You can now alter the opacity of this layer to suit you but I always end up going back and changing settings like this later on so don’t worry if it doesn’t match mine exactly.

Step 6

Create some more text like shown in the image below, here I used an even larger value for the tracking because I find that serif fonts in uppercase look better when the characters are spaced out. Again make them white.

Step 7

Right click on this text layer and select blending options then add an inner shadow and outer glow with the settings shown below. If you used a color other than purple for the background you may want to use colors with a different hue for both of these for example; cyan for a blue background. Things like this can easily be changed later on anyway.

Step 8

Put both of the these visible layers within a new layer group then duplicate this group.

Step 9

With the new layer group selected, go Edit>Transform>Flip Vertical then hit V to select the move tool then move it down so it starts to look like a reflection.

Step 10

With the reflection layer group still selected click the layer mask button then with the mask selected use the gradient tool to draw a gradient going from black to white, from the bottom of the reflection to the top of it. If you did this correctly, your image should resemble the one shown below.

Step 11

Create a new layer then hit D to reset the colors then go Filter>Render>Clouds.

Step 12

Hit Ctrl+T to enter free transform mode then squash the image down vertically then goe Edit>Transform>Perspective and move the handle at one of the bottom corners outwards. Next go Filter>Blur>Gaussian Blur and use a value of 10px.

Step 13

Change the opacity of this layer to 10%.

Step 14

Create a new layer, select the brush tool and using a soft brush, make some brightly colored strokes like shown in the image below.

Step 15

Add a Gaussian blur to this layer with a value of 100px then change the opacity of this layer to 50%.

Step 16

Now just change the blend mode to color. I went back and tweaked a few settings to do with color and opacity mainly and below is my final result.

%d bloggers like this: