Special Tutorial [ Sony Ericsson Series ]

ni bwat memperingati hari lahirna dremi.info 05 mei 2005, tepat bulan ini 05 mei 2008, ultah yang ke - 3 . gw mao bikin tutorial khusus bertema sony ericsson series.

karena kecintaan gw ma label sony ini, untuk session pertama tutorial sony ericsson series ini gw mao bikin logona dlu.

wuki… mudah2an bisa mirip ma yang asli na hihik…

bwat dokumen .. ukuran seperluna sajah.. gw pake shapping elipse tool

kasi style na:

bwat layer baru, ambil tool brush, untuk dasarna gunakan warna hijau muda, ukuran brush: 50-70 px, mode: normal

untuk yang kedua kalinya ubah ukuran brush menjadi 30 px, tapi kali ini kurangi opacityna menjadi 60%, dengan warna putih

gunakan dodge tool untuk nerangin bagian brush na

bwat satu elipse lagi di tengah na, dengan gradasi ke gini:

mode radial, tarik dari kiri atas ke kanan bawah:

kembali bikin layer baru, gunakan brush warna hijau muda, bwat nerangin bagian gradasi hijau di kiri atasna.

brush yang kedua menggunakan warna putih

untuk bikin lingkaran elipse di atasna gw kasi lagi shape sama besar, dengan style gradasi radial abu-putih

bikin satu elipse lagi diatasna, tapi kali ini gunakan mode shape substract (atow sambil nge-shape pencet ALT)

klik objek substract shape na make path selection tool, biar bisa ditransform rotate [baru CTRL+T], miringin dlu biar ke gini:

edit point na make convert point tool, atur biar ke gini:

bwat satu lagi elipse, tapi kali ini harus hati hati… dalam mengatur titik path na, gunakan convert point tool juga.

kasi gradasi abu putih bwat latar na

woke, gw cuma kasi efek bayangan refleksi aja, duplikat dan transform vertical

kasi gradasi transparent bwat bayangan smooth

apus dikit layer duplikat bayangan na pake eraser tool

gw kasi text na, jadi dah..

uhuii… mudah2an setelah ini tutorial gw ga di kopi sembarangan, kalo mau ngopi, author link dan statement di footer na jangan dihapus yaa

gw begadang trus smaleman bwat bikin tutor na, biar tmen2 pada bisa belajar, woke selamat mencoba..

© Copyright 2008 www.dremi.info
Original Post: Sony Ericsson Logo Category: Interface
About the Author: dr.emi is a free man to distribute anything that he was founded. As a Webmaster He was publishing www.dremi.info to create one community that loves free idealism. Very specialy in Design Category. Welcome to love it!

sebuah kesederhanaan biasana berbuah keindahan, itu yang gw pelajari saat pertama kali terjun bebas ke dunia web ini. karena ada sebuah konsep sederhana yang selalu di pegang oleh para web designer. yakni konsep kesederhaan dalam mendesign layout akan menghasilkan design layout yang seimbang dan konsisten…

woke berangkat dari konsep sederhana di atas, ada tutorial bwat lu….

kali ini kita bikin tutorial untuk sebuah navigasi bergaya techy dan clean.

sedederhana aja broder, siapin doku secukupna. gunakan latar berwarna hitam.

ambil tool shapping dengan radius 10px. gambar shapping na ke gini.

kasi style ke gini…

bwat titik path dengan pen tool…. dan ciptakan seleksi …

convert titik na menjadi lengkungan halus.

woke… klik kanan pada path, pilih make selection, bikin layer baru, fill dengan warna putih, kasi nama layer shadow.

bwat ngilangin objek yang tidak diperlukan, [CTRL+Click] pada layer shapping dasar navigasi, lalu pilih Select > Invers [CTRL+SHIFT+I], pencet [DELETE] pada layer shadow.

gw kasi style gradasi ke gini :

untuk menu na gw kasi warna hijo muda #CCFF00, atur posisi na ke gini

nah skedar pemanis, gw kasi bar pemisah tiap menu na…

gw bikin na make teks biasa, gw ketik string ini “——”

transform ke Rotate 90^o CW

geser ke sebelah kiri menu…dan kotak di ujungna, sama teks angka 01 di dalam kotak na.

woke duplikat menjadi beberapa buah, untuk menu lainna…

jadi dah hahahaa….. simple kaaann …

© Copyright 2008 www.dremi.info
Original Post: Simple Clean Techy Navigation Bar Category: Button
About the Author: dr.emi is a free man to distribute anything that he was founded. As a Webmaster He was publishing www.dremi.info to create one community that loves free idealism. Very specialy in Design Category. Welcome to love it!

bwat yang request gw minta mahap dlu deh, tutor na baru di bikin skrang.. ehehehkk …

tutor na gw usahaain bagus, uhuiiii.. ni lagi bikin buku dengan efek 3D.. mudah2an mudah dimengerti….

pertama bikin dlu shapping, dengan radius 2px untuk dasar cover bukuna …

bkin lagi untuk beberapa posisi di atas dan bawah kanan

tambahin untuk bar code di bagian kiri bawah, make shapping juga

untuk brand/kata kata utama pembaca, kasi buletan make shapping juga di bagian atas kanan

tambahin satu shape elipse lagi diatasna

kasi beberapa kata untuk mengisi objek elipse

singket aja, masukkan beberpa objek untuk cover bukuna…

merge seluruh layer menjadi satu { klik sambil tken SHIFT di layer2na, baru tken [CTRL+E] }

select objek bagian kiri, dan CUT lalu Paste

[CTRL+T] pada objek hasil paste, dan klik kanan pilih Perspective, arah perspetive na ke bawah.

lakukan hal yang sama untuk sisi cover buku, tapi kali ini arah perspetive na ke atas.

woke teken ENTER kalo dah sesui dan proporsional

seleksi pada objek shapping ijo di atas, dan delete bagian yang ditak perlu

kasi innner shadow pada layer cover depan na

untuk dimensi diatas na, kasi shapping baru berwarna putih…

satu shapping lagi berwana hitam

pilih kedua layer shapping (klik pada layer sambil tken SHIFT), lalu tken [CTRL+T] bwat transform, gunakan tramsform distort.

atur posisi na sehingga menutupi bidang dimensi diatas na…

kasi sdikit gradasi transparent pada layer shape warna putih

woke, selanjutna tersrah lu, disini gw kasi efek bayangan.

© Copyright 2008 www.dremi.info Original Post: Cover Book 3D Category: Interface
About the Author: dr.emi is a free man to distribute anything that he was founded. As a Webmaster He was publishing www.dremi.info to create one community that loves free idealism. Very specialy in Design Category. Welcome to love it!