Anda di halaman 1dari 39

Membuat Efek Metalik dengan Photoshop

ada tutorial kali ini aku akan menunjukkan cara membuat efek metalik dengan

photoshop.Efek ini dapat di aplikasikan pada benda atau tulisan.Silahkan simak!!!

1.Buat file baru dengan setting seperti gambar.

2.Buat layer baru dengan nama "tekstur dan seleksi semua area dengan Ctrl+A lalu beri warna
abu-abu.Bisa juga gradasi abu-abu dan hitam.Terserah maunya apa.Kalau pada tutorial ini pake
gradasi.

3.Lalu pilih menu Filter>Noise>Add Noise.Set seperti gambar.Klik OK.

4.Beri filter Motion Blur di Filter>Blur>Motion Blur dengan setting seperti gambar.Klik OK.

5.Hilangkan seleksi dengan Ctrl+D.Gunakan Horizontal Type Tool (T) ketikkan Metal Rock
(tanpa tanda petik).Oh ya!Setting-an jenis,ukuran huruf terserah.

6.Tekan dan tahan Ctrl dan klik pada layer yang berisi tulisan Metal Rock.Lalu aktifkan layer
tekstur dan tekan Ctrl+J.Maka akan tercipta layer baru di atas layer tekstur.Beri nama
tulisan.Sembunyikan layer Metal Rock dan tekstur dengan mengklik ikon mata sehingga terlihat
seperti ini.

7.Munculkan jendela Layer Style dengan mengklik dua kali pada layer tulisan.Centang pada
Inner Shadow dan set seperti gambar.Centang juga pada Inner Glow dan set seperti gambar.

8.Begini jadinya.Untuk membuat latarnya lakukan beberapa langkah awal di atas.Bisa kan?

9.Kalau kurang menarik kita bisa buat yang seperti ini dengan Dodge Tool.Atur Range nya

dengan Highlights dan Exposure 100%. Kalau mau teratur gunakan path lalu klik kanan dan
pilih Stroke Path.Lalu pilih Dodge Tool.

Dibuat dengan meniru dan memodifikasi dari tutorial yang sudah ada di internet.

Membuat Efek Metalik Versi 2 dengan Photoshop

ebelumnya aku minta maaf karena udah agak lama nggak update posting karena

kebetulan aku lagi menjalani MOS SMA.Baru sekarang aku baru bisa online.Aku kan udah
mostingin cara membuat efek metalik,pada postingan ini aku mau tunjukin lagi cara membuat
efek metalik versi 2.Langsung aja disimak!!

1.Buka photoshop dan buat file baru di File>New atau Ctrl+Ndengan ukuran 7 inch x 5 inch
(Default Photoshop Size).Beri warna pada layer Background denganhijau muda.
2.Buat layer baru dengan nama Cakar dan gunakan tool Custom Shape Tool (U) dan pilih
bentuk cakar seperti gambar.

Pilih bentuk cakar dengan Custom Shape Tool

3.Buat seperti gambar.Pindah ke tool Path Selection Tool (A),klik kanan dan pilih Make
Selection.

Besar cakar

Make selection

4.Pastikan layer Cakar udah diaktifkan dan beri warna abu-abu dengan Alt+Del.Hilangkan
seleksi dengan Ctrl+D.Lalu klik 2 kali layer Cakar sehingga muncul jendela Layer Style.

Jendela layer style

5.Centang Inner Shadow,Inner Glow dan Gradient Overlay.Lalu atur seperti gambar.

Inner shadow

Inner glow

Gradient overlay

6.Jadi deh!Hasilnya bisa diliat di awal posting.Kalo mau hasilnya smooth tinggal diubah
settingan diInner Glow.

Ubah inner glow

Tutorial ini aku modifikasi di http://www.absolutecross.com/tutorials/photoshop/smooth-metal

Membuat Efek Mengkilat dengan Photoshop

ni adalah tutorial pertamaku tentang photoshop di blog ini.Aku akan memperlihatkan cara

membuat efek mengkilat seperti gambar di samping dengan photoshop.Langsung saja ikuti
langkah-langkahnya.

1.Buka photoshop dan buat file baru dengan pengaturan seperti ini.

Setting file baru

2.Buat 3 layer baru dan beri nama lingkaran,persegi dan segilima (tanpa tanda petik).Pada
layer lingkaran buat sebuah seleksi lingkaran dengan Elliptical Marquee Tool.Saat memakai
Elliptical Marquee Tool tekan dan tahan Shift agar membentuk lingkaran sempurna.

Seleksi lingkaran

3.Buat gradasi pada seleksi dengan Gradient Tool.Sebelumnya atur warna foreground dan
background seperti ini.

Set warna

Lingkaran diberi gradasi

4.Lalu Ctrl+D untuk menghilangkan seleksi.Buat layer baru di atas layer lingkaran.Beri nama
kilatan1.Lalu buat lagi seleksi dengan Elliptical Marquee Tool seperti ini.

Seleksi kilatan

5.Atur warna foreground dengan warna biru muda.Lalu ganti ke Gradient Tool dan klik pada
area yang ditunjukkan pada gambar Klik1 untuk memunculkan Gradient Editor.Pilih Foreground
To Transparent.

Atur warna

Klik1

Klik2

6.Buatlah gradasi pada seleksi.Lalu tekan dan tahan Ctrl sambil klik kiri pada layer
lingkaran.Lalu balikkan seleksi dengan Select>Inverse atau Shift+Ctrl+I dan Delete.

Gradasi lingkaran

Ctrl+klik!

Tadda!!!!

Beautiful

7.Sekarang kita akan membuat persegi.Pindah ke layer persegi dan gunakan Rectangular
Marquee Tool atau Rectangle Tool sambil menahan Shift.Jika menggunakan Rectangular

Marquee Tool tinggal di beri gradasi saja kalau Rectangle Tool harus klik kanan dan pilih Make
Selection.Untuk warna gunakan warna merah.Udah bisa kan menentukan warnanya.

Make Selection

Seleksi persegi

Seleksi persegi yang sudah diberi gradasi

8.Ganti ke Magic Wand Tool dan pindahkan seleksi ke atas sehingga kurang lebih setengahnya
ada di persegi.Lalu buat layer baru dengan nama kilatan2 dan gradasi kilatan pada seleksi
seperti saat kita membuat kilatan pada lingkaran.Warna atur sendiri.

Naikkan seleksi dengan Magic Wand Tool

Inverse seleksi dan delete

9.Ini saya kasih petunjuk pembuatan tetapi agak tidak lengkap karena sebagian besar pasti
kamu udah bisa sendiri.Membuat segi limanya pakai Polygon Tool.Bentuk kilatannya seperti
gambar.Hasil akhirnya begini!Kalau diperbagus lagi seperti di awal tadi!

Bentuk kilatan segi lima

Sudah selesai!!!

Dibuat berdasarkan eksperimen aku selama sehari.

Ilustrator Tutorial - How to Create a Transparent Battery Icon


STEP 1

Well start by creating a new document and filling it with a solid black background.
You can make yours whatever size youd like, mine is 600 px by 400 px.

Now that we have our document, well begin with creating the metal cap at the end
of the battery. Start by drawing a shape, as shown below. The colors in the gradient
from left to right are 90% gray, white, and black. Additionally, give the object a 1px
Feather and lower its Opacity to 75%.

STEP 2

Copy (Command + C) this object and paste the copy directly in front (Command +
F). Then, nudge the copy one pixel to the right using the right arrow key. The colors
for the gradient from left to right are 80% Gray, Black, and 80% Gray. Additionally,
raise the Opacity of this shape back up to 100%, and remove the feather on it by
dragging it from the list in the Appearance palette to the small trash icon below it.

STEP 3

To add some highlights to the edges, draw two shapes as shown below with the Pen
tool. Fill them both with white. Change the top shapes Opacity to 75% and the
bottom shape to 25%. Also, give both shapes a 2px feather.

STEP 4

It may not be evident just yet, but were now going to add the reflections to the
metal. Draw a shape with the Pen tool and position it as shown below. The left color
on the gradient slider is white and the right color is 90% gray. Give the shape a 1px
feather as well.
For the bottom reflection, draw another shape as shown. The gradient is white to
black and the shape has a 1px Feather. Also, lower its Opacity to 50%.

Now well start on the transparent section of the battery. Begin by drawing the shape
shown below with the Pen tool. Once drawn, fill the shape with white and lower its
Opacity to 50%.
Hint: An easy way to draw the shape is to draw one half of it leaving the path open,
then, copy, paste, and reflect the copy of the shape to create the other half. Finally,
just connect the points with the Pen tool. This also ensures that the final shape will
be symmetrical.

STEP 6

Now, we could simply use a black to gray gradient on this shape, but were going to
use an opacity mask instead. Its a little more work to create, but it will allow us to
change the background behind our battery when were done. To create the mask,
copy and paste the shape in front of the original. Bring its Opacity back up to 100%,
and fill it with a gradient as shown below. The left slider is 50% gray and the right
slider is black.

STEP 7

Now, select both shapes, then in the drop down menu in the Transparency palette
select Make Opacity Mask. When you create the mask, you might not notice a
change, but change the color of the document background and youll see the
advantages of the opacity mask.

STEP 8

Well now start adding some glare and reflections to make the glass look
transparent. Begin by drawing two shapes as shown below. Fill them both with white
and lower their Opacities to 75%. Feather the top one by 2px and the bottom one by
3.5px.

STEP 9

Well also add an Opacity Mask to the top highlight. Paste a copy of the top shape in
front of itself, bring its Opacity back up to 100%, and remove its Feather. Fill it with a
gradient as shown below, going from 75% gray to black. Finally, create an Opacity
Mask as we did before.

STEP 10

Well add another reflection to the glass to match the one on the metal. Draw a
shape as shown below, fill it with white, give it a 2px Feather, and lower its Opacity
to 50%.

STEP 11

Follow our routine to add the Opacity Mask. Paste a copy of the shape in front of the
original and fill it with a gradient, which goes from 15% gray to 85% gray (dont
forget to remove the Feather on the shape).

STEP 12

Once again create the Opacity Mask. Also, once youve created the mask, change
the shapes blending mode to Screen in the Transparency palette.

STEP 13

By now youre probably getting the idea of how to create our reflections. So, draw
another shape for a reflection as shown below, then fill it with white. Lower its
Opacity to 40% and Feather it by 2px.

STEP 14

For the copy of the shape used for the opacity mask, use a 50% gray to black
gradient, as shown below.

STEP 15

And now? You guessed it. Create the Opacity Mask.

STEP 16

Alright, our last reflection! One more time, draw the shape shown below, fill it with
white, lower its Opacity to 50%, and Feather it by 2px.

STEP 17

Copy and paste the shape to make the Opacity Mask. Use a white to black gradient
for the shape.

STEP 18

And for the last time, create the Opacity Mask.

STEP 19

Well now add the other metal end cap to our battery, which is quite easy, seeing as
theyre both identical. Select all of the shapes that make up the end cap, and go to
Object > Transform > Reflect. In the dialog window that appears, select the Vertical
radio button for the Axis and click Copy. Drag the copied and reflected shapes to the
other end of the battery.

STEP 20

Creating the positive contact on the battery is fast and easy. Simply select all of the
shapes you just used for the metal end cap, then copy and paste them in front. With
them all selected, Alt-click and drag on the top or bottom center handle of the group
to shrink them vertically. You may also want to shrink them horizontally a bit as well.
Once youve got them the right size, send them to the back (Command + Shift + [ ),
and then bring them forward one level (Command + ] ). If done correctly, the contact
should be directly behind the metal end cap.

STEP 21

The last thing we have to do to finish the battery itself is to add some rounded slivers
to represent the inside ends of the glass. Draw the two shapes, as shown below (or
just draw one and copy and paste it). Fill the one on the right with white and lower its
Opacity to 25%, and fill the one on the left with black and lower its Opacity to 50%.
Additionally, change the Blend Mode of the one on the left to Overlay. Finally,
Feather both shapes by 3.5px.

STEP 22

Well now work on the final element of the design, the "fuel" (battery energy). Draw a
shape with the Pen tool like the one below. You can make the energy level whatever
youd like, as well as whatever color youd like. I chose about two-thirds full and
used a green gradient.

Step 23

Once you have the look you want for the "fuel," send it to the back. Afterward, bring
it forward twice so that it is directly in front of the base transparent layer, but behind
the reflections.

STEP 24

Finally, copy the black rounded sliver shape at the left edge of the glass and drag it
to the edge of the "fuel," then change its fill color to white.

STEP 25

To finish off the design, add some highlights to the metal parts of the battery by
drawing ovals and filling them with white. Next, add a Feather to them and lower
their Opacities.

STEP 26

Additionally, add an Outer Glow to the "fuel" shape (Effect > Stylize > Outer Glow.).
Make sure the Blending Mode is set to Screen. Youll want the highlight color to
match the color of the fuel. For my green "fuel," I used a bright lime green color for
the glow (#19FF00). Make the Opacity 75% and the Blur 11px.