Di ruang terbuka Internet Rusia, saya menemukan gambar logo. Apakah mungkin untuk mengubahnya dari raster ke vektor di Photoshop, dan secara otomatis? Tidak. Sayangnya, sementara kecenderungan vektor di Photoshop seperti itu, semua yang dilakukan ke arah ini tetap tidak berubah 5 versi yang lalu. Sejak itu, belum tersentuh, tidak berubah, dan tidak ada yang baru ditambahkan ke vektor. Apakah Anda memerlukan alat vektor di Photoshop? Ini dia, mau lagi? Apa yang Anda lupakan di Photoshop, master Illustrator. Kira-kira garis pemikiran inilah yang mendorong para pengembang untuk mengimplementasikan operasi vektor paling sederhana di Photoshop. Sekarang mari kita turun ke bisnis.

Konversi raster ke vektor dilakukan melalui area seleksi. Pertama, kita buat seleksi, lalu kita terjemahkan garis seleksi menjadi jalur vektor, lalu isi jalur vektor dengan lapisan isian, sehingga membuat topeng vektor. Untuk memahami semua ini tidak pada tingkat tim tentara - klik di sini, klik di sana, Anda harus belajar cara bekerja dengan alat menggambar vektor, memahami bagaimana jalur vektor dapat berinteraksi satu sama lain, dan belajar cara membuat topeng vektor. Tapi jangan khawatir, Anda tidak perlu duduk untuk membaca sampai akhir pekan, Anda sudah akan mengerti cara mengubah raster menjadi vektor di Photoshop jika Anda selesai membaca artikel sampai akhir.

Menyoroti logo

Saya ingin menekankan bahwa agar terjemahan ke dalam vektor berkualitas tinggi, gambar itu sendiri harus besar. Ini benar dalam kasus tracing di Illustrator, dan untuk Photoshop itu bahkan lebih penting. Gambar saya lebarnya 1500 piksel, ketika kami selesai menerjemahkan ke dalam vektor, saya akan menunjukkan bagaimana Photoshop menerjemahkan gambar kecil dan kami akan membandingkan hasilnya.

• Pilih Alat Tongkat Sihir

• Sesuaikan dalam opsi Toleransi 20 atau 30.

• Di tempat yang sama, klik ikon Add to Selection. Saya menulis secara rinci tentang pekerjaan mereka di artikel Tambah, Kurangi, Intersect dan Exlude di Photoshop di mana itu tentang alat vektor, tetapi dalam pemilihan opsi ini bekerja dengan cara yang sama.

Sejujurnya, saya tidak peduli bagaimana Anda menyorot logo, baik dengan laso tangan atau melalui Color Range. Hanya saja dalam situasi ini, khususnya pada gambar ini, cara termudah untuk melakukannya adalah dengan Magic Wand Tool.

Ubah seleksi menjadi jalur vektor

Jangan beralih dari Alat Tongkat Sihir.

• Klik kanan pada area pilihan.

• Dari menu yang muncul, pilih Make Work Path.

• Di jendela yang muncul, sesuaikan toleransi ke 1.0. Semakin tinggi nilai toleransi, semakin halus, lebih bergaya, dan tidak akurat garis besar kita.

Pada ilustrasi di bawah, saya telah memilih Path Selection Tool dan memilih jalur sehingga Anda dapat melihatnya.

Menyimpan path ke palet Path

Operasi ini opsional, tetapi diinginkan.

Beralih ke palet Path. Jika Anda tidak dapat menemukannya klik Window> Path

Klik dua kali pada jalur di palet.

• Di jendela yang muncul, masukkan nama dan klik OK.

Buat topeng vektor

Proses pembuatan topeng vektor dijelaskan dengan sempurna dalam artikel saya Masker vektor di Photoshop. Mari kita lakukan proses ini dengan cepat dan tanpa detail.

Pastikan kennel Anda dipilih di palet Path

Pilih dari menu Layer> New Fill Layer> Solid Color

Di jendela yang muncul, pilih warna dan klik OK

Itu saja. Semuanya akan lebih akurat jika bukan karena hronofag.ru Ingat saya katakan bahwa semakin kecil gambar, semakin buruk akan diterjemahkan. Apakah Anda siap untuk bertaruh di tangan Anda beberapa pemindaian kotor yang dimasukkan ke dalam Word, yang dibutuhkan pelanggan untuk diterjemahkan ke dalam vektor? Saya pikir? Pada saat yang sama, gambar dikompresi dengan kompresi JPG, diperkecil, lalu diperbesar, lalu diperkecil lagi menjadi seukuran avatar, dan bahkan saus tomat tumpah di atasnya. Apakah mungkin untuk secara kualitatif menerjemahkan gambar seperti itu menjadi vektor di Photoshop?

Pertama, lihat logo kami. Terlepas dari resolusi yang sangat baik, tepi tajam Photoshop belum berhasil membuat garis besar yang bagus dan rata. Ilustrator melakukannya 100 kali lebih baik, tetapi artikelnya bukan tentang ilustrator. Seperti yang Anda lihat, konturnya bahkan tidak ada di mana-mana, bahkan di bagian persegi panjang dari logo. Dan lingkarannya benar-benar miring.

Sekarang saya akan mengurangi gambar sebanyak 2 kali, lalu 2 kali lebih banyak dan menunjukkan kepada Anda hasil terjemahan menjadi vektor.

Berikut adalah contoh bagus tentang bagaimana ukuran bitmap memengaruhi kualitas jejak. Dan ini terlepas dari kenyataan bahwa gambarnya berkualitas sangat tinggi terlepas dari ukurannya. Yah, aku akan mengurangi kualitasnya. Simpan gambar sebagai JPG dengan kualitas terburuk.

Mari kita terjemahkan ke dalam vektor. Hasil luar biasa, hanya saus tomat yang hilang. Tepat untuk pelanggan yang puas, memproses dalam gaya grunge atau vintage!

Namun saya sedikit memanipulasi kebenaran. Intinya adalah semua ini masuk akal untuk Illustrator, yang membuat vektor dari gambar. Photoshop tidak membuat vektor dari gambar, itu membuat jalur dari pilihan. Adalah logis bahwa semakin baik dan halus pemilihannya, semakin halus kurvanya. Dan alat Tongkat Sihir yang kami gunakan untuk memilih area ini tidak lagi cocok untuk memilih gambar menyeramkan seperti itu. Ya, Anda akan dapat membuat pilihan berkualitas tinggi, menggunakan semua alat seleksi, Anda bahkan dapat memperbesarnya dan membuat garis besar yang kurang lebih rata berdasarkan mereka, yang masih belum ideal. Pergi dengan cara ini hanya membuang-buang waktu. Satu-satunya pilihan yang berfungsi adalah membuat logo dari awal di Photoshop.

Sementara catatan saya tentang topeng di Photoshop belum mendingin, saya sangat ingin menyoroti masalah mengubah raster menjadi vektor. Dua hari yang lalu, saya masuk ke chronophage saya Google analitik dan apa yang saya lihat. Ternyata beberapa orang masuk ke situs saya atas permintaan "raster ke vektor", dan sementara itu, di situs saya tidak ada satu pun catatan yang masuk akal tentang topik ini. Orang menyiksa Google untuk mengubah raster menjadi vektor dalam Corel Draw, Ilustrator dan bahkan Adobe photoshop ... Mari kita mulai dengan Photoshop.

Dari raster ke vektor. Mengapa ini dibutuhkan?

Photoshop adalah program bitmap. Vektor hadir di dalamnya dalam bentuk garis vektor. Dengan demikian, objek vektor tidak di Photoshop. Tetapi ada jalur vektor yang dapat dikonversi menjadi topeng vektor. Topeng diterapkan ke efek atau objek dan vektor diperoleh di Photoshop. Konten objek tersebut masih raster, tetapi dapat dikonversi ke vektor saat disimpan dalam beberapa format.

Misalnya, kita dapat membuat isian dan menyeret topeng vektor di atasnya. Photoshop memiliki seluruh kelompok alat yang melakukan ini secara gratis dan otomatis, ini adalah sekelompok primitif vektor. Untuk lebih jelasnya baca artikel saya Vektor primitif di Photoshop atau. Jadi kontur akan menjadi vektor. Isi raster di dalam.

Photoshop tidak bekerja dengan vektor dengan kapasitas penuh. Hanya menggunakan kelebihannya di sana dan di sini. Tetapi bahkan di Photoshop, objek raster dapat diubah menjadi objek vektor. Mengapa Anda membutuhkan ini jika Anda memiliki Illustrator? Nah, bagaimana saya bisa memberitahu Anda. Saat aktif bekerja dengan grafik, situasi yang berbeda... Terkadang lebih mudah untuk menerjemahkan pilihan ke jalur di tempat, daripada langsung masuk ke Illustrator dan melakukan penelusuran di sana. Untuk menyiangi tempat tidur stroberi di negara ini, Anda tidak perlu memanggil kombinasi. Pada akhirnya, tidak semua orang ingin, atau tahu cara menggunakan Illustrator, tidak semua orang membutuhkannya, tidak semua orang dapat menginstalnya sendiri, dan Anda perlu menerjemahkan coretan menjadi vektor di sini dan sekarang. Sama sekali tidak perlu untuk duduk dengan tiga volume di Illustrator selama beberapa minggu.

Konversi raster ke vektor di Photoshop

Apa sebenarnya yang bisa diterjemahkan Photoshop menjadi vektor? Apa pun jika Anda memilih objek ini terlebih dahulu dengan alat grup Pilih... Photoshop mengonversi pilihan apa pun menjadi garis besar. Anda dapat membaca tentang alat seleksi di artikel Primitif seleksi di Photoshop. Biarkan saya memberi Anda contoh kerja. Bertahun-tahun yang lalu seorang pelanggan yang sangat sulit menghubungi saya dan meminta situs yang sulit. Untuk situs itu, perlu untuk melakukan berbagai seni, dan saya memutuskan untuk menggambarnya di Photoshop. Dalam proses menggambar, saya mengubahnya menjadi vektor, dan sekarang saya akan memberi tahu Anda caranya. Ini salah satu gambar yang saya lukis dengan kuas bermata keras di tablet saya. Saya telah menggambar Vitruvian Man asli, memodifikasinya dan melukis wajah saya sendiri, berbeda dari aslinya. Ide untuk membuat vektorisasi seni muncul secara tidak sengaja. Tetapi setelah menerapkannya, saya mendapat kesempatan untuk mengukur seseorang sesuka saya. Selain itu, tepi yang sebelumnya robek dan ketidakteraturan setelah vektorisasi dihaluskan.

Menemukan gambar yang akan dilacak

Saya menelusuri Gambar Google untuk kupu-kupu. Kami akan mengubahnya menjadi vektor. Harap dicatat bahwa semakin besar gambar, semakin halus objek vektor kita. Ini berlaku untuk Photoshop dan Illustrator. Dengan gambar besar, maksud saya gambar dengan lebar 1000 piksel atau lebih. Kupu-kupu saya, misalnya, berasal dari 2000 piksel.

Memilih objek

Pilih dari menu Alat tongkat sihir yang paling umum Alat tongkat sihir dan klik pada area putih. Ini adalah bagaimana kita membuat area seleksi, tapi kita perlu memilih kupu-kupu.

Pergi ke Pilih> Terbalik atau klik pada ruang kerja dan dari menu yang muncul, pilih Pilih terbalik... Intinya seleksi yang dibuat harus dibalik untuk memilih kupu-kupu. Sejujurnya, saya tidak peduli bagaimana Anda membuat pilihan Anda. Lacak laso dengan tangan, itu tidak terlalu penting.

Cara membuat jalur vektor

Kami memiliki pilihan, sekarang ubah menjadi jalur vektor jalur... Pilih alat seleksi seperti Alat Lasso, Alat Tenda Persegi Panjang atau Alat tongkat sihir... Klik pada area pilihan dengan tombol kanan mouse dan di menu yang muncul, pilih Buat jalur kerja... Di menu yang muncul, atur tingkat perataan Toleransi rasa. Kecanduannya sederhana. Semakin tinggi angkanya, semakin tinggi smoothingnya. Semakin rendah angkanya, semakin rendah anti-aliasingnya. Anti-aliasing tinggi berarti jumlah simpul vektor yang lebih rendah dan jalur raster yang lebih tidak tepat mengikuti. Dalam kasus Vitruvian Man saya, inilah yang saya inginkan.

Jadi, di palet Jalur kita sekarang memiliki jalur kerja. Jika Anda tidak memiliki palet Jalur Buka Windows> Jalan Area kerja palet Jalur terlihat seperti desktop atau tempat penampungan sementara. Kontur yang berbeda dapat muncul di atasnya, tetapi jika Anda menjaga penghematan yang konsisten, mereka akan hilang seiring waktu. Klik dua kali pada garis besar Jalur kerja dan simpan garis besar secara terpisah. Kontur di daerah Jalur bekerja dengan cara yang sama seperti lapisan di palet Lapisan... Jika garis besar dipilih, maka itu aktif dan Anda dapat bekerja dengannya.

Alat Photoshop untuk bekerja dengan jalur - Alat Pemilihan Jalur dan Alat Seleksi Langsung... Kami memiliki jalan, tetapi tidak ada objek. Jika Anda telah membaca seri catatan saya tentang vektor di Photoshop, Anda sudah tahu bahwa vektor di Photoshop direpresentasikan sebagai topeng vektor untuk beberapa jenis efek atau grafik. Vektor juga dapat hadir sebagai lapisan pintar yang merujuk pada file Illustrator yang diimpor, tetapi kita akan membiarkannya untuk catatan lain. Pilih jalur dengan alat Alat Pemilihan Jalur atau di palet jalur Jalur... Klik Lapisan> Lapisan Isi Baru> Warna Solid Kami telah membuat lapisan isian, yang segera diberi topeng vektor dalam bentuk jalur kami.

Penyempurnaan garis vektor

Menggunakan bahan yang saya jelaskan di artikel Alat menggambar vektor di Photoshop dan Tambah, Kurangi, Intersect dan Exlude di Photoshop, mari memperumit gambarnya. Saya mengambil alatnya Alat Pena, memilih masker lapisan isi. Dalam pengaturan Alat Pena menaikkan Mengurangi dan menambahkan beberapa elemen ke kupu-kupu kita. Saya memotong pola pada sayap, dan membuat kaki dan antena lebih tebal.

Membuat bentuk kustom Bentuk Kustom

Anda selalu dapat menyimpan objek yang dihasilkan ke dalam bentuk arbitrer Bentuk Kustom... Beberapa waktu lalu saya menyebutkan bagaimana ini bisa dilakukan di artikel Custom Shape Tool di Photoshop. Pilih layer kupu-kupu dan tekan Sunting> Tentukan Bentuk Kustom Kupu-kupu kami muncul dalam bentuk instrumen Alat Bentuk Kustom.

Dan inilah yang kami dapatkan pada akhirnya:

Mengubah foto raster menjadi vektor di Photoshop adalah latihan yang sama sekali tidak berguna. Namun terkadang teknik ini berguna untuk pekerjaan sampingan dengan grafik dan lainnya.

Terjemahan raster-ke-vektor foto di Photoshop

Photoshop tidak dirancang untuk menerjemahkan grafik raster menjadi vektor. Di dalamnya, bagaimanapun, ada beberapa efek khusus yang secara visual membuat kemiripan gambar vektor. Dan dengan bantuan teknik yang saya jelaskan, Anda dapat membuatnya gambar vektor di Photoshop. Ambil contoh, foto biasa yang diambil oleh fotografer yang saya kenal.

Salah satu efek yang saya sebutkan adalah Filter> Artistik> Potongan Saya meninggalkan pengaturan pada hati nurani Anda. Gambar harus serealistis mungkin, tetapi sangat anti-alias. Kita bisa berhenti di sini, gambar sudah terlihat "vektor", tetapi masih raster.

Sekarang Anda perlu membuat daerah vektor sama dengan jumlah warna di foto. Pilih tongkat Alat tongkat sihir dan pastikan kotak centang tidak dicentang di pengaturan Berdekatan... Pilih area pertama dan ikuti seluruh jalur yang saya jelaskan di atas. Buat jalur dari seleksi, buat topeng vektor yang diisi dari jalur, dan seterusnya.

Secara total, seluruh foto diubah menjadi area vektor. Kami tidak akan mengubah area putih terakhir menjadi vektor. Cukup gambar kotak putih besar dengan alat ini Alat Persegi Panjang dan letakkan di bawah semua lapisan. Setelah beberapa pembersihan ringan dan contouring, foto terlihat seperti gambar di bawah ini. Dan sekali lagi, pekerjaan semacam ini tidak dimaksudkan untuk Photoshop dan lebih merupakan penyimpangan. Tapi, ini bisa dilakukan, dan dalam berbagai situasi, teknik seperti itu bisa berguna. Butuh waktu 10 menit untuk memproses foto, jadi pekerjaan semacam ini tidak memakan banyak waktu. Dan ingat apa ukuran lebih besar Anda akan meletakkan foto dengan cara ini menjadi beberapa lapisan, kontur yang lebih baik dan lebih elastis akan dapat mengelilingi area pemilihan. Semakin sedikit sudut dan kasar vektor kita akan muncul di Photoshop. Berbagai pengaturan toleransi saat membuat kontur, mereka juga akan memberikan hasil yang berbeda. Selamat bereksperimen!

Terlepas dari kenyataan bahwa Photoshop adalah editor grafis raster, seperangkat alatnya mencakup beberapa alat vektor. Alat vektor dimaksudkan terutama untuk membuat kurva - jalur yang dapat diedit. Untuk menyegarkan ingatan Anda, ingatlah bahwa perbedaan antara grafik raster dan vektor terletak pada cara menyimpan dan mendeskripsikan informasi grafik. Gambar vektor disimpan dalam bentuk kurva yang dijelaskan secara matematis, yang tidak kehilangan kualitas saat penskalaan, setiap saat dapat diedit dengan mudah dan fleksibel. Pertama, mari kita lihat prinsip membangun kurva vektor.

Kontur vektor digambar pada segmen garis yang memiliki simpul kunci dan titik kontrol. Node kunci membatasi garis di kedua sisi, dan titik kunci memungkinkan Anda mengontrol pembengkokan kurva.

Alat kelompok digunakan untuk membuat kurva. Pena... Alat Alat Pena dirancang untuk membuat kurva untuk node kunci. Prinsip pengoperasian alat ini adalah untuk menunjukkan titik-titik kunci dari segmen jalan. Jika, saat menentukan titik kontrol, tanpa melepaskan tombol mouse, gerakkan, maka segmen yang berisi titik kontrol ... Gerakan lebih lanjut dari mouse sudah secara langsung mempengaruhi titik kontrol, dan, pada gilirannya, pada tikungan segmen. Klik kiri berikutnya akan mengatur titik kontrol berikutnya, dll.

Pen tool dapat bekerja dalam dua mode - membuat kurva dan membuat apa yang disebut bentuk - area vektor tertutup Peralihan di antara mode ini dilakukan dengan menggunakan tombol - mode pembuatan kontur, - mode pembuatan bentuk. Jika Anda bekerja dalam mode membuat formulir, maka kontur yang Anda buat akan dianggap selalu tertutup dan, sebagai hasilnya, diisi dengan warna yang Anda pilih. Secara fisik, layer mask dibuat di palet Layers berdasarkan gambar vektor. Lapisan itu sendiri diisi dengan warna pilihan Anda (Anda memilih warna pada palet Properties).

Prinsip bekerja dengan topeng vektor sedikit berbeda dari prinsip bekerja dengan topeng raster, hanya alatnya yang berbeda. Jika, dalam kasus bekerja dengan topeng bitmap, Anda mengubahnya menggunakan alat gambar, maka di kasus ini bentuk topeng diubah menggunakan alat vektor.

Untuk mengonversi topeng vektor menjadi topeng raster, Anda perlu memanggil menu konteks topeng vektor dan memilih item Rasterize Masker... Hasilnya, Anda akan mendapatkan layer mask biasa. Jika tidak, bekerja dengan layer mask dalam versi vektor tidak berbeda dengan bekerja di versi raster.

Gambar vektor nyaman karena setiap saat sangat nyaman untuk mengubah bentuk kurva gambar ini. Ada sejumlah alat untuk ini. Misalnya, alat (menambahkan titik kunci - simpul) - menambahkan titik kunci pada kurva di tempat Anda mengklik. Alat ini dapat menghapus titik yang tidak perlu di jalur saat Anda mengklik titik yang akan dihapus. Bahkan, Anda tidak perlu beralih ke alat ini. Perhatikan sakelarnya Tambah / Hapus Otomatis pada palet Properties. Jika mode ini diaktifkan (dicentang), maka Pen Tool akan secara otomatis beralih ke alat untuk menambahkan titik (saat Anda meletakkannya di atas jalur) dan alat untuk menghapus titik (saat Anda meletakkannya di atas titik yang ada). Jika mode dinonaktifkan, maka penghapusan dan penambahan poin hanya dapat dilakukan jika menggunakan alat yang sesuai.

Pembengkokan kurva dikendalikan melalui titik kontrol. Untuk memilih titik kontrol, gunakan alat Alat Seleksi Langsung... Memilih node untuk diedit (mengklik dengan alat ini pada node yang sedang diedit). Kemudian, dengan menggerakkan titik kontrol, Anda memengaruhi tikungan kurva di area simpul yang dipilih. Juga dengan alat ini Anda dapat memindahkan node yang dipilih. Alat Alat Seleksi Jalur dirancang untuk bekerja dengan kurva secara keseluruhan, seperti dengan objek - untuk bergerak dan berubah. Untuk objek vektor, mode Free Transform diterapkan, persis sama seperti untuk area raster.

Alat penting untuk bekerja dengan node kunci adalah alat yang disebut Alat Konversi Titik... Arti dari alat ini adalah untuk mengubah tipe simpul... V grafis vektor Photoshop membedakan antara dua jenis node kunci - halus dan sudut (sudut)... Arti dari node kunci antialias adalah bahwa titik kontrol dari dua kurva konvergen pada satu node Selalu di jalur virtual yang sama.

Jenis simpul lain, seperti yang kami katakan, disebut sudut. Arti dari tipe ini adalah garis virtual yang melewati titik kontrol salah satu segmen dan simpul kunci umum dari kedua segmen dapat bertemu di sudut mana pun.

Alat konversi jenis berfungsi sebagai berikut - jika simpul dihaluskan (dan secara default simpul dihaluskan), maka mengklik dengan alat konversi akan menandai jenis simpul ke sudut. Jika, setelah menekan tombol mouse, jangan lepaskan, tetapi cukup tarik, Anda akan dapat mengontrol tikungan segmen pada simpul tertentu.

Kami mulai dengan memilih dua mode Pen Tool. Yang pertama adalah mode membuat bentuk, dan yang kedua adalah mode membuat jalur. Mari kita membahas lebih detail tentang mode bekerja dengan kontur.

Dalam hal ini, jalur Anda tidak akan secara otomatis mengisi dan membentuk layer mask dan layer vektor. Dalam hal ini, jalur Anda akan murni virtual dan tidak terkait dengan lapisan. Untuk bekerja dengan jalur seperti itu, ada palet yang disebut Path. Semua operasi dengan jalur terkonsentrasi di palet ini.

Dalam palet Path, jalur (paths) ditempatkan sebagai lapisan dalam palet Layers, dan pada satu lapisan vektor dapat ada beberapa jalur vektor yang tidak terhubung. Garis bawah palet Path berisi ikon kontrol jalur. Piktogram yang sangat akrab dengan tempat sampah dan daun kosong, tidak mengubah tujuannya dalam palet ini, mis. karenanya, ini adalah penghapusan lapisan vektor dan pembuatan lapisan vektor kosong.

Sampai sekarang, kami bertanya-tanya mengapa editor raster seperti Photoshop membutuhkan alat vektor ini. Contoh sederhana menggunakan vektor di Photoshop bekerja dengan pilihan lagi. Seperti yang Anda lihat dari gambar, sejumlah ikon palet Path digunakan untuk mengubah jalur (path) menjadi jalur seleksi dan sebaliknya. Bahkan, setelah mendapatkan beberapa keterampilan dalam bekerja dengan jalur, Anda akan memahami bahwa lebih mudah untuk menyesuaikan jalur vektor ke bentuk area yang dipilih daripada menggunakan topeng cepat yang cukup fleksibel. Oleh karena itu, jika Anda ingin mengedit pilihan, Anda selalu dapat mengubahnya menjadi jalur (path), lalu mengeditnya dan mengubahnya menjadi pilihan lagi. Jika Anda ingin menggunakan operasi Stroke dan Fill tradisional untuk kontur seleksi, maka mereka juga siap membantu Anda.

Operasi logis bekerja agak tidak terduga. Anda dapat membuat jalur di salah satu mode logis, baik itu penambahan atau pengurangan. Pada tahap ini, Anda tidak akan melihat tindakan apa pun. Tapi jangan tertipu oleh fakta bahwa Anda telah menemukan bug dalam program yang hampir sempurna. Faktanya, Photoshop mengingat dalam mode mana Anda membuat jalur (kantor menulis ...) dan segera setelah Anda memberi tahu program untuk membuat garis seleksi dari tumpukan jalur Anda, Photoshop akan mengingat semuanya dan melakukan semua operasi yang Anda lakukan. ditugaskan untuk itu saat membuat jalur. Kotak dialog untuk membuat garis besar pilihan dari jalur memungkinkan Anda untuk menentukan yang paling pengaturan penting mengenai kontur pemilihan (tetapi ini hanya jika Anda menggunakan perintah Make Selection dari menu palet Path).

Harap dicatat bahwa Anda dapat mengatur radius Feather, mengaktifkan atau menonaktifkan Anti-Aliased. Di bagian Operasi, Anda dapat mengatur mode logis untuk pilihan yang baru dibuat. Pilihan dari bagian ini tersedia hanya jika satu garis seleksi sudah ada. Dengan demikian, jika Anda memilih operasi Pilihan Baru, pilihan yang dibuat akan menggantikan pilihan yang ada; opsi Tambahkan ke Pilihan akan menambahkan pilihan yang dibuat dari jalur ke pilihan yang ada; Substruct from Selection - akan mengurangi jalur yang dibuat dari seleksi yang ada.

Alat Alat Formulir Gratis memungkinkan Anda membuat jalur vektor dalam mode cat sederhana, seperti kuas. Tahan tombol kiri mouse dan gerakkan saja mouse, gambarkan garis yang Anda butuhkan. Alat ini memiliki satu Fitur utama yang menyamakan alat vektor ini dengan alat Magnetic Lasso adalah pilihannya Magnetik... Prinsip operasinya sama, alat mencari batas yang kontras dan melacak kontur hanya di sana. Jika tidak, jalur yang dibuat oleh alat ini tidak berbeda dari jalur biasa.

• Dilihat: 58428

Dalam tutorial ini, kita akan mempelajari dasar-dasar menggambar bentuk vektor di Photoshop CS6 menggunakan alat Bentuk sederhana! Kita akan mulai dengan memeriksa cara kerja alat. "Empat persegi panjang"(Alat Persegi Panjang ), "Persegi Panjang Bulat"(Alat Persegi Panjang Bulat), "Elips"(Alat Elips), "Poligon"(Alat Poligon) dan "Garis"(Alat Garis). Selanjutnya, kita akan belajar bagaimana memilih warna isian dan goresan untuk bentuk, ubah penampilan goresan, edit bentuk dengan properti berguna dari lapisan bentuk, dan banyak lagi! Kita harus banyak belajar, jadi dalam tutorial ini kita akan fokus pada operasi dan properti dari lima alat dasar grup Bentuk Geometris. Dalam pelajaran berikutnya, kita akan belajar bagaimana menambahkan bentuk yang lebih kompleks ke dokumen kita menggunakan alat Bentuk Bentuk Bebas!

Tutorial ini untuk pengguna Photoshop CS6. Jika Anda bekerja lebih banyak versi lama program, kemudian pelajari pelajaran asli "Shape and Shape Layer di Photoshop."

Kebanyakan orang berpikir bahwa Photoshop hanya digunakan untuk memproses gambar berpiksel, dan jika Anda meminta editor gambar yang bagus, sebagian besar waktu jawabannya adalah “ ilustrator Adobe". Memang, kemampuan editor Adobe Illustrator jauh lebih luas daripada program Photoshop, tetapi, bagaimanapun, seperti yang akan kita lihat dari pelajaran ini dan berikutnya, berbagai alat dari grup Bentuk memudahkan untuk menambahkan gambar vektor sederhana ke gambar dan gambar.

Jika Anda tidak tahu apa itu bentuk vektor dan perbedaannya dengan bentuk piksel, lihat tutorial ini.

Alat Bentuk

program photoshop menawarkan kepada kita enam pilihan alat dari grup "Bentuk": "Empat persegi panjang"(Alat Persegi Panjang), Persegi Panjang Bulat(Alat Persegi Panjang Bulat), "Elips"(Alat Elips), "Poligon"(Alat Poligon), "Garis"(Alat Garis) dan "Angka gratis"(Alat Bentuk Kustom). Semua alat ini terletak di satu tempat di bilah alat. Secara default, kita melihat alat Rectangle, tetapi jika kita mengklik ikon alat dan menahan tombol mouse, menu tarik-turun akan muncul di layar dengan daftar alat lain dari mana kita dapat memilih yang kita butuhkan:

Mengklik ikon alat Rectangle akan memungkinkan kita untuk melihat alat lain di grup Bentuk.

Saya akan memilih alat pertama dalam daftar, alat Rectangle:

Bentuk Vektor, Jalur, dan Bentuk Piksel

Sebelum kita mulai menggambar bentuk, kita perlu memberi tahu Photoshop jenis bentuk apa yang ingin kita gambar, karena pada kenyataannya, Photoshop memungkinkan kita menggambar bentuk dari tiga jenis yang berbeda- bentuk vektor, jalur dan bentuk piksel. Kita akan melihat perbedaan antara jenis bentuk ini secara lebih rinci dalam pelajaran lain, tetapi seperti yang telah kita pelajari dari pelajaran "Menggambar bentuk vektor dan bentuk piksel di Photoshop CS6", dalam banyak kasus Anda akan menggambar bentuk vektor. Tidak seperti bentuk piksel, bentuk vektor sangat dapat diubah ukurannya, sepenuhnya dapat diskalakan, dan tidak bergantung pada resolusi. Artinya kita bisa mengedit, mengubah ukuran sesuai keinginan, tanpa kehilangan kualitas gambar. Tepi bentuk vektor tetap tajam dan tajam baik di layar maupun saat dicetak.

Untuk menggambar bentuk vektor daripada jalur atau bentuk piksel, pilih "Angka"(Bentuk) di bilah pengaturan alat di bagian atas layar:

Pilih mode alat "Bentuk" pada panel pengaturan

Mengisi bentuk dengan warna

Klik pada ikon swatch warna isi

Akibatnya, kotak dialog akan terbuka di mana Anda akan diminta untuk memilih salah satu dari empat cara untuk mengisi bentuk, yang ditunjukkan oleh ikon terpisah. Dari kiri ke kanan, Anda dapat melihat ikon Tanpa Warna (dengan garis diagonal merah), ikon isian Warna, ikon Gradien, dan ikon Pola:

4 opsi isian bentuk (Tanpa Warna, Warna Solid, Gradien, dan Pola)

Isi metode "Tanpa warna"

Seperti namanya, metode pengisian "Tanpa warna"(No Color) tidak mengisi bentuk dengan warna apapun. Mengapa kita membutuhkan bentuk kosong, Anda mungkin bertanya? Nah, dalam beberapa kasus, Anda mungkin ingin bentuknya hanya memiliki garis tipis. Selanjutnya, kita akan melihat cara menambahkan goresan ke bentuk, tetapi jika Anda ingin bentuk hanya memiliki jalur tanpa warna isian, pilih opsi Tanpa Warna:

Tidak ada warna yang mengisi bentuk dengan warna apapun

Di bawah ini adalah contoh bentuk setelah menerapkan opsi No Color. Yang kita lihat hanyalah garis tipis sosok itu, yang disebut "kontur". Garis besar hanya dapat dilihat di Photoshop, jadi jika Anda mulai mencetak dokumen atau menyimpannya ke format JPEG atau PNG, garis besar akan hilang. Untuk membuatnya terlihat, kita perlu menambahkan goresan padanya, yang akan kita jelajahi lebih lanjut setelah kita membahas semua opsi. mengisi(Mengisi):

Ketika "Tanpa Warna" dipilih sebagai metode isian, hanya garis bentuk yang terlihat (dan itupun, hanya di Photoshop)

Metode Pengisian Warna Solid

Untuk mengisi bentuk dengan warna, pilih opsi "Warna murni"(Warna Solid) (ikon kedua dari kiri):

Klik pada ikon parameter "Warna Padat"

Setelah memilih parameter "Warna solid", pilih warna untuk bentuk dengan mengklik salah satu contoh warna. Warna yang baru saja Anda gunakan akan muncul di baris "Warna yang Baru Digunakan"(Warna yang Baru Digunakan) di atas swatch utama:

Pilih warna dengan mengklik swatch-nya

Jika warna yang dibutuhkan tidak ada di antara contoh, klik ikon Color Picker di sudut kanan atas kotak dialog:

Klik pada ikon Color Picker

Kemudian pilih warna yang diinginkan di Color Picker. Klik OK untuk menutup Palet saat Anda memutuskan warna:

Di Color Picker, pilih warna untuk mengisi bentuk

Di bawah ini bentuknya sama, hanya saja kali ini diisi dengan warna:

Bentuk kita sekarang dipenuhi dengan warna

Isi metode "Gradien"

Untuk mengisi bentuk dengan isian gradien, pilih opsi "Gradien"(Gradien). Kemudian klik salah satu thumbnail untuk memilih swatch gradien yang diinginkan, atau buat sendiri menggunakan opsi di bawah thumbnail gradien. V pelajaran terpisah kita akan melihat cara membuat dan mengedit gradien:

Pertama, pilih parameter "Gradient", dan kemudian - carikan gradien yang diinginkan

Di bawah ini adalah bentuk yang sama, hanya saja kali ini diisi dengan gradient fill:

Bentuk kita sekarang diisi dengan salah satu contoh gradien yang telah ditentukan.

Metode pengisian pola

Akhirnya, memilih opsi "Pola"(Pola), kita bisa mengisi bentuk dengan pola. Klik salah satu thumbnail untuk menentukan pola yang sudah jadi. Awalnya, tidak banyak pola dalam program, tetapi Anda juga dapat mengunduh pola tambahan, diunduh dari Internet atau dibuat sendiri, dengan mengklik ikon roda gigi kecil (di bawah ikon Pemilih Warna) dan memilih "Unduh Pola"(Muat Pola) dari menu yang muncul:

Pertama, pilih parameter "Pola", dan kemudian - sampel pola yang diinginkan

Dan seperti inilah bentuknya, diisi dengan salah satu pola di Photoshop. Untuk menutup kotak dialog "Mengisi"(Isi), tekan tombol Enter (Win) / Return (Mac) atau klik pada ruang kosong di panel preferensi. Jika Anda ragu dalam memilih warna, gradasi, atau pola yang tepat untuk bentuk Anda, jangan khawatir, kami akan membahas nanti bagaimana Anda dapat mengubahnya:

Bentuk yang diisi dengan pola yang dipilih

Tambahkan Stroke ke bentuk

Secara default, Photoshop tidak menambahkan goresan ke tepi bentuk, tetapi menambahkannya semudah mengisinya dengan warna. Bahkan, opsi parameter "Stroke" ("Stroke")(Stroke) dan "Mengisi"(Isi) sama di Photoshop CS6, jadi Anda sudah tahu cara menggunakannya!

Untuk menambahkan goresan, klik pada contoh warna goresan di bilah opsi:

Klik pada swatch warna stroke

Akibatnya, kotak dialog akan terbuka dengan opsi yang sama seperti untuk isian, kecuali bahwa sekarang kita memilih warna untuk goresan. Ada lagi empat ikon di bagian atas jendela "Tanpa warna"(Tanpa warna), "Warna murni"(Warna Padat), "Gradien"(Gradien) dan "Pola"(Pola). Secara default, opsi Tanpa Warna dipilih. Saya, pada gilirannya, akan memilih opsi Warna Solid dan kemudian mengatur warna goresan menjadi hitam dengan memilihnya dari contoh. Seperti halnya dengan isian, jika warna yang Anda butuhkan tidak ada di antara swatch, klik ikon Color Picker di sudut atas untuk memilih warna yang diinginkan secara manual:

Pilih opsi "Warna Padat" untuk goresan, lalu pilih warna yang diinginkan dari contoh warna.

Ubah lebar Stroke

Untuk mengubah lebar (ketebalan) goresan, gunakan parameter "Lebar"(Lebar) terletak di sebelah kanan contoh warna goresan di Bar Pilihan. Secara default, nilainya adalah 3 pt. Untuk mengubah lebar, Anda dapat memasukkan nilai tertentu langsung ke jendela entri data (dengan menekan Enter (Win) / Return (Mac) setelah memasukkan untuk mengonfirmasi data), atau klik panah kecil di sebelah kanan nilai dan gerakkan penggeser:

Ubah lebar goresan

Opsi Sejajarkan Tepi

Jika Anda melihat lebih jauh ke sisi kanan panel pengaturan, Anda akan melihat opsi Sejajarkan Tepi(Sejajarkan Tepi). Ketika opsi ini diaktifkan (dicentang), Photoshop akan menyelaraskan tepi bentuk ke kisi piksel, sehingga mereka akan tetap tajam dan tajam:

Pastikan Align Edges aktif

Namun, agar opsi Align Edges berfungsi, tidak cukup hanya memilihnya. Anda juga ingin lebar goresan dalam piksel (px), bukan dalam poin (pt). Sejak di saat ini lebar goresan saya diukur dalam poin (unit default), saya akan kembali dan memasukkan nilai lebar baru 10 piksel (px):

Agar opsi Align Edges berfungsi, atur lebar goresan dalam piksel (px)

Di bawah ini saya telah menerapkan stroke hitam 10 px ke bentuk:

Bentuk sederhana dengan garis hitam di sekitarnya

Setelah menambahkan goresan ke bentuk, jika saya kembali dan mengklik carikan warna isian di bilah opsi, pilih metode isian "Tanpa warna"(Tanpa Warna), saya hanya akan memiliki garis luar bentuk dengan goresan. Bentuknya akan menjadi kosong di dalam. Bentuknya mungkin tampak dipenuhi dengan warna putih, tetapi ini hanya karena warnanya Latar Belakang dokumen berwarna putih, yang kita lihat dalam kenyataan.

Bentuknya sama, dengan opsi isian "No Color"

Opsi pukulan tambahan

Secara default, program menggambar goresan sebagai garis kontinu, tetapi kita dapat mengubahnya dengan mengklik tombol Setel Jenis Stroke Bentuk(Opsi Stroke) di panel pengaturan:

Klik pada tombol "Setel jenis goresan bentuk"

Ini akan membuka kotak dialog Opsi pukulan(Stroke Options), di mana kita dapat mengubah tampilan goresan dari garis kontinu menjadi garis putus-putus atau putus-putus. Parameter Meluruskan(Align) memungkinkan kita untuk memilih jenis alignment untuk stroke: di dalam path, di luar atau di tengah. Kita dapat membuat ujung garis untuk goresan (parameter "Berakhir"(Caps)) bulat, persegi, atau menebal, dan persimpangan garis di stroke (parameter "Sudut"(Sudut): tajam, bulat atau miring. Saat tombol ditekan "Parameter lain"(More Options), terletak di bagian bawah kotak dialog, akan membuka jendela lain di mana kita dapat mengatur nilai tertentu untuk goresan dan spasi garis putus-putus dan bahkan menyimpan pengaturan sebagai preset:

Opsi pukulan

Di bawah ini adalah bentuk dengan goresan yang sama, tetapi kali ini, alih-alih garis kontinu, garis putus-putus dipilih:

Tampilan goresan telah berubah dari garis kontinu menjadi garis putus-putus

Alat persegi panjang

Jadi, kita telah mempelajari cara memilih berbagai alat grup Shapes pada toolbar, cara memilih warna isian dan goresan, dan cara mengubah tampilan goresan. Sekarang mari kita belajar cara menggambar bentuk vektor itu sendiri! Kami akan mulai dengan memeriksa alat grup bentuk pertama dalam daftar - "Empat persegi panjang"(Alat Persegi Panjang). Saya akan memilihnya dari bilah alat, seperti yang saya lakukan sebelumnya:

Memilih Rectangle Tool

Rectangle Tool memungkinkan kita menggambar bentuk segi empat sederhana. Untuk menggambar bentuk, klik di jendela dokumen untuk menentukan titik awal bentuk. Kemudian, sambil menahan tombol mouse ke bawah, seret kursor mouse Anda secara diagonal untuk menyelesaikan menggambar bentuk. Saat Anda menggerakkan kursor, Anda akan melihat garis tipis (garis besar) dari bentuk masa depan:

Seret kursor untuk menggambar bentuk persegi panjang. Saat Anda memindahkan kursor, garis tipis bentuk akan muncul.

Saat Anda melepaskan tombol mouse, program akan mengisi bentuk dengan warna yang Anda pilih di panel preferensi:

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

Mengubah ukuran bentuk setelah digambar

Setelah Anda menggambar bentuk awal, dimensi saat ini akan muncul di bilah opsi: lebar(Lebar (W)) dan tinggi(Tinggi (H)). Dalam kasus saya, saya menggambar bentuk dengan lebar 533 piksel dan tinggi 292 piksel:

Dimensi awal bentuk (lebar dan tinggi) terlihat di panel pengaturan

Jika Anda perlu mengubah ukuran bentuk setelah Anda menggambarnya (metode ini berfungsi untuk semua alat Bentuk), cukup masukkan nilai baru di kotak Lebar dan Tinggi yang sesuai. Sebagai contoh, katakanlah saya membutuhkan bentuk saya dengan lebar 500px. Itu hanya membutuhkan mengubah nilai lebar dengan 500 piksel. Jika perlu, saya juga bisa memasukkan nilai ketinggian tertentu. Jika, saat mengubah tinggi atau lebar bentuk, proporsinya tetap tidak berubah, pertama-tama klik ikon rantai kecil di antara nilai tinggi dan lebar:

Selanjutnya, setelah mengaktifkan ikon rantai, masukkan nilai baru untuk tinggi atau lebar. Dalam hal ini, Photoshop akan secara otomatis mengganti nilai parameter kedua yang sesuai. Dalam kasus saya, saya secara manual memasukkan nilai baru untuk lebar 500 piksel, dan karena ikon rantai diaktifkan, Photoshop juga mengubah nilai tinggi menjadi 273 piksel:

Mengubah ukuran bentuk

Mengubah ukuran bentuk sebelum digambar

Jika Anda tahu persis tinggi dan lebar bentuk sebelum Anda menggambarnya, ada satu trik praktis. Dengan alat Bentuk yang dipilih, cukup klik di mana saja di dalam dokumen. Akibatnya, kotak dialog akan langsung terbuka di mana Anda dapat memasukkan nilai yang diinginkan untuk tinggi dan lebar. Klik OK untuk menutup dialog dan program akan secara otomatis menggambar bentuk:

Klik di mana saja di dalam dokumen untuk memasukkan nilai lebar dan tinggi, dan program akan secara otomatis menggambar bentuknya

Menggambar bentuk dari tengah

Mari kita jelajahi beberapa pintasan keyboard yang sederhana namun bermanfaat. Jika Anda menekan dan menahan tombol Alt (Menang) / Opsi (Mac) saat Anda menggerakkan kursor, maka Anda akan menggambar bentuk dari tengah, bukan dari sudut. Teknik ini bekerja dengan semua alat Shape, bukan hanya alat Rectangle. Harap dicatat bahwa Anda harus mulai menggambar bentuk terlebih dahulu dan baru kemudian tekan tombol Alt (Win) / Option (Mac). Anda juga perlu melepaskan tombol mouse pertama dan hanya kemudian tombol Alt (Win) / Option (Mac) ditekan, jika tidak, teknik ini tidak akan berfungsi:

Tekan dan tahan Alt (Win) / Option (Mac) untuk menggambar bentuk dari tengah

Menggambar persegi

Untuk menggambar persegi, tempatkan kursor di jendela dokumen dan mulailah menyeretnya keluar, menggambar bentuk persegi panjang. Setelah Anda mulai melakukan ini, tekan tombol Menggeser dan terus menahannya saat Anda menggerakkan kursor. Menekan tombol Shift akan mengubah bentuk menjadi persegi. Sekali lagi, ingatlah untuk menekan tombol Shift setelah Anda mulai menggerakkan kursor dan melepaskannya terakhir kali, jika tidak, kotak tidak akan tergambar. Anda dapat menggabungkan dua pintasan keyboard dengan menekan dan menahan tombol Shift + Alt(Menang) /Shift + Opsi(Mac) saat menggunakan alat "Empat persegi panjang"(Rectangle Tool), sebagai hasilnya Anda menggambar persegi sempurna dari tengah:

Tekan dan tahan tombol Shift saat Anda menggerakkan kursor untuk menggambar persegi

Sekali lagi, saat Anda melukis, Anda hanya akan melihat garis tipis persegi, tetapi ketika Anda melepaskan tombol mouse, Photoshop mengisinya dengan warna yang dipilih:

Program selalu menunggu Anda untuk melepaskan tombol mouse sebelum mengisi bentuk dengan warna

Opsi alat bentuk

Jika Anda melihat panel pengaturan, maka di sebelah kiri parameter Sejajarkan Tepi(Align Edges) Anda akan melihat ikon roda gigi. Dengan mengkliknya, Anda akan membuka kotak dialog dengan pengaturan tambahan untuk alat grup "Bentuk", yang di saat ini terpilih:

Klik pada ikon roda gigi

Karena saya memiliki alat yang dipilih "Empat persegi panjang"(Rectangle Tool), mengklik ikon roda gigi akan menampilkan opsi tambahan untuk Rectangle tool. Kecuali untuk bekerja dengan alat Poligon dan Garis, yang akan kita jelajahi nanti, Anda tidak akan terlalu sering menggunakan menu ini karena kita telah membahas cara mengakses opsi ini dari keyboard. Misalnya, parameter "Sewenang-wenang"(Tidak dibatasi) memungkinkan kita menggambar bentuk dari berbagai ukuran dan rasio aspek, tetapi karena secara default semua alat kelompok bentuk bekerja dengan cara ini, tidak perlu secara khusus memilih opsi ini. Parameter "Persegi"(Square) memungkinkan kita menggambar kotak dengan Rectangle tool, tetapi kita dapat melakukannya hanya dengan menekan dan menahan tombol Shift saat kita menggerakkan kursor. Parameter "Dari pusat"(Dari Tengah) bertanggung jawab untuk menggambar bentuk dari tengah, tetapi sekali lagi, kita dapat melakukannya dengan menahan Alt (Win) / Option (Mac).

Jika Anda memilih opsi « Ukuran prasetel» (Ukuran Tetap) atau "Tetapkan proporsi"(Proporsional) dan masukkan nilai lebar dan tinggi, maka nilai ini juga akan mempengaruhi bentuk selanjutnya yang akan digambar, bukan hanya yang sudah Anda gambar. Oleh karena itu, Anda harus ingat untuk kembali setelah menggambar gambar dan memilih kembali parameternya "Sewenang-wenang"(Tidak dibatasi), jika tidak, setiap gambar baru yang digambar akan memiliki ukuran atau proporsi yang sama:

Opsi yang Anda lihat bergantung pada alat mana dalam grup Bentuk yang dipilih.

Mengedit lapisan bentuk

Sebelumnya kita belajar bahwa untuk menggambar bentuk vektor di Photoshop, kita perlu mengatur mode gambar - "Angka"(Bentuk) (sebagai lawan dari jalur dan bentuk piksel). Saat kita menggambar bentuk vektor, program secara otomatis menempatkannya pada lapisan khusus terpisah yang disebut Lapisan Bentuk(Bentuk lapisan). Jika kita melihat panel lapisan, kita dapat melihat bahwa bentuk yang saya gambar dengan alat "Empat persegi panjang"(Rectangle Tool), terletak pada layer bentuk terpisah "Rectangle 1". Nama layer akan tergantung pada alat yang digunakan, jadi jika saya menggambar oval dengan Ellipse Tool, layer bentuk akan disebut Ellipse 1:

Setiap bentuk vektor baru ditempatkan pada lapisan bentuk terpisah

Perbedaan visual antara layer biasa dan layer bentuk adalah bahwa layer bentuk memiliki ikon bentuk kecil di sudut kanan bawah thumbnail layer:

Ikon pada thumbnail layer memberitahu kita bahwa ini adalah layer bentuk.

Perbedaan utama antara lapisan bentuk dan lapisan piksel biasa adalah bahwa lapisan bentuk tetap dapat diedit sepenuhnya. Saat sebelumnya kita mempelajari cara memilih warna isian dan goresan untuk sebuah bentuk, saya menyebutkan bahwa kita selalu dapat kembali dan mengubah warna bahkan setelah bentuknya digambar. Yang perlu kita lakukan adalah memastikan bahwa layer bentuk dipilih di panel Layers dan alat grup Shapes diaktifkan. Kemudian cukup klik salah satu pada contoh warna Tambalan(Isi) atau dengan sampel warna Stroke(Stroke) di panel pengaturan untuk memilih warna yang berbeda. Anda juga dapat mengubah lebar goresan sesuai kebutuhan dan bekerja dengan parameter lain. Saya akan mengklik carikan warna Fill:

Dengan layer bentuk yang dipilih, klik pada contoh warna Fill.

Klik pada sampel biru

Segera setelah saya mengklik carikan, program segera mengisi bentuk dengan warna baru:

Warna bentuk telah diubah tanpa harus menggambar ulang bentuknya

Dan, jika kita melihat panel layer lagi, kita akan melihat bahwa thumbnail layer bentuk juga telah berubah warnanya:

Saat kita membuat perubahan, thumbnail layer bentuk juga berubah tampilannya.

Alat Persegi Panjang Bulat

Mari kita lihat yang kedua dari alat grup Bentuk - Persegi Panjang Bulat(Alat Persegi Panjang Bulat). Saya akan memilihnya dari toolbar:

Pilih Alat Persegi Panjang Bulat

Rounded Rectangle tool sangat mirip dengan Rectangle tool kecuali yang memungkinkan kita untuk menggambar persegi panjang bulat. Kami menyesuaikan pembulatan sudut menggunakan parameter "Radius"(Radius) di panel pengaturan. Semakin besar nilai radius yang kita masukkan, semakin bulat sudutnya. Nilai radius harus ditetapkan sebelum mulai menggambar bentuk, dalam kasus saya, saya akan memasukkan nilai parameter "Radius" sama dengan 50 piksel:

Gunakan opsi Radius untuk menentukan tingkat pembulatan sudut

Setelah mengatur nilai radius, menggambar persegi panjang bulat mirip dengan menggambar persegi panjang biasa. Pertama, klik di jendela dokumen untuk menentukan titik awal bentuk, lalu tahan tombol mouse dan seret kursor mouse secara diagonal untuk menyelesaikan menggambar bentuk. Seperti bentuk Rectangle, saat Anda menggerakkan kursor, program akan menggambar garis tipis bentuk:

Tarik keluar untuk menggambar persegi panjang bulat setelah Anda memasukkan nilai radius di Bar Pilihan

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

Saat Anda melepaskan tombol mouse, bentuknya terisi dengan warna

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

Semakin besar nilai radius, semakin bulat sudutnya.

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

Nilai radius kecil kurang putaran sudut

Sayangnya, pratinjau tidak ada derajat pembulatan sudut di Photoshop CS6. Kita bisa melihat betapa bulat sudut-sudutnya hanya setelah kita menggambar persegi panjang. Juga, kita tidak dapat mengubah nilai radius saat menggambar bentuk, namun Photoshop tidak mengizinkan kita untuk kembali dan mengubah nilai radius setelah kita menggambar bentuknya. Semua hal di atas berarti bahwa menggambar persegi panjang bulat pada dasarnya adalah proses coba-coba.

Jika Anda tidak menyukai pembulatan sudut persegi panjang, setelah Anda menggambarnya, buka bagian menu "Mengedit"(Edit) di bagian atas layar dan pilih Batalkan: Alat Persegi Panjang Bulat(Undo Rounded Rectangle Tool) (atau tekan pintasan keyboard Ctrl + Z (Win) / Command + Z (Mac)), akibatnya bentuknya akan dihapus dari dokumen. Kemudian masukkan nilai baru untuk radius di bilah Opsi dan mulai lagi menggambar persegi panjang.

Pilih Edit> Undo: Rounded Rectangle Tool

Pintasan keyboard yang sama yang kita lihat ketika kita belajar tentang alat Rectangle bekerja dengan alat Rounded Rectangle. Untuk menggambar persegi dengan sudut membulat, mulailah menggambar bentuk, lalu tekan dan tahan Menggeser. Lepaskan tombol Shift setelah Anda melepaskan tombol mouse Anda.

Untuk menggambar bentuk dari tengah, bukan dari sudut, mulailah menggambar bentuk, lalu tekan dan tahan Alt (Menang) / Opsi (Mac). Dan akhirnya, penekanan tombol bersama Menggeser+ Alt (Menang) / Menggeser+ Pilihan (Mac) akan menyebabkan persegi ditarik dari pusat. Kunci harus dilepaskan hanya setelah Anda melepaskan tombol mouse.

Alat elips

Alat "Elips"(Ellipse Tool) memungkinkan kita menggambar elips dan lingkaran. Saya akan memilihnya dari toolbar:

Memilih Ellipse Tool

Sama seperti alat lain yang telah kita lihat, klik di jendela dokumen untuk menentukan titik awal bentuk, lalu tahan tombol mouse dan seret kursor mouse secara diagonal untuk menyelesaikan menggambar bentuk:

Gambar sebuah elips dengan Ellipse Tool

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

Bentuknya penuh dengan warna.

Untuk menggambar lingkaran lurus sempurna menggunakan alat Ellipse, mulailah menyeret lalu tekan dan tahan Menggeser... Untuk menggambar elips dari tengah, tekan dan tahan Alt (Menang) / Pilihan (Mac) setelah mulai menggambar. Menahan tombol secara bersamaan Menggeser+ Alt (Menang) / Menggeser+ Pilihan(Mac) akan membiarkan Anda menggambar lingkaran dari tengah. Dan seperti biasa, lepaskan tombol hanya setelah Anda melepaskan tombol mouse:

Lingkaran digambar dengan alat Ellipse

Alat poligon

Alat "Poligon"(Alat Poligon) lebih menarik bagi kami dalam hal kemungkinan menggambar bentuk. Saya akan memilihnya dari toolbar:

Memilih Alat Poligon

Saat menggunakan Rectangle tool kita hanya bisa menggambar segi empat segi empat, tool Polygon memungkinkan kita menggambar poligon dengan sisi sebanyak yang kita inginkan. Selanjutnya, kita akan melihat bagaimana Anda bahkan bisa menggambar bintang dengan alat ini! Untuk menggambar bentuk menggunakan alat Polygon, pertama masukkan jumlah sisi yang Anda inginkan di kotak parameter "Para Pihak"(Sisi) di panel pengaturan. Anda dapat memasukkan angka antara 3 dan 100. Secara default, jumlah sisinya adalah 5, dan saya akan membiarkannya seperti ini:

Masukkan jumlah sisi di kotak parameter "Sisi"

Setelah Anda menentukan jumlah sisi, posisikan kursor Anda di jendela dokumen dan mulailah menyeretnya keluar untuk menggambar bentuk poligonal. Photoshop selalu menggambar bentuk poligonal dari tengah, jadi Anda tidak perlu menahan Alt (Win) / Option (Mac). Menekan dan menahan tombol Menggeser setelah Anda mulai menggambar poligon, itu akan memungkinkan Anda untuk membatasi jumlah sudut untuk bentuk Anda dan menempatkannya di layar persis seperti yang diperlukan:

Bentuk 5 sisi digambar dengan alat Polygon

Dengan menentukan jumlah sisi menjadi 3, kita dapat dengan mudah menggambar segitiga:

Segitiga sederhana digambar dengan alat Polygon

Di bawah ini adalah poligon dengan sisi 12. Sama seperti opsi Radius untuk alat Rounded Rectangle, kami tidak dapat mengubah jumlah sisi setelah menggambar bentuk, jadi jika Anda membuat kesalahan, Anda harus pergi ke bagian menu "Mengedit"(Edit) di bagian atas layar dan pilih Batalkan: Alat Poligon(Undo Polygon Tool) (atau tekan Ctrl + Z (Win) / Command + Z (Mac)), lalu masukkan nilai yang berbeda di kotak parameter "Sides" dan gambar ulang bentuknya:

Poligon dengan dua belas sisi

Menggambar bintang dengan alat Polygon

Untuk menggambar bintang dengan alat Polygon, klik ikon roda gigi di panel pengaturan, lalu pilih opsi "Bintang"(Bintang):

Klik pada ikon roda gigi dan pilih parameter "Bintang"

Kemudian klik di jendela dokumen dan seret kursor untuk menggambar bintang. Parameter "Para Pihak"(Sisi) di panel pengaturan menentukan jumlah simpul bintang, jadi jika nilai default parameter adalah lima, kami mendapatkan bintang berujung lima:

Bintang berujung lima digambar dengan alat Polygon

Dengan mengubah parameter Sisi menjadi 8, kita mendapatkan bintang berujung delapan:

Tentukan jumlah simpul bintang menggunakan parameter Sisi

Kita dapat menggambar bentuk yang terlihat seperti bintang yang meledak dengan meningkatkan ketajaman sinar bintang menggunakan parameter "Kedalaman sinar"(Indent Sides By). Secara default, nilai parameter ini adalah 50%, saya akan meningkatkan nilainya menjadi 90%. Saya juga akan menambah jumlah simpul bintang menjadi 16:

Gambarlah bentuk yang terlihat seperti bintang yang meledak dengan meningkatkan nilai Kedalaman Sinar

Dan inilah angka yang saya dapatkan:

Meledak bintang yang digambar dengan alat Polygon

Secara default, simpul bintang memiliki sudut tajam, tetapi kita dapat membulatkannya dengan memilih opsi Sudut Luar Halus(Sudut Halus):

Memilih opsi Smooth Outside Corners

Di bawah ini adalah bintang berujung lima dengan opsi Smooth Outer Corners dipilih:

Sudut Luar Halus melembutkan sudut bintang

Kami juga dapat membulatkan sudut di dasar sinar bintang dengan memilih opsi Sudut Dalam Halus(Indentasi Halus):

Memilih opsi Smooth Inner Corners

Sekali lagi, bintang kita terlihat sangat berbeda:

Bintang yang digambar dengan Sudut Dalam Halus dipilih

Alat garis

Alat utama terakhir dalam grup Bentuk adalah alat "Garis"(Alat Garis). Saya akan memilihnya dari toolbar:

Memilih alat Garis

Alat ini memungkinkan kita menggambar garis lurus sederhana, tetapi kita juga bisa menggambar panah dengannya. Untuk menggambar garis lurus, pertama, atur lebar garis dengan memasukkan nilai (dalam piksel) di kotak parameter "Ketebalan"(Berat) di panel pengaturan. Secara default, ketebalannya adalah 1 piksel, saya akan meningkatkannya menjadi 16 piksel:

Parameter "Ketebalan" bertanggung jawab atas ketebalan (atau lebar) garis

Kedua, sama seperti alat grup Shapes lainnya, klik di jendela dokumen dan seret kursor untuk menggambar garis. Untuk mempermudah menggambar garis horizontal atau vertikal, tekan dan tahan tombol Menggeser, setelah Anda mulai menggambar garis, lalu lepaskan tombol mouse dan terakhir tombol Shift:

Tahan tombol Shift untuk menggambar garis horizontal atau vertikal

Gambar panah arah

Untuk menggambar panah, klik ikon roda gigi di panel pengaturan untuk membuka opsi "Panah"(Panah). Pilih di mana Anda ingin menambahkan panah: di awal garis, di akhir, atau di kedua ujungnya secara bersamaan (jika Anda ingin panah mengarah ke arah yang sama saat Anda menggambar garis, pilih opsi "Pada akhirnya"(Akhir)):

Klik pada ikon roda gigi untuk mengakses opsi Panah.

Di bawah ini adalah garis yang mirip dengan yang sebelumnya, kecuali ada ikon panah di bagian akhir:

Mudah menggambar panah panduan dengan alat Garis

Jika ukuran panah default tidak sesuai dengan Anda, Anda dapat mengubahnya menggunakan opsi "Lebar"(Lebar) dan "Panjang"(Panjang). Kami juga dapat menambahkan kurva ke panah menggunakan parameter "Lengkungan"(Kecekungan). Secara default, nilai parameter ini adalah 0%, tetapi saya akan meningkatkannya menjadi 50%:

Ubah bentuk panah dengan meningkatkan nilai parameter "Kelengkungan"

Dan seperti inilah panah itu sekarang. Pastikan untuk memilih nilai untuk opsi alat Garis sebelum Anda mulai menggambar garis, karena Anda tidak dapat mengubahnya saat Anda menggambar. Jika Anda ingin membuat perubahan, Anda harus menghapus bentuk dan menggambar ulang:

Panah dengan kelengkungan 50%

Sembunyikan garis di sekitar bentuk

Setiap kali kita menggambar bentuk dalam tutorial ini, program menampilkan garis tipisnya. Ketika kami melepaskan tombol mouse, program selesai menggambar bentuk dan mengisinya dengan warna. Masalahnya adalah jika Anda melihat lebih dekat pada bentuk yang telah Anda gambar, kemungkinan besar Anda akan melihat garis tipis di sekitarnya yang tidak hilang kemana-mana. V&

Hasil akhir

Seperti yang Anda ketahui, ilustrasi vektor saat ini sangat populer di grafis web. Desainer profesional dapat membuat ilustrasi seperti itu dalam hitungan jam. Apakah Anda seorang pemula atau hobi, pelajaran grafis web pasti akan sangat berguna bagi Anda. Tujuan dari pelajaran ini adalah untuk menjelaskan proses pembuatan gambar yang dipilih. Saya akan menunjukkan seluruh proses langkah demi langkah dan menjelaskan semua langkah menggunakan komentar saya.

Untuk membuat gambar yang sangat keren, Anda harus memilih program yang diinginkan dan mengikuti aturan tertentu. Jika Anda ingin menggambar ilustrasi vektor, Anda harus ingat bahwa untuk ini Anda menggunakan editor seperti ilustrator Adobe atau Corel Draw... Namun, Photoshop memiliki dana yang cukup untuk mengembangkan ilustrasi vektor. Saya akan dengan jelas menunjukkan ini dalam pelajaran saya tentang cara menerjemahkan gambar menjadi vektor. Saya telah memilih sketsa kucing sebagai dasar ilustrasi. Saya memutuskan untuk menggambarkan kucing biru dengan bunga merah muda di cakarnya.

Langkah 1

Mari kita mulai dengan membuat latar belakang. Gambar bentuk menggunakan Selection Tool () (di dalam Lapisan bentuk(Bentuk Lapisan)). Pengaturan - (Isi Opacity) = 0% ... Sekarang gunakan overlay gradien: ((Layer Style - Gradient Overlay)) untuk mengisi bentuk yang dibuat. Semua pengaturan adalah default, Anda hanya perlu mengubah sudut (saya akan menentukan derajat) dan gradien. Menambahkan Pukulan(Stroke) ((Gaya Lapisan - Stroke)). Kami menggunakan semua pengaturan default, kecuali lebar di 1 px dan warna.