Web 2.0 News Feed Box
March 23rd, 2008 by dr.emi
Update terbaru dremi.info kali ini nambahin component Feed Network, gw sneng banget ma service2 brilliant ini, karena berkat jasa networking na web kita semakin dapat melebarkan sayap untuk di nikmati tmen2 netter di penjuru dunia.
Update terbaru dremi.info kali ini nambahin component Feed Network, gw sneng banget ma service2 brilliant ini, karena berkat jasa networking na web kita semakin dapat melebarkan sayap untuk di nikmati tmen2 netter di penjuru dunia.
mohon mahap kalo ada yang ga suka dengan tutor2 gw, karna ga ada tuntutan bwat kalian suka ato ngga. ksemuana hanya bwat kepuasan batin gw dalam berekspresi dan berkarya. thanks bwat pengertianna.
wuki pernah liat link2 text subscribe now kan ? hampir di setiap web / blog lu bakal nemu link ini, hmm…. ada sedikit illustrasi yang bakalan kita bikin di tutor kali ini, biasana feed2 ini sudah disediakan oleh jasa feed network kaya feedburner.com nah bwat box konten feed na kita bikin sekarang hehehee…
bwat doku baru, langsong ambil tool gradasi dengan setting ke gini:
tarik gradasi bwat background awal na:
naaah kasiin dlo judul karya baru lu di sebelah kanan bawah:
ambil tool rectangle shape dengan radius 10 px, bwat bidang ke gini:
pencet [CTRL+Click] pada layer shapping na, bwat nampilin seleksi bidang.
aktifkan mode seleksi Intersect with selection:
ambil bagian top header dari box hejo na kekekekeeekewww…
nah kasi sedikit contract selection (Select > Modify > Contract : 2 px)

lanjot kasi gradasi ransparent putih.
ubah blending option layerna menjadi overlay:
woke, lanjot untuk mempertegas objek pada header, lu kasiiin gih shapping dikit (pake radius 10px)

pencet [CTRL+T], tros klik kanan pilih Perspective:
tarik 2 titik ujung bawah shapping ke dalam.
teken ENTER, jadi dah….
kasi sedikit drop shadow:
kurangi opacity layer shape na menjadi 19 %
woke….dah jadi header na, kasiin judul box na donk…
ukuran sebenarnye…
ni style bwat judul text na Recent Release

hmm…. tros bikinin juga box bwat konten feed na, namana Shape 3
kasi style na:

nah…sekarang duplicate shape na sekali menjadi shape 3 copy …. tros klik kanan di layerna pilih clear layer style, ulangi klik kanan na pilih restirize layer.
pencet [SHIFT] geser make panah ke atas 3 kali.
masih pada layer shape 3 copy…
lanjot pencet [CTRL+Click] pada shape 3 (bawah). pencet [DELETE], bwat ngapus bagian yg lebih dari shape 3 copy.
pindahin (layer order) shape 3 copy ke bawah layer shape 3.
knapa shape 3 copy na di pindahin ke bawah layer shape 3 ? hahahaa ntu biar efek overlay drop shadow dari shape 3 keliatan diatas na.
woke…lanjot, masih di layer shape 3 copy, pencet [CTRL+Click] pada shape 3 copy, aktifkan mode seleksi Intersect with selection:
select sebagian objek shape 3 copy….

bikin layer baru, kasi fill color kuning.
naaaaah efek overlay drop shadow shape 3 diatasna keliatan kan ?
masih pada seleksi dan layer shape 3 copy, pencet [DELETE]
wuki wuki …. hihiiii… untuk pemisah, gw delete 1 px di tengah objek kuning na.
nah di paling ujung kiri objek kuning juga gw delete 1 px.
jadi ke gini dah ….

tros kasi style di shape 3 copy na…

naaaah bwat konten feed na lu kasiin text yak…

kasi text untuk masing2 tab na…

gw bikinin tombol prev dan next, ama tombol pelengkap lainnna..
kasiin link subscribe na..

jadi dah… hehehehehehe…
Hello my fox! Glad to see you today!If you love my tutorial, please chose any action from the left button.
5 Comments
konsep dremi.info dari dlu tetep mengembangkan sistem web sendiri, ini namanya dreCMS V.2.0 bukan WP weks
kalo mao baca perihal dreCMS V.2.0 ini, silakan buka http://www.dremi.info/tutorial/about.html
Just say it with fill the comment form.
My Friends Link
10001 Inspirasi 4w1n.Blogspot.Com Afial blog Afotsum.CO.NR Alfikry Blogspot Ancaran.Com Andrian.Blogdrive.Com AngsaRea AraZidsi Arteknindo.Com ArtheZoo.TK Articlecillin Belajar Gratis Blog Si Bochan BloGila_U2.Blogdrive.Com BOGIRO Book and Movie Review Can_Dra Blog Catalog-Tutorial CatatanLou.110mb.Com Coin-Kevin DataBagus.Com Dede Permana, S. Kom (PT. BITA Bandung) Deniall.Com Desire 8 Distro & Clothing Diplomski.Com Ensept.Com Esato.Com Faris Wijaya FarisW.Com Blog Fendix Wordpress Foxxed-ART Gadget and Tech Gedex.Web.ID GejalaGila.Com GraphicVN HendiHen.Com Henny Indrianty Hmzaky-dot.Blogspot.Com I D I K IDWebHost.BIZ IDWebHost.Com Ilivetodesign.Com Ilmu Grafis Inez Nugroho Irenk Design IT Club Lombok Jafair.Multiply.Com Jaloe Blog Spot Jenggot Community JiranKubur Jurnal Jaloee K B M S Blog Klik-Kanan.Com LearnSimply LensaDarbi MadeInAra - Graphic Design Mark Xaviar Mifka.Multiply.Com More Tech Tips! Ngetixide.Wordpress.Com Nursingmedia.Blogspot.Com OneMoment.CO.NR PC MILD Percikan Iman Bandung Profit Trading Forex Pulsa Center PuwaSila Denpasar Rumah Sakit Herbal SEO Articles and Newsletters Seputar Info Wanita {Niella Anwar} SMKN 3 Batu Supermodel and Celebrity Tedy Blog TeguhNET Articles The-Sulton.Com TopBlogArea.Com Tutorial Flash - Blog Apri Tutorial Website UdaraMaya.Com WebDesigner.Web.ID Yudha Yudhanto, S. KomSupporter
Sponsors
Subcribe RSS Feed
Flick Group dr.emi
Contact The Doctor
Head Studio:
dr.emi creative design
Jl. Tubagus Ismail Dalam No. 18
Gg. Kubang Sari II Bandung
Jawa Barat Indonesia 40132
Email:
info[at]dremi.net
webmaster[at]dremi.info
YM: hairulazami
GTalk: dremi007
Skype: hairulazami
dr.emi creative design
SEO Articles & Newsletters
Forum dremi.info
Clients
Partner
Free Download
Recent Comments
- dr.emi: pake netbeans aja berur biar gampang :D...
- widya: maaf mau numpang nanya cara instalasi apache tomcat di windo...
- dr.emi: OK bro, sama sama....
- Mahfudin: Terima ksih banyak boss, ini yang saya cari semoga amal baik...
- kang adang: INOVATIF... GAK RUGI MAMPIR KESINI... TERIMAKASIH ILMUNYA......
- dr.emi: @fahmi ikutin air mengalir aja bero......
- ila: like this rodi hartono, teteplah jadi seorang rodi, jangan...
Recent Posts
- Ajaran Ahmadiyah dan Keyakinannya yang Cacat dan Menyesatkan
- Vacancy for Software Development Engineer
- Sony Ericsson Xperia X10 - Ponsel Pertama Menggunakan Android OS
- Lowongan Kerja Master PHP
- Waspada Doa Orang Terzalimi (PercikanIman.ORG)
- Ultah dremi.INFO ke - 5 (050510)
- Download file tutorial Photoshop Legendaris dr.emi + PSD
- Panen Projek dengan Teknik DOBEL PEDAL
- Jalan ini tak semulus yang gw bayangin
- Great themes for Ubuntu 9.04 and ubuntu 9.10 Karmic Koala
Archives
Popular Tags
3D illustration abstract design adsense aero button animation banner clean navigation colouring layer CSS tutorials effect form interface glassy effect google gradient style GUI photoshop design hacker handcoded HTML IT job jQuery layer mask layer style photoshop logo lowongan kerja merancang web pen tool photo retouch photoshop design PHP PHP Advance PHP login product demo relationship search engine shapping spirit tab link text effect transparent gradient web articles web based software web design web development web header web layout web tips



























PSD Files
PHP Source Code






