Belajar Photoshop hanya untuk mendesain web

Saya ingin menjadi perancang web, jadi saya menonton banyak tutorial video Photoshop, tetapi beberapa tutorial itu tidak berguna untuk mendesain web. Sebagai contoh, beberapa film tentang kulit, atau gigi atau menggambar bunga atau mengubah pola dinding atau hal-hal seperti ini. Karena saya tidak punya sumber daya khusus untuk mendesain web, dan tutorial itu adalah semacam buang waktu bagi saya!

Apakah Anda tahu sumber tutorial apa pun untuk membantu saya mempelajari desain web di Photoshop?

Apa yang harus saya lakukan untuk fokus pada desain web di Photoshop?

Bagian mana dari Photoshop yang diperlukan untuk mendesain web dan bagian mana yang tidak?

Setiap alat, kuas, filter, dan efek di Photoshop memiliki tujuan sendiri di dunia. Tidak ada yang sederhana "pelajari alat ini dengan baik dan gunakan untuk semuanya" karena alat yang berbeda, dll digunakan untuk efek yang berbeda.

Misalnya, jika Anda menyukai tombol mengkilap agak 3dish pada halaman Anda (ini sangat populer beberapa waktu yang lalu), Anda perlu menggunakan beberapa bayangan, beberapa gradien, masking, dan mungkin sedikit jigger tangan dengan alat kuas. Untuk latar belakang Anda bisa menggunakan warna solid atau gradien dengan topeng bertekstur / berpola.

Karena tidak ada "satu bagian dari Photoshop" untuk dipelajari, hal terbaik yang dapat Anda lakukan adalah menjadi menyeluruh dengan menggunakan berbagai alat. Jelajahi dan lihat semua jenis situs. Perhatikan fitur yang Anda sukai, lalu coba buat ulang sendiri. Seringkali Anda dapat membedah elemen - apakah objek memiliki batas, gradien, tekstur, sumber cahaya, dll. - dan membuat ulang sesuatu yang serupa.

Pada saat yang sama, saya tidak bisa memalu rumah cukup keras sehingga ada lebih banyak desain daripada hanya Photoshop. Rekomendasi saya akan mengambil kelas desain di community college lokal (atau di mana pun) dan merasakan hal-hal seperti keseimbangan, warna, ruang kosong, dll. Konsep-konsep ini sering membuat perbedaan antara terlihat profesional dan terlihat seperti bibi seseorang ( yang, dalam skenario ini, bukan perancang yang berdagang ) mengedit templat Geocities.

"Saya ingin menjadi seorang desainer web, jadi saya menonton banyak tutorial video Photoshop"

Apakah Anda tahu HTML, CSS, dan JS? Jika tidak, mulailah dari sana dulu.

Photoshop kemudian digunakan sebagai alat untuk membuat grafik yang sesuai dengan HTML, CSS dan JS.

Tidak ada yang khusus 'desain situs web' sentris tentang alat tertentu di PhotoShop. Ini hanyalah alat pembuatan dan pengeditan gambar.

Untuk mendesain situs web, Anda juga harus melihat maket lainnya. Pertimbangkan beberapa efek yang dapat Anda gunakan seperti kulit halaman, tautan bilah navigasi. Banyak dari ini tidak sulit dilakukan di Photoshop tetapi akan membutuhkan sedikit Googling. Saya sering memeriksa Dribbble yang merupakan komunitas desain yang luar biasa. Ini sangat populer, jadi Anda pasti akan melihat banyak teknik baru yang diterapkan oleh desainer web.

Tetapi untuk mendapatkan gambaran umum, cobalah bekerja dengan serangkaian tutorial yang khusus digunakan untuk mendesain situs web. Bahkan tutorial yang sangat mendasar. Karena ini akan menguraikan langkah-langkah untuk Anda, dan Anda dapat meniru ini pada proyek masa depan. Saya menambahkan 2 sumber yang sangat bagus di bawah ini, saya harap Anda akan memeriksanya. Saya jamin Anda akan menemukan tutorial template pemula yang Anda sukai - dan Anda akan belajar banyak!

• 40+ Desain Antarmuka Web Terbaik Tutorial Photoshop

• 70 Tutorial Menggunakan Photoshop Untuk Mendesain Situs Web

Jika Anda ingin merancang situs web, Anda akan jauh lebih baik bekerja dengan Fireworks daripada Photoshop. PS, pada dasarnya, adalah aplikasi manipulasi foto, dan sementara alat-alatnya dapat digunakan untuk gambar rangka, mereka tidak terlalu efisien dalam hal itu. Dengan kata lain: menggunakan PS untuk desain web seperti menggunakan PS sebagai aplikasi DTP melalui InDesign. Ya, itu bisa dilakukan, tapi itu bukan cara yang bagus untuk melakukannya, dan Anda akan kalah dalam jangka panjang.

Keuntungan yang dibawa Fireworks adalah:

• jauh lebih mudah untuk bekerja dengan bentuk vektor yang benar
• JAUH lebih mudah untuk menentukan dimensi piksel; tidak ada buram stroke pada peregangan dll
• dapat menentukan 'halaman master' untuk membuat perubahan desain di seluruh situs pada maket Anda, tanpa harus mengulang setiap gambar
• lebih mudah untuk membuat perpustakaan kontrol UI yang umum digunakan (berharga untuk merancang aplikasi web)
• UI lebih dekat ke antarmuka aplikasi desktop biasa, yang berarti kurva pembelajaran yang lebih dangkal

Satu-satunya keuntungan nyata yang dibawa Photoshop ke meja adalah fakta bahwa

• rendering font lebih baik
• kolega Anda akan mengetahui aplikasi (sedikit) lebih baik

Pada catatan "ada lebih banyak yang dirancang daripada Photoshop": Saya menemukan wawasan ini: http://naldzgraphics.net/tips/what-designers-need-to-know-about-typography/

Photoshop hanyalah sebuah alat dan semakin baik Anda mengetahui alat tersebut, semakin baik Anda akan dapat menggunakannya untuk melakukan apa yang ingin Anda lakukan. Namun, ada lebih banyak desain dari sekedar mengetahui Photoshop.

Pola pikir ini bahwa Anda hanya perlu belajar Photoshop dan kemudian Anda akan menjadi desainer sama dengan menyebut diri Anda seorang pembangun karena Anda tahu cara menggunakan palu, atau mekanik karena Anda dapat menggunakan kunci pas. Desain seperti itu membuat hal-hal bekerja dengan baik (dan mungkin terlihat bagus dalam prosesnya), itu sangat sedikit hubungannya dengan mengetahui Photoshop / Illustrator / InDesign / Sketch / apa pun, tetapi bagaimana Anda menggunakan alat-alat itu untuk memenuhi ide-ide Anda.

Ada banyak tutorial buruk di YouTube dan banyak tutorial bagus juga. Belajar bagaimana melakukan itu semua, tekniknya akan sangat berharga di ujung jalur. Blok Kreatif juga memiliki tutorial yang bagus. Tetapi lebih jauh lagi, lihatlah teori warna, teori tata letak, tipografi ( Berhenti Mencuri Domba & Cari Tahu Eric Spiekerman Bagaimana Ketik Karya adalah intro yang sangat baik) dan keterampilan desain grafis tradisional lainnya adalah keterampilan yang jauh lebih bernilai untuk menginvestasikan waktu Anda daripada sekadar belajar Photoshop

Juga, seperti seseorang yang disebutkan sebelumnya, belajar HTML / CSS / JS adalah nilai tambah yang pasti untuk pekerjaan desain web juga.

Anda dapat memvalidasi file PSD Anda untuk masalah kompatibilitas web yang diketahui di sini https://www.oss-usa.com/web-preflight?promo=web-preflight gratis