Merancang Website ( Full Abis ) Aloha, nah lu yang masih pada bingung
Tapi inget ni langkahnya mayan panjang, jadi lu mesti ngerjain syarat2nya dulu 1. Ga mandi 2 hari 2 malem Hehehekk....syarat diatas terbukti mampu menyembuhkan penyakit malas dan bingung....jadi lu cobain deeehh... Langkah Perancangan Layout Bikin bagian Bar Amplifier (Header)... 1. Bikin dokumen baru 760 x 500 pixels
3. Lu kasi sedikit stroke untuk body dan untuk headernya kasi style dibawah ini:
Stroke 1 pixel warna #000000 4. Lanjut ke membuat bidang mirip bar amlifier... bikin bidang dengan Rounded Rectangle Tool juga, radius = 4 px, tepat diatas bidang header, dengan warna forground putih. Ukurannya lebih kecil dikit dari headernya, ubah nama layernya "bar ampi".
Kalo style sebelumnya masih di Applay, lu clear dulu deh stylenya..masih inget kan caranya..klik kanan di layernya dan pilih Clear Layer Style. Jadi nanti warna path layout bar ampi akan kembali menjadi putih (warna foruground) 5. Nah sekarang pilih Path Selection Tool (A), klik 2 kali pada bidang layer "bar ampi" agar muncul titik pathnya.
6. Pilih tool Delete Anchor Point Tool
7. Lanjut pilih Add Anchor Point Tool
8. Pada titik nomor 1 tarik titiknya ke arah kanan bawah seperti gambar dibawah. Baru lu gunakan Convert Point Tool
Kalo posisi titik satu yang udah di tarik tadi masih kurang ngepas, lu bisa geser lagi ke kiri. Jadi biar lengkungan di atasnya agak lebar.
9. Nah sekarang perhatikan titik 2. Dengan Convert Point Tool, klik pada titik path nomor 2 diatas, abis ntu tarik garis horizontal pathnya pada bagian yang ditanda merah ke kanan . Titik 2
10. Pada bagian ujung kanan layout bar ampi ini, lu bisa rapiin posisinya, dengan teknik yang sama dengan langkah nomor 9 diatas.
11. Oke langkah untuk mengedit Path Layout Bar Ampi sudah selesai, tinggal lu poles aja deee... Lu kasi style deeh.
Hasilnya...
|
dan suka ngontak2 gue via YM tentang cara bikin web dari awal perancangan ampe dipublish di internet...niiii buat lu semua...Selamet menikmati deeee..../images/Selamatdremi_400.png)
/images/dremi_001.png)
/images/Adobedremi_001 copy.png)
/images/Layerdremi_001 copy.png)
/images/webdremi_001.png)
/images/webdremi_002.png)
/images/webdremi_002dremi_001.png){kind=small}
dan klik pada titik - titik path layout yang ditandai warna merah berikut. Tool ini berfungsi untuk menghilangkan titik path. Jangan kaget dulu kalo tampilan layoutnya berubah menjadi miring. /images/webdremi_002 copy.png)
/images/webdremi_002dremi_002.png){kind=small}
, klik pada titik tanda merah berikut. Untuk menambahkan titik path layout./images/webdremi_003 copy.png)
/images/Adobedremi_002.png){kind=small}
untuk mengedit (mengkonvert) titik path nomor 1 tadi. Ikuti arah panah untuk mengedit titik point nomor 1. /images/webdremi_004 copy.png)
/images/webdremi_007 copy.png)
/images/webdremi_006-2.png)
/images/webdremi_005.png)
/images/Layerdremi_002.png)
/images/Layerdremi_003.png)
/images/Layerdremi_004 copy.png)
/images/Untitled-1 copy.png)
© Copyright 2007 www.dremi.info
Technorati Cosmos: other blogs commenting on this post
SOCIAL BOOKMARK :
PERMALINK HERE :
HTML Code are Not Available
60 Comments to
“ Merancang Website ( Full Abis ) “
examination
Posted On: 19-11-2008 / 11:51:06 dr Emi teh asli orang mana yachhh...
kok bisa basa Sunda ...
examination
Posted On: 19-11-2008 / 11:49:02 dr. emi orangnya biasa ajahhhh,,,,
tapi karya nya LUARRRR BBiiiiAASA !!!!!!
ciiiiip......
di tunggu Karya slanjutnya???
dr.emi
Posted On: 09-11-2008 / 11:16:42 bwat dHani: mule menu smeton, lamun te pade pacu jaq, pasti araq hasil, sasak harus maju, sasak harus cerdas !!! sukses !!
dr.emi
Posted On: 24-10-2008 / 08:34:53 permintaan kamu tidak lazim. karena tutorial nya udah dipublish di website, jadi bwat apa dikirimkan ke pengunjung lagi ?
mungkin yg kamu maksudkan adalah newsletter, jadi kalo mau kamu reg di subscribe feed RSS tutorial photoshop dremi.info. dengan demikian setiap kali saya input tutorial photoshop, maka kamu akan menerima konten tutorial na secara otomatis ke email kamu.
petunjuk berlangganan subscribe konten RSS Feed Tutorial Photoshop dremi.info:
silahkan ketikkan email nya pada form Subscribe Feeds yang ada di panel sidebar halman, lalu klik tombol subscribe, maka akan muncul pop up window konfirmasi subscribe, ketik kode security nya dan klik lagi tombol selanjutnya
fahmi
Posted On: 24-10-2008 / 08:11:46 dr.emi bisa ngak kirimkan toturial photoshop ke email sy fahmie_scc@yahoo.co.uk thanks ya...
muad
Posted On: 05-10-2008 / 23:35:35 terima kasih banyak nih mas atas tutorialnya.
kayaknya saya bakalan sering mampir disini nih
aji
Posted On: 25-09-2008 / 12:32:26 gw bener2 bekerja dibawah tekanan atasan gw, n mudah2an ja berkat tutorial dari dr. emi ini bisa ngebantu gw yang cuma seorang newbie ijo abis. ilmu gw soal web emang dibawah rata-rata, tapi gw punya semangat buat jadi web master. thanks doc....
soulferino
Posted On: 02-09-2008 / 19:53:24 wew... si om dr.emi keyennnnnnnnnnn
ahh... jadi terinspirasi bikin tutorial nih...:D
ahh.. bikin ahh...
tararengkyu dr. emi
tirta
Posted On: 26-08-2008 / 21:26:48 hargain usaha org sob..!!kyq lu bisa bikin yg lebih bagus dr ini aja..!!
dr.emi
Posted On: 17-08-2008 / 00:09:03 teknik perancangan web di tutorial ini adalah teknik lama (diinput tgl 27-03-2007), sekarang dah ktinggalan jaman, kalian musti nyoba yg tutorial web 2.0 na
dr.emi
Posted On: 16-08-2008 / 12:04:58 memang biasa aja, ga ada yg lebih
yang berlebihan itu komen kamu ..
thanks
Areef
Posted On: 12-08-2008 / 20:40:35 wah..wah..wah..
bukan cuma full abis nih, tapi keren abis jg eui..
dr.emi
Posted On: 06-08-2008 / 11:14:52 kamu musti pake TextEditor Word Processor, silakan pilih disini: http://www.dynamicdrive.com/dynamicindex16/openwysiwyg/index.htm http://www.dynamicdrive.com/dynamicindex16/richtexteditor/index.htm --- ATAU --- silahkan baca cara penggunaan tinyMCE (WordProcessor) di forum: http://dremi.info/forum/viewtopic.php?t=282
fajz
Posted On: 06-08-2008 / 09:38:57 Dok..klo tutorial about flash ga ada yah? pengen belajar dunk... oia 1 lg mw tanya about web..kalo mw buat postingan artikel biar bisa masukin tag2 HTML gmn sih? soalnya klo admin ngisi artikel program tag html pasti ga muncul...ak udah coba pake filter tp tetep ga bisa untuk tag2 html..tolong yagh. thanks before..nice website:)
lagubaruindo
Posted On: 28-06-2008 / 19:34:27 tank mas tutorial keren banget,,, tapi syaratnya kelebihan kali yah,,, hehehe,,,,,
dani
Posted On: 15-06-2008 / 12:21:41 wah mantap nih mas dok desain.. kira2 kl pake yg gratisan macam the gimp, inkscape gitu bs ngga ya..
ngga punya photoshop je..brpaan harganya ya skrg..
mmm saya pake disable image..tombol submit komennya mana ya..
gilang
Posted On: 08-06-2008 / 16:57:39 mas..gmn seh caranya buat nge-upload gambar dr photoshop ke hosting web?? trus, photoshop bisa ga bantuin bikin hal web?? mohon bantuanya
Art
Posted On: 03-06-2008 / 09:44:18 Bisa kasih clue utk bikin Image Foto menjadi Image Kartun...kirim ke email deh.. Thanks..bro!
Gerry
Posted On: 02-06-2008 / 14:01:51 Assalamu\\\'alaikum dokter.. Saya adl yg suka akan designer,tapi dalam persoalannya aku g bisa membuat desain yg sebagus bahkan jauh lbh bgs dari dokter..bolehkan saya minta tutorial2 anda agar saya bisa membuat design2 sprti anda. tolong ya kirimkan ke email saya.Jika dokter bersedia mengirim itu sangat membantu saya.. Terima Kasih Banyak Wassalamualaikum Wr. Wb.
dr.emi
Posted On: 30-05-2008 / 17:14:15 knpa ga di forum ? sy kurang mngerti maksud na.. kasi contoh dengan screen shoot na, singkat dan jelas.
Jinpenyu
Posted On: 30-05-2008 / 07:52:50 makasih bgt atas tutor nya pak dokter,saya ada kesulitan menggunakan dream weaver nih,saya kan bikin layoutnya di bagian background,saya bikin style tengah agak terang truz agak gelap gi pinggih,masalahnya saat mendelet background tadi saya jadiin tempat text,truz saya kasih warna,tp aneh bgt warnanya kliatan beda ndiri,warna berbentuk kotak di tengah body huhuhu....gimana ya caranya diar style background yg saya delet tadi tetep sama kek semula...tapi tetep jadi tempat sebuah text..ok dhe gitu aja dl makasih...... tolong kirim solusinya ke alamat Email saya ya : llearry@yahoo.com (NO JUNK MAILL)
Ikhsan
Posted On: 22-05-2008 / 13:54:22 Dr.Emi Thxx Berat Atas Design wat Website Ini.... Hal ini sangat membantu saya dalam tugas akhir sekolah saya Thx Dr.Emi...... ^_^
dr.emi
Posted On: 21-05-2008 / 12:28:30 hmm ada 2 cara, enabled javascript pada browser lu,jika chace browser masih ada, ubah baris javascrip ini : "var preloadFlag = false;" menjadi "var preloadFlag = true;" - untuk support lebih lanjut, kontak saya via forum, snang berkenalan dengan tmen dari 1 daerah. thanks
agus
Posted On: 21-05-2008 / 12:21:17 bagaimana kok tombol rollover yang d buat di imageready ndak berfungsi ketika d perview d ie ? ma ksih ya From Lombok
dr.emi
Posted On: 17-05-2008 / 23:35:31 hehek ada ada sajah si broder... kata tmen gw c, maen game ntu paling gampang .. kalo maen game semalem suntuk udah ke nonton wayang gitu.. bisa kali lu jadi game master .. hehe.. thanks broder bwat kunjunganna
dd sayang
Posted On: 15-05-2008 / 08:00:40 kk..dd bangga deh punya seseorang seperti kk, yang bisa berguna bagi orang banyak.design2 kk keren2,walopun dd gk ngerti benartentang html,sotoshop tp kan d sering liat kk bikin jd tau dikit2 hehe.sukses ya bwt kk.
Chinoet
Posted On: 06-05-2008 / 21:23:30 frends beh keren uy, cik kami bagi nya templet2na bae ku kami di pake uy he....
alix
Posted On: 21-04-2008 / 14:26:28 Kalo gw punya 1000 jempol semua gw acungin bw dr.emi yg udah ikhlas naruh ilmu dijidatnya. Jaman materialis gini jarang ada yg ngasi tutorial tuntas scr gratis. Mudah2an yg lain ngikutin jejak dr. emi. Gw yakin dr.emi ngga MATI REZEKI gara-gara ngasi ilmu gratis! Tul ga?
wanda
Posted On: 05-04-2008 / 10:14:43 salam kenal.....saya sangat kagum dengan kreatifitas anda....bagaimana ya untuk mengantikan desain blogspot kita dengan desain yang kita buat????..kirim ke email ku ya...thanks..(^_^)
Tama
Posted On: 30-03-2008 / 16:48:56 Bang emi gw ucapin banyak2 makasih atas tutorialnya ni skr lg bikin skripsi tentang website... bingung mikir designnya bagaimana untung ada tutorial dr bang emi thanks.....
zay
Posted On: 10-03-2008 / 23:50:10 assalamu'alaikum... makasih atas tutorialnye... tapi mo nanya nig gimana caranya bikin pop menu??dah dicoba tapi pas preview ga bisa??
heru
Posted On: 10-03-2008 / 17:51:20 mas bisa minta themes dah jadi buat wordpress ga? gw mau yang dah jadi aja lah kaya blog lo
dr.emi
Posted On: 06-02-2008 / 17:15:57 hehe
web 2.0 ini memang dirancang untuk format html, dan untuk page=sekian ga bisa, karena ga sinkron ma versi sebelumna di http://www.dremi.info/tutorial.php?cPub=Hits&cID=24 masih diusahakan, moga2 bisa sekalipun saat ini link na belum berfungsi, tapi di versi Biotech na masih bisa dinikmati perhalaman.
erie
Posted On: 06-02-2008 / 12:32:51 thank's bgt bt dr.emi..... tutorlnya keren2.. gua jd terinspirasi!!! note: tlng benerin dong link k hlmn selanjutnya utk tutorl ini.. gua jd ngak bisa ngeliat hlmn selanjutnya tp untung aja gua dpt file download na....
uday
Posted On: 12-01-2008 / 11:04:19 Terima kasih nich tutorialnya, akhirnya STEP BY STEP telah di temukan juga, semaleman nyariin tutorial bikin web ga dapat2, SEMOGA ILMUNYA dapat GANJARAN PAHALA yang BESAR dar Allah, amien
ismail
Posted On: 10-11-2007 / 18:45:20 Ass. Dr. Emi. Saya juga seorang webdesigner yang belajar cuma otodidak selama 2 bulan aja. Dan saya merasa bangga sekali. Setelah melihat design-design dan tutorial Dr. Emi, saya merasa seperti bakteri diinjak gajah. Tolong donk e-mail kan ke saya tutorial-tutorial yang Dr. Emi buat ke e-mail saya. Tiap hari pun jadi. Atau, buatkan ke dalam CD, yang isinya kumpulan tutorial Dr. Emi, biar saya beli. Please.
Untung
Posted On: 25-10-2007 / 09:08:37 Oke banget nih dr. Emi... Sangat bermanfaat sekali bagi saya yang sama sekali awam bahasa html. Kalau dibikinnya pake Phothoshop kan bisa lebih mudah apalagi ada tutorialnya, tinggal ngikutin aja ya... Pokoknya tutorialnya Mantraps abis Bro....
dr.emi
Posted On: 14-08-2007 / 22:41:43 duh jade banyak PEER..kakakakakkaww, woke brow gue usahain, insyaalloh
Moeghan
Posted On: 13-08-2007 / 20:57:58 Tutorialnya sudah bagus banget Tapi sayang banget bagi newbie sperti gw tool-tools pada tutorial ini masih belom friendly
Tolong dunk di tambahin tutorial bikin animasi dengan tampilan kayak begini http://dremi.info/images/forum/simple_metal_banner.gif
xnux07
Posted On: 13-08-2007 / 16:01:44 Assalamu'alaikum Dok... Salam kenal dok... Pingin minta bantuan nih Dok.. Saya minta pencerahannya dong bikin Template untuk Wordpress dengan Gaya IPTEK (Komputer) dan dasarnya adalah warna Biru atau gaya Mac OS yang bening itu lho Dok Saya tunggu kabar baiknya ya Dok... Wassalamu 'alaikum wr wb
dr.emi
Posted On: 09-08-2007 / 19:25:42 hmmm...kalo tutorial WP Skin yang dah ada skrg , masih kurang brow ?? atow gimana ?? bukannya itu sudah cukup lengkap ???
thanks
mansur
Posted On: 09-08-2007 / 18:01:25 Maaf ya Emi, aku tadi mau tanya seperti yang ditanyakan oleh teman yang ada diatasku yang sudah comment juga, aku kan baru buat blog di WP jadi masih Lemot dan lom nyambung??? gimana punya tutorial buat yang masih wam dengan WP sepertiku??? thank u atas perhatian and jawabannya yah....... Keep smile
webmaster
Posted On: 09-08-2007 / 17:59:03 PERTANYAAN SEPERTI EMI YANG MANA ??? EMI ITU KAN SAYA SENDIRI
mansur
Posted On: 09-08-2007 / 10:27:43 Assalammu'alaikum.. dr.emi thanks yah, kalo pertanyaan ku sama seperti emi gimana,,,, tolong jawab dan dibalas yah, terimakasih anak bangsa....
Boim
Posted On: 06-08-2007 / 00:41:38 Gile Bener.................................... Keren............................... makasih, makasih, makasih, makasih, makasih, sangat berguna sekali untuk aku yang buta HTML. sekali lagi makasih tutornya
webmaster
Posted On: 24-06-2007 / 04:55:18 Saat ini sudah di publish Wordpress Glassy Three Blog Theme, beserta tutorial cara pembuatanna, silahkan cek di tutorial terbaru website dremi.info
Ai
Posted On: 20-04-2007 / 19:41:42 assalamu'alaikum dokter.. wah terimakasih banyak ya..tutorialnya ngebantu bgt.. Tapi yang mau saya tanyain gmn caranya kalo bikin template web yg basisnya itu kayak wordpress jadi bukan HTML kayak yg udah dokter ajarin.. Please ya dok dibales dan dibahas..terimakasih sbelumnya...
webmaster
Posted On: 29-03-2007 / 17:55:39 Interface Design dalam Tutorial ini gue terinspirasi dari Skin Winamp di Skin Consortium...kalo lu mau liat skinna lu kunjungi farisw.com - nah faris ntu designernya ... heheee
Post your comments
Feed Network
↑ Grab this Headline Animator
Recommended Resources
Recent Readers
dr.emi's Musics Collection
Sponsors
Webmaster
hairulazami alias dr.emiReport broken link
Best for Internet Explorer with 1024 x 768 px resolution.
Subscribe Feed
dr.emi Community Toolbar
Whats's New ?
Bwat Nyari Duit
Member Area
Links
Copy TAG HTML di atas ke web lu, ntu tandana mensupport dremi.info
Supporter Links
WebStats
