Pixel Art Guide: 3 วิธีในการสร้าง Pixel Art ด้วย Photoshop

สารบัญ:

Anonim

Pixel art ของความหลากหลาย NES แบบย้อนอดีต 8 บิตกำลังเป็นที่นิยมในขณะนี้ ไม่ว่าจะเป็นในเกมอย่าง The Incident และ Sword & Sworcery หรือเพียงแค่อวตารบนเว็บ หากคุณสงสัยว่าภาพพิกเซลอาร์ตสวยๆ นั้นถูกสร้างขึ้นมาได้อย่างไร และคุณจะทำเองได้อย่างไร ต่อไปนี้เป็นเคล็ดลับบางประการสำหรับภาพพิกเซลแบบเกือบจะทันทีทันใด เราจะใช้ฟีเจอร์การซูม Pixelfari ของ OS X และกำหนดค่า Photoshop เพื่อสร้างงานศิลปะพิกเซลย้อนยุคของคุณเองและล้างผลลัพธ์ของวิธีการอื่นๆ

1) ใช้ Mac OS X Zoom เพื่อทำให้รูปภาพเป็นพิกเซลและสร้างศิลปะพิกเซลทันที

ตอนนี้คุณคงรู้แล้วว่าถ้าคุณกดปุ่ม Control ค้างไว้แล้วใช้สองนิ้วปัดขึ้นหรือลงบนแทร็คแพด คุณจะซูมเข้าไปในหน้าจอ (หรือกด Control ค้างไว้แล้วใช้ล้อเลื่อนบน เมาส์ภายนอก) ถ้าคุณปิดใช้งานการลบรอยหยักในเครื่องมือ OS X Zoom คุณสามารถใช้คุณสมบัตินี้เพื่อสร้างภาพที่มีพิกเซลจากอะไรก็ได้ นี่คือวิธี:

  • Hit Command+Option+\ เพื่อปิดใช้งานการลดรอยหยักในการซูมหน้าจอ
  • เลื่อนเคอร์เซอร์ไปเหนือรูปภาพที่คุณต้องการสร้างพิกเซลทันที
  • ควบคุม+ซูมเข้าไปในภาพและดูพิกเซลที่โตขึ้น
  • ถ่ายภาพหน้าจอทั้งหน้าจอด้วย Command+Shift+3

โดยใช้เทคนิคนี้ ฉันสร้าง MacBook แบบพิกเซลอาร์ตทันที:

หากจำเป็น คุณสามารถล้างภาพใน Photoshop โดยใช้เทคนิค Photoshop ที่กล่าวถึงในบทความนี้เพื่อแก้ไขในระดับต่อพิกเซลที่แม่นยำ เคล็ดลับบางประการสำหรับวิธีนี้:

  • รูปภาพพื้นฐานที่เล็กลงจะดีกว่า การสร้างไอคอนจากรูปภาพแล้วซูมเข้าไปในรูปภาพนั้นดีมาก
  • ความเปรียบต่างที่มากขึ้นโดยทั่วไปจะดีกว่า
  • ลองซูมในระดับต่างๆ

สิ่งสำคัญคือต้องถ่ายภาพหน้าจอแบบเต็มหน้าจอเพื่อให้ภาพมีความสมบูรณ์แบบพิกเซล

2) วาด Pixel Art ใน Photoshop ด้วยเคล็ดลับการกำหนดค่าเหล่านี้

หากคุณมี photoshop คุณสามารถปรับการตั้งค่าบางอย่างเพื่อให้การวาดและการแก้ไขภาพพิกเซลดีขึ้น:

  • เปลี่ยนวิธีที่ Photoshop ปรับขนาดรูปภาพโดยปรับการตั้งค่า "การแก้ไขรูปภาพ" เป็น "เพื่อนบ้านที่ใกล้ที่สุด (คงขอบแข็ง)
  • เปิดใช้งานกริดผ่านการตั้งค่า > เส้นบอกแนว ชิ้นตาราง และจำนวน > 1×1
  • กำหนดค่าเครื่องมือดินสออย่างเหมาะสมให้มีเส้นผ่านศูนย์กลาง 1px พร้อมความแข็ง 100%
  • ใช้การซูมหลายระดับสำหรับทั้งมุมมองพิกเซลระยะใกล้และความละเอียดสุดท้ายที่ต้องการ

การตั้งค่า Photoshop ของคุณจะมีลักษณะดังนี้:

เทคนิค Photoshop เหล่านี้มาจาก Brandon Trebitowski นักพัฒนา iOS และหากคุณสนใจในการออกแบบภาพพิกเซล ขอแนะนำให้อ่านบล็อกโพสต์ของเขาในเรื่องนี้ คุณสามารถอ่านได้ที่นี่ที่ BrandonTreb.com .

3) สร้างศิลปะพิกเซลทันทีด้วย Pixelfari

เคล็ดลับอีกประการหนึ่งเพื่อเพิ่มความเร็วในการสร้างงานศิลปะพิกเซลของคุณ และแม้แต่สร้างงานศิลปะพิกเซลที่เกือบจะทันทีทันใด ก็คือการใช้เว็บเบราว์เซอร์ Pixelfari แบบ 8 บิต Pixelfari มาจากนักพัฒนา Nevan Morgan และคุณสามารถดาวน์โหลดได้ทันทีที่นี่

โดยพื้นฐานแล้ว สิ่งที่คุณต้องทำคือลากรูปภาพใดๆ ลงใน Pixelfari และมันจะแสดงผลรูปภาพเป็นภาพศิลปะพิกเซลโดยอัตโนมัติ จากนั้นถ่ายภาพหน้าจอของหน้าต่าง Pixelfari มันไม่สมบูรณ์แบบ แต่มันสร้างจุดเริ่มต้นที่ดีที่สามารถปรับปรุงได้โดยใช้เทคนิคข้างต้นที่ Brandon กล่าวถึง

นี่คือโลโก้ OSXDaily ที่โยนลงใน Pixelfari โดยไม่มีการแก้ไขใดๆ นี่เป็นตัวอย่างที่ดีของวิธีการทำงาน

อีกครั้ง ถ้าคุณต้องการล้างผลลัพธ์ออก คุณสามารถใช้เคล็ดลับ Photoshop ที่กล่าวถึงข้างต้น หรือคุณสามารถใช้คุณสมบัติการซูมของ OS X เพื่อไฮเปอร์พิกเซลผลลัพธ์ใน Pixelfari

เห็นได้ชัดว่ามีหลายวิธีในการทำเช่นนี้ แต่สำหรับการสร้างพิกเซลอย่างรวดเร็ว เทคนิคการซูมและ Pixelfari นั้นยอดเยี่ยม และการกำหนดค่า Photoshop นั้นสมบูรณ์แบบสำหรับการวาดภาพตั้งแต่เริ่มต้นหรือล้างภาพที่มีพิกเซลล่วงหน้าของคุณคุณยังสามารถลองใช้พู่กันซึ่งเป็นตัวโคลนของ MSPaint ได้ แต่แอปนั้นยากกว่าที่จะได้ราคา สุดท้าย ข้อมูลอ้างอิงทั่วไปที่ดีคือ Natomic ซึ่งมีเคล็ดลับทั่วไปบางประการเกี่ยวกับการแรเงา แสง การใช้เส้น และอื่นๆ ข้อมูลเก่าแต่พิกเซลมีมานานแล้ว ดังนั้นเทคนิคต่างๆ จึงยังคงมีความเกี่ยวข้องมาก

Pixel Art Guide: 3 วิธีในการสร้าง Pixel Art ด้วย Photoshop