Bagaimana saya bisa mencapai efek stroke sempurna pixel tajam di Photoshop?


16

Saya sedang mengerjakan seni pixel bergaya retro untuk video game. Saya ingin dapat menambahkan perbatasan di sekitar sprite, tetapi saya harus membuatnya tajam dan "pixel perfect". Menggunakan efek Stroke Photoshop sepertinya pilihan yang jelas, tetapi sayangnya Photoshop melakukan beberapa anti-aliasing dan menambahkan piksel tambahan di mana saya tidak menginginkannya:

masukkan deskripsi gambar di sini (Gambar diperbesar hingga 400%)

Perbatasan gambar atas dibuat menggunakan Photoshop Stroke (ukuran: 1px, posisi: Luar).

Batas gambar bawah digambar secara manual dengan alat pensil.

Efek dasarnya adalah yang saya kejar, tetapi saya berusaha mencapainya tanpa harus menggambarnya secara manual dengan alat pensil. Apakah ada cara untuk memaksa efek Stroke berperilaku seperti ini? Atau adakah metode lain yang bisa saya gunakan untuk mengotomatisasi efek ini?


Apakah Anda memiliki akses ke kembang api? Ini alat yang lebih baik untuk jenis pekerjaan ini. Kecuali itu, untuk resolusi pekerjaan ini, saya tidak akan repot dengan goresan sama sekali dan hanya menggunakan alat pensil untuk menggambarnya.
DA01

Gunakan alat pensil. @ DA01 Adobe membunuh Fireworks, sayangnya.
Billy Kerr

@ BillyKerr ya, sepertinya saran perangkat lunak tidak bertambah umur. :)
DA01

Jawaban:


13

Cara yang sangat mudah untuk mencapai goresan yang tajam adalah dengan gaya layer drop shadow (ya, Anda membacanya dengan benar).

Stroke tajam di Photoshop

Goomba teratas adalah contoh Anda. Bagian bawah Goomba adalah bitmap yang sama, tetapi ditutup dengan stroke yang ditambahkan sebagai gaya layer drop shadow. Trik untuk memperbaikinya adalah kurva kontur khusus.

Kurva kontur khusus

Hal yang sama dapat dilakukan dengan gaya lapisan luar cahaya. Dan, sekarang Anda dapat menerapkan ini ke semua lapisan dengan mudah.


apakah pengaturan sudut itu penting?
horatio

4
Ketika jaraknya 0, sudutnya tidak masalah.
Marc Edwards

Solusi yang cukup cerdas untuk menggunakan Stroke! Ini bekerja dengan sangat baik, tidak pernah berpikir untuk menggunakan kontur!
bigp

Word ..... Saya tidak akan pernah berpikir untuk menggunakan drop shadow. Ini berfungsi dengan baik untuk saya juga untuk aplikasi yang sama.
Nungster

4

Untuk melakukan ini, Anda dapat mengikuti prosedur ini:

  1. Ubah layer Anda menjadi objek pintar, dengan cara ini Anda dapat membuat banyak salinan dari lapisan yang secara otomatis akan tetap sinkron berkaitan dengan konten
  2. Buat empat salinan objek pintar ini ( tidak menggunakan fungsi "Objek Cerdas Baru via Salin", ini akan membuat objek pintar terpisah, kami ingin mereka akan dipasang di sini)
  3. Sesuaikan posisi masing-masing dari empat salinan, dengan menyodoknya masing-masing satu piksel dalam empat arah (mis. Satu ke atas, satu ke bawah, satu ke kiri, dan satu ke kanan)
  4. Kelompokkan empat salinan menjadi grup di palet layer
  5. Tambahkan layer warna solid biru (warna stroke), posisikan di atas grup
  6. Alt-klik garis pemisah antara grup dan lapisan biru untuk mengubah grup menjadi topeng kliping untuk lapisan biru

Hasil:

Layers Sprite

Anda dapat mengunduh file Photoshop CS6 di sini .

Teknik ini dapat dengan mudah diadaptasi untuk juga memasukkan piksel dalam semua 8 arah dengan hanya mengulangi langkah-langkah di atas untuk kedua kalinya (4 lapisan lainnya) dan mendorong mereka satu piksel secara diagonal dalam empat arah diagonal.


1

Jawaban Lasse bagus. Namun, tergantung pada pengaturan Anda, lapisan penyesuaian Posterize yang diatur ke 2 mungkin akan membawa Anda ke sana dalam satu langkah. Ini pasti patut dicoba.

Layering file Anda, satu warna per lapisan, pasti akan membuat Anda di sana menggunakan Posterize.

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.