Mungkin setiap desainer web memiliki set mereka sendiriTrik Favorit Photoshop di lengan baju mereka. Untuk alasan yang bagus. Alat pengeditan gambar yang kuat dari Adobe adalah pokok dari dunia desain web. Sangat sedikit program di luar sana yang dapat bersaing dengan perangkat lunak luar biasa ini dan beragam fiturnya.

Namun, meskipun sebagian besar desainer web sudah mengetahui banyak tentang PhotoShop, selalu ada lebih banyak hal yang dapat Anda pelajari. Bagaimanapun, program ini tidak hanya kuat tetapi juga kompleks. Selain itu, hal-hal baru ditambahkan secara berkala melalui pembaruan.

Untuk alasan ini, ada baiknya untuk terus menjelajahi alat favorit Anda. Untuk membantu Anda melakukannya, dalam tutorial ini, kita akan melihat beberapa trik Photoshop terbaik. Dari Trik yang dapat meningkatkan alur kerja Anda, mempermudah pekerjaan dan kehidupan, menghemat waktu, dan membantu Anda mendesain situs sebaik mungkin.

Apakah Anda siap untuk mempelajari lebih lanjut tentang Photoshop? Inilah yang akan kita lihat di bawah ini.

1 - Sederhanakan ruang kerja Anda

Mari kita mulai dengan dasar-dasarnya. Hal pertama yang harus dilakukan untuk meningkatkan alur kerja Anda adalah menyiapkan Photoshop dengan cara yang kompatibel dengan cara Anda menggunakannya. Bagaimanapun, pekerjaan menjadi lebih mudah dengan alat yang lebih bersih.

Untuk alasan ini, pemberhentian pertama kami adalah “Window > Workspace > Graphic and Web > Essentials”. Memilih opsi ini akan mengubah alat tersedia untuk apa yang paling mungkin Anda gunakan untuk desain web.

Pilih ruang kerja wordpressLalu pergi ke "Edit> Preferensi". Salah satu perhentian terpenting di sini adalah unit dan aturannya. Pengukuran apa pun yang Anda pilih di sini (kemungkinan besar piksel), ini akan menjadi default untuk semua dokumen mendatang.

(Petunjuk cepat: Untuk mengubah aturan untuk satu dokumen, cukup klik kanan padanya dan pilih unit pengukuran yang diinginkan.)

Lalu pergi ke "Preferences> Performance> History and Cache" dan klik "Web / UI Design".

Penguasa Photoshop dan konfigurasi unitIni akan mengubah pengaturan cache untuk mendukung file yang lebih kecil dengan banyak lapisan, yang paling sering Anda gunakan.

Di lokasi yang sama, Anda juga dapat memilih jumlah status sejarah. Ini adalah jumlah langkah yang dapat Anda lakukan kembali jika Anda ingin membatalkan sesuatu.

2 - Pelajari pintasan keyboard

Untuk program apa pun yang Anda gunakan secara teratur, mempelajari cara pintas keyboard biasanya merupakan hal yang baik untuk dilakukan.

Sebagai contoh, saya menggunakan Ctrl + Alt + 2/3 untuk membuat header h2 dan h3 saat menulis posting ini. Ini jauh lebih cepat daripada menggunakan toolbaralat editor karena saya tidak perlu meninggalkan keyboard.

Hal yang sama berlaku untuk Photoshop. Mengetahui cara melakukan tindakan dengan satu tombol jauh lebih cepat daripada mengklik menu.

Kami akan menyebutkan banyak pintasan keyboard di seluruh artikel ini. Namun, saya juga merekomendasikan lembar contekan ini untuk mempelajari pintasan ke operasi Photoshop yang paling umum. Selain itu, ada baiknya juga membiasakan diri melihat pintasan keyboard untuk hal-hal yang Anda lakukan berulang kali.

3 - Kelompokkan layer dan beri nama

Saat bekerja dengan Photoshop, Anda akan bekerja dengan lapisan. Tidak hanya memiliki sebagian besar elemen pada lapisan terpisah, tetapi perubahan seperti kecerahan / kontras juga ditambahkan sebagai lapisan.

Karena alasan ini, semuanya bisa menjadi bingung dengan sangat cepat. Untungnya, ada banyak opsi untuk melakukan lebih sedikit, dua di antaranya adalah kemampuan untuk mengelompokkan dan memberi nama lapisan.

Pertama-tama, dengan mengklik dua kali pada layer mana pun, Anda dapat mengubah namanya menjadi apa pun yang Anda suka.

Ubah nama layer di wordpressDengan cara ini Anda akan dengan mudah memahami apakah suatu lapisan berisi gambar latar belakang, menu, atau bilah sisi.

Sebagai alternatif, Anda juga dapat memilih beberapa lapisan sekaligus, baik dengan menahan tombol Ctrl untuk memilih lapisan individu atau Shift untuk menandai berbagai lapisan tetangga. Ctrl + G mengubahnya menjadi grup.

4 - Melakukan Pencarian Lapisan

Memberi nama dan mengelompokkan layer adalah awal yang baik. Namun, dengan bekerja dengan puluhan atau bahkan ratusan, Anda masih bisa tersesat dengan mudah.

Untuk kasus ini, Anda juga memiliki opsi untuk memfilter layer Anda. Untuk melakukan ini, cukup gunakan menu di bagian atas menu Layers untuk memfilter menurut jenis, nama, efek, warna dan banyak lagi.

Jika tidak, klik kanan pada layer dan pilih opsi grup dari sana. Apa pun itu, lapisan Anda jauh lebih terorganisir. Selain itu, Anda juga dapat memberi nama grup lapisan.

Lapisan pencarianJika tidak, langsung pilih satu lapisan menggunakan alat Pindah, tahan "Ctrl" dan klik pada lapisan atau objek.

5 - Buat kisi

Buat kotak di PhotoshopGrid adalah salah satu prinsip terpenting dalam desain web. Ini membawa ketertiban untuk merancang dan membantu Anda menempatkan objek Anda. Untuk alasan ini, masuk akal untuk membuat kisi di Photoshop.

Untuk melakukan ini, gunakan "View> New marker". Cara lainnya, buat panduan horizontal dan vertikal dengan menahan satu klik pada penggaris dan menyeret ke dalam dokumen. Gunakan Ctrl untuk memindahkan garis yang ada.

6 - Impor sampel warna

Anda dapat memuat contoh warna langsung ke Photoshop dari file HTML, CSS, atau SVG. Dengan cara ini Anda memiliki titik awal yang bagus untuk skema warna Anda saat menggunakan file yang sudah ada, seperti a logo.

Untuk memanfaatkan petunjuk Photoshop ini, buka panel Swatch, klik menu drop-down di sudut kanan atas dan pilih " Load swatch ". Sekarang navigasikan ke file dan buka untuk mengimpor sampel warna baru Anda.

7 - Simpan bentuk khusus

Khususnya, ketika mendesain banyak halaman untuk situs atau situs web yang sama yang memiliki desain serupa, Anda akan berakhir menggunakan objek dan bentuk yang sama beberapa kali. Karena alasan ini, masuk akal untuk menyimpannya dalam bentuk khusus untuk digunakan kembali dengan cepat.

Untuk melakukan ini, klik kanan pada bentuk yang dimaksud dengan alat pemilihan jalur (panah hitam). Lalu pilih Tentukan bentuk khusus ". Setelah Anda selesai melakukannya, Anda dapat mengakses bentuk itu melalui opsi di bilah atas alat Bentuk Kustom. Cukup klik menu tarik-turun yang bertuliskan " Bentuk Dan pilih formulir tersimpan Anda.

Tentukan bentuk kustom

8 - Beralih antara warna latar belakang dan latar depan

Untuk mengubah warna latar belakang dan warna latar depan tanpa mengklik ikon, cukup tekan "X" pada keyboard Anda. Selain itu, jika Anda ingin warna kembali ke hitam dan putih polos, Anda dapat melakukannya dengan menekan "D".

9 - Ubah opacity melalui keyboard

Pintasan keyboard lainnya: untuk alat apa pun yang dapat mengubah opasitas, Anda dapat melakukannya melalui keyboard. Angka 1 hingga 0 akan mengatur opacity pada segala sesuatu antara 10% dan 100%. Hal yang sama juga bekerja dengan opacity dari layer.

10 - Gambar garis lurus

Untuk menggambar garis lurus dengan alat apa pun, cukup tahan tombol Shift. Kemudian Anda dapat menggambar garis (Horisontal dan vertikal) yang secara otomatis akan dihubungkan sebagai paku. Jika tidak, klik dua titik berbeda untuk membuat garis lurus di antara keduanya.

Itu saja untuk tips Photoshop ini, saya harap ini akan membantu Anda mendesain lebih baik di photoshop.