ฉันจะทำให้เอฟเฟ็กต์จังหวะที่สมบูรณ์แบบของพิกเซลที่คมชัดใน Photoshop ได้อย่างไร


16

ฉันกำลังทำงานเกี่ยวกับศิลปะพิกเซลแบบย้อนยุคสำหรับวิดีโอเกม ฉันต้องการเพิ่มเส้นขอบรอบสไปรต์ แต่ฉันต้องการให้คมและ "พิกเซลสมบูรณ์แบบ" การใช้เอฟเฟ็กต์ Stroke ของ Photoshop ดูเหมือนจะเป็นตัวเลือกที่ชัดเจน แต่น่าเสียดายที่ Photoshop ทำการต่อต้านนามแฝงบางอย่างและเพิ่มพิกเซลพิเศษที่ฉันไม่ต้องการ:

ป้อนคำอธิบายรูปภาพที่นี่ (ภาพขยายเป็น 400%)

ขอบภาพด้านบนถูกสร้างขึ้นโดยใช้ Photoshop Stroke (ขนาด: 1px, ตำแหน่ง: ภายนอก)

เส้นขอบรูปภาพด้านล่างถูกวาดด้วยเครื่องมือดินสอด้วยตนเอง

ผลด้านล่างคือสิ่งที่ฉันตามมา แต่ฉันพยายามทำให้สำเร็จโดยไม่ต้องวาดด้วยมือด้วยเครื่องมือดินสอ มีวิธีใดที่จะบังคับให้ Stroke Effect ทำงานแบบนี้หรือไม่? หรือมีวิธีอื่นที่ฉันสามารถใช้เพื่อทำให้เกิดผลนี้โดยอัตโนมัติหรือไม่


คุณมีสิทธิ์เข้าชมดอกไม้ไฟหรือไม่? มันเป็นเครื่องมือที่ดีกว่าสำหรับงานประเภทนี้ นอกจากนี้สำหรับการแก้ปัญหานี้ฉันไม่ต้องกังวลกับจังหวะเลยและใช้เครื่องมือดินสอเพื่อวาดมัน
DA01

ใช้เครื่องมือดินสอ @ DA01 Adobe ฆ่าดอกไม้ไฟอย่างน่าเศร้า
Billy Kerr

@BillyKerr ใช่ดูเหมือนว่าคำแนะนำซอฟต์แวร์ยังไม่บรรลุนิติภาวะ :)
DA01

คำตอบ:


13

วิธีที่ง่ายมากในการทำสโตรกภาพให้คมชัดคือใช้เลเยอร์เงาแบบหล่น (อ่านแล้วคุณอ่านได้ถูกต้อง)

Sharp Stroke ใน Photoshop

Goomba ด้านบนเป็นตัวอย่างของคุณ Goomba ด้านล่างเป็นบิตแมปเดียวกัน แต่ถูกพรางด้วยการเพิ่มจังหวะเป็นสไตล์เลเยอร์เงา เคล็ดลับในการทำให้ถูกต้องคือเส้นโค้งรูปร่างที่กำหนดเอง

เส้นโค้งรูปร่างที่กำหนดเอง

สามารถทำได้เช่นเดียวกันกับสไตล์เลเยอร์เรืองแสงด้านนอก และตอนนี้คุณสามารถใช้สิ่งนี้กับเลเยอร์ใดก็ได้อย่างง่ายดาย


การตั้งค่ามุมมีความสำคัญอย่างไร?
horatio

4
เมื่อระยะทางเป็น 0 มุมก็ไม่สำคัญ
Marc Edwards

วิธีแก้ปัญหาที่ชาญฉลาดในการใช้ Strokes! มันใช้งานได้ดีจริง ๆ ไม่เคยคิดจะใช้รูปทรง!
bigp

Word ..... ฉันไม่เคยคิดที่จะใช้เงาแบบหล่น มันทำงานได้อย่างสมบูรณ์แบบสำหรับฉันเช่นกันสำหรับแอปพลิเคชันเดียวกัน
Nungster

4

ในการทำเช่นนี้คุณสามารถทำตามขั้นตอนนี้:

  1. เปลี่ยนเลเยอร์ของคุณให้เป็นวัตถุอัจฉริยะด้วยวิธีนี้คุณสามารถทำสำเนาเลเยอร์จำนวนมากที่จะซิงค์โดยอัตโนมัติโดยคำนึงถึงเนื้อหา
  2. ทำสำเนาของวัตถุอัจฉริยะสี่ชุดนี้ ( ไม่ได้ใช้ฟังก์ชั่น "วัตถุอัจฉริยะใหม่ผ่านการคัดลอก" ซึ่งจะทำให้วัตถุอัจฉริยะแยกจากกันเราต้องการให้พวกเขาเป็นตัวอย่างที่นี่)
  3. ปรับตำแหน่งของแต่ละสำเนาสี่ชุดโดยเลื่อนนิ้วแต่ละพิกเซลในทิศทางทั้งสี่ (เช่นหนึ่งขึ้นหนึ่งลงหนึ่งซ้ายหนึ่งและอีกหนึ่งขวา)
  4. จัดกลุ่มสำเนาสี่ชุดลงในกลุ่มในถาดสีชั้น
  5. เพิ่มเลเยอร์สีทึบสีน้ำเงิน (สีเส้นขีด) วางไว้เหนือกลุ่ม
  6. คลิก Alt ที่เส้นคั่นระหว่างกลุ่มและเลเยอร์สีน้ำเงินเพื่อเปลี่ยนกลุ่มเป็นรูปแบบการตัดสำหรับเลเยอร์สีน้ำเงิน

ผลลัพธ์:

ชั้น เทพดา

คุณสามารถดาวน์โหลดไฟล์ Photoshop CS6 ที่นี่

เทคนิคนี้สามารถปรับได้ง่ายเพื่อรวมพิกเซลในทั้ง 8 ทิศทางโดยเพียงแค่ทำซ้ำขั้นตอนข้างต้นเป็นครั้งที่สอง (อีก 4 ชั้น) และสะกิดพวกมันหนึ่งพิกเซลในแนวทแยงมุมในทิศทางสี่ทิศทแยงมุม


1

คำตอบของ Lasse นั้นดี อย่างไรก็ตามเลเยอร์การปรับ Posterize ที่ตั้งค่าเป็น 2 อาจขึ้นอยู่กับคุณในขั้นตอนเดียวทั้งนี้ขึ้นอยู่กับการตั้งค่าของคุณ มันคุ้มค่าที่จะลอง

การเลเยอร์ไฟล์ของคุณหนึ่งสีต่อเลเยอร์จะช่วยให้คุณไปถึงที่นั่นได้โดยใช้ Posterize

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.