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

Advertisements

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

Tutorial Meteor Effect Pada Photoshop


sumber: http://psdlearning.com

Step 1

First create a new document and fill it with a dark grey.

Amazing Fire Tutorial

Step 2

Create a new layer, call it “Clouds,” and using the Lasso Tool (L), make a selection similar to the one I’ve shown below.

Set your background color to a 50% grey and the foreground to a dark grey. Go to Filter > Render > Clouds and, holding the Alt key, create clouds. After that go to Images > Adjustments > Levels, and change the input levels and output levels until you make the clouds neither too dark nor too light (see the image shown).

This layer will be on top of the others.

Amazing Fire Tutorial

Step 3

Create another layer and repeat Step 2, but this time just change the background color from 50% gray to a blue or green color. This will create a small cloud, lighter than the big one.

Amazing Fire Tutorial

Step 4

Now we’ll switch to Adobe Illustrator to create some text. I used Times New Roman for the font. After that go to Effect > 3D > Extrude and Bevel. Now we will create the 3D text. Rotate the object and change the perspective. You can use the same values as I did (shown below).

Amazing Fire Tutorial

Step 5

  1. Copy the 3D text and paste it in Photoshop.
  2. Place it in the center and add some Noise (Filter > Noise > Add Noise).
  3. Now let’s change the Layer Style. First add Bevel and Emboss.
  4. After that, let’s add a Gradient Overlay.
Amazing Fire Tutorial

Step 6

  1. Duplicate the Type layer and add a Motion Blur (Filter > Blur > Motion Blur).
  2. Set the angle of the blur to -53.
  3. Change the layer mode to Linear Dodge (Add).
  4. Create a Folder, call it “Typo,” and move these two layers into it.
Amazing Fire Tutorial

Step 7

Create a new layer and repeat the Step 2, this time using a selection as shown going out the back of the letter T. This will create the trailing smoke.

Amazing Fire Tutorial

Step 8 Creating the FIRE

1 – Create a new layer and call it “fire1.”
2 – With the Elliptical Marquee Tool (M), create a selection.
3 – Set the background color to light grey and the background to black.
4 – Create clouds as we did in Step 2.
5 – Change the Levels to increase the contrast;
6 – Change the Hue/Saturation with Colorize selected until you get an orange/yellow color.

Amazing Fire Tutorial

Step 9

Create a new layer, call it “blazes,” and repeat Step 8. After that, duplicate the layer and call it “flames.” Create a folder and move the Fire1, Blazes, and Flames layers to this folder and call the whole folder “Fire.” It will be on top of the Typo layer.

// <![CDATA[
//<![CDATA[
var m3_u = (location.protocol=='https:'?'https://ssl-d.netline.com/ajs.php&#039;:'http://d.netline.com/ajs.php&#039;);
var m3_r = Math.floor(Math.random()*99999999999);
if (!document.MAX_used) document.MAX_used = ',';
document.write ("”);
//]]>
// ]]>
Amazing Fire Tutorial

Step 10

Select the layer “blazes” and go to Filter > Liquefy. There select the Turbulence Tool (T). Now, on the edges of the fire, start creating some blazes. Use it like you would the smudge tool.

Amazing Fire Tutorial

Set 11

After the Liquefy, go to Edit > Transform > Warp and change the blaze’s form to something similar to the image below. After that apply Filter > Sharpen > Sharp.

Amazing Fire Tutorial

Step 12

  1. Create a new layer and call it “yellow color.”
  2. Create an ellipse selection with 30px feather and fill it with white.
  3. After that edit the Layer Style and apply a Color Overlay using an yellow color and Multiply for the layer’s blend mode.
Amazing Fire Tutorial

Step 13

The order and the Blend modes for the fire are:

  1. Flames: Lighter Color
  2. Blazes: Normal
  3. Fire1: Lighten
  4. Yellow Color: Multiply

Step 14 Sparks

For the sparks we will use brushes. Create a folder and call it “Sparks.” It will be on top of the Fire folder.

  1. Inside the folder, add a new layer.
  2. Fill it with black and change the Blend Mode to Color Dodge.
  3. Select the Brush Tool and let’s create a brush.
  4. In Brush Tip Shape, change the Diameter to 12, and increase the spacing.
  5. Select Scattering and set Scatter to the 1000% and Control to off. Change the Count to 2 and Count Jitter to 100%.
  6. Select white and start painting some sparks.
Amazing Fire Tutorial

Step 15

Create a new layer and repeat the Step 14 but now change the Scatter Option to 0%. Start creating some single line sparks like swirls.

Amazing Fire Tutorial

Step 16

Here I used the Gomedia Spraypaint brushes to create those tiny little sparks, but you can repeat the step 14 changing the Brush size only. Basically, create a new layer, put it behind the others, fill it with black, change the Blend Mode to Color Dodge, see the color to white, and create the sparks.

Amazing Fire Tutorial

Conclusion

Amazing Fire Tutorial

Click the image above to view a full screen version of the final image

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: