Gambarlah sebuah persegi di Photoshop tanpa tepi yang dipilih. Alat Bentuk Vektor: Alat Persegi Panjang


Alat menggambar memungkinkan Anda membuat dan mengedit bentuk vektor. Mereka memudahkan pembuatan berbagai elemen untuk halaman web.

Rangkaian alat berikutnya memungkinkan Anda membuat bentuk geometris dengan berbagai bentuk.

Rpersegi panjang (Persegi Panjang)() - karenanya, memungkinkan Anda menggambar persegi panjang (dan dengan menekan tombol - persegi), diisi dengan warna latar depan.
Persegi Panjang Bulat persegi)— membuat bentuk serupa dengan yang dijelaskan di atas, namun memungkinkan Anda mengatur radius pembulatan sudut persegi panjang.

Elips- membuat oval (dikombinasikan dengan menekan tombol - lingkaran).
Poligon- memungkinkan Anda membuat bentuk geometris dengan jumlah sudut yang berubah-ubah, serta bintang multi-balok. Secara default membuat segi lima cembung.
Garis— menggambar garis lurus dengan panjang, ketebalan, warna dan arah yang berubah-ubah atau tertentu.
Bentuk Kustom ( Angka bebas) - memungkinkan Anda membuat sosok geometris bebas dari dan menyimpannya untuk digunakan di masa depan.

Buat file pelatihan baru.

Klik kiri alat - bentuk - pada toolbar, jendela pemilihan alat akan terbuka:


Berikut adalah bentuk dasar yang bisa kita gunakan. Pilih salah satu dan lihat panel opsi:

Untuk bentuk apa pun, Anda dapat memilih:

  • modus menggambar:
    • Lapisan bentuk. Gambar tersebut dibuat dalam lapisan terpisah. Lapisan bentuk terdiri dari lapisan isian yang menentukan warna bentuk, dan topeng vektor terkait yang menentukan batas bentuk. Garis besar suatu bentuk adalah jalur yang muncul di tab Paths pada panel Layers.

    • Garis besar. Mode ini memungkinkan Anda menggambar garis bentuk yang dapat diisi atau digariskan dengan warna apa pun. Jalur muncul di tab Jalur pada panel Lapisan.

    • Isi Piksel . Saat bekerja dalam mode ini, bukan gambar vektor yang dibuat, tetapi gambar raster, yang dapat diproses dengan cara yang sama seperti gambar raster lainnya

  • gaya dan warna gambar

  • atur parameter khusus untuk gambar ini

Menggambar persegi panjang

Mari pilih bentuk pertama - persegi panjang. Pada panel kita akan memilih mode - lapisan bentuk. Pilih gaya dengan mengklik segitiga di sebelah kanan.

Pilih salah satu yang Anda suka. Omong-omong, jika Anda mengklik segitiga di lingkaran (di sebelah kanan), maka di menu konteks yang terbuka Anda dapat memilih gaya tambahan. Jika tidak ingin menggunakan style, maka pilih kotak putih yang dicoret dengan garis merah.

Sekarang Anda dapat mengatur parameter geometris:

  • Sewenang-wenang - saat Anda menggambar, itu akan terjadi.
  • Persegi - saat Anda meregangkan bentuk dengan mouse, lebar dan tingginya akan selalu sama.
  • Ukuran yang ditentukan - Anda dapat mengatur lebar dan tinggi persegi panjang (dalam cm) dan klik pada kanvas. Sebuah persegi panjang dengan dimensi yang ditentukan akan muncul.
  • Tetapkan proporsi - Anda dapat mengatur berapa kali lebarnya lebih kecil (atau lebih besar) dari tingginya. Saat meregangkan gambar, proporsinya akan tetap terjaga.
  • Dari pusat - menggambar persegi panjang dari tengah.
  • Jepret ke Piksel - tepi persegi panjang dijepret hingga batas piksel.

Sekarang pilih -sewenang-wenang- dan regangkan persegi panjang Anda di kanvas dengan mouse. Misalnya, inilah yang saya dapatkan saat menggunakan gaya: Tombol, Tombol Kaca, dan Gaya Web.



Cukup alat yang berguna untuk membuat tombol dan menu untuk halaman web Anda, bukan?

Gambarlah persegi panjang dengan sudut membulat

Mari pilih bentuk kedua - persegi panjang dengan sudut membulat. Di panel, pilih mode - lapisan bentuk, radius sudut - misalnya, 15 dan warna (Anda dapat menatanya sesuai keinginan).

Inilah yang terjadi pada saya berbagai kombinasi radius dan gaya.

Mengapa bukan blok berita dan tombol menu?

Menggambar lingkaran

Mari kita pilih gambar ketiga - elips. Di panel, pilih mode - bentuk lapisan, warna dan gaya. Parameter geometrisnya sama dengan persegi panjang, satu-satunya perbedaan adalah Anda dapat memilih lingkaran, bukan persegi. Pilih -secara acak- dan regangkan elips. Jika Anda ingin berbentuk lingkaran, tahan tombol Shift atau pilih -lingkaran- pada parameter geometris.

Inilah yang saya dapatkan:

Menggambar poligon

Mari pilih bentuk - poligon. Di panel, pilih mode - lapisan bentuk, jumlah sisi berkisar antara 3 hingga 100 (misalnya, 3 untuk segitiga, 6 untuk segi enam), warna dan gaya. Mari kita pertimbangkan parameter geometris:

  • Radius - radius poligon.
  • Sudut luar halus
  • Bintang - jika kotak centang tidak dicentang, poligonnya cembung, jika kotak centangnya dicentang, poligonnya cekung.
  • Kedalaman sinar - jika poligonnya cekung, maka simpul-simpulnya tampak membentuk sinar. Parameter ini menunjukkan bagian jari-jari poligon mana yang akan ditempati oleh sinar. Semakin tinggi %, semakin panjang dan tajam sinarnya.
  • Sudut luar halus - jika kotak centang tidak dicentang, sudutnya tajam, jika kotak centang dicentang, sudutnya membulat.

Misalnya:



Segi enam pertama berjari-jari 3 cm, kotak-kotak lainnya tidak dicentang.

Segi enam kedua memiliki radius 3cm, kotak centang -bintang-, kedalaman sinar - 25%, kotak centang lainnya tidak dicentang.

Segi enam ketiga berjari-jari 3 cm, kedalaman sinar 50%, semua kotak dicentang.

Semua memiliki gaya yang diterapkan padanya.

Menggambar garis

Mari kita pilih bentuk – garis. Di panel, pilih mode - bentuk lapisan, ketebalan garis (dalam piksel), warna dan gaya. Mari kita pertimbangkan parameter geometris:


Jika semua kotak centang tidak dicentang, hanya akan ada satu garis, parameternya ditentukan oleh panah di akhir baris ini.

  • Awal- panah di awal baris.
  • Akhir- panah di akhir baris.
  • Lebar- proporsi panah masuk persentase untuk ketebalan garis (dari 10% hingga 1000%).
  • Panjang- proporsi panah sebagai persentase ketebalan garis (dari 10% hingga 5000%).
  • Lengkungan- menentukan derajat kelengkungan bagian terluas panah yang bertemu dengan garis (dari -50% hingga +50%).

Misalnya:



Baris pertama tidak mencentang semua kotak, lebar - 500%, panjang - 1000%, ketebalan - 2 piksel.

Untuk baris kedua semuanya sama, hanya saja ada tanda centang di -awal- dan kelengkungannya 5%.

Untuk baris ketiga, semuanya sama, tetapi -end- dicentang dan -beginning- tidak dicentang.

Baris keempat memiliki kedua kotak centang, lebar - 500%, panjang - 1000%, kelengkungan - 15%, ketebalan - 5 piksel.

Semua memiliki gaya yang diterapkan padanya.

Menggambar bentuk sewenang-wenang

Mari kita pilih gambar – gambar sembarang. Di panel, pilih mode - bentuk lapisan, warna dan gaya. Parameter geometrinya sama dengan persegi panjang. Tapi di sini ada pilihan gambar itu sendiri:


Menggambar berbagai bentuk dalam satu lapisan

Prinsipnya di sini sama dengan alat seleksi persegi panjang (pada pelajaran pertama kita membuat area seleksi non-standar menggunakan alat di bilah opsi: tambahkan ke pilihan, kurangi dari pilihan, dll.). Alat yang sama tersedia di panel Shape Options.

Misalnya, buat bentuk persegi panjang, sekarang di bilah opsi klik ikon "tambahkan ke area bentuk", dan sekarang pilih bentuk elips. Pindahkan kursor mouse ke batas atas persegi panjang kita, tekan tombol kiri mouse dan, tanpa melepaskannya, regangkan elips. Seharusnya terlihat seperti ini:

Jika elips tidak diregangkan sesuai keinginan, Anda dapat memperbaikinya. Untuk melakukan ini, pilih dari toolbar alat pemilihan kontur-

Pindahkan kursor ke tepi elips dan, sambil menahan tombol kiri mouse, seret elips ke tempat yang seharusnya. Dengan menggunakan semua alat ini, Anda dapat menggambar bentuk dengan kompleksitas yang berbeda-beda.

Menyimpan bentuknya

Katakanlah kita menyukai bentuk terakhir yang kita buat dan ingin menggunakannya di masa depan. Untuk melakukan ini, Anda perlu menyimpannya. Untuk menu ini Edit -> Tentukan Bentuk Kustom. Beri nama pada bentuk baru tersebut.

Sekarang bentuk kita telah muncul di panel pilihan bentuk kustom drop-down.

Di Photoshop Anda dapat menggambar beberapa versi persegi. Kotak berisi dan kotak dengan bingkai. Sebaiknya menggambar persegi menggunakan objek vektor, khususnya menggunakan Rectangle tool.

Alat persegi panjang

Pilih bentuk (tombol horizontal U), lalu alat Rectangle (Rectangle Tool), lihat gambar di bawah.

Setel properti "Isi Piksel".

Pilih warna isian persegi (warna pertama pada toolbar), gambar persegi sambil menahan tombol Shift.

Persegi dengan bingkai

Kotak harus digambar pada layer kosong baru, tanpa isi apa pun. Anda dapat membuat layer baru dengan menekan tombol Alt + Ctrl + Shift + N secara bersamaan.

  1. Instal Paths (jalur dalam bahasa Rusia);
  2. Gambarlah sebuah persegi dengan tombol Shift ditekan;

Ubah persegi vektor menjadi seleksi (Select) dengan menekan Ctrl + Enter.

Lukis di atas seleksi (in pada kasus ini putih).

Alt + ← BackSpace - warna yang dipilih pertama.

Ctrl + ← BackSpace - warna pilihan kedua.

Klik kanan pada layer persegi dan pilih Blending Options.

Dalam gaya, pilih "Stroke" dan atur ketebalan bingkai dalam piksel dan warna bingkai. Anda dapat bereksperimen dengan opsi lain.

Hasilnya adalah persegi dengan batas merah setebal 3 piksel.

Segera setelah Anda melepaskan tombol mouse, Photoshop mengisi bentuk dengan warna atau tipe isian yang Anda pilih di Options Bar:



Segera setelah Anda melepaskan tombol kiri mouse, Photoshop mengisi bentuk dengan warna atau isi preset lainnya.

Mengubah ukuran bentuk setelah Anda menggambarnya

Setelah Anda menggambar bentuk awal (dalam kasus kami, persegi panjang), dimensinya saat ini akan muncul di kolom masukan “Lebar” (W) dan “Tinggi” (H) di panel opsi.
Di sini kita melihat persegi panjang saya memiliki lebar 464 piksel dan tinggi 257 piksel:


Tinggi dan lebar bentuk ditampilkan di kolom input yang sesuai di bilah opsi.

Jika Anda perlu mengubah ukuran yang sudah jadi Bentuk Photoshop(dan ini berfungsi untuk semua alat bentuk vektor, bukan hanya Persegi Panjang), cukup masukkan ukuran yang Anda inginkan di bidang Lebar dan/atau Tinggi. Sebagai contoh, katakanlah saya tiba-tiba perlu mengubah lebar persegi panjang menjadi 500 piksel. Yang harus saya lakukan adalah memasukkan nilai 500px pada kolom Lebar di Options Bar. Jika perlu, Anda dapat mengubah ketinggian dengan cara yang sama.

Jika Anda ingin mengubah lebar atau tinggi, tetapi pada saat yang sama mempertahankan rasio aspek asli dari bentuk tersebut, pertama-tama klik ikon rantai kecil yang terletak di antara kolom input lebar dan tinggi:


Klik ikon ini jika Anda ingin rasio aspek tetap sama saat mengubah panjang atau lebar bentuk.

Cara mengatur ukuran suatu bentuk terlebih dahulu sebelum menggambarnya

Jika Anda mengetahui sebelumnya lebar dan tinggi pastinya Anda sosok yang sedang dibuat, Photoshop memiliki opsi untuk membuat bentuk dengan dimensi tertentu.

Untuk memulai, pilih alat yang diinginkan untuk membuat bentuk vektor. Kemudian cukup klik kiri di manapun di dalam jendela dokumen, yang akan membuka kotak dialog di mana Anda dapat memasukkan nilai lebar dan tinggi. Klik OK untuk menutup kotak dialog dan Photoshop secara otomatis akan menggambar bentuk yang Anda inginkan:



Kotak dialog untuk membuat gambar dengan dimensi yang telah ditentukan.

Menggambar bentuk dari tengah

Berikut beberapa pintasan keyboard yang sederhana namun sangat berguna. Jika Anda menekan dan menahan tombol Alt dan menyeret kursor untuk membuat bentuk, Anda akan mulai menggambarnya dari tengah, bukan dari sudut. Aturan ini bekerja dengan semua alat bentuk Photoshop, bukan hanya alat Rectangle. Namun saat membuat gambar dari tengah, ada satu hal yang harus diperhatikan poin penting. Tombol Alt harus ditekan setelah bagaimana Anda mulai membuat gambar, mis. Setelah itu, saat Anda menekan tombol kiri mouse dan mulai menyeret kursor. Anda juga harus melepaskan Alt Setelah itu, saat Anda melepaskan tombol kiri mouse, mis. setelah Anda selesai membuat gambar:



Tekan dan tahan tombol Alt untuk mulai membuat bentuk dari tengahnya. Lingkaran menunjukkan titik awal untuk membuat gambar.

Menggambar kotak

Untuk menggambar persegi sempurna menggunakan Rectangle Tool, klik di dalam dokumen untuk menetapkan titik awal dan mulai menyeret seperti biasa. Setelah Anda mulai menyeret, tekan dan tahan tombol Shift. Hal ini akan menyebabkan persegi panjang berubah menjadi persegi. Sekali lagi, lepaskan Shift hanya setelah melepaskan tombol mouse. Anda juga dapat menggabungkan tombol Shift dan Alt untuk membuat persegi sempurna dari tengah:

Tekan dan tahan tombol Shift sambil menyeret untuk menggambar persegi.

Sekali lagi, selama proses pembuatan bentuk, Anda hanya akan melihat garis luar yang kosong, dan segera setelah Anda melepaskan tombol mouse (yaitu Anda selesai membuat bentuk), Photoshop akan terisi. garis besar selesai warna.

Kami berbicara tentang menggambar di Photoshop menggunakan pensil dan kuas. Garis tangan bebas memang bagus, tetapi sering kali Anda perlu menggambarkan sosok geometris yang genap. Penggaris dan kompas sudah ketinggalan zaman, dan sekarang Anda dapat melakukannya dengan menggunakan alat sederhana editor.

Untuk memilih salah satunya, klik ikon Bentuk pada palet alat.

Terlepas dari alat grup mana yang Anda pilih, item berikut, yang umum untuk semua bentuk, akan muncul di Bilah Opsi.

  • Pilih mode alat. Di sini Anda dapat memilih satu dari tiga.
  1. Angka. Nilainya disetel ke default, dan ini membuat bentuk geometris vektor pada lapisan terpisah, sehingga apa yang Anda harapkan dari alat tersebut terjadi.
  2. Sirkuit. Garis besar gambar digambar tanpa isian.
  3. Piksel. Itu tidak menciptakan vektor, tetapi gambar raster.
  • Isian. Memungkinkan Anda menyesuaikan warna dan jenis (gradien, bayangan) gambar yang digambar.
  • Stroke. Pengaturan garis bentuk: ketebalan, jenis, warna.
  • Lebar dan tinggi. Mereka memungkinkan Anda untuk memperjelas ukuran gambar ketika tidak diperbolehkan melakukan ini "dengan mata".

Seperti biasa, buat dokumen baru dengan latar belakang putih. Parameter lainnya dapat dibiarkan sebagai default atau dipilih sesuai kebijaksanaan Anda.

Persegi panjang

Pilih bentuk Persegi Panjang dan, untuk menggambarnya, klik pada kanvas lalu seret penunjuk sambil menahan tombol mouse. Titik di mana Anda mengklik akan menjadi sudut bentuk.

Pada bilah opsi, klik ikon. Jendela pengaturan geometris akan terbuka.

Secara default, saklar diatur ke Rectangle. Jika Anda mengaturnya menjadi Kotak, maka saat menggambar Anda akan selalu mendapatkan bentuk dengan panjang sisi yang sama. Efek serupa dapat dicapai tanpa menekan kotak centang: untuk mendapatkan persegi saat menggambar persegi panjang, cukup tahan tombol Shift.

Jika parameter persegi panjang Anda diketahui sebelumnya, atur sakelar ke posisi Ukuran tertentu dan tentukan nilai yang diperlukan di kolom. Gambar tersebut akan tergambar seluruhnya segera setelah Anda mengklik kanvas dengan tombol mouse.

Setelah mengatur sakelar ke posisi Atur proporsi, di kolom input yang tersedia, Anda dapat menentukan rasio aspek dari gambar yang dibuat.

Kotak centang Dari Pusat memungkinkan Anda menggambar persegi panjang dari tengah, bukan dari titik terluar.

Persegi panjang dengan sudut membulat

Item berikutnya dalam daftar bentuk geometris. Jelas bahwa ini berbeda dari biasanya dalam pembulatan sudut. Oleh karena itu, pengaturan untuk gambar ini dan persegi panjang hampir sama. Jari-jari fillet dapat ditentukan di kolom yang sesuai di bilah opsi.

Elips

Parameternya sama dengan persegi panjang, hanya saja sebagai ganti persegi Anda bisa menggambar lingkaran. Untuk melakukan ini, di jendela pengaturan geometri, centang kotak Lingkaran atau tahan tombol Shift saat menggambar.

Poligon

Dengan alat ini Anda dapat menggambar segitiga, dodecahedron, icosahedron, bintang, atau bentuk apa pun yang memiliki tiga hingga seratus sisi. Nomor mereka dapat diatur di kolom input Partai yang terletak di panel parameter.

Jendela pengaturan geometris sangat berbeda dari gambar sebelumnya.

  • Radius. Bidang ini menentukan radius poligon masa depan.
  • Sudut luar halus. Jika kotak centang dicentang, maka sudutnya membulat; jika tidak, sudutnya tajam, seperti pada poligon klasik.
  • Bintang. Centang kotak jika Anda ingin menerima bintang sebagai output.
  • Kedalaman sinar. Bidang masukan ini menentukan berapa panjang sinarnya.
  • Ratakan sudut bagian dalam. Centang kotak ini jika Anda ingin sudut bagian dalam dibulatkan, seperti yang ditunjukkan pada gambar di bawah.

Garis

Gunakan alat ini untuk membuat garis yang benar-benar lurus - menggunakan tangan bebas sama sekali tidak praktis. Untuk mencapai akurasi maksimum, konfigurasikan parameter geometris di jendela yang sesuai.

  • Awal. Jika kotak centang dicentang, alih-alih berupa garis, Anda akan mendapatkan panah yang akan digambar di lokasi di mana Anda mengklik tombol mouse.
  • Akhir. Pilih kotak centang untuk menambahkan panah ke akhir baris.
  • Lebar. Ditunjukkan sebagai persentase relatif terhadap ketebalan (dapat diatur di panel parameter di bidang dengan nama yang sama).
  • Panjang. Ini dihitung dengan cara yang sama seperti lebar - dalam kaitannya dengan ketebalan, sebagai persentase.
  • Lengkungan. Nilainya berkisar antara -50% hingga 50% dan menentukan seberapa besar lengkungan bagian terluas panah. Gambar tersebut menunjukkan panah dengan kelengkungan 0%, 30% dan 50% (dari atas ke bawah).

Angka bebas

Agar tidak membuat alat terpisah untuk setiap lusinan bentuk yang tersisa, pengembang telah menggabungkannya di sini. Semua elemen panel parameter sudah Anda kenal, kecuali yang paling penting - tombol Bentuk, mengkliknya akan membuka jendela pemilihan bentuk.

Jika Anda mengklik roda gigi yang terletak di sisi kanan jendela, menu opsi tambahan akan terbuka, berisi kategori bentuk.

Berkat alat yang dibahas, Anda dapat menggambar dalam dua klik jumlah yang banyak angka-angka yang membutuhkan waktu cukup lama untuk dibuat dengan tangan.

Dalam tutorial ini kita akan melihat dasar-dasar bekerja dengan bentuk dan lapisan bentuk di Photoshop. Kita akan memulai pelajaran kita dengan mempelajari lima alat dasar untuk menggambar bentuk geometris - Persegi Panjang, Persegi Panjang Bulat, Elips, Poligon, dan Garis.

Lalu, masuk pelajaran berikutnya, kita akan melihat cara menggambar bentuk lebih lanjut bentuk yang kompleks menggunakan alat Bentuk Bebas. Kebanyakan orang mengira Photoshop hanya digunakan untuk pemrosesan gambar, dan jika Anda meminta mereka, mereka akan merekomendasikan yang bagus editor grafis, maka pada umumnya jawabannya adalah " Adobe Ilustrator».

Memang kemampuan editor Adobe Illustrator di bidang grafik vektor jauh lebih luas dibandingkan dengan program Photoshop, namun demikian program Photoshop di bidang ini dapat melakukan lebih dari apa yang diharapkan dari editor gambar raster. Berbagai alat Bentuk dan lapisan bentuk Photoshop memudahkan untuk menambahkan secara sederhana gambar vektor untuk gambar dan gambar.

Photoshop memiliki enam alat yang memungkinkan Anda menggambar bentuk - Rectangle Tool, Rounded Rectangle Tool, Ellipse Tool, Polygon Tool, Line "(Line Tool) dan" Custom Shape Tool ". Mereka berada di satu tempat pada toolbar.

Secara default, alat Rectangle terlihat di toolbar, tetapi jika kita mengklik ikon alat dan menahan tombol mouse selama beberapa detik, menu pop-up akan muncul dengan daftar alat yang tersisa di grup Bentuk dari yang kita dapat memilih salah satu yang kita butuhkan:

Keenam alat dalam grup Bentuk terletak di satu tempat pada toolbar

Jika Anda pertama kali memilih satu alat di grup Bentuk dan kemudian ingin beralih ke yang lain, tidak perlu mengunjungi kembali panel Alat (walaupun Anda bisa melakukannya jika Anda mau). Photoshop memungkinkan kita memilih alat yang kita perlukan dari bilah Opsi di bagian atas layar, tempat keenam alat disajikan. Misalnya, di panel Tools, saya akan memilih Rectangle Tool:

Memilih Alat Persegi Panjang

Setelah memilih Rectangle Tool, enam ikon muncul di Options Bar yang mewakili berbagai instrumen kelompok "Angka". Alat-alat tersebut disusun dari kiri ke kanan dalam urutan yang sama seperti yang muncul di toolbar, sehingga kita kembali melihat alat Rectangle, Rounded Rectangle, Ellipse, Polygon, Line, dan Freeform. Untuk memilih alat yang diinginkan, cukup klik salah satu ikon:

Keenam alat Bentuk dapat dipilih langsung dari panel Opsi (setelah salah satunya dipilih di panel Alat)

Memilih opsi Lapisan Bentuk

Sebelum kita mulai menggambar bentuk, kita perlu memberi tahu Photoshop jenis bentuk apa yang ingin kita gambar, dan dalam hal ini yang saya maksud bukan "persegi panjang" atau "lingkaran" berdasarkan jenis bentuk. Faktanya, Photoshop memungkinkan kita menggambar tiga bentuk jenis yang berbeda- bentuk vektor, garis besar dan bentuk piksel.

Dalam tutorial lain kita akan melihat secara detail perbedaan ketiga tipe bentuk ini dan kapan harus menggunakan tipe yang mana, namun dalam kebanyakan kasus, Anda akan menggambar bentuk vektor. Ini adalah gambar yang digambar dalam program seperti Illustrator. Berbeda dengan bentuk piksel, bentuk vektor tidak bergantung pada resolusi dan dapat diskalakan sepenuhnya. Artinya kita dapat mengubah ukurannya sesuai keinginan tanpa kehilangan kualitas gambar. Tepi bentuk vektor tetap tajam dan tajam baik pada layar maupun selama pencetakan berikutnya.

Untuk menggambar bentuk vektor, pilih opsi Shape Layers di panel pengaturan. Ini adalah ikon pertama dari tiga ikon, terletak di tepi kiri (ikon tengah adalah pilihan Paths dan kanan adalah pilihan Fill Pixels):

Untuk menggambar bentuk vektor, pilih opsi “Lapisan Bentuk”.

Memilih warna untuk suatu bentuk

Setelah memilih opsi Shape Layer, kita perlu memilih warna untuk bentuk kita. Kami akan melakukan ini dengan mengklik ikon contoh warna yang terletak di sebelah kanan kata "Warna" di panel pengaturan:

Klik pada ikon contoh warna untuk memilih warna bentuk yang diinginkan

Tindakan ini akan terbuka Palet warna, dimana kita bisa memilih warna yang diinginkan. Dalam kasus saya, saya akan memilih warna merah. Setelah Anda memilih warna, klik OK untuk menutup palet warna:

Di palet warna, pilih warna untuk gambar

Jika Anda tidak yakin telah memilih warna yang tepat untuk bentuk tubuh Anda, jangan khawatir. Selanjutnya, kita akan melihat bagaimana kita dapat menggunakan layer bentuk untuk dengan mudah kembali ke langkah sebelumnya dan mengubah warna suatu bentuk kapan saja setelah kita menggambarnya.

Alat Persegi Panjang

Seperti yang mungkin sudah Anda duga dari namanya, Rectangle Tool memungkinkan kita menggambar bentuk persegi empat sisi. Cukup klik di jendela dokumen untuk menentukan titik awal bentuk dan kemudian, sambil menahan tombol mouse, seret kursor mouse secara diagonal untuk menyelesaikan menggambar bentuk. Saat Anda menggerakkan kursor, Anda akan melihat garis halus dari gambar masa depan:

Tarik kursor Anda untuk menggambar bentuk persegi panjang. Saat Anda menggerakkan kursor, garis bentuk akan muncul

Jika Anda puas dengan hasilnya, lepaskan tombol mouse dan program akan segera mengisi bentuk dengan warna yang Anda pilih di panel pengaturan:

Program ini akan mengisi bentuk dengan warna segera setelah Anda melepaskan tombol mouse

Menggambar bentuk dari tengah

Jika Anda perlu menggambar persegi panjang (atau bentuk lain) dari tengah, bukan dari sudut, posisikan kursor di jendela dokumen untuk menentukan pusat persegi panjang berikutnya dan, sambil menahan tombol mouse, mulailah menyeret kursor dan menggambar bentuknya seperti biasa. Saat melakukan ini, tekan tombol Alt (Win) / Option (Mac) dan terus tahan saat Anda menggerakkan kursor. Menekan tombol ini memberitahu program untuk menggambar bentuk dari tengah. Teknik ini bekerja dengan semua alat Shape, bukan hanya alat Rectangle:

Untuk menggambar bentuk dari tengah, tahan Alt (Win) / Option (Mac) saat Anda menggerakkan kursor

Menggambar kotak

Kita juga bisa menggambar kotak menggunakan Rectangle tool. Untuk menggambar persegi, letakkan kursor di jendela dokumen dan mulailah menyeretnya, menggambar bentuk persegi panjang. Setelah Anda mulai melakukan ini, tekan tombol Shift dan terus tahan saat Anda menggerakkan kursor. Menekan tombol Shift akan mengubah bentuk menjadi persegi, tidak peduli ke arah mana Anda menggerakkan kursor. Anda juga dapat menambahkan penekanan tombol Alt (Win) / Option (Mac) untuk menggambar persegi dari tengah (jadi Anda menekan dan menahan Shift+Alt (Win) / Shift+Option (Mac)):

Untuk menggambar persegi, saat menggunakan Rectangle Tool, tekan dan tahan tombol Shift

Sekali lagi, Photoshop hanya akan menampilkan garis tipis persegi saat Anda menggerakkan kursor, namun saat Anda melepaskan tombol mouse, persegi akan terisi dengan warna:

Program ini selalu menunggu Anda melepaskan tombol mouse dan baru kemudian mengisi bentuknya dengan warna

Opsi alat grup bentuk

Jika Anda melihat di panel Pengaturan, Anda akan melihat panah kecil yang mengarah ke bawah di sebelah kanan enam ikon alat grup Bentuk. Mengklik panah ini akan membuka daftar opsi tambahan untuk alat grup Bentuk yang telah Anda pilih. Misalnya, saat Anda memilih Rectangle Tool, mengklik panah akan membuka menu dengan opsi untuk Rectangle Tool. Dengan pengecualian alat Poligon dan Garis, yang akan kita lihat nanti, Anda tidak akan sering menggunakan menu ini karena kita telah mempelajari cara memilih opsi dasar menggunakan pintasan keyboard dan tombol individual.

Misalnya, opsi Tidak Dibatasi dipilih secara default, dan ini bertanggung jawab atas pengoperasian normal Alat Rectangle, memungkinkan kita menggambar bentuk persegi panjang dengan ukuran dan rasio aspek apa pun. Opsi Kotak memungkinkan kita menggambar kotak, namun kita dapat melakukannya cukup dengan menekan dan menahan tombol Shift sambil menggerakkan kursor. Opsi From Center bertanggung jawab untuk menggambar bentuk dari tengah, tapi sekali lagi, kita dapat melakukan ini dengan menekan dan menahan tombol Alt (Win) / Option (Mac):

Klik panah kecil untuk melihat opsi lainnya untuk Rectangle Tool

Lapisan bentuk

Sebelum kita beralih ke grup Shapes lainnya, mari kita lihat panel Layers. Seperti yang Anda ingat, di awal pelajaran kita belajar bahwa untuk menggambar bentuk vektor di Photoshop, Anda perlu memilih opsi “Shape Layer” di panel Options. Dan sekarang setelah saya menggambar bentuknya, kita dapat melihat bahwa lapisan bentuk telah muncul di panel Layers (lapisan bertipe Bentuk), yang programnya disebut “Bentuk 1”. Setiap bentuk vektor baru yang kita gambar akan ditempatkan pada lapisannya sendiri, yang terlihat berbeda dari lapisan piksel biasa. Di sisi kiri layer terdapat ikon contoh warna, yang menampilkan warna isian bentuk kita saat ini, dan di sebelah kanan ikon warna terdapat thumbnail topeng vektor:

Lapisan bentuk memiliki ikon contoh warna di sisi kiri, dan thumbnail topeng vektor di sebelah kanannya.

Seperti yang saya sebutkan sebelumnya, Anda tidak perlu khawatir dalam memilih warna yang diinginkan untuk suatu bentuk karena kita dapat dengan mudah mengubah warna isian suatu bentuk setelah itu dibuat. Untuk melakukan ini, klik dua kali pada ikon contoh warna lapisan bentuk:

Untuk mengubah warna bentuk saat ini, klik dua kali ikon contoh warna

Photoshop akan membuka kembali palet warna dimana kita dapat memilih warna berbeda untuk bentuk kita. Saya akan memilih biru kali ini:

Pilih warna yang berbeda dari palet warna

Cukup mudah untuk kembali dan mengubah warna bentuknya kapan saja.

Di sebelah kanan ikon contoh warna pada layer bentuk adalah thumbnail topeng vektor. Area putih di thumbnail mewakili sosok kita. Masker vektor mirip dengan masker lapisan biasa karena menutupi sebagian lapisan, sehingga area tertentu tetap terlihat. Dengan kata lain, saat kita menggambar gambar vektor, program sebenarnya mengisi seluruh lapisan dengan warna yang dipilih, namun topeng hanya menampilkan warna di dalam area bentuk, sedangkan warna di area lapisan lainnya disembunyikan. Saat bekerja dengan alat dari grup “Bentuk”, tentu saja, sama sekali tidak perlu mengetahui cara kerja topeng vektor, namun selalu menyenangkan untuk memahami cara kerja alat tersebut. Area abu-abu di sekitar bentuk pada thumbnail topeng vektor mewakili area pada layer yang warnanya tidak terlihat, sedangkan area putih pada thumbnail mewakili area pada layer dengan warna:

Area putih pada topeng vektor mewakili area pada lapisan dimana warna terlihat

Untuk memudahkan kita melihat bagaimana Photoshop merender bentuk vektor, kita dapat menonaktifkan masker vektor untuk sementara dengan menekan dan menahan tombol Shift sambil mengklik thumbnail masker vektor:

Tahan tombol Shift dan klik pada topeng vektor untuk mematikannya

Setelah mematikan topeng vektor, lapisan menjadi terbuka dan kita dapat melihat bahwa semuanya terisi biru, yang saya pilih untuk mengisi bentuknya. Jika kita melihat lebih dekat, kita dapat melihat garis tipis lokasi bentuk pada layer:

Setelah mematikan topeng vektor, Anda dapat melihat bahwa seluruh lapisan dipenuhi warna

Untuk mengaktifkan kembali topeng vektor, cukup tahan tombol Shift sambil mengklik lagi thumbnail topeng di panel Lapisan. Setelah menyalakan topeng, warnanya hanya akan tersisa di dalam area bentuk, sedangkan warna di lapisan lainnya akan tersembunyi dari pandangan. Area putih di sekitar bentuk di jendela dokumen termasuk dalam layer latar belakang terletak di bawah:

Dokumentasikan setelah mengaktifkan kembali topeng vektor

Sekarang kita telah mempelajari tentang lapisan bentuk, mari kita lihat bentuk lain yang dapat Anda gambar di Photoshop menggunakan alat grup Bentuk.

Alat Persegi Panjang Bulat

Rounded Rectangle Tool sangat mirip dengan Rectangle Tool hanya saja alat ini memungkinkan kita menggambar persegi panjang membulat. Kami menyesuaikan tingkat pembulatan sudut menggunakan opsi Radius di panel pengaturan. Semakin besar nilai radius yang kita masukkan, semakin bulat pula sudutnya. Dalam kasus saya, saya akan memasukkan nilai Radius 50 piksel:

Gunakan opsi Radius untuk menentukan derajat kebulatan sudut

Untuk menggambar persegi panjang bulat, setelah Anda memasukkan nilai radius, klik di jendela dokumen untuk menentukan titik awal bentuk, lalu sambil menahan tombol mouse, seret kursor mouse untuk menyelesaikan menggambar bentuk. Sama seperti bentuk Rectangle, saat Anda menggerakkan kursor, program akan menampilkan garis tipis dari bentuk tersebut:

Seret kursor Anda untuk menggambar persegi panjang bulat setelah Anda memasukkan nilai radius di bilah Opsi

Saat Anda melepaskan tombol mouse, Photoshop akan selesai menggambar bentuk dan mengisinya dengan warna:

Saat Anda melepaskan tombol mouse, bentuknya akan terisi warna

Di bawah ini adalah persegi panjang lainnya dengan radius diatur ke 150 piksel. Nilai ini begitu besar (untuk angka ini, bagaimanapun juga) sehingga kiri dan sisi kanan persegi panjang berbentuk kurva:

Bagaimana nilai lebih radiusnya, semakin bulat sudutnya

Dan berikut adalah persegi panjang dengan nilai radius kecil 10 piksel, yang hanya sedikit membulatkan sudut-sudut bentuknya:

Nilai radius yang kecil akan mengurangi putaran sudut

Sayangnya, belum ada preview mengenai derajat pembulatan sudut. Kita dapat melihat betapa bulatnya sudut-sudut tersebut hanya setelah kita menggambar sebuah persegi panjang. Selain itu, kita tidak dapat mengubah nilai radius saat menggambar bentuk, seperti yang tersedia di Illustrator. Photoshop juga tidak mengizinkan kita untuk kembali dan bahkan sedikit menyesuaikan pembulatan sudut setelah kita menggambar bentuknya.

Semua hal di atas berarti bahwa menggambar persegi panjang bulat pada dasarnya adalah masalah coba-coba. Jika Anda tidak menyukai sudut membulat pada bentuk Anda setelah menggambarnya, tekan Ctrl+Z (Win) / Command+Z (Mac) untuk membatalkannya dengan cepat, lalu masukkan nilai radius baru di bilah Opsi dan mulai menggambar persegi panjang lagi.

Sama seperti Rectangle Tool, Anda dapat menggunakan Rounded Rectangle Tool untuk menggambar kotak bulat. Cukup tekan dan tahan tombol Shift setelah Anda mulai menggambar bentuknya, dan persegi panjang bulat Anda akan berbentuk persegi bulat. Tekan dan tahan Alt (Win) / Option (Mac) untuk menggambar bentuk dari tengah.

Jika kita mengklik panah kecil di Options Bar untuk membuka menu Advanced Options untuk Rounded Rectangle Tool, kita akan melihat bahwa opsi Freestyle, Square, dan Center sama dengan opsi Rectangle Tool. Sekali lagi, kita sudah mengetahui cara memilih opsi ini menggunakan pintasan keyboard dan tombol individual:

Alat Rectangle dan Rounded Rectangle memiliki opsi lanjutan yang sama

Alat elips

Ellipse Tool memungkinkan kita menggambar elips dan lingkaran. Sama seperti alat Rectangle dan Rounded Rectangle, klik di jendela dokumen untuk menentukan titik awal bentuk dan kemudian, sambil menahan tombol mouse, seret kursor mouse untuk menyelesaikan menggambar bentuk:

Menggambar elips menggunakan Ellipse tool

Lepaskan tombol mouse untuk menyelesaikan menggambar bentuk dan mengisinya dengan warna:

Ellisterisiwarna

Tekan dan tahan tombol Shift setelah Anda mulai bekerja dengan alat Ellipse untuk menggambar dengan sempurna lingkaran halus. Menekan Alt (Win) / Option (Mac) akan memungkinkan Anda menggambar bentuk dari tengah:

Mulailah menggambar dan kemudian tambahkan penekanan tombol Shift untuk membuat lingkaran yang rata sempurna

Mengklik panah kecil di bilah Opsi akan membuka opsi alat Ellipse, yang mirip dengan alat Rectangle dan Rounded Rectangle. Satu-satunya perbedaan adalah opsi alat Ellipse memungkinkan Anda menggambar lingkaran, bukan kotak:

Alat Ellipse memiliki opsi yang hampir sama dengan alat Rectangle dan Rounded Rectangle.

Alat Poligon

Alat Poligon lebih menarik bagi kami dalam hal kemampuannya menggambar bentuk. Jika dengan Rectangle tool kita hanya dapat menggambar persegi panjang bersisi empat, maka dengan Polygon tool kita dapat menggambar poligon dengan jumlah sisi sebanyak yang kita inginkan. Selanjutnya kita akan melihat bagaimana Anda bisa menggambar bintang menggunakan alat ini.

Tentukan jumlah sisi yang Anda perlukan untuk poligon di kotak opsi Sisi di panel pengaturan. Nilai default untuk Sisi adalah 5, namun Anda dapat memasukkan angka apa saja dari 3 hingga 100:

Gunakan opsi Sisi untuk memberi tahu Photoshop berapa banyak sisi yang dimiliki bentuk poligonal Anda

Setelah Anda menentukan jumlah sisinya, posisikan kursor Anda di jendela dokumen dan mulailah menyeret untuk menggambar bentuk poligonal. Photoshop selalu menggambar bentuk poligonal dari tengah, jadi Anda tidak perlu menahan tombol Alt (Win) / Option (Mac). Menekan dan menahan tombol Shift setelah Anda mulai menggambar poligon akan memungkinkan Anda membatasi jumlah sudut untuk bentuk Anda dan memposisikannya persis seperti yang Anda inginkan di layar:

Alat Poligon sangat diperlukan ketika kita perlu menggambar bentuk selain segiempat

Dengan menentukan jumlah sisinya sama dengan 3, kita dapat dengan mudah menggambar sebuah segitiga:

Segitiga sederhana yang digambar dengan alat Polygon

Berikut adalah poligon dengan 12 sisi:

PoligonDengandua belasPara Pihak

Menggambar bintang dengan alat Polygon

Untuk menggambar bintang menggunakan alat Poligon, klik panah kecil di bilah opsi untuk membuka daftar opsi alat Poligon dan pilih opsi Bintang:

Dari daftar pilihan alat Polygon, pilih “Bintang”

Setelah memilih opsi “Bintang”, klik mouse di jendela dokumen dan seret kursor untuk menggambar bintang. Opsi Sisi di panel pengaturan menentukan jumlah titik pada bintang. Jadi, jika nilai default parameternya adalah lima, kita akan mendapatkan bintang berujung lima:

Secara default, simpul bintang memiliki sudut tajam, tapi kita bisa membulatkannya dengan memilih opsi Smooth Corners:

Pilih opsi “Sudut luar halus”

Di bawah ini adalah bintang berujung lima dengan opsi Smooth Outer Corners (Sudut Luar Halus) yang dipilih:

Opsi Smooth Outer Corners memperhalus sudut pandang bintang

Kita juga dapat membulatkan sudut di dasar sinar bintang dengan memilih opsi Smooth Indents:

Pilih opsi “Sudut bagian dalam yang halus”

Dan sekali lagi, bintang kita terlihat sangat berbeda:

Bintang yang digambar dengan opsi Smooth Inner Corners dipilih

Alat Garis

Terakhir, kita akan melihat Line Tool, yang merupakan alat terakhir di " Angka geometris" Ini memungkinkan kita menggambar garis lurus dan panah. Atur ketebalan garis yang diinginkan dalam piksel dengan memasukkan nilai di kotak Parameter bobot di panel pengaturan. Dalam kasus saya, saya akan memasukkan nilai 16 piksel:

Gunakan opsi Ketebalan untuk menentukan ketebalan garis

Kemudian klik di jendela dokumen dan seret kursor untuk menggambar garis. Setelah Anda mulai menggambar garis, tekan dan tahan tombol Shift untuk membatasi arah pergerakan kursor. Ini akan memudahkan Anda menggambar garis horizontal atau vertikal:

Tahan kuncinyaMenggeser untuk menggambar garis horizontal atau vertikal

Untuk mengatur panah di ujung garis, klik ikon panah kecil di panel pengaturan untuk memilih opsi Kepala Panah. Photoshop memungkinkan kita menambahkan panah di awal baris, di akhir, atau di kedua ujung secara bersamaan. Jika Anda ingin memiliki panah ke arah Anda menggambar garis, yang lebih logis, pilih opsi Akhir. Pastikan Anda memilih opsi ini sebelum mulai menggambar garis, karena program tidak akan mengizinkan kita untuk kembali dan menentukan panah setelah garis digambar:

Untuk menambahkan panah ke arah penarikan garis, pilih opsi Akhir.

Di bawah ini adalah garis yang mirip dengan garis yang saya gambar sebelumnya, tetapi dengan panah di ujungnya:

Alat Garis memudahkan menggambar panah

Jika ukuran panah default tidak sesuai dengan Anda, Anda dapat mengubahnya menggunakan parameter Lebar dan Panjang. Kita juga dapat menambahkan lengkungan pada panah menggunakan parameter “Curvature”. Secara default, nilai parameter ini adalah 0%. Saya akan meningkatkannya menjadi 50%:

Tingkatkan nilai Curvature untuk mengubah bentuk panah

Akibatnya bentuk panah akan berubah. Sekali lagi, pastikan Anda memilih opsi Lengkungan sebelum mulai menggambar garis, jika tidak, Anda harus menghapus bentuk dan menggambar ulang:

Panah dengan Kelengkungan diatur ke 50%

Menyembunyikan garis luar di sekitar bentuk

Jika Anda melihat lebih dekat pada bentuk yang Anda gambar (apa pun alat Bentuk yang Anda gunakan), kemungkinan besar Anda akan melihat garis tipis di sekelilingnya, yang terkadang mengganggu. Garis luar di sekitar bentuk muncul setiap kali masker bentuk vektor dipilih, dan selalu dipilih secara default setelah kita menggambar bentuk baru.

Jika Anda melihat layer bentuk di panel Layers, Anda akan melihat bahwa thumbnail topeng vektor memiliki batas putih yang disorot di sekelilingnya, yang memberitahu kita bahwa topeng tersebut benar-benar dipilih. Anda dapat menyembunyikan garis luar di sekitar bentuk dengan membatalkan pilihan topeng vektor. Untuk melakukan ini, cukup klik pada thumbnail topeng vektor. Batas yang disorot di sekitar thumbnail akan hilang, begitu pula garis tepi di sekitar bentuk dalam dokumen:

Klik pada thumbnail topeng vektor untuk membatalkan pilihan dan menyembunyikan garis luar di sekitar bentuk

Dan sekarang kita sudah selesai! Kami telah membahas dasar-dasar bekerja dengan lapisan bentuk dan lima alat Bentuk di Photoshop! Dalam tutorial berikutnya, kita akan mempelajari cara membuat bentuk yang lebih kompleks menggunakan Custom Shape Tool.

Terjemahan: Ksenia Rudenko