12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 1/53 Navigation 14 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel by Mohammad Jeprie on 10 June 2011 in Desain Web, Tutorial Dalam tutorial ini, kita akan mendesain website sebuah perusahaan. Layout situs ini akan diawali dengan slider berisi penjelasan tentang perusahaan, satu baris kutipan dan tombol call to action, dan diakhiri dengan beberapa informasi tambahan. Preview Berikut adalah tampilan desain web yang akan kita hasilkan. Klik gambar untuk melihatnya di perbesaran 100%.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 1/53
Navigation
14
Mendesain Situs Perusahaan dengan WarnaCerah dan Pola Pixelby Mohammad Jeprie on 10 June 2011 in Desain Web, Tutorial
Dalam tutorial ini, kita akan mendesain website sebuah perusahaan. Layout situs iniakan diawali dengan slider berisi penjelasan tentang perusahaan, satu baris kutipandan tombol call to action, dan diakhiri dengan beberapa informasi tambahan.
Preview
Berikut adalah tampilan desain web yang akan kita hasilkan. Klik gambar untukmelihatnya di perbesaran 100%.
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 2/53
Detail Tutorial
Tingkat Kesulitan: Pemula, MenengahSoftware yang Digunakan: Adobe PhotoshopTeknik yang Dipelajari: Penggunaan Tekstur, Membuat Tombol, Penggunaan Grid960.Lama Pengerjaan: 30 menit
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 3/53
Resource yang Dibutuhkan
Untuk mengikuti tutorial ini, silakan ambil terlebih dahulu resource berikut:
26 Repeatable Pixel Patterns dari PSDfreemiumGrid 960 dari Nathan SmithFont League Gothic dari The League of Moveable Type3D Screenshots Display PSD – Part II dari Vandelay PremierThis is Art vol. 3 dari WeGraphics
Tutorial
Langkah 1: Memilih Warna
Langkah pertama kita adalah menentukan tema warna yang akan digunakan. Adabanyak cara dalam memilih warna. Anda bisa mengambil dari komunitas misalnyadari colourlovr, menentukan sendiri, atau melalui software warna semacamColorSchemer Studio. Di sini, saya menggunakan ColorSchemer Studio dan memilihwarna menggunakan metode Split Complements. Split Complement terdiri dari satuwarna utama dan dua warna samping. Kedua warna samping ini memiliki jarak yangsama di roda warna terhadap warna berseberangan dengan warna utama.
Untuk referensi lebih lanjut tentang teori warna, silakan baca artikel diTIGER color.
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 4/53
Langkah 2: Menyiapkan File
Ambil file grid 960 dari 960.gs. Buka file action (*.atn) di Photoshop. Di Photoshop,buka panel actions lalu klik ganda action 12 Column Grid.
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 5/53
Langkah 3
Ambil tool crop lalu buat bingkai crop menutupi semua bagian kanvas. Tahan alt lalutarik sisi atas dan kanan hingga bingkai crop lebih besar dari ukuran kanvas. TekanCtrl + Enter unuk menjalankan proses cropping.
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 6/53
Langkah ini akan memperbesar ukuran kanvas secara merata ke semua arah.
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 7/53
Langkah 4
Tekan Ctrl + R untuk membuka penggaris. Klik dan geser dari penggaris horizontalke tengah kanvas untuk membuat guide horizontal. Lakukan hingga kitamemperoleh penanda area header, slider, quote, content, dan footer.
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 8/53
Silakan lihat hasil akhir layout situs ini untuk memahami pembagian areanya.
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 9/53
Langkah 5: Header
Mulai dengan membuat latar header. Buat sebuah persegi dengan warna #ca8548.Beri Pattern Overlay dengan pola pixel dari PSDfreemium.
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 10/53
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 11/53
Langkah 6: Logo
Kita buat logo sederhana saja, kombinasi teks dan shape. Beri Layer Style berikut.
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 12/53
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 13/53
Langkah 7: Menu Utama
Buat persegi hitam dengan Opacity 30% untuk latar menu utama.
Langkah 8
Tambahkan teks menu dengan penjelasan singkat di bawahnya. Di sini, sayamenggunakan font League Gothic dan Letter Gothic Std.
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 14/53
Langkah 9
Buat garis putih 1 px dengan tool pencil lalu turunkan Opacity layer ke 30%. Hapuskedua ujungnya dengan tool eraser lembut. Gandakan garis ini dan simpan di antarasetiap menu sebagai pemisah.
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 15/53
Langkah 10: Slider
Buat kotak dengan warna #35945a. Beri Layer Style berikut.
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 16/53
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 17/53
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 18/53
Di sini, Anda bisa melihat perbedaan latar sebelum dan setelah diberi Layer Style.Perbedaannya sangat sedikit, tapi dalam desain web ini berpengaruh besar. Ingatbahwa ini web bukan cetak! Kita bekerja dengan satuan pixel bukan centimeter, satupixel sangat berpengaruh.
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 19/53
Langkah 11
Beri teks dengan Drop Shadow seperti berikut.
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 20/53
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 21/53
Langkah 12
Ambil file PSD Screenshot Web 3 Dimensi yang saya desain untuk Vandelay Premier.Anda bisa mengedit screenshot situs di dalam file PSD dengan mengikuti instruksiyang tersedia.
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 22/53
Langkah 13
Buat layer vektor terdiri dari dua segitiga bertumpukan dengan warna putih. Aturmode salah satu segitiga ini ke Subtract untuk memperoleh bentuk panah.
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 23/53
Beri layer style berikut.
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 24/53
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 25/53
Langkah 14
Turunkan Fill layer ke 30%.
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 26/53
Langkah 15
Buat juga panah yang sama di sisi sebelahnya.
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 27/53
Langkah 16: Quote
Buat persegi dengan warna #ca8548 untuk latar kutipan. Beri Pattern Overlay.
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 28/53
Berikut tampilan latar di perbesaran 100%.
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 29/53
Langkah 17
Brei teks kutipan menggunakan font League Gothic.
Beri Layer Style berikut.
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 30/53
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 31/53
Langkah 18
Buat shape rounded rectangle dengan warna #bd4469.
Beri layer style berikut.
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 32/53
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 33/53
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 34/53
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 35/53
Bentuk tombol yang diperoleh.
Langkah 19
Beri teks pada tombol.
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 36/53
Beri Layer Style berikut.
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 37/53
Langkah 20: Isi
Di bagian ini kita akan menyiapkan beberapa poin tentang perusahaan. Siapkanpersegi dengan warna #df9c61 untuk latar.
Langkah 21
Buat layer baru di atas latar dan isi dengan putih. Klik Filter > Noise Add Noise.
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 38/53
Langkah 22
Ubah blend mode layer ke Multiply untuk menambahkan noise ringan pada latar. Dibawah Anda bisa melihat perbedaan latar sebelum dan setelah diberi noise.
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 39/53
Langkah 23
Buat layer baru dan turunkan Opacity-nya ke 10%. Ambil tool pencil lalu buat garishitam dan putih 1 px, tepat di bagian atas latar. Di bawah Anda bisa melihat sebelumdan setelah pemberian detail garis 1 px.
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 40/53
Langkah 24
Buat poin penjelasan singkat disertai ikon di samping teks. Di sini, ikon yangdigunakan adalah seri This is Art vol. 3 dari WeGraphics.
Langkah 25
Beri teks Drop Shadow dengan setting seperti di bawah agar lebih mudah dibaca.
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 41/53
Langkah 26
Ulangi proses ini hingga seperti terlihat di bawah.
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 42/53
Langkah 27: Footer
Buat persegi untuk latar footer dengan warna #bb8759.
Beri Layer Style berikut.
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 43/53
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 44/53
Di bawah adalah tampilan footer sebelum dan setelah diberi Layer Style.
Langkah 28
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 45/53
Akhirnya, tambahkan teks untuk link menu.
Hasil Akhir
Di bawah adalah hasil akhir desain web perusahaan yang kita peroleh. Klik gambaruntuk melihatnya di perbesaran 100%. Saya harap Anda belajar satu atau dua teknikbaru dari tutorial ini. Jika ada pertanyaan, silakan tanyakan di kolom komentar.
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 46/53
Download Link
Download File PSD
Start DownloadConvert Any File to a PDF. Get the Free From Doc to Pdf App!
Mendesain Website Sederhana Mendesain Halaman Depan Situs Membuat Situs Resource Desain
Related
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 47/53
Link Minggu Ini 050611 Link Minggu Ini 120611
About Mohammad JeprieSeorang penulis, desainer grafis, dan blogger. Hingga saat ini telah menghasilkan
belasan buku, menulis tutorial di berbagai situs, dan mendesain mockup PSD. Berharap
mempunyai lebih banyak waktu luang untuk bermain GTA. Bisa ditemukan berbagi berita seru di
Facebook.
View all posts by Mohammad Jeprie →
BerlanggananIkuti berita terbaru di Desaindigital melalui email.
E-mail SUBMIT
Related Posts:
Menambah Shortcut Keyboard di PhotoshopMembuat Pola Gelombang Tradisional Jepang dengan Adobe IllustratorMenghilangkan Seseorang dari Foto dengan PhotoshopMembuat Efek Foto Double ExposureTrik Menggambar Rounded Rectangle – Pixel Perfect
Desain Web
dari PSD hingga HTML --Bag 1 Perusahaan Secara Efektif Premium di Photoshop4 June 2012In "Desain Web"
31 January 2012In "Desain Web"
24 February 2011In "Desain Web"
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 48/53
14 Responses to Mendesain Situs Perusahaan dengan WarnaCerah dan Pola Pixel
ardianzzz 10 June 2011 at 10:34 am #
Hi, Mas Jeprie..Saya lihat previewnya bagus, simpel dan sudah menerapkan beberapa teoriusability untuk landing page.
Saya tertarik membahas penggunaan ‘dummy text’. Seperti kita ketahui,‘content’ itu adalah bagian dari desain. Jadi teringat jargon ‘content is king’, dansudah seharusnya dekorasi itu mengikuti konten. Asumsi pragmatisnya, ketikakita menggunakan ‘dummy content’ secara tidak langsung desain kita menjadi‘dummy design’.
Mungkin artikel berikut bisa lebih menjelaskan: Lorem Ipsum Killing Design(designinformer).
Mengenai desain situs perusahaan dengan tema yang cerah, contoh yang sayasuka: http://litmus.com/.
REPLY
Jeprie 10 June 2011 at 11:05 am #
Terima kasih.
Terus terang, saya belum mengerti aspek usability situs. Desain inibanyak meniru trend layout situs-situs perusahaan saat ini.
Saya sudah membaca pendapat kontra tentang penggunaan LoremIpsum dalam desain. Untuk desain yang memang memiliki kontekstertentu, misalnya desain blog personal pesanan klien, penggunaanlorem ipsum harus dihindari. Lorem Ipsum terlalu generik danmenjauhkan kesan desain dari tema yang diharapkan.
Tapi, untuk desain yang sifatnya umum, misalnya theme wordpresspremium dan juga tutorial ini, saya rasa Lorem Ipsum malah lebih baik.Dengan Lorem Ipsum, desain akan memiliki kesan umum dan tidak
REPLY
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 49/53
condong pada tema tertentu. Misal, jika di tutorial ini teksnya tentangberita-berita produk Apple, pembaca akan beranggapan bahwa desain inispesifik untuk situs penjual produk Apple. Dengan Lorem Ipsum, sayamembebaskan pembaca untuk memberi tafsiran sendiri. Bisa jadi diaakan berpendapat ini cocok untuk studio web desain, penjual software,atau jasa lain. Ini alasannya semua penjual theme wordpress terbiasamenggunakan Lorem Ipsum dalam preview theme mereka, memperluasjangkauan tema.
Ada komentar menarik dalam artikel itu.
“It’s filler text. It’s to show you how the page will look once weplug in the actual content”
ardianzzz 10 June 2011 at 11:24 am #
Menganai ‘meniru’,Mungkin tepatnya, kita meniru konsep. Ketika kita meniru layoutyang lagi ngetrend, kita bisa memperjelasnya. Yang kita tiruadalah value dalam konsep tersebut dan bukan pixel-nya.
Trend dalam desain itu berasal dari hasil studi dan pengalaman.Kita tidak perlu mempelajari mendalam tentang sisi ilmiahusability dan semacamnya. Berdasarkan pengalaman, kita bisatahu konsep desain tersebut memang sudah terbukti bagus &usabel. Jadi kita pakai saja.
Mengenai ‘lorem ipsum’, sepertinya memang cukup tergantungpada situasi dan kondisi yah.
Jeprie 10 June 2011 at 1:32 pm #
Menarik sekali, meniru konsep. Sangat melegakan untukdesainer karbitan seperti saya…
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 50/53
Kaget 10 June 2011 at 4:12 pm #
Sekarang, saya dapet ilmu baru lagi soal grid 960gs. Hasilnya keren,apalgi untuk pemula ini jadi suatu trik yang ringkas
REPLY
faiz al-qurni 11 June 2011 at 8:53 am #
wah, tutorial komplit dan bermanfaat.Terus terang saat mendesain sebuah website saya seringkali kesulitan dalammenentukan komposisi warna (maklum..otodidak).Apa bang jeprie punya solusi?
REPLY
Jeprie 11 June 2011 at 12:21 pm #
Saya biasa mengambil komposisi warna dari software sepertidalam tutorial ini atau melalui komunitas. Jika menggunakan AdobePhotoshop, cara paling mudah adalah menggunakan Kuler (Window >Extensions > Kuler).
REPLY
jaka @psdesain.net 11 June 2011 at 6:26 pm #
Mas jep, link situs http://960.gs salah tuh…check aja…
Pewarnaannya bagus..unik
REPLY
Jeprie 11 June 2011 at 7:32 pm #
Terima kasih, sudah diperbaiki.
REPLY
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 51/53Trackbacks/Pingbacks
Arif Riyanto 12 June 2011 at 12:01 am #
Terlepas dari yang disampaikan mas ardianzzz, ini tutorial yang bagusmas Jeprie.Mengajarkan bagaimana menggunakan Photoshop dengan baik
REPLY
ifliandry 15 June 2011 at 2:31 pm #
Saya pemula dalam bidang desain mock up website. terima kasih atastutorialnya. saya masih berharap bang Jeprie mau bikin buku tentang desainmock up web. misalnya berisi tentang trik pembuatan garis (seperti dalam webini), background, penggunaan shadow yg baik, pemilihan warna, mungkin jugatentang golden ratio pada web (hal ini juga saya baru denger :), pembuatanlayout utuh , penyusunan struktur group pada layer. mungkin kasih bonusmengenai teknik slicing pada layout , tidak usah sampai css (tapi kalo maukasih juga tidak nolak ..hehehe), tapi mungkin melihat dari cara pandang webdesigner melakukan slicing, misalnya untuk background, hanya ambil 100px x100px, untuk header mungkin diambil 1 px, karena akan dibuat repeat-x.
terima kasih atas tutorialnya, ini sangat bermanfaat
REPLY
aaN 18 June 2011 at 10:32 am #
Saya sangat beruntung bisa dapat tutorial design mockup website drmas Jepri.. Penjelasannya sangat detil dan mudah dipahami. Saya masihpemula dlm penggunaan 960gs. Masih “meraba-raba” istilahnya. Soalnyaselama ini desainnya masih gak rapi. Oya, sy minta rekom situs luar negeritutorial web design dr mas Jepri klu boleh ya
Terima kasih mas Jepri.. Salam sukses selalu
REPLY
Jeprie 18 June 2011 at 12:05 pm #
Untuk tutorial web, silakan baca-baca Webdesigntuts.
REPLY
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 52/53
Tinggalkan komentar Anda.
Enter your comment here...
Trackbacks/Pingbacks
Free HTML Template: Clean Corporate Site | Cekerholic - 28 June 2011[…] melihat tutorial desain web situs perusahaan di situs Desain Digital, saya sangattertarik melihat hasil akhirnya. Alhasil, ketika ada waktu […]
Page 3 of 204477 Powered by Shutterstock
12/9/2015 Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel | Desaindigital
http://desaindigital.com/mendesainsitusperusahaandenganwarnacerahdanpolapixel/ 53/53
Resource Desain Gratis: PSDfreemium
3D Web Display MockupColt Gun PSD10 Seamless Japanese Wave PatternVector City SkylinesVector Set of Shopping Icon
Membuat Pola Gelombang Tradisional Jepang dengan Adobe Illustrator7 OCTOBER 2015
Pedoman Praktis Adobe Photoshop20 NOVEMBER 2015
Menambah Shortcut Keyboard di Photoshop24 NOVEMBER 2015
Desain | Hosting | Domain
Be the first of your friends to like this
desaindigital.com3,283 likes
Like Page Share
POPULAR LATEST COMMENTS
Related Documents
