BTemplates.com

Artikel Terbaru

Powered by Blogger.

Android

Widget

Sunday, October 2, 2016

Cara Membuat Desain Web dengan Photoshop Mudah dan Cepat


Cara membuat desain web dengan photoshop - Ada beragam alasan yang dimiliki seseorang untuk membuat desain websitnya sendiri. Mungkin salah satu alasannya adalah agar mereka memiliki website dengan tampilan berbeda dan lain daripada yang lain. Di dalam tutorial photoshop kali ini, saya akan mengajak anda semua untuk belajar bersama mengenai cara membuat desain web dengan photoshop secara cepat dan mudah. Tentu saja penjelasan yang saya berikan di sini hanya berupa teknik-teknik dasar yang digunakan dalam pembuatan desain atau template dari sebuah website. Desain website yang saya hadirkan di sini dibuat dengan memadukan beragam warna sehingga tampilannya akan menjadi menarik meski tata letaknya bisa dibilang amat sederhana. Dengan kreatifitas yang anda miliki, nantinya anda bisa melakukan modifikasi sesuai dengan yang anda inginkan.

Cara Membuat Desain Web dengan Photoshop Mudah dan Cepat
Source: Google Images


Sebenarnya untuk membuat sebuah desain website diperlukan dua langkah. Langkah yang pertama adalah membat layout dengan aplikasi photoshop dan langkah yang kedua adalah membuat kode html untuk desain tersebut melalui aplikasi dreamweaver. Karena blog ini hanya membahas mengenai tutorial photoshop, maka yang saya jelaskan di sini hanyalah langkah awal yaitu tentang bagaimana membuat layout sebuah website atau blog dengan menggunakan photoshop. Untuk tutorial tentang pembuatan kode html nya anda bisa mencarinya di google. Jangan khawatir karena ada banyak sekali website yang menyediakan tentang cara membuat html dengan aplikasi dreamweaver. Baiklah tak perlu berlama-lama lagi mari langsung saja kita simak cara pembuatan desain website dengan photoshop berikut ini:

Tutorial Cara Membuat Desain Website dengan Photoshop Mudah dan Cepat


Langkah pertama

Tahap pertama dalam pembuatan desain web adalah membuat layout untuk desain awal. Buatlah sebuah kanvas baru dengan ukuran 700 x 875 px dan pengaturan resolusi pada angka 72 ppi. Jangan lupa untuk mengatur background content pada opsi transparent.

Cara Membuat Desain Web dengan Photoshop Mudah 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 digunakan sebagai background dari desain web yang anda buat.

Cara Membuat Desain Web dengan Photoshop Mudah 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 seperti ini:

Cara Membuat Desain Web dengan Photoshop Mudah dan Cepat
Source: Google Images

Langkah keempat

Langkah selanjutnya adalah membuat panel menu yang nantinya akan diisi dengan beberapa kategori menu. Klik lagi rounded rectangle tool kemudian buat sebuah kotak persegi kecil di bagian kiri atas background. Beri gradasi warna yang agak berbeda agar tidak menyatu dengan warna pada background.

Cara Membuat Desain Web dengan Photoshop Mudah dan Cepat
Source: Google Images

Langkah kelima

Buatlah beberapa persegi memanjang dengan rounded rectangle tool berikan warna yang lebih cerah seperti yang ada pada gambar di bawah ini:

Cara Membuat Desain Web dengan Photoshop Mudah dan Cepat
Source: Google Images

Langkah keenam

Berikan tulisan pada kolom menu yang telah dibuat. Biasanya kolom menu diisi dengan beragam kategori mulai dari halaman utama, tentang saya, galeri foto, dan juga beragam link yang bertautan dengan website tersebut. Tak lupa ditambahkan gambar menarik lainnya di sebelah kanan background agar desain website tidak terlalu kosong dan monoton.

Cara Membuat Desain Web dengan Photoshop Mudah dan Cepat
Source: Google Images

Langah ketujuh

Gunakan slice tool untuk memotong-motong layer menjadi beberapa bagian. Daftar menu dibagi menjadi 4 bagian sesuai dengan kategori yang ada. Kemudian logo website di sebelah kanan dipotong menjadi 1 bagian. Dan buat 1 bagian di bawah untuk konten atau isi dari web tersebut.

Cara Membuat Desain Web dengan Photoshop Mudah dan Cepat
Source: Google Images

Langkah kedelapan

Sejauh ini desain web sederhana sudah selesai, anda tinggal menyimpannya dengan menuju menu file>save for web and devices...

Cara Membuat Desain Web dengan Photoshop Mudah dan Cepat
Source: Google Images

Langkah kesembilan

Pada jendela wizard pada saat melakukan save, buat pengaturan seperti pada gambar di bawah ini:

Cara Membuat Desain Web dengan Photoshop Mudah dan Cepat
Source: Google Images


Itulah kiranya langkah awal dalam cara membuat desain web dengan photoshop mudah dan cepat selanjutnya anda tinggal mengeditnya dengan menggunakan macromedia dreamweaver untuk memasukkan kode html pada desain tersebut agar dapat digunakan sebagai template dari sebuah website atau blog yang anda miliki. Sekian dari saya, sampai jumpa lagi pada beragam tutorial photoshop selanjutnya.



32 Contoh Desain Undangan Pernikahan Unik, Modern, Elegan, Cantik dan Menarik Terbaru


Contoh Desain Undangan Pernikahan Unik - Pernikahan merupakan momen yang amat sakral dan pasti dinantikan oleh setiap insan manusia di dalam hidupnya. Maka tak heran bila setiap pasangan yang akan menikah selalu menginginkan yang terbaik untuk setiap detail yang dibutuhkan bagi pernikahan mereka. Mulai dari pakaian, konsep acara, souvenir, sampai pada masalah undangan pernikahan. Pada saat sekarang ini, ada begitu banyak desain undangan ernikahan yang bisa anda pilih untuk acara pernikahan. Undangan tersebut didesain dengan berbagai tema dan dengan bentuk yang menarik. Tujuannya adalah untuk menimbulkan kesan tersendiri bagi orang yang menerima undangan tersebut.

Contoh Desain Undangan Pernikahan Unik, Modern, Elegan, Cantik dan Menarik Terbaru
Source: Google Images

Bagi anda yang sedang bingung untuk menentukan desain seperti apa yang akan anda pilih untuk acara pernikahan anda, berikut ini saya berikan beberapa contoh desain undangan pernikahan yang unik, modern, elegan, dan lain daripada yang lain khusus untuk anda yang sedang berbahagia. Semoga anda mendapatkan inspirasi sehingga bisa menentukan desain seperti apa yang anda harapkan untuk undangan pernikahan anda dengan pasangan terkasih. Silahkan disimak contoh desainnya berikut ini:


32 Contoh Desain Undangan Pernikahan Unik, Modern, Elegan, Cantik dan Menarik Terbaru 2015


Contoh Desain Undangan Pernikahan Unik, Modern, Elegan, Cantik dan Menarik Terbaru
Source: Google Images

Contoh Desain Undangan Pernikahan Unik, Modern, Elegan, Cantik dan Menarik Terbaru
Source: Google Images

Contoh Desain Undangan Pernikahan Unik, Modern, Elegan, Cantik dan Menarik Terbaru
Source: Google Images

Contoh Desain Undangan Pernikahan Unik, Modern, Elegan, Cantik dan Menarik Terbaru
Source: Google Images

Contoh Desain Undangan Pernikahan Unik, Modern, Elegan, Cantik dan Menarik Terbaru
Source: Google Images

Contoh Desain Undangan Pernikahan Unik, Modern, Elegan, Cantik dan Menarik Terbaru
Source: Google Images

Contoh Desain Undangan Pernikahan Unik, Modern, Elegan, Cantik dan Menarik Terbaru
Source: Google Images

Contoh Desain Undangan Pernikahan Unik, Modern, Elegan, Cantik dan Menarik Terbaru
Source: Google Images

Contoh Desain Undangan Pernikahan Unik, Modern, Elegan, Cantik dan Menarik Terbaru
Source: Google Images

Contoh Desain Undangan Pernikahan Unik, Modern, Elegan, Cantik dan Menarik Terbaru
Source: Google Images

Contoh Desain Undangan Pernikahan Unik, Modern, Elegan, Cantik dan Menarik Terbaru
Source: Google Images

Contoh Desain Undangan Pernikahan Unik, Modern, Elegan, Cantik dan Menarik Terbaru
Source: Google Images

Contoh Desain Undangan Pernikahan Unik, Modern, Elegan, Cantik dan Menarik Terbaru
Source: Google Images

Contoh Desain Undangan Pernikahan Unik, Modern, Elegan, Cantik dan Menarik Terbaru
Source: Google Images

Contoh Desain Undangan Pernikahan Unik, Modern, Elegan, Cantik dan Menarik Terbaru
Source: Google Images

Contoh Desain Undangan Pernikahan Unik, Modern, Elegan, Cantik dan Menarik Terbaru
Source: Google Images

Contoh Desain Undangan Pernikahan Unik, Modern, Elegan, Cantik dan Menarik Terbaru
Source: Google Images

Contoh Desain Undangan Pernikahan Unik, Modern, Elegan, Cantik dan Menarik Terbaru
Source: Google Images

Contoh Desain Undangan Pernikahan Unik, Modern, Elegan, Cantik dan Menarik Terbaru
Source: Google Images

Contoh Desain Undangan Pernikahan Unik, Modern, Elegan, Cantik dan Menarik Terbaru
Source: Google Images

Contoh Desain Undangan Pernikahan Unik, Modern, Elegan, Cantik dan Menarik Terbaru
Source: Google Images

Contoh Desain Undangan Pernikahan Unik, Modern, Elegan, Cantik dan Menarik Terbaru
Source: Google Images

Contoh Desain Undangan Pernikahan Unik, Modern, Elegan, Cantik dan Menarik Terbaru
Source: Google Images

Contoh Desain Undangan Pernikahan Unik, Modern, Elegan, Cantik dan Menarik Terbaru
Source: Google Images

Contoh Desain Undangan Pernikahan Unik, Modern, Elegan, Cantik dan Menarik Terbaru
Source: Google Images

Contoh Desain Undangan Pernikahan Unik, Modern, Elegan, Cantik dan Menarik Terbaru
Source: Google Images

Contoh Desain Undangan Pernikahan Unik, Modern, Elegan, Cantik dan Menarik Terbaru
Source: Google Images

Contoh Desain Undangan Pernikahan Unik, Modern, Elegan, Cantik dan Menarik Terbaru
Source: Google Images

Contoh Desain Undangan Pernikahan Unik, Modern, Elegan, Cantik dan Menarik Terbaru
Source: Google Images

Contoh Desain Undangan Pernikahan Unik, Modern, Elegan, Cantik dan Menarik Terbaru
Source: Google Images

Contoh Desain Undangan Pernikahan Unik, Modern, Elegan, Cantik dan Menarik Terbaru
Source: Google Images

 Demikianlah Contoh Desain Undangan Pernikahan Unik, Modern, Elegan, Cantik dan Menarik Terbaru yang dapat diberikan oleh saya. Di sini kami tidak hanya memberikan artike mengenai tutorial photoshop saja tapi juga memberikan beragam contoh desain yang mungkin bisa menjadi inspirasi bagi anda semua dalam merancang beragam jenis desain seperti undangan pernikahan misalnya.

30 Contoh Desain Poster Promosi Keren, Unik, Modern, dan Menarik


Contoh Desain Poster Promosi - Pada artikel sebelumnya telah saya berikan sebuah tutorial photoshop tentang Tutorial Cara Mudah Membuat Poster Keren dengan Photoshop . Seperti kita ketahui bahwa poster adalah media promosi yang cukup efektif untuk digunakan sebagai alat untuk menyebarkan berbagai jenis  informasi mulai dari event, kegiatan, perlombaan, pameran foto, promosi produk, himbauan, larangan, peringatan, dan sebagainya. Poster juga bisa dibuat dengan berbagai tema seperti poster bertema lingkungan, pendidikan, sosial, budaya, kesehatan, musik, seni, olahraga, dan masih banyak lagi tema yang bisa dituangkan dalam bentuk poster.

30 Contoh Desain Poster Promosi Keren, Unik, Modern, dan Menarik
Source: Google Images

Sebagai tambahan referensi bagi anda dalam membuat poster untuk kebutuhan promosi, di sini saya berikan beberapa gambar poster hasil karya berbagai desainer grafis yang bisa dibilang unik, menarik, modern, serta lain daripada yang lain. Setidaknya ada 50 contoh desain yang saya berikan di sini, silahkan simak komposisi, pemilihan warna, serta detail dan ornamen lainnya dari beragam desain berikut:


Contoh Desain Poster Promosi Keren, Unik, Modern, dan Menarik




30 Contoh Desain Poster Promosi Keren, Unik, Modern, dan Menarik
Source: Google Images

30 Contoh Desain Poster Promosi Keren, Unik, Modern, dan Menarik
Source: Google Images

30 Contoh Desain Poster Promosi Keren, Unik, Modern, dan Menarik
Source: Google Images

30 Contoh Desain Poster Promosi Keren, Unik, Modern, dan Menarik
Source: Google Images

30 Contoh Desain Poster Promosi Keren, Unik, Modern, dan Menarik
Source: Google Images

30 Contoh Desain Poster Promosi Keren, Unik, Modern, dan Menarik
Source: Google Images

30 Contoh Desain Poster Promosi Keren, Unik, Modern, dan Menarik
Source: Google Images

30 Contoh Desain Poster Promosi Keren, Unik, Modern, dan Menarik
Source: Google Images

30 Contoh Desain Poster Promosi Keren, Unik, Modern, dan Menarik
Source: Google Images

30 Contoh Desain Poster Promosi Keren, Unik, Modern, dan Menarik
Source: Google Images

30 Contoh Desain Poster Promosi Keren, Unik, Modern, dan Menarik
Source: Google Images

30 Contoh Desain Poster Promosi Keren, Unik, Modern, dan Menarik
Source: Google Images

30 Contoh Desain Poster Promosi Keren, Unik, Modern, dan Menarik
Source: Google Images

30 Contoh Desain Poster Promosi Keren, Unik, Modern, dan Menarik
Source: Google Images

30 Contoh Desain Poster Promosi Keren, Unik, Modern, dan Menarik
Source: Google Images

30 Contoh Desain Poster Promosi Keren, Unik, Modern, dan Menarik
Source: Google Images

30 Contoh Desain Poster Promosi Keren, Unik, Modern, dan Menarik
Source: Google Images

30 Contoh Desain Poster Promosi Keren, Unik, Modern, dan Menarik
Source: Google Images

30 Contoh Desain Poster Promosi Keren, Unik, Modern, dan Menarik
Source: Google Images

30 Contoh Desain Poster Promosi Keren, Unik, Modern, dan Menarik
Source: Google Images

30 Contoh Desain Poster Promosi Keren, Unik, Modern, dan Menarik
Source: Google Images

30 Contoh Desain Poster Promosi Keren, Unik, Modern, dan Menarik
Source: Google Images

30 Contoh Desain Poster Promosi Keren, Unik, Modern, dan Menarik
Source: Google Images

30 Contoh Desain Poster Promosi Keren, Unik, Modern, dan Menarik
Source: Google Images

30 Contoh Desain Poster Promosi Keren, Unik, Modern, dan Menarik
Source: Google Images

30 Contoh Desain Poster Promosi Keren, Unik, Modern, dan Menarik
Source: Google Images

30 Contoh Desain Poster Promosi Keren, Unik, Modern, dan Menarik
Source: Google Images

30 Contoh Desain Poster Promosi Keren, Unik, Modern, dan Menarik
Source: Google Images

30 Contoh Desain Poster Promosi Keren, Unik, Modern, dan Menarik
Source: Google Images


30 Contoh Desain Poster Promosi Keren, Unik, Modern, dan Menarik
Source: Google Images

Semoga, setelah melihat beragam Contoh Desain Poster Promosi Keren, Unik, Modern, dan Menarik di atas, anda bisa mmeperoleh inspirasi dan ide-ide segar untuk mendesain sebuah poster promosi yang berbeda.