Kamis, 17 Februari 2011

BRUSH ANIMATIONS

Dimension Brushes

900Kelvin Brushes

Brush Screenshot

Description :

Newest brushes. Very big. lol.
Brush Screenshot

Darius Brushes

Brush Screenshot

Life Brushes

Brush Screenshot

tutorial fire

fire of deat photoshop animations

photoshop in action tutorial






VIDEO TUTORIAL

Rabu, 16 Februari 2011

JOGJA DESAIN

Sebelum memulai, mari terlebih dahulu kita lihat hasil akhir dari gambar yang akan kita buat. Versi yang lebih besar dapat dilihat disini.
tutorial tipografi 3D dengan photoshop dan illustrator

Langkah 1

Buka Adobe Illustrator untuk memulai membuat teks 3D. Dengan Type Tool ketik ‘jogja’ dengan menggunakan huruf kapital. Font yang saya gunakan disni Helvetica LT Black dengan ukuran font 300 pt dengan warna font putih #FFFFFF (pada gambar berikut sya tampilkan hitam hanya untuk memperjelas).
tutorial tipografi 3D dengan illustrator dan photoshop

Langkah 2

Klik teks jogja dengan Selection Tool kemudian pilih Effect > 3D > Extrude & Bevel dan atur seperti gambar berikut. Tekan OK setelah selesai.
tutorial tipografi 3D dengan illustrator dan photoshop

Langkah 3

Pilih Edit>Copy untuk mengopi teks 3D yang sudah kita buat, bisa juga dengan shortcut Ctrl+C. Buka gambar tugu jogja ini dengan Photoshop. Paste teks 3d pada dokumen Photoshop, tekan Ctrl+V akan keluar pilihan dipaste sebagai apa, pilih Smart Object.
tutorial tipografi 3D dengan illustrator dan photoshop

Langkah 4

Langkah berikutnya kita akan membuat efek retak pada jalan yang terletak dibawah teks. Buka gambar tanah retak ini dengan Photoshop dan paste pada dokumen kita. Tekan Ctrl+T dan perkecil ukuran gambar tekstur tanahnya. Jangan tekan enter dulu, klik kanan pada layer tekstur tanah pilih Distort. Klik steiap sudut layer dan geser sampai seperti gambar berikut.
tutorial tipografi 3D dengan illustrator dan photoshop
tekan enter, ubah Blending Modenya menjadi Multiply. Hapus beberapa bagian dari tekstur tanah yang terletak dipinggir agar lebih realistis dan tidak tampak bersudut.
tutorial tipografi 3D dengan illustrator dan photoshop

Langkah 5

Sekarang kita akan membuat teks 3D tampak seperti batu. Buka gambar tekstur tembok ini dengan Photoshop dan paste pada dokumen kita. Tekan Ctrl+T dan perkecil ukuran gambar tekstur tanahnya. sebelum menekan enter, klik kanan pada layer tekstur tanah pilih Distort dan geser setiap sudutnya hingga seperti gamba berikut. Buat seleksi yang mengelilingi tulisan JOGJA, kemudian lakukan masking pada layer tekstur tembok.
tutorial tipografi 3D dengan illustrator dan photoshop
Ubah Blending Mode layer tekstur tembok menjadi Linear Burn dan opacity 70%, sejauh akan kita dapati sepeti berikut.
tutorial tipografi 3D dengan illustrator dan photoshop

Langkah 6

Buat Adjustment Layer baru dengan Layer > New Adjustment Layer > Levels kemudian untuk setting level pilih Lighten Shadow. Ini membuat teks 3D lebih terang. Tekan Alt dan klik pada garis perbatasan layer 2 dan layer level, ini akan membuat level hanya memberikan efek pada layer 2.
tutorial tipografi 3D dengan illustrator dan photoshop

Langkah 7

Buat layer baru. lakukan seleksi sepeti langkah 5, gunakan Gradient Tool untuk membuat Linear Gradient dari hitam #000000 ke transparent pada bagian bawah teks 3D.
tutorial tipografi 3D dengan illustrator dan photoshop

Langkah 8

Coba perhatikan warna Tugu Jogja, nampak agak kuning di malam hari. Kita akan membuat teks 3D memiliki warna seperti Tugu Jogja agar tampak lebih realistis. Tambah layer baru diatas layer levels 1. Buat lagi seleksi seperti langkah 5. Ubah warna Foreground menjadi #fb8701, dengan paint Bucket Tool penuhi area seleksi dengan warna tersebut. Ubah blending mode menajadi Color dan tambahkan Layer Mask. Lakukan masking dengan Gradient Tool pada bagian bawah tulisan.
tutorial tipografi 3D dengan illustrator dan photoshop

Langkah 9

Beberapa langkah berikutnya adalah memberi bayangan teks 3D. Gunakan Pen Tool untuk membuat path seperti gambar berikut. Untuk cara menggunakan Pen Tool baca tutorial sebelumnya. Buat Layer baru, penuhi path dengan warna hitam #000000, pada menu bar pilih Filter > Blur > Gaussian Blur buat radius 2 pixel. Ubah opacity menjadi 60 %.
tutorial tipografi 3 dimensi dengan illustrator dan photoshop
lakukan juga untuk huruf-huruf lainnya akan kita dapatkan gambar seperti berikut.
tutorial tipografi 3 dimensi dengan illustrator dan photoshop

Langkah 10

Ketik ‘JOGJA’ dengan font Helvetica LT Black, ukuran font 300 pt dengan warna font hitam #000000. Pada layer palet, klik kanan layer baru ini, pilih Convert to Smart Object. Tekan Ctrl+T dan lakukan transform dengan distort seperti pada langkah 4. Ubah Opacity menjadi 60% dan klik Filter > Blur > Gaussian Blur, gunakan radius 3 pixel.
tutorial tipografi 3 dimensi dengan illustrator dan photoshop

Langkah 11

Beri sedikit ladi bayang-bayang di bagian bawah tulisan. Buat path berbentuk elips dibawah huruf J, buat layer baru dan penuhi path tadi dengan warna hitam. Klik Filter > Blur > Gaussian Blur, gunakan radius 3 pixel dan ubah Opacity layer menjadi 60 %. Lakukan untuk sisa huruf lainnya dengan ukuran elips sesuai dengan huuf yang akan diberi bayangan.
tutorial tipografi 3 dimensi dengan illustrator dan photoshop

Langkah 12

Langkah terahir adalah mengatur warna agar setiap layer tampak menyatu. Buat layer baru Layer > New Adjustment Layer > Curves dan letakkan posisinya paling atas pada layer palet. Atur Curve sepeti berikut.
tutorial tipografi 3 dimensi dengan illustrator dan photoshop

Hasil Akhir

Inilah hasil akhir dari wallpaper yang kita buat. File psd untu tutorial ini dapat didownload disini. Selamat mencoba trik ini untuk membuat teks efek lain, jangan lupa subscribe ke painthink RSS Feed.
tutorial tipografi 3D dengan photoshop dan illustrator

DESAIN PONSEL

Iklan adalah salah satu hal paling penting dalam mempromosikan suatu produk. Oleh karena itu, sebuah iklan harus dibuat semenarik mungkin agar lebih banyak yang memperhatikan sehingga informasi yang ingin disampaikan bisa tersebar lebih luas. Salah satu hal yang membuat sebuah iklan menarik adalah desainnya yang bagus. Dan pada tutorial Photoshop kali ini kita akan bermain dengan warna untuk mendesain sebuah iklan yang keren dan menarik perhatian, kita akan membahas bagaimana cara membuat iklan ponsel penuh warna dengan teknik Photoshop dan Illustrator yang sederhana.

Hasil Akhir dari Gambar

Berikut adalah hasil akhir dari gambar yang akan kita buat, klik untuk melihat gambar dalam ukuran sebenarnya.
tutorial photoshop desain iklan ponsel penuh warna

Langkah 1

Pertama bikin dokumen baru dengan ukuran 1920 px untuk lebarnya dan 1200 untuk tingginya pada tingkat resolusi 300 ppi. Kali ini saya akan menggunakan tekstur tanah yang sangat bagus dari Stock Exchange. Sekarang pindahkan tekstur yang udah kamu download ke dokumen kamu.
tutorial photoshop desain iklan ponsel penuh warna

Langkah 2

Buat layer baru dan penuhi dengan warna #241300, ubah blending modenya menjadi Soft Light.
tutorial photoshop desain iklan ponsel penuh warna

Langkah 3

Sekarang kita mulai mempercantik iklan kita, saya mendownload Bittbox Watercolor Brushes 2, brush cat air high resolution yang sangat keren.
tutorial photoshop desain iklan ponsel penuh warna

Langkah 4

Berikutnya buat layer baru lagi, kemudian pilih brush yang lain dan disini saya gunakan brush nomor 20. Ubah diameter brush menjadi 800 px dan untuk warna kita gunakan warna biru #000cff. Setelah itu, putar layer seperti tampak berikut ini.
tutorial photoshop desain iklan ponsel penuh warna

Langkah 5

Ulangi langkah 4, sekarang gunakan brush nomor 13 dengan ukuran diameter 1000 px dan hijau #00ff3c kita gunakan sebagai warnanya.
tutorial photoshop desain iklan ponsel penuh warna

Langkah 6

Ulangi lagi langkah 4, sekarang gunakan brush pertama dengan diameter 700 px dan untuk warna kita gunakan warna kuning #ffde00.
tutorial photoshop desain iklan ponsel penuh warna

Langkah 7

Sekarang buat layer baru letakkan di paling atas dan ubah warna foregroumd dan background kamu : #FFFFFF dan #000000. Sekarang pilih Filter > Render > Fibers gunakan 13 untuk Variance dan 4 untuk Strength.
tutorial photoshop desain iklan ponsel penuh warna

Langkah 8

Berikutnya putar layer. Setelah itu klik layer dua kali untuk membuka jendela Layer Style. Pada halaman pertama jendela Layer Style atur Fill Opacity menjadi 60% dan Blend Mode menjadi Darken, kemudian tambahkan style Gradient Overlay, gunakan gradien pelangi.
tutorial photoshop desain iklan ponsel penuh warna

Langkah 9

Kemudian pilih Lasso Tool (L) dan buat seleksi seperti yang saya lakukan. Sekarang klik Select > Modify > Feather dan masukkan 100 px untuk Feather Diameter. Setelah itu jalankan Layer > Layer Mask > Reveal Selection.
tutorial photoshop desain iklan ponsel penuh warna

Langkah 10

Tambahkan layer baru di bagian paling atas, berikutnya pilih Filter > Render > Clouds. Ubah Blend Modenya menjadi Vivid Light.
tutorial photoshop desain iklan ponsel penuh warna

Langkah 11

Untuk menyelesaikan desain ini kita membutuhkan gambar handphone, kamu bisa gunakan gambar iPhone yang dulu saya buat pada tutorial menggambar iPhone 3G dengan Photoshop, silakan download gambar iPhone dalam format PSD atau PNG. Import gambar kedalam Photoshop dan letakkan pada dokumen kamu. Setelah itu duplikat layer iPhone dan klik Filter > Blur > Motion Blur. Gunakan 43 untuk nilai Angle dan 155 untuk Distance. Pastikan layer yang blur ada dibawah layer yang normal.
tutorial photoshop desain iklan ponsel penuh warna

Langkah 12

Berikutnya klik dua kali layer blur untuk memasuki jendela pengaturan Layer Style. Pertama ubah Fill Opacity menjadi 70% dan tambahkan style Outer Glow. Gambar dibawah ini akan memberikan semua informasi yang kamu butuhkan.
tutorial photoshop desain iklan ponsel penuh warna

Langkah 13

Langkah berikutya kita akan membuat bayangan iPhone. Pertama ynag harus dilakukan adalah menduplikat layer iPhone dan membalik gambar hasil duplikat dengan cermin sumbu x, setelah diduplikat aktifkan layer duplikat dan klik Edit > Transform > Flip Vertical, taruh layer duplikat dibawah layer asli. Lakukan masking pada layer bayangan dengan gradien linear dari hitam ke putih, perhatikan gambar berikut dan buat sebaik mungkin.
tutorial photoshop desain iklan ponsel penuh warna

Langkah 14

Berikutnya download gambar bunga warna kuning dan paste kedalam dokumen dibalik layer iPhone. Lakukan seleksi pada background hitam bunga menggunakan Magic Wand Tool (W) lalu tekan delete untuk mengekstrak gambar bunga dari backgroundnya. Sesuaikan ukuran bunga dengan iPhone dan sampai disini kamu akan mendapatkan gambar seperti berikut.
tutorial photoshop desain iklan ponsel penuh warna

Langkah 15

Buka Adobe Illustrator, dan gunakan Pen Tool (P) untuk menggambar dua garis melengkung yang berbeda seperti berikut ini.
tutorial photoshop desain iklan ponsel penuh warna

Langkah 16

Dengan menggunakan Blend Tool, klik pada ujung garis pertama kemudian klik lagi pada ujung garis kedua. Ini akan mengahasilkan beberapa garis diantara dua garis yang ada. Dalam keadaan Blend Tool aktif, klik Object > Blend > Blend Options. Disitu, ubah Spacing menjadi Specified Steps dan masukkan nilai 5 untuk stepnya.
tutorial photoshop desain iklan ponsel penuh warna

Langkah 17

Copy garis-garis yang sudah kita buat dan paste ke Photoshop sebagai Smart Object.
tutorial photoshop desain iklan ponsel penuh warna

Langkah 18

Klik layer baru ini dua kali untuk memunculkan kotak Layer Style. Tambahkan style Drop Shadow dan Outher Glow pada layer garis-garis, kemudian tambahkan style Gradient Overlay, gunakan gradien warna pelangi.
tutorial photoshop desain iklan ponsel penuh warna

Langkah 19

Duplikat layer garis-garis dan sekarang kita memiliki dua layer garis-garis dengan layer kedua berada dibawah layer pertama. Matikan visibility dari layer kedua untuk membuatnya tidak tampak. Berikutnya aktifkan layer pertama, tekan Ctrl dan klik pada layer iPhone untuk membuat seleksi lalu pilih Layer > Layer Mask > Hide Selection.
tutorial photoshop desain iklan ponsel penuh warna

Langkah 20

Kita sudah hampir menyelesaikan semuanya. Sekarang aktifkan layer kedua dan hidupkan kembali visibility layer kedua untuk membuatnya kembali tampak. Tambahkan Layer Mask pada layer garis-garis ini dan hapus garis-garis yang tidak dibutuhkan, perhatikan gambar berikut untuk lebih jelasnya.
tutorial photoshop desain iklan ponsel penuh warna

Langkah 21

Langkah terakhir, tambahkan beberapa ikon iPhone sebagai gambaran fitur-fitur yang ada pada smartphone ini. Saya disini menggunakan iPhone rounded icons dari deviantART.
tutorial photoshop desain iklan ponsel penuh warna

Hasil Akhir

Inilah hasil akhir dari desain iklan ponsel menarik dan penuh warna yang telah kita buat. Semoga bermanfaat dan jangan lupa subscribe ke Painthink RSS feed.
tutorial photoshop desain iklan ponsel penuh warna

Selasa, 15 Februari 2011

CARTOON PHOTOSHOP

tep 1 : Setting up the Document IN PHOTOSHOP

Create a new document with the below settings. This is basically A4 (210 X 297) size document. There are many sizes when it comes to magazine layout. More often you will be given the magazine size and less often we decide on it. But for this project we will proceed with our own size which is also a standard magazine size.
step-001
Set the measurement units to Millimeters by right clicking on the Ruler. Add guides on the four sides of the document. And then add guides at 5mm distance from the document’s border on four sides of the document. These are text safe margins. We limit our text to this area.
step-001a
Provide a little room for errors when trimming. Set a 3mm bleed. This is very simple, extend the canvas by 3mm except on the left side since the cover page doesn’t get trimmed on the left side there is no need to set the bleed. Press Control+Alt+C or go to Image > Canvas Size to load the Canvas Size dialogue box and enter the values.
step-001b
step-001c

Step 2 : Sketch

After a bit of brainstorm I’ve come up with this loose sketch done in Photoshop. This is the base of our illustration. It is a pretty simple and loose sketch not very detailed but will serve our purpose well. These are the elements that we will be creating during the course of this tutorial. Coming to colors I wanted it to be simple flat colored illustration. We will add details as we progress through the tutorial. We will create the characters first then create the remaining next.
step-002

Step 3 : Creating the Sun

One thing I want you to follow through the rest of the tutorial is maintain objects in Groups. Before you create any major character or object create a new group and create layers in that group. This will save you from lot of mess. Now start by actually creating the Sun character. Create a new group. Go to Layer > New > Group or by clicking on the Create a new group icon on the bottom of the Layers palette. Rename it to "Sun" Grab the Ellipse tool, on the Options select Shape layers option, set the color to a nice orange or #e0912e and draw this oval shape. Make sure that the layer is created in the "Sun" group.
step-003
Draw another oval on top of the previous layer with Ellipse Tool with color #f3d28f.
step-003a
Grab the direct selection tool select the bottom anchor point of the oval shape hold Shift key and move it upwards to the center. Set the layer opacity to 60%
step-003b
With the Ellipse Tool selected draw a smaller oval. Set the color to #ffffff and reduce the opacity to 30%. You can set the shape layer color by double clicking on the layer thumbnail.
step-003c
Now create eyes. Draw an oval like below with the Ellipse Tool. For color set #000000. Draw another oval on top of it with color #ffffff.
step-003d
Add more details like below with Ellipse Tool.
step-003e
Select the eye layers by holding Ctrl and clicking on the layers and go to Edit > Free Transform and rotate the eye about -20 degrees and press enter to confirm the transformation. Use the Info palette to see how much you are rotating.
step-003f
Now the eye is created on one side, we need to duplicate it and place it on the other side. To do this select all the eye layers choose Layer > Duplicate layers. This will duplicate the eye and now press Ctrl+T then right click on the bounding box choose Flip Horizontal option from the context menu.
step-003g
We forward to the nose. Draw a circle with the Ellipse tool like below. Set color #9d2429.
step-003h
Draw a rectangle with the Rectangle Tool on the circle. Set the same color as above. Press Ctrl+T and rotate it about 45 degrees to match the below image. Press Enter key to confirm it.
step-003i
Add some highlights with Ellipse Tool.
step-003j
Now create the smile using a simple technique that I am going to show you. Draw a circle like below.
step-003k
Now click on the Vector mask thumbnail of the circle you just drew. Grab the Ellipse Tool select Subtract from shape area option or Press the "Alt" key and draw a circle like below. Note that you are actually drawing inside the vector mask. See the result.
step-003l
Add a little blush to the sun.
step-003m
Draw flames using the Pen Tool. Create them below the sun's base layer.
step-003n
Our Sun character is finished. I wanted to give it an extra treatment. Add strokes with the Pen tool. Pick a dark brown color or #2c1617. Draw a shape around the sun below all other layers.
step-003o
Draw strokes to the flames on top of flames layers.
step-003p
Now draw some highlights with Pen Tool.
step-003q