ฉันจะทำให้ภาพดูเป็นพิกเซลเช่นกราฟิกอาร์เคดในโรงเรียนเก่าได้อย่างไร


20

ฉันต้องการที่จะใช้ศิลปะสต็อก (สามารถเป็นมิติใด ๆ ) และทำให้มันดูเป็นพิกเซลชนิดของวิดีโอเกมมาริโอบราเธอร์สเก่า ๆ ราว ๆ ยุค 80 ส่วนหนึ่งของการจัดการภาพจะต้องลดขนาดลง

Mario Brothers วิดีโอเกม

นี่คือสิ่งที่ฉันเริ่มต้นด้วย

ป้อนคำอธิบายรูปภาพที่นี่

มีตัวกรองหรือขั้นตอน Photoshop บางอย่างที่ฉันสามารถใช้เพื่อสร้างเอฟเฟกต์นี้ได้หรือไม่

ฉันพยายามใช้ฟิลเตอร์ "Pixelate" เป็นหลัก แต่ก็สร้างพิกเซลการเปลี่ยนระหว่างขอบสี ฉันก็แค่พยายามลดขนาดของภาพเป็น 40 x 35 พิกเซลและนี่คือสิ่งที่ฉันเห็น

ป้อนคำอธิบายรูปภาพที่นี่

ฉันจะได้รับพิกเซลที่คมชัดและสีเต็มรูปแบบเช่นไอคอน Mario Brothers ได้อย่างไร


12
ฉันคิดว่าส่วนหนึ่งของปัญหาคือวิดีโอเกมรู้มาก่อนถึงข้อ จำกัด ของสื่อ ไอคอนทั้งหมดเหล่านี้ได้รับการออกแบบบนตารางพิกเซล 100 x 100 หรืออะไรก็ตาม หากคุณต้องการตะกร้าของคุณเป็นไอคอน 8 บิตคุณควรออกแบบตั้งแต่เริ่มต้นด้วยผู้วาดภาพประกอบบนกริด 100x100 พิกเซล
maxwell

หรืออาจมีฟีเจอร์ที่ใครบางคนจะตอบด้านล่างซึ่งคุณใช้พิกเซลทั้งหมดในช่วงของสีและบังคับให้มันกลายเป็นเวอร์ชันที่สว่างของสีนั้น
maxwell

ฉันรู้สึกเหมือนเคยเห็นสิ่งนี้ถามมาที่นี่มาก่อน แต่ฉันหามันไม่เจอ ฉันจะค้นหาต่อไป
Manly


ฉันขอแนะนำให้เริ่มต้นใหม่ แต่ให้แน่ใจว่าได้ลองและเก็บภาพทั้งหมดไว้ในตาราง 8 8 หรือ 16 หรือ 16 พิกเซล 16 พิกเซลปรับขนาดในภายหลัง

คำตอบ:


28

นี่เป็นวิธีที่ค่อนข้างง่ายในการแปลงภาพขนาดเต็มเป็นกราฟิกพิกเซล

รูปภาพเริ่มต้น

รูปภาพขนาดเต็ม

ในการเริ่มต้นให้ไปที่รูปภาพ -> ขนาดรูปภาพ เปลี่ยนวิธีการสุ่มตัวอย่างเป็นเพื่อนบ้านที่ใกล้ที่สุดซึ่งจะทำให้ขอบแข็ง คุณสามารถซูมเข้าไปดูตัวอย่างทางด้านซ้ายเพื่อรับความคิดที่ดีว่าผลลัพธ์สุดท้ายของคุณจะเป็นอย่างไร คุณสามารถเห็นฉันอยู่ที่ 500% ในตัวอย่างนี้ จากนั้นตั้งค่าความกว้าง / ความสูงตามขนาดที่คุณต้องการแล้วกดตกลง

Downsize

ขั้นตอนต่อไปนี้เป็นทางเลือก

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

Upsize

นี่คือลักษณะที่ผลลัพธ์สุดท้ายของคุณจะมีลักษณะ (ขึ้นอยู่กับว่าคุณลดขนาดต้นฉบับลงมากน้อยแค่ไหน)

ตัวหนังสือ


2
คำแนะนำ: มีการปรับขนาดกราฟิกพิกเซลพิเศษบางส่วน(วิกิพีเดียที่มีระดับสูงส่วนใหญ่พูดถึงการลดอัตราการสุ่มและเครื่องมือลดระดับที่มีอยู่) เครื่องมือที่ทำงานได้ดีกว่าเพื่อนบ้านที่ใกล้ที่สุด
joojaa

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

1
คุณสามารถลดจานสีซึ่งเป็นข้อ จำกัด ของระบบเกมยุคต้น - โดยเปลี่ยนเป็นสีที่จัดทำดัชนีและลดจำนวนสีที่มีให้เหลือเป็น 16, 8, หรือ 4
Rob Craig

27

เมื่อคุณทำงานกับพิกเซลจำนวนน้อยคุณต้องนับทุกพิกเซล ฉันสงสัยว่าเครื่องคัดแยกอัตโนมัติจะประสบความสำเร็จด้วยคุณภาพที่น่าพอใจ

คำแนะนำของฉันคือลดขนาดตามที่ต้องการตามปกติ (หรืออาจใช้ตัวเลือกเพื่อนบ้านที่ใกล้ที่สุด) จากนั้นซูมเข้าเปิดตารางและข้ามพิกเซลภาพของคุณทีละพิกเซลเพื่อทำความสะอาด เพื่อเพิ่มรูปลักษณ์ย้อนยุคคุณควรทำงานกับจานสีที่มี จำกัด


2
นี่เป็นวิธีที่ดีกว่าที่จะทำ สร้างกราฟิกจากจุดเริ่มต้นด้วยภาพตัดปะพิกเซลและสื่อที่ จำกัด และขนาดในใจ
แซมผู้ประกอบ

2
การ จำกัด จานสีเป็นจุดที่ดี
Eneko Alonso

1

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

ดังนั้นคุณต้องมีโปรแกรมที่เลียนแบบสิ่งนี้ตั้งแต่เริ่มต้น - ฉันเพิ่งทำไปแล้วดังนั้นฉันจึงรู้ว่าใช้งานได้ - คุณใช้ 'ระบายสี' ถูกต้อง freebie ที่ถูกลืมซึ่งมาพร้อมกับ Windows มันอยู่ในอุปกรณ์เสริมบน XP และไม่อยู่ในรุ่นอื่น แต่เป็นปัญหา ที่ไหนสักแห่ง แม้ว่ามันจะหมายถึงการทำสำเนาหน้าจอจากนั้นก็ตัดตะกร้าออกในภายหลัง (ถ้าคุณต้องการทำเช่นนั้นให้วางสำเนาของหน้าจอลงบนหน้าต่างตัดตะกร้าเปิดอินสแตนซ์ใหม่วางตะกร้าในอินสแตนซ์ใหม่)

จากนั้นดูรูป คุณจะเห็นว่าจุดตะกร้าอยู่ตรงจุดใดบ้าง นั่นคือสิ่งที่คุณต้องการเน้นผลกระทบ คุณทำได้โดยซูมภาพใหญ่ (CTRL- เลื่อนหน้าลงหรือใช้มุมมอง / ซูมจากเมนู) และใช้เครื่องมือยางลบในโหมดสี่เหลี่ยมที่เล็กที่สุด (มีรายการสี่เหลี่ยมที่ด้านซ้ายของหน้าจอ) เพื่อนำออกมา พิกเซลพิเศษที่นี่และตรงที่มีเส้นที่มีการจุดภาพผิดเพี้ยนไปแล้ว คุณไม่จำเป็นต้องลบพิกเซลใด ๆ ที่เส้นนั้นเป็นแนวตั้งหรือแนวนอนเพราะหากมองคุณจะเห็นว่าไม่มีพิกเซลหายไปจากเส้นตรงในต้นฉบับ คุณจะต้องใช้หนึ่งพิกเซลในแต่ละมุมของหน้าเหลี่ยมของตะกร้า นั่นเป็นวิธีที่ 1

วิธีที่ 2 เริ่มเหมือนกัน (ใช้ Paint วางภาพ) แต่เพียงบันทึกรูปภาพในรูปแบบที่ไม่ดีจริงๆ plobrem ด้วยวิธีที่ 2 คือทุกสิ่งจะดูพร่ามัวและเป็นจุดด่าง อย่าลืมว่าทำไมมาริโอถึงทำงานเพราะเสาและสีแบนและดีมันเป็นแค่เส้นและมุมที่ไม่ตรง ถ้าฉันทำมันฉันจะไปกับวิธีที่หนึ่ง เพราะฉันเพียงแค่ทำมันได้ผล! ฉันยินดีที่จะส่งเวอร์ชั่นของฉันให้กับคุณหากมีใครสามารถบอกวิธีการที่จะทำได้

คริส


ยินดีต้อนรับสู่ GD.SE แม้ว่าสิ่งนี้จะตอบคำถามได้ แต่ก็ไม่ได้ชี้ให้เห็นถึงความจริงที่ว่า OP ต้องการหาวิธีการอัตโนมัติไม่ใช่ด้วยตนเอง
Luciano

-1

ฉันจะใช้imagemagickเครื่องมือบรรทัดคำสั่งแบบโอเพนซอร์สฟรีสำหรับ MacOS, Windows และ Linux แน่นอน เพียงดาวน์โหลดติดตั้งและใช้บรรทัดคำสั่งในเทอร์มินัล

convert -scale 10% -scale 1000% parrot.jpg parrot-pixel.jpg

นกแก้วต้นฉบับ รูปภาพนกแก้วต้นฉบับ

นกแก้วพิกเซล ภาพนกแก้วตัวหนังสือ

ด้วยการทดลองเล็กน้อยคุณสามารถเปลี่ยนแปลงขนาดพิกเซลได้ แน่นอนเช่นเดียวกับคำตอบอื่น ๆ ระยะทางของคุณจะแตกต่างกันไปตามศิลปะและเป็นความคิดที่ดีที่จะกลับไปแก้ไขด้วยตนเอง

FYI โดยไม่ต้องเสียเวลาดาวน์โหลดและติดตั้ง imagemagick ฉันสามารถประมวลผลพิกเซลในเวลาน้อยกว่า 5 วินาที

สคริปต์ทุบตีง่าย ๆ นั้นสามารถเรียกใช้ผ่านทั้งโฟลเดอร์และทำสิ่งนี้เป็นชุดโดยไม่ต้องฝันร้ายทั้งหมดของการคลิกที่เป็นจุด

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