MEMBUAT HALAMAN LOGIN PADA WEBSITE DENGAN DREAM WEAVER

Halaman login difungsikan untuk membatasi user dalam mengelola atau menggunakan suatu website. Misalnya halaman Admin yang berisi file atau data-data yang tidak boleh diketahui oleh user lain. Halaman login dilindingi dengan username dan password. Jika username dan password terisi dengan benar maka halaman akan di alihkan kehalan selanjutnya.Berikut langkah membuat halaman login.

Hal pertama yang harus di lakukan :

membuat koneksi database pada website menggunakan Dream Weaver

Pada tulisan tutorial dreamweaver kali ini akan menjelaskan bagaimana membuat koneksi database pada dreamweaver cs5, setelah tutorial sebelumnya membahas bagaimana cara membuat site definition.Ikuti langkah dibawah ini.

Buat Database dengan nama "cmsku" (Penulis menggunakan SQLyog sebagai interface MySQL)

Buka dreamweaver CS5 Create New PHP

Pada jendela menu klik > Window > Databases jika sudah pada menu sebelah kanan akan muncul tab Databases

Klik tanda (+) yang ada pada tab Databases klik > MySQL Connection

Membuat Website sederhana dengan Dream weaver

Bagaimana membangun sebuah website pribadi di dikomputer local ? jawabannya ialah dengan menggunakan aplikasi editor seperti notepad, phpDesigner, Adobe Dreamweaver dan tools² lainya. Penulis merekomendasikan untuk menggunakan dreamweaver sebagai editor untuk membangun website. Bagaimana membangun website pada dreamweaver ? ikuti langkah² dibawah ini :

Membuat Favicon Website Ternyata Mudah

Membuat Favicon Website Ternyata Mudah

Favicon adalah icon kecil yang ada di dekat url browser. Mungkin bagi sebagian orang dianggap kurang penting namun sebetulnya favicon memberikan nilai tersendiri bagi web atau blog kita. Dengan Favicon maka website kita punya hiasan icon kecil yang imut dan menambah daya tarik website dan blog. Ok sekarang sy tidak perlu berpanjang lebar karena panjang x lebar nanti jadinya LUAS.

Cara membuat Favicon Website ? Mudah, begini caranya :

Langkah Pertama adalah Membuat Favicon di Photoshop

Buka Photoshop, ikuti langkah dalam tutorial Membuat Favicon website di Photoshop di bawah ini:

1. Buat Lembar kerja baru, Caranya : Klik File >> New ,
Setting seperti di bawah ini :

Memanipulasi Gambar dengan LAYER MASK

Hai Selamat Sore Semuanya, Learn Dikit yu nih satu trik PhotoShop.Semoga bermafaat buat sobat semua.

Langkah-Langkahnya: 
1. Sediakan dua gambar yang pengen kamu gabungkan
 

Tehnik Dasar Edit Foto yang biasa dipake Fotografer

Saya ucapkan selamat Natal buat yang ngerayain dan Met Tahun Baru 2013 semoga tahun depan Semakin Sukses. Mudah-mudahan tahun depan bisa sering-sering posting ya. Kangen juga nulis tutorial di ilmuphotoshop.com hehehe.

Membuat Effect Sensor Pada Gambar

           Tutorial Photoshop ini membahas tentang membuat Efek Sensor. Pernah lihat foto dengan sensor pada bagian tertentu??? Wah masak gak pernah?! Oke, kali ini kita akan membuat salah satu foto syur dengan effect sensor.... Tapi jangan foto atau gambar yang aneh-aneh ya. 

Sebelum kita belajar, ada baiknya kamu belajar layout photoshop terlebih dahulu.

Baiklah ini langkah-langkahnya:

1. Buka Aplikasi Photoshop kamu dan pilih foto yang akan di sensor dan sebagai contoh saya menggunakan gambar anime punya saya yang bisa di download di sini 

[download]

Merubah Foto Berwarna Menjadi Lukisan Kanvas Cat Air

Seperti di Tutorial Photoshop sebelumnya, ada baiknya kita siapkan cemilan beserta minumannyaSetelah siap semuanya maka inilah caranya: 1. Jalankan program photoshop. file --> Open atau tekan [ctrl] + [O] Setelah itu carilah gambar yang akan diubah, Sebagai contoh disini saya menggunakan foto teman saya:

Membuat Drop Down Menu Sederhana di Website

Membuat Drop Down Menu Sederhana di Website

Pada tutorial Dreamweaver kali ini saya akan mencoba memberikan penjelasan bagaimana cara membuat drop down menu yang simple dan sederhana agar bisa dan mudah dipelajari serta dikembangkan mungkin nantinya oleh para calon web developer maupun web designer yang singgah di sini. Sedikit penjelasan,Dropdown Menu merupakan menu yang bila kita sorot dengan mouse maka menu tersebut akan memunculkan menu yang lain (sub menu). Saat ini banyak sekali yang sudah menggunakan Drop Down menu karena alasan terlihat lebihmodern dan canggih, menambah keindahan website sampai menghemat space/ruang di websitenyakarena dengan drop down kita bisa memberikan sub menu tersembunyi pada menu di website kita.

Ok, mari kita mencoba membuatnya:

1. Buka aplikasi dreamweaver kita, disini saya menggunakan Dreamweaver 8 karena ringan di komputer saya. Bagi yang sudah menggunakan dreamweaver CS5 bahkan CS6 tenang saja karena cara ini bisa diaplikasikan untuk semua dreamweaver 
(start >> all program >> Dreamweaver) 

2. buat CSS file, caranya. Klik File >> New >> Tab General >> Basic Page >> Css

Lady In The Fire

Tutorial Photoshop Kali ni kita akan membuat manipulasi foto sehingga tampak seolah - olah gambar object seseorang di dalam foto seperti dikelilingi oleh api... ini kebalikan dari "LADY in the WATER" hehehe...

Langsung mule aja gan, ini tuto saya bkin mirip sm yg saya posting gan.. smpai detilnya deh ya??? hehehe...

1. Bikin new page dulu gan sizenya mah terserah... backroundnya item ya...

2. Lalu buat new layer (Ctrl+Shift+N) lalu klik Brush tool kasih warna orange ya gan... kira2 jadinya kek gmbar dibawah ini

Efek Dance Ray

Efek Dance Ray

Well, kembali ke Photoshop! Di Tutorial Photoshop ini, saya ingin sedikit berbagi kepada pembaca mengenai trik dasar membuat “Lighting Effect” pada sebuah foto. Okey, Untuk lebih lengkapnya akan saya jelaskan step by step sebagai berikut:

1. Tahap pertama adalah pemilihan sebuah foto yang akan kamu gunakan. Gunakan saja foto kamu sendiri atau boleh juga dengan menggunakan foto “Dance” di bawah ini. Kalau gitu, save dulu deh fotonya...

Efek Rekaman Video Rusak pada Foto

Efek Rekaman Video Rusak pada Foto

Foto Efek, Merupakan suatu yang tidak ada habisnya untuk diexplore. Kali ini Kita akan memberikan efek yang menurut saya sederhana namun terkesan futuristik dan imajinatif, efek ini bisa disebut efek rekaman video rusak pada Photoshop Tutorial

Atau pernah liat TV trus ada gangguan sinyal maka di layar biasanya gambar akan tampil bergaris-garis...

Menarik bukan? Menarik becak.. Menarik Bemo.. Menarik.. Wis pokoknya menarik lah..

berikut Langkah-langkahnya:

1. Jalankan program photoshop. file --> Open atau tekan [ctrl] + [O] Setelah itu carilah gambar yang akan diubah, Sebagai contoh disini saya menggunakan foto ---> ehm... ehm... Sayang bukan pacar saya, Gak tau siapa yang penting mau jadi model di www.ilmugrafis.com

Efek Butiran - Butiran Air Membasahi Foto

Efek Butiran - Butiran Air Membasahi Foto

Efek butiran - butiran air membasahi foto? tenang.. tenang.. ini cuman rekayasa photoshop aja, jangan dikira prakteknya menyiram foto dengan air betulan, nanti gak malah bagus eh jd rusak...

Oh iya hampir lupa, hari ini kan (premiernya movie Ayat-Ayat Cinta...), trus apa hubungannya dengan ilmu photoshop?
Ya cuma ngasih info aja, hwe3x...

Ok, tanpa banyak chit-chat ini langkah-langkahnya:

1. Buka Gambar yang akan diedit dengan photoshop
Bisa foto kamu atau pemandangan alam, atau barangkali belum punya gambar untuk diedit? silahkan mencari di search engine, disini saya menggunakan gambar pantai...

(beautiful scene)

MEMBUAT KARIKATUR di PHOTOSHOP

MEMBUAT KARIKATUR di PHOTOSHOP

Seni karikatur dapat kita ciptakan juga dengan photoshop. Langsung saja ke TeKaPe.

1. Buka file foto yang hendak kita edit. File-Open.

foto yang akan diedit sebaiknya jenis foto dengan angle (arah pengambilan foto) dari depan.

2. Kemudian lakukan retouching pada bagian wajah, dengan Clone Stamp Tool kita buat wajah semakin

Membuat Efek Foto 1000 Bayangan

Membuat Efek Foto 1000 Bayangan

Tutorial Kali ini adalah membuat efek seolah - olah 1000 Bayangan, Seperti Jurusnya Uzumaki Naruto. Dengan Tehnik Dupllikasi Photoshop kita tidak perlu menjadi ninja. Pernah melihat film atau komik naruto kan, Anime Ninja yang paling digandrungi saat ini, penulis disini juga salah satu penggemarnya juga dan sudah mengkoleksi Komik - komiknya.

Wah kok malah cerita komik, Okey.. Okey.. saatnya kembali ke Tutorial... Kali ini akan dibahas tentang nilai Fill dan Opacity
Untuk Tutorial memisahkan Obyek dari Background telah dibahas dalam Tutorial sebelumnya... ada baiknya kalian telah mempelajarinya

Tutorial Terkait: (yang harus dibaca dan dipelajari lebih dulu)
- Tutorial Memisahkan Gambar dari Background dengan Extract
- Cara Cepat Memisahkan Gambar Dari Background
- Tutorial Membuat Gradien Background
- Menggabungkan Gambar ke Dalam 1 Kanvas

Setelah lancar dengan tutorial di atas, mari kita Lanjutkan ke tehnik 1000 bayangan

Membuat Efek Venom

Membuat Efek Venom

Bagi penggemar movie pasti pernah melihat Venom, yup itulah Musuh utama dari Spiderman, Kali ini kita akan membuat efek Venom pada foto kita, tanpa panjang lebar mari kita mulai saja:

Dalam Tutorial Kali ini kita akan belajar Photoshop cara edit Foto.

jadi Jangan lupa siapkan kopi atau teh hangat sebagai teman dikala mendisain, ^.^

Caranya:

Desain Cover Majalah dengan InDesign

Pada Tutorial Adobe InDesign kali ini kita akan belajar bagaimana membuat cover majalah di Adobe InDesign. Seperti yang dijelaskan sebelumnya dalam Pengenalan Adobe InDesign kita mengetahui bahwa InDesign merupakan aplikasi yang digunakan untuk desain layout atau publikasi. Tutorial Desain Cover Majalah ini mungkin masih tergolong simple tp nanti para pembaca di ilmugrafis bisa mengembangkannya sendiri sesuai dengan kreatifitas dan imajinasi kalian. Jadi ingat nasehat guru saya bahwa "sesuatu yang besar dimulai dari yg simple dan sederhana" :)

Berikut Langkah - Langkahnya:

1. Buka Aplikasi Adobe InDesign , disini saya menggunakan Adobe Indesign CS2 namun bisa juga dipraktekkan di Adobe Indesign CS3, CS4, bahkan yang terbaru CS5

2. Pada menu utama di sebelah atas, pilih File >> New >> Document
Setelah itu akan muncul window "New Document"
Atur Seperti ini:

ini adalah setting dari kebanyakan majalah pada umumnya (namun ukuran setting di atas nanti bisa disesuaikan dengan majalah yg akan anda disain)
Klik OK

LoGo InDesign

InDesign CS3: Exploring a workflow | lynda.com overview

 

Sumber : YouTube

InDesign Optical Typography (No. 36)

Klik Abaikan iklan..
Sumber : YouTube