Bagaimana cara membuat grid dengan cepat dan mudah menggunakan Adobe Photoshop?

32

Misalkan saya perlu menggambar kisi-kisi di Photoshop, setiap bujur sangkar memiliki ukuran yang sama, dan sejumlah piksel tinggi dan lebar, dan garis kisi-kisi memiliki lebar piksel tertentu. Seperti ini:

masukkan deskripsi gambar di sini

Saat ini saya melakukan ini dengan menggambar satu kotak, salin + tempel + bergerak + menggabungkannya beberapa kali untuk membuat satu baris, salin / tempel itu beberapa kali untuk membuat lebih banyak baris di atas satu sama lain.

Ini bekerja, tetapi terasa sangat canggung, saya yakin harus ada cara yang lebih efisien untuk melakukan ini?

Apa saja metode yang efisien untuk membuat kotak dengan ukuran kotak yang sama?

Sheldon Pinkman
sumber
3
Jika Anda memiliki Illustrator, saya akan melakukannya di sana. Lihat Ini: graphicdesign.stackexchange.com/questions/16869/… - lalu cukup salin / tempel ke Photoshop.
Scott

Jawaban:

61

Coba gunakan pola. Untuk contoh Anda dari sebuah kotak:

Gambarlah kotak awal dan tenda-pilih kotak yang lebih kecil yang hanya mencakup sisi atas dan kiri. Kemudian pilih Edit > Define Pattern...dan simpan pola Anda dengan sebuah nama.

Selanjutnya, tenda-pilih area yang ingin Anda isi. Kemudian pilih Edit > Fill..., pilih Use: Patterndan pilih pola kotak Anda.

masukkan deskripsi gambar di sini

Alex Blackwood
sumber
bagaimana Anda bisa membuatnya sehingga tidak ada setengah sel, yang cocok?
lelaki kecil mungil
1
Pada contoh di atas, saya menggunakan palet info untuk mengukur ukuran kisi. Dalam hal ini, 86px. Jika Anda ingin memasang kanvas tanpa 'setengah-sel', gunakan nilai yang dikalikan secara merata ke dalam dimensi kanvas Anda.
Alex Blackwood
Yah, saya memiliki layer di mana saya menggambar persegi yang dipilih dan tenda semua sudah diatur, namun Edit> Define Pattern adalah pilihan menu yang dinonaktifkan bagi saya. Mengherankan.
Dave Munger
6

Jika Anda mencoba membuat kisi hanya untuk keuntungan Anda saat mendesain, ada ekstensi bernama GuideGuide yang akan melakukan ini secara efisien.

Jika Anda membutuhkan kisi-kisi untuk menjadi bagian dari desain, saya akan merekomendasikan membuat garis menggunakan alat tenda dan kemudian menduplikatnya sebanyak yang Anda butuhkan, kemudian menggunakan Layer >> Distributeopsi untuk mendapatkannya bahkan dengan sempurna.

Helen
sumber
2
  1. Pilih photoshop → preferensi → panduan, kisi & irisan.

  2. Tentukan kisi yang diinginkan

  3. Pilih tampilan → tampilkan → kotak; lalu periksa ekstra.

  4. Periksa tampilan → jepret ke kisi; lalu periksa snap.

  5. Nyalakan jendela Paths jika belum terlihat. Buat jalur baru yang disebut Horizontal.

  6. Gunakan alat pena ( P). Tentukan segmen garis horizontal di bagian atas kisi. Satu klik pertama di sisi kiri, lalu kanan.

  7. Gunakan alat pemilihan jalur ( A, panah hitam). Klik pada jalur, tahan opsi ( Alt) untuk membuat salinan objek.

  8. Buat jalur baru lain yang disebut vertikal.

  9. Gunakan alat pena ( P). Tentukan segmen garis vertikal dari kisi di sisi kiri. Satu klik pertama di atas, lalu di bawah.

  10. Gunakan alat pemilihan jalur ( A, panah hitam). Klik pada jalur, tahan opsi ( Alt) untuk membuat salinan objek.

  11. Buat layer baru untuk kisi (opsional). Kalau tidak, kisi akan digambar di atas lapisan mana saja yang aktif.

  12. Jendela palet → Pilih jalur horizontal , lalu pilih garis goresan (menggunakan warna foreground) dari submenu pilihan (klik segitiga kecil dengan tiga garis di sudut kanan atas jendela palet), pilih kuas atau pensil.

  13. Ulangi langkah sebelumnya untuk membelai jalan vertikal .

David
sumber
1
Itu adalah jumlah pekerjaan yang luar biasa untuk melakukannya seperti ini.
Evan Carslake
Sebenarnya, itu cukup cepat bagi saya. Apakah ada cara yang lebih baik untuk membuat grid jalur (daripada piksel)? Sangat rapi memilikinya snap ke grid. Terima kasih!
emrys57
2

Saya menemukan cara cepat untuk menyelesaikan masalah saya (saya punya PS CS4): Saya menggunakan "Show Grid", menyesuaikan ukuran dll di Preferensi, mengerti persis seperti yang saya inginkan, dan kemudian mengambil tangkapan layar gambar, menempelkannya ke file saya sebagai layer baru, dan memangkasnya menjadi ukuran & skala. Ini tidak akan cukup untuk beberapa pengguna, tetapi ini sangat cepat dan sesuai dengan kebutuhan saya.

David Parker
sumber
2

Di bawah tab "view" Tata letak Panduan Baru

ini akan membuka jendela Preset baru - Anda dapat menyimpan, memuat & membuat tata letak panduan untuk digunakan berulang-ulang memeriksa atau menghapus centang kolom atau baris tergantung pada kebutuhan Anda. Saya sarankan memiliki "pratinjau" diperiksa Number = Jumlah panduan yang Anda inginkan Lebar = Jarak antara pemandu yang dihasilkan Talang = ruang antara pemandu Margin = set margin desain yang Anda inginkan, Anda dapat mengetikkan nilai untuk atas, kiri, bawah dan kanan

kolom tengah dan menghapus panduan yang ada dapat dipilih juga

Ini untuk Photoshop CC 2015.5

Ulama
sumber