Illustrasi 3D USB – Melayang di Udara

September 14th, 2008 by dr.emi

Kali ini gw share hasil belajar gw, tema tutorial tetep experimental dan belum pernah gw bikin sebelumna Kalo sebelumna gw bikin flash disk dengan 2D, kali ini gw bikin dengan 3D, tentuna tidak semudah membuat objek 3D di Maya atow 3D Max.

Kali ini gw share hasil belajar gw dari psdtuts.com, sbuah penyedia tutorial paling keren di muka bumi, dan paling dihargai hahahaahaha….., tema tutorial tetep experimental dan belum pernah gw bikin sebelumna

Kalo sebelumna gw bikin flash disk dengan 2D, kali ini gw bikin dengan 3D, tentuna tidak semudah membuat objek 3D di Maya atow 3D Max.

Preview hasil akhir na, bwat penyemangat kalian )

tertarik kan bwat nyoba ???

Seperti biasa puter musik lu sekeras keras nya, hilangkan stress !! hilangkan beban pikiran !!! hilangkan semua yang mbikin ruwet di otak lu pada !!!

Buka Mesin Photoshop Lu… !!! bwat dokumen baru ukuran 1000 x 1000 px, background putih dan DPI na 300 pixel/inc

huoke, siapkan marquee tool na, bikin bidang seleksi, dengan Fixed size : 100 x 240 px, dan gunakan mistar guide bwat mbikin batasan setelah seleksi terbentuk

Sebelumna hilangin seleksi na dolo dengan [CTRL+D], bikin layer baru kasi nama layer “front b”

ambil shape tool, dengan mode: Fill Path.

Pencet [CTRL+T] dan Trasnform Rotate 30 derajat ke kiri. Sikat !!!! Tombol [ENTER] na wkwkwkwwkwk )

kembali [CTRL+T] kali ini pilih gunakan Skew -30 derajat, kembali HAJAR !!! tombol ENTER na, hihi )

Lu boleh trasform Rotate dan Skew sekaligus, cuman hasilna ujung shape jadi rada pecah

Sekarang duplikat layer front b atow [CTRL+J], geser sekitar 30 pixel ke kanan (atow satu kali [SHIFT+Panah ke kanan] )

Ubah nama layer hasil duplikat menjadi front a

Kasi gradasi bwat layer front a, dengan warna gradasi dari #3a3a3a ke #a8a8a8

perhatikan perpotongan kedua ujung atas dan bawah, ambil tool poligon lasso, bwat menutupi bidang yang masih terbuka, dan kasi warna sama, pada layer front b

kasi gradasi juga bwat layer front b gunakan gradasi sedikit metal untuk layer front a

pencet [CTRL+Click] pada layer front a, geser seleksi na ke kanan sesuai ukuran flash disk yg ada di imajinasi lu, bikin layer baru namanya “back-side”. Tros kasi warna grey agak muda

haha, masih lom jadi juga, ya iyaaalaaahhh kan lom apa apa, masih panjang mbro… !!!

bikin layer baru, dibawak front b, kasi nama layer body.

ambil poligon lasso tool, bikin bidang seleksi mengikuti petunjuk berwarna orange. Tros [CTRL+Click+SHIFT] pada layer back-side, nah jadi seleksi keseluruhan body bakalan kaya gini

kasi warna sama grey juga

untuk sementara hidden aja layer back-side na (hilangkan ikon mata pada layer back-side).

selanjot na, kasi gradasi ke gini bwat body na:

dengan menggunakan move tool, klik dan drag arah gradasi na biar sesua intensitas terang gelapna, catatan: teknik klik dan drag move tool ini digunakan saat jendela layer style aktif

lanjot, [CTRL+Click] pada layer back-side yg lu hidden tadi, tros geser ke kanan 30 px, bwat layer baru dengan nama back-stroke, tros kasi warna orange

dengan cara sebelumna, edit bagian ujung yang masih terbuka dengan poligon lasso tool, tentuna dengan warna yg sama

kasi style gradient overlay juga bwat layer back-stroke

sekarang kita bikin highlight na, bwat layer baru namana highlight, pake line tool, dengan w: 8 px dan warna putih

kasi Filter > Blur > Gaussian Blur, dengan radius: 4.5 px

kite bakalan ngilangin bagian nyang lebihna, [CTRL+Click] pada layer body, tros [CTRL+SHIFT+I] atow Select > Invers, pencet [DELETE] bwat ngapus bagian lebih na

[CTRL+Click] juga pada front b, dan HAJAR !!! tombol [DELETE] na

Bikin layer baru di atas layer body, dengan nama layer “reflection”

ambil gradient tool, reset gradasina make pencet tombol [D]. tarik gradasi bebas dari kiri ke kanan pada seluruh area canvas

Pilih menu Images > Adjustments > Curves, kasi setting curve kaya gini:

Trasform Rotate layer reflection 30 derajat ke kanan

[CTRL+Click+SHIFT] pada layer front a, back-side, dan body. tros [CTRL+SHIFT+I] dan HAJAR [DELETE] na

ni hasil na

Ubah blending mode na menjadi overlay dan opacity tetep 100 %

hapu dengan eraser tool, pada bagian samping yang keliatan na terlalu gelap akibat penerapan blending mode overlay

bwat layer baru namana plug, di atas layer highlight, dan [CTRL+Click] layer front ana, tros Trasnform Selection (Select > Transform Selection) menjadi lebih keci ldari layer front a

kasi warna grey muda

duplikat layer na dan geser ke kiri, ni bwat objek plug USB na

ulangi langkah sebelumna bwat mbikin body na

kasi gradasi transparent dari kiri atas ke kanan bwah

untuk refleksi na pake cara sebelumna juga

dengan gradasi metal, dari kiri kanan, dan transform rotate 30 derajat ke kanan

seperti biasa, hilangkan bagian lebih na dengan select invers dan delete, dan ubah blending mode na menjadi screen, opacity: 80 %

hapus bagian yang terlalu gelap

bwat hightlight na juga dengan ukuran 2 pixel

kasi blur juga, carana sama persis dengan mbikin highlight sebelumna

slanjotna bikin layer baru lagi, namana kali ini terserah lu dah

kasi gradasi trasparent hitem

sekarang bikin shadow item untuk bagian atas dalem na: pake poligon lasso tool

delete bagian luar na make select invers kaya tadi, dan kasiin blur, sesuaikan dengan selera lu

bikin lempengan putih na, ni bwat element PCB pada USB na

delete bagian luar na

untuk body dalem na pake poligon lasso tool juga, kasi warna grey agak terang, delete lebihna

preview hasil sementara

jimane pegel kan pinggang lu, hihi, gw aja pegel nih tengkuk na…

lanjot yak!!

sempurnakan bagian ujung na, make poligon lasso tool

Bikin kotak hitam bwat lubang plug USB na, bisa make marquee tool, kasi warna item, nama layer na “slot”

trasnform skew 30 derajat

duplikat layer slot, pencet [CTRL+U] ubah warna na menjadi putih, dan geser 1px ke kanan, hapus setengah bagian dari slot duplikat yg berwarna putih

merge kedua layer slot, dan duplikat hasil merge na, sejajarkan biar lurus

kasi text bwat label USB na

trasform skew juga 30 derajat, dan kasi drop shadow dikit

woke, group semua layer sebelumna ke dalam satu layer group

duplikat group na, dan geser ke bawah … ni bwat refleksi 3D na, kasi text juga yah

tros download USB Sign na disini dlu, untuk objek USB bayangan di bawahna

Konsentrasi pada USB BOTTOM (refleksi 3D na)

kopi paste gambar USB sign ke dalam area kanvas USB BOTTOM, dan perkecil, sesuaikan arahna

Vlip Vertical USB Sign na

Blok semua layer ujung plug, dan Trasform 180 derajat

nah lu atur dah biar objek na ga berseberangan

edit bagian ujung na, tambal make warna yg sama

tht’s good brother

woke, saat na me merge masing masing layer group, USB TOP dan BOTTOM, tapi saran gw asli na jangan di merge, mending lu duplikat ulang keduana, ni bwat master desgin USB na

dan trasform hasil merge na, bersamaan, rotate na -30 derapat (ke kiri)

sejajarkan pososi USB bwah na

untuk USB refleksi 3D yg bawah, gw kasi blur, radius: 3px

dan kurangi opacityna menjadi 40 %

ambil poligon lasso tool, bwat bikin bayangan gelap, diantar kedua USB

kasi warna gelap, dan kasiin juga blur

kurangi opacity shadow na menjadi 30 %

terakhir kasi tau tmen2 lu, bwat gabugn disini, biar bisa beljar bareng hihi,… )

alna akhir2 ini gw sedih, kanapa tmen2 yg pada baca tuts gw cuma sekedar mampir dan liat dowank, komen kek apa kek, jangan diem ajah

hoke brother !!!!

Share on Facebook

Popularity: 17% [?]

Tags: 3D illustration, effect, logo, photoshop design, web design
Posted in Photoshop |

32 Comments

argon Said:

September 18th, 2008 at 11:01 am

wahh bro..ente emang masternya ilustrattor….thanx buat ilmunya tuk yang ke seratus x nya…aq bs dapet ilmu gratis disini

siJecky Said:

September 21st, 2008 at 7:57 am

tutorial na mantabzzz… pasti ni bikin na cape ya dok, thanks berat bwat usaha na ngasi ilmu ke kita kita… )

terus terang gw salut ma lo, pantesan ampe tenar gini nama dr.emi
orang design na aaja kaya gini busyet dahh… ampuuunnnn ! cool wabis !

maria Said:

September 23rd, 2008 at 12:56 am

wah ni kayakna, tutorial photoshop na advance bangetzzz

top abis dah hasil akhirna, cobain ah !

farisw Said:

September 29th, 2008 at 10:33 pm

waah si bro, hehe keren bro, tetep buat bro.. mgkin agak d kasi efek refleksi aja pake layer putih bro, biar kinclong dkit

dr.emi Said:

October 1st, 2008 at 5:00 pm

SIAP BROTHER !! )

kiki Said:

October 4th, 2008 at 10:20 am

kayaknya tutorial ini pernah aku liat sebelumnya deh. kalo gak salah liat aja di:

http:new.psdtuts.compage3

gimana bro? ini hasil buatan lo juga?

nice tuts.

October 4th, 2008 at 10:27 am

wew ternyata gitu ya…. cuman mau nampilin komen yang bagus2…. ebad juga lo! nyuri hasil karya orang… dibilang karya sendiri…
Apa lo senang hasil karya lo dicuri orang?

mikir bung….

October 4th, 2008 at 11:08 am

bwat kiki:

sepertinya kamu kurang detail membaca tutorial na:

————————–
Kali ini gw share hasil belajar gw, tema tutorial tetep experimental dan belum pernah gw bikin sebelumna
————————–

ya itu tadi adalah hasil belajar gw, dari psdtuts.com kemudian gw share ke web gw sndiri bagaimana cara gw membuatnya dalam menjelaskannya make cara gw sndiri, bgiitu juga dengan screen shootnya, gw ambil langsung saat gw belajar cara bikinnnya.

untuk kiki yang komen kedua:
————————–
cuman mau nampilin komen yang bagus2
————————–

sepertinya itu hanya halusinasi lu aja, kalo lu bisa tunjukin karya lu juga, knapa ga diisi juga blog atow web na pas lu komen ? biar gw liat mana hasil karya lu !!!

sori, web gw dah sering kali mendapat komen kurang enak sekalipun, ada yg bilang jelek lah, ga berguna lah, tapi lagi lagi, mungkin kamu kurang detail membaca komen komen lainnya, jangan asal kalo menyimpulkan.

atau mungkin lu pernah denger, ada konplik sesama blogger perihal tutorial gw, tutorial gw sampe di anjing anjing in juga pernah, dan itu gw tampilin juga kok komen nya.

mahap, kalo lu muslim, knapa lebaran2 gini udah mulai suuzzon ama gw ?????

maap kalo isi tutorial gw kurang bermanfaat bwat lu, masih banyak kok member gw dan pengunjung gw yang lebih perlu )

resty Said:

October 5th, 2008 at 4:30 am

mnurut gw, dari mana pun datangnya inspirasi untuk membuat tutorial, sah sah saja. asal jangan menjiplak langsung, toh dr.emi sudah memberikan penjelasan, bahwa teknik dalam tutorial ini merupakan hasil belajarnya dari psdtuts. itu artinya teknik ini tetep di dasari atas rasa menghargai orang yg mpunya tutorial di psdtuts. apa salah setelah lu belajar cara bikin anak, kemudian lu terapin cara bikin anak lagi sama cowo laen ???

hahahahahhaaaha, kampungan banged komen lu kiki (baca: kik) !!! kayak baru liat internet

October 5th, 2008 at 4:33 am

btw, tambahan juga buat kiki, kalo boleh tau, aada ga hasil karya lu ? boleh liat ga, kaya lu pernah bikin design apa aja ? kayaknya kamu udah master banged deh huwahahahahaha, atow jangan2 masih amatiran, sampai sampai, blog aja ga punya )

Nadia Said:

October 14th, 2008 at 6:03 am

BuAT mbak atau mas KIKI
Kalau komen sebaiknya emang yang baik-baik, kalau pingin usul, saran, atau menyanngah dilakukan dengan cara dan tutur kata yang baik. gue pemula nich, jadi kalau liat kalian berantem (dgn kata-kata) jadi gue ngak nafsu lagi untuk belajar. untuk sdr dremi terus berkarya degan baik ingat masih banyak orang yang setua saya (50 th) masih pingin menimba ilmu, sebab gue baru sadar kalau menimba ilmu itu sampai mati!!!!!, tapi gue juga suka menyebarkan ilmu yang gue dapat. mudah2an dgn belajar disini gue tambah banyak pengalaman!!!!!!
HIDUP ILMU PENGETAHUAN!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

ASus Said:

November 19th, 2008 at 11:56 pm

wah bro..lam knal ya..kbetulan gw juga ska bgt ma photoshop bnyak gambar yang gw bkin pake photoshop,boleh dnk kt share brng….kunjungi web gw ya…masih jadul web gw.hehe

nurhidayat Said:

December 24th, 2008 at 9:21 am

wah…gileee bangetzzz,harus sabar ya bro buat koyo gene…perfectzz

kill rockstar Said:

December 26th, 2008 at 2:43 am

keren banget broo…..!!!!

aq biasanya gambar cuman di corel…
eh, twnya pake photoshop bisa gambar juga…
lebih realistis lagi…

twnya dulu cuman tak pake murni buat ngedit foto doang.

sip lah….

tengkyu bgt dah boleh di download ya….

keep rocks….!!!!

arish Said:

April 8th, 2009 at 8:50 am

bro, aq ne baru belajar photoshop. kalo buat aq itu rumit banget caranya
ndak bisakah klo objeknya ngambil dari luar trus digituin………???????????

teng_Q ya

April 10th, 2009 at 3:35 am

kalo objek dari luar trus lu gituin, ya ga jadi belajar donk… gimana sih .. udah aja pake gambar jadi sekalian )

qantawayan Said:

April 24th, 2009 at 4:07 pm

Trima kasih bli dr.emy, lam kenal. udah lama saya nyari guru photoshop, ternyata ada juga orang Bali berseliweran jadi master photoshop di intenet. Tetap semangat dan terus berkarya!!! Semoga tetap menjadi yang paling Top.Dan tentunya download tidak akan saya lewatkan.Trims……………………………………………………

April 25th, 2009 at 6:24 pm

@qantawayan

tapi saya bukan orang bali, saya orang lombok. dan saya bukan guru photoshop
saya praktisi web development and design

dremi.info hanya icon design saya, programming nya ada di forum thanks. kedepannya akan dikembangkan ke dalam tutorial semua jenis web development. tapi belum sempat.

thanks

fErRy_aJah Said:

April 27th, 2009 at 3:57 pm

uuhh.. suLitT bGetTz.. tApiE biKinN pEnaSaRran Klw gAc jaDie_jaDieE
tQ y tUtoRiaALa KeReNz N kUmpLitT bGtTz..
^_^

ade Said:

May 2nd, 2009 at 11:55 pm

nyontek dari psdtuts.com!

May 4th, 2009 at 10:54 pm

@ade

silahkan baca balasan komentar dari user kiki.

http://dremi.info/tutorial.php?cPub=Hits&cID=85#kirimKomentar

dan ini beberapa tanggapan gue:

http://dremi.info/wwwtips.php?cID=73

jawaban guwe sama persis kaya gitu atas komentar lu. yang kaya gini yang bikin guwe udah males ngasi tutorial gratisan, indonesia ga belajar menghargai.

dah gratis, banyak bacot lagi !!!

akan lebih bermanfaat kalo waktu guwe dipergunakan untuk ngerjain projek2 guwe, dah 4 tahun guwe berjuang untuk anak indonesia, ternyata hanya ini balasannya !!! mending jadi orang bodoh aja lu sekalian….

silahkan explore tutorial guwe yang lain, atau silahkan explore portfolio dan kenali dr.emi lebih dekat, semoga kamu ga banyak bacot lagi !!!!

http://dremi.info/about_dre.php
http://dremi.info/portfolio.php

Thanks, semoga kamu banyak belajar dari sini

May 5th, 2009 at 1:01 pm

@mincreng
emang lu ga ada apa apanya kok
gitu aja kok repot

========================

Lah memang knapa kalu guwe ga ada apa apa nya ???
Ga ada hubungannnya tuh ???

Guwe tetep idup di muka bumi … hahahah, sombong sekali orang ini !

gadul Said:

July 7th, 2009 at 12:37 am

sabar dok…
ilmu itu harus disalurkan…kalo nggak disalurkan emange mau di bawa mati…
darimanapun asal ilmunyanya kalo kita sudah mempunyai cara sendiri untuk menyelesaikannya kita boleh menshare-kan ama orang yang memmbutuhkan…
tutorial kayak gitu emang banyak…tapi si pembuat tutor kayak pak dokter pasti mempunyai cara sendiri yang ditulis di dalam tutor tersebut…
maju terus dok…

July 7th, 2009 at 7:38 pm

@gadul

Thank bwat spirit nya

adimaryanto Said:

July 29th, 2009 at 4:24 pm

Ente jago……..!!!! mantap tutorialnya.. trus share ya tutorialnya…. aq mo ikutan coba….

Nb: untuk komentar rekan2 yang ngga enak, jgn dhiraukan, mreka hanya iri dengan kemampuan anda… biarin aja.. yg penting di share trus ilmunya agar bermanfaat

jopart Said:

August 3rd, 2009 at 2:18 pm

kereen broo…tutornya lanjut trus dan jangan hiraukan omongan orang2 ga penting itu brooo….anjing menggonggong kafilah tetap berlalu…..

Arie CS Said:

August 11th, 2009 at 1:59 am

Kerend Sob . .

Sering mamPir ke Web Johnson juga yeah ? ?

dani Said:

September 20th, 2009 at 2:16 pm

ga usah d dengerin yg begituan doct…….lanjutkan

kramotak Said:

March 15th, 2010 at 4:18 am

lanjut terus bro..mo nyontek mo kagak, yang penting mencerdaskan anak bangsa dengan berbagi ilmu..

morai Said:

March 27th, 2010 at 11:04 pm

Salam kenal BRO, lo bener bro susah banget nyari ILMU yang GRATIS aku dulu pernah ngerasa waktu pertama kerja jadi IT di salah satu lembaga luar. Ketika ada masalah sangat jarang orang mau membantu, aku juga punya web yang gak keurus karena gak bisa ngedesain , SUKSES BRO