Cara Menciptakan Desain Web Dengan Photoshop Gampang Dan Cepat

Cara menciptakan desain web dengan photoshop – Ada bermacam-macam alasan yang dimiliki seseorang untuk menciptakan desain websitnya sendiri. Mungkin salah satu alasannya ialah biar mereka mempunyai website dengan tampilan berbeda dan lain daripada yang lain. Di dalam tutorial photoshop kali ini, aku akan mengajak anda semua untuk mencar ilmu bersama mengenai cara menciptakan desain web dengan photoshop secara cepat dan mudah. Tentu saja klarifikasi yang aku berikan di sini hanya berupa teknik-teknik dasar yang dipakai dalam pembuatan desain atau template dari sebuah website. Desain website yang aku hadirkan di sini dibentuk dengan memadukan bermacam-macam warna sehingga tampilannya akan menjadi menarik meski tata letaknya sanggup dibilang amat sederhana. Dengan kreatifitas yang anda miliki, nantinya anda sanggup melaksanakan modifikasi sesuai dengan yang anda inginkan.
Cara menciptakan desain web dengan photoshop  Cara Membuat Desain Web dengan Photoshop Praktis dan Cepat
Source: Google Images


Sebenarnya untuk menciptakan sebuah desain website dibutuhkan dua langkah. Langkah yang pertama ialah membat layout dengan aplikasi photoshop dan langkah yang kedua ialah menciptakan arahan html untuk desain tersebut melalui aplikasi dreamweaver. Karena blog ini hanya membahas mengenai tutorial photoshop, maka yang aku jelaskan di sini hanyalah langkah awal yaitu wacana bagaimana menciptakan layout sebuah website atau blog dengan memakai photoshop. Untuk tutorial wacana pembuatan arahan html nya anda sanggup mencarinya di google. Jangan khawatir alasannya ada aneka macam website yang menyediakan wacana cara menciptakan html dengan aplikasi dreamweaver. Baiklah tak perlu berlama-lama lagi mari eksklusif saja kita simak cara pembuatan desain website dengan photoshop berikut ini:

Tutorial Cara Membuat Desain Website dengan Photoshop Praktis dan Cepat

Langkah pertama

Tahap pertama dalam pembuatan desain web ialah menciptakan layout untuk desain awal. Buatlah sebuah kanvas gres dengan ukuran 700 x 875 px dan pengaturan resolusi pada angka 72 ppi. Jangan lupa untuk mengatur background content pada opsi transparent.
Cara menciptakan desain web dengan photoshop  Cara Membuat Desain Web dengan Photoshop Praktis dan Cepat
Source: Google Images

Langkah kedua

Klik rounded rectangle tool pada kolom tool box, kemudian buatlah sebuah bidang dengan bentuk persegi agak memanjang ke bawah. Ini kan dipakai sebagai background dari desain web yang anda buat.
Cara menciptakan desain web dengan photoshop  Cara Membuat Desain Web dengan Photoshop Praktis dan Cepat
Source: Google Images

Langkah ketiga

Klik kanan pada layer shape 1 kemudian pilih opsi blending option. Setelah itu klik gradient dan buatlah gradasi warna sesuai dengan kesukaan anda. Untuk desain ini dipilih warna hijau agak kecokelatan dengan warna dasar putih sehingga hasil gradasinya akan tampak ibarat ini:
Cara menciptakan desain web dengan photoshop  Cara Membuat Desain Web dengan Photoshop Praktis dan Cepat
Source: Google Images

Langkah keempat

Langkah selanjutnya ialah menciptakan panel sajian yang nantinya akan diisi dengan beberapa kategori menu. Klik lagi rounded rectangle tool kemudian buat sebuah kotak persegi kecil di bab kiri atas background. Beri gradasi warna yang agak berbeda biar tidak menyatu dengan warna pada background.
Cara menciptakan desain web dengan photoshop  Cara Membuat Desain Web dengan Photoshop Praktis dan Cepat
Source: Google Images

Langkah kelima

Buatlah beberapa persegi memanjang dengan rounded rectangle tool berikan warna yang lebih cerah ibarat yang ada pada gambar di bawah ini:
Cara menciptakan desain web dengan photoshop  Cara Membuat Desain Web dengan Photoshop Praktis dan Cepat
Source: Google Images

Langkah keenam

Berikan goresan pena pada kolom sajian yang telah dibuat. Biasanya kolom sajian diisi dengan bermacam-macam kategori mulai dari halaman utama, wacana saya, galeri foto, dan juga bermacam-macam link yang bertautan dengan website tersebut. Tak lupa ditambahkan gambar menarik lainnya di sebelah kanan background biar desain website tidak terlalu kosong dan monoton.
Cara menciptakan desain web dengan photoshop  Cara Membuat Desain Web dengan Photoshop Praktis dan Cepat
Source: Google Images

Langah ketujuh

Gunakan slice tool untuk memotong-motong layer menjadi beberapa bagian. Daftar sajian dibagi menjadi 4 bab sesuai dengan kategori yang ada. Kemudian logo website di sebelah kanan dipotong menjadi 1 bagian. Dan buat 1 bab di bawah untuk konten atau isi dari web tersebut.
Cara menciptakan desain web dengan photoshop  Cara Membuat Desain Web dengan Photoshop Praktis dan Cepat
Source: Google Images

Langkah kedelapan

Sejauh ini desain web sederhana sudah selesai, anda tinggal menyimpannya dengan menuju sajian file>save for web and devices…
Cara menciptakan desain web dengan photoshop  Cara Membuat Desain Web dengan Photoshop Praktis dan Cepat
Source: Google Images

Langkah kesembilan

Pada jendela wizard pada dikala melaksanakan save, buat pengaturan ibarat pada gambar di bawah ini:
Cara menciptakan desain web dengan photoshop  Cara Membuat Desain Web dengan Photoshop Praktis dan Cepat
Source: Google Images


Itulah kiranya langkah awal dalam cara menciptakan desain web dengan photoshop gampang dan cepat selanjutnya anda tinggal mengeditnya dengan memakai macromedia dreamweaver untuk memasukkan arahan html pada desain tersebut biar sanggup dipakai sebagai template dari sebuah website atau blog yang anda miliki. Sekian dari saya, hingga jumpa lagi pada bermacam-macam tutorial photoshop selanjutnya.

Related Posts