Belajar Photoshop hanya untuk mendesain web


17

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?

Jawaban:


15

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.


4
"... ada lebih banyak desain dari sekedar Photoshop." Dengar dengar! +1.
Philip Regan

1
Photoshop memiliki kekurangan serius pada beberapa fitur yang mendesain tata letak akan mendapat manfaat dari ... bersama banyak alat vektor. Saya mungkin beralih ke ilustrator dan menggunakan photoshop untuk grafik khusus lainnya. Seperti karakter, ikon fotorealistik ...
Muhammad Umer

17

"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.


4

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!


4

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

1
Ya, Fireworks lebih baik, jika tidak Anda harus menggunakan Illustrator dan Photoshop dan beralih bolak-balik.
Cakey

0

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


Itu menderita prosa kaku dan kesalahan tata bahasa sesekali. Saya dapat meringkasnya (dan memperbaikinya) dalam kotak komentar: Gunakan selera yang baik dalam segala hal, dan lihat ke atas dan dapatkan sangat jelas pada kata-kata berikut: font vs jenis huruf , serif vs sans serif, kerning, pelacakan, jarak , memimpin, penjajaran, flush, dibenarkan. Artikel ini tidak memberikan definisi yang jelas atau lengkap untuk sebagian besar dari ini; penjelasannya dangkal dan tampaknya bekas.
Wildcard

Juga itu hanya jawaban tautan.
Wildcard

0

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.


-2

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


Hai Nik, selamat datang di GDSE dan terima kasih atas jawaban Anda. Saya gagal melihat bagaimana ini menjawab pertanyaan, bisakah Anda menjelaskan? Terima kasih!
Vincent

Saya memiliki pengalaman dalam pengembangan web dan saya bertemu banyak pemula dalam desain web. Ada kesalahan umum yang bisa dilakukan siapa pun. Misalnya, piksel desimal dalam ukuran font. Layanan ini dapat membantu pemula.
Nik

Terima kasih. Namun, itu akan sangat membantu jika Anda ingin berbagi pengalaman dan menguraikan kesalahan-kesalahan itu. Dengan begitu, jawaban Anda akan tetap memiliki nilai (banyak!) Jika tautan rusak di lain waktu. Pembusukan tautan adalah alasan kami tidak terlalu tertarik pada (sebagian besar) hanya tautan saja, dan alasan saya memilih jawaban Anda. Tolong, jangan berkecil hati, kami tahu bahwa menggunakan situs ini bisa menjadi kurva belajar. Kami adalah senang untuk memiliki Anda, tetap memberikan kontribusi!
Vincent
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.