Bentuk terdistorsi saat menambahkan goresan di Illustrator CS6

Saya baru-baru ini mulai belajar cara menggunakan Adobe Illustrator (CS6), dan baru saja saya melihat sesuatu yang aneh. Ketika saya menambahkan stroke 1pt ke bentuk saya, itu akan sedikit terdistorsi. Distorsi ini tidak hilang jika saya menghilangkan stroke. (Tetapi hanya jika saya menghilangkan goresan dengan menetapkan bobotnya ke 0. Menggunakan CTRL+ Zakan mengembalikan bentuk ke kondisi semula.)

Setelah menambahkan dan menghapus stroke beberapa kali, perbedaannya menjadi cukup mencolok: masukkan deskripsi gambar di sini

Apakah saya melakukan sesuatu yang salah? Apakah ini bug? Saya tidak bisa membayangkan ini menjadi perilaku yang diharapkan.

EDIT: Saya pikir saya sudah menemukannya. Tampaknya, mematikan 'Align to pixel grid' tidak memengaruhi bentuk sebelumnya. Jika saya mematikannya dan kemudian membuat ulang bentuk saya dari awal, masalahnya sudah diperbaiki.

Namun, saya bertanya-tanya apakah mereka adalah cara untuk menonaktifkan efek untuk bentuk yang ada. Dengan kata lain, dapatkah saya 'memperbaiki' bentuk yang saya buat saat 'Align to pixel grid' masih menyala?

adobe-illustrator stroke

— Dromin
sumber

Hanya untuk memperjelas: pada tangkapan layar Anda, itu bergerak dari kiri atas ke kanan bawah, dan satu-satunya perubahan yang Anda buat pada setiap langkah adalah menambahkan lalu menghapus goresan? Dan itu hanya menambah dan menghilangkan goresan yang tampaknya menyebabkan distorsi di kanan atas cerobong asap? Jika demikian, itu pasti tidak terlihat seperti perilaku yang diharapkan ... Saya belum pernah melihat yang seperti itu.

— user56reinstatemonica8

bagaimana Anda membuat bentuk? Apakah Anda menggunakan alat Buildebuilder atau Live Paint Bucket? Saya belum dapat menciptakan kembali perilaku yang Anda gambarkan.

— leugim

Satu-satunya hal yang dapat saya pikirkan adalah, coba putar selaraskan ke kisi pixel . Terkadang memiliki efek samping yang aneh. Jika itu tidak membantu, jika Anda memposting langkah-langkah tepat yang Anda ambil untuk menambah dan menghapus stroke, orang mungkin dapat menemukan sesuatu yang tidak biasa.

— user56reinstatemonica8

@ user568458 Ya, yang saya lakukan hanyalah menambah dan menghapus stroke. Saya melakukan ini dengan memilih bentuk (menggunakan Selection Tool) dan kemudian mengubah nilai di sebelah 'stroke' di kiri atas layar. Saya mencoba menambahkan dan menghapus goresan menggunakan Panel Stroke, tetapi hasilnya sama. 'Sejajarkan Objek Baru Ke Pixel Grid' sudah mati.

— Dromin

@leugim Sejauh yang saya ingat: Saya pertama kali membuat bentuk terpisah (segitiga untuk atap, dua persegi panjang untuk dinding dan cerobong), kemudian menambahkan sudut bulat menggunakan Effect -> Stylize -> Round Corners. Kemudian saya 'menerapkan' efeknya dengan menggunakan Object -> Expand Appearance. Akhirnya saya menggabungkan bentuk menggunakan Panel Pathfinder. Pintu itu dibuat dan dipotong dari bentuk total dengan cara yang sama. (Saya tidak tahu apakah ini cara yang 'benar' untuk menggabungkan bentuk. Seperti yang saya katakan sebelumnya, saya hanya pemula.)

— Dromin

Jawaban:

Kontrol untuk apakah setiap objek individual diselaraskan dengan grid piksel disembunyikan secara default (di CS6, dan saya pikir di CS5 juga). Mengapa? Tidak tahu ... salah satu dari banyak hal yang membingungkan.

Di jendela Transform (buka dengan Window > Transform), di menu flyout (ikon di sudut kanan atas), klik Show options. Pada sebagian besar panel dalam aplikasi Adobe, banyak dari kontrol yang paling penting sangat membantu tersembunyi tanpa jejak seperti ini ...

Itu kemudian memberi Anda dua kotak centang:

masukkan deskripsi gambar di sini

Tombol 'Align to pixel grid' mengontrol pengaturan untuk apa pun yang Anda pilih saat ini, dan berfungsi baik Anda telah Align new objects to pixel gridmencentang maupun tidak .

Saya 90% yakin bahwa inilah yang dirujuk Scott, dan bahwa karena tidak ada Align to Pixel Gridtombol yang terlihat , Anda mengira ia yang Align new objects to pixel gridmemilih. Secara pribadi, saya selalu menekan 'show options' pada segalanya dan tidak ingat apa yang disembunyikan secara default dan apa yang tidak (karena mengapa saya menyembunyikan opsi? Silly Adobe ...).

Pilih semuanya ( cmd+ A), lalu centang kotak Align to Pixel Grid yang sekarang tidak tertutup sampai kosong untuk sepenuhnya membersihkan dokumen Anda Align new objects to pixel gridyang telah dicentang secara default.

Secara pribadi, saya tidak benar-benar percaya Align to Pixel Gridkecuali sebagai pilihan terakhir ketika gambar yang dirancang untuk web rendering sangat buruk - Saya lebih suka menggunakan script Wundes Pixel Align yang hanya menyenggol objek yang dipilih ke grid pixel sekali tanpa konsekuensi yang tak terduga.

— user56reinstatemonica8
sumber

Hapus centang Align to PixelGrid pada Panel Transform.

— Scott
sumber

Saya sudah mencobanya sebelum saya memposting pertanyaan saya di sini. Tampaknya tidak ada bedanya.

— Dromin

@Dromin, itulah satu-satunya hal yang saya ketahui yang akan menghasilkan distorsi yang Anda tunjukkan. Saya belum pernah mendengar atau melihat masalah lain yang menyebabkan apa yang Anda gambarkan.

— Scott

Tautan ke file yang menunjukkan masalah.

— Scott

Masalahnya pasti di jendela transformasi 'sejajarkan dengan piksel grid' ... setelah membaca di atas dan 'mengujinya', saya yakin masalah kita sudah terpecahkan. Sekarang saya tidak memiliki masalah ini sampai saya mulai menerima file vektor dari klien. ai dan / atau pdf. Inilah sebabnya saya selalu berkhotbah "Jangan mengirim file dengan stroke!" Ini hanya satu masalah yang bisa Anda miliki. Anda perlu memastikan semua default Anda diatur dengan benar. Saya pribadi selalu mengonversi guratan menjadi

Mematikan 'Align to pixel grid' tidak memengaruhi bentuk sebelumnya. Jika saya mematikannya dan kemudian membuat ulang bentuk saya dari awal, masalahnya sudah diperbaiki.

Itu betul. Karena pengaturan memengaruhi apa yang Anda lakukan sejak saat itu. Tetapi apa yang sebenarnya terjadi di sini? Masalahnya adalah stroke (biasanya dengan 1pt) terpusat pada garis, menghasilkan piksel "setengah". Sekarang Illustrator mencoba mengatur garis-garis baru tersebut pada seluruh piksel, sehingga kurva Anda bergerak. Berikut adalah dua hal tambahan (untuk mematikan align to grid, karena Anda mungkin perlu alignment) yang dapat Anda gunakan untuk mengatasi hal ini sejak awal:

Kerjakan 10 kali lipat dari ukuran. Mengapa? Semua ini biasanya terjadi ketika bekerja pada ukuran yang sangat kecil (mis. 16x16px). Jadi, jika Anda bekerja di 160x160 dan mengekspor semuanya dengan 10% mengurangi masalah ini.

Menyiapkan stroke dalam 2pt. Saya menemukan bahwa Anda juga dapat melawan perilaku ini dengan mengatur stroke ke 2pt ketika Anda mengaturnya, pada dasarnya 1px di dalam dan satu di luar. Kemudian, sejajarkan stroke ke bagian dalam atau luar. Setelah itu Anda bisa mengubahnya kembali menjadi 1pt.

Saya sendiri hanya bekerja dengan stroke 1pt selaras di dalam atau di luar lagi. Hasilnya juga lebih tajam karena menghilangkan masalah setengah piksel pada garis lurus.

— KMSTR
sumber