구식 아케이드 그래픽과 같이 이미지를 픽셀로 표시하려면 어떻게해야합니까?

20

몇 가지 스톡 아트 (어떤 차원이든 가능)를 가져 와서 80 년대 경의 오래된 마리오 브라더스 비디오 게임처럼 픽셀 화 된 것처럼 보이게 만들고 싶습니다. 이미지 조작의 일부를 축소해야합니다.

이것이 내가 시작하는 것입니다.

이 효과를 내기 위해 사용할 수있는 필터 또는 일부 Photoshop 단계가 있습니까?

본질적으로 "픽셀"필터를 사용해 보았지만 색상 가장자리 사이에 픽셀이 전환됩니다. 나는 또한 이미지의 크기를 40 x 35 픽셀로 줄이려고했는데 이것이 내가 본 것입니다.

Mario Brothers 아이콘과 같이 선명하고 풀 컬러 픽셀을 얻으려면 어떻게해야합니까?

resize image-quality pixel-art

— 마일
소스

12

문제의 일부는 비디오 게임 이 매체의 제약을 미리 알고 있다는 것 입니다. 위의 모든 아이콘은 100 x 100의 픽셀 격자 또는 그 무엇이든 설계되었습니다. 바스켓을 8 비트 아이콘으로 사용하려면 100x100 픽셀 격자에 일러스트 레이터를 사용하여 처음부터 디자인해야합니다.

— maxwell

또는 누군가가 아래에서 대답 할 수있는 기능이있을 수 있습니다. 여기에서 모든 픽셀을 다양한 색상으로 가져 와서 해당 색상의 밝은 버전으로 만들 수 있습니다.

— maxwell

나는 이것이 전에 여기에서 묻는 것을 보았지만 그것을 찾을 수 없습니다. 계속 검색하겠습니다.

— Manly

1

@JohnManly이 것 : graphicdesign.stackexchange.com/questions/9391/…

— Vincent

나는 다시 시작하지만, 시도 및 16 픽셀 격자에 의해 8 (16)에 의해 8에 전체 이미지를 유지하기 위해 확인되고, 나중에 규모를 확대 추천 할 것입니다

28

다음은 전체 크기 이미지를 픽셀 그래픽으로 변환하는 다소 쉬운 방법입니다.

시작 이미지

시작하려면 이미지-> 이미지 크기로 이동하십시오. Resample 방법을 Nearest Neighbor로 변경하면 딱딱한 가장자리가 유지됩니다. 왼쪽의 미리보기를 확대하여 최종 결과가 어떻게 보이는지 알 수 있습니다. 이 예에서 내가 500 %임을 알 수 있습니다. 그런 다음 너비 / 높이를 원하는 크기로 설정하고 확인을 누르십시오.

이 다음 단계는 선택 사항입니다

이미지 크기로 돌아가서 이미지 크기를 필요한 사양으로 늘리십시오. 가장 가까운 이웃 을 유지하십시오 . 완료되면 OK를 누릅니다.

최종 결과는 다음과 같습니다 (원본 크기를 조정 한 크기에 따라 다름).

— 팀 트로이 아노
소스

2

ProTip : 가장 근접한 이웃보다 더 나은 작업을 수행하는 특수한 픽셀 그래픽 스케일링 (위키 포디 아는 대부분 업 스케일링에 대한 대화 가 많지만 다운 스케일 도구가 더 우수합니다) 도구가 있습니다.

— joojaa

4

예를 들어 4 배로 스케일링하는 경우 또 다른 유용한 방법은 먼저 4의 배수보다 1이 큰 간격으로 이미지를 각 방향으로 4 번 타일링하는 것입니다. 16 개의 약간 다른 이미지가 축소됩니다. 대부분의 경우 원본 그래픽의 기능은 다른 버전보다 축소 된 버전에서 훨씬 더 잘 렌더링 될 수 있으므로 16 가지 버전의 기능을 사용할 수 있으면 필요한 추가 손 조정의 양이 최소화 될 수 있습니다.

— supercat

1

초기 게임 시스템의 또 다른 한계 인 색상 팔레트를 색인 색상으로 변경하고 사용 가능한 색상 수를 16, 8 또는 4로 줄임으로써 색상 팔레트를 줄일 수도 있습니다.

— Rob Craig

27

너무 적은 픽셀로 작업하는 경우 모든 픽셀 수를 계산해야합니다. 자동화 된 스케일러가 만족스러운 품질로이를 달성하지 못할 것입니다.

내 조언은 정상적인 크기로 (또는 가장 가까운 이웃 옵션을 사용하여) 필요한 크기로 축소 한 다음 확대하고 그리드를 켜고 픽셀을 정리하여 이미지 픽셀 위로 이동하는 것입니다. 복고풍의 외관을 향상 시키려면 제한된 색상의 팔레트로 작업해야합니다.

— 피터 그린
소스

2

이것은 이다 그것을 할 수있는 더 좋은 방법. 픽셀 아트와 제한된 매체 및 치수를 염두에두고 처음부터 그래픽을 만듭니다.

— Sam Weaver

2

색상 팔레트를 제한하는 것이 좋습니다.

— Eneko Alonso

1

시작하기 전에 에뮬레이션하려는 원본 그래픽을 살펴보십시오. 모양 자체가 믿기 때문에 색의 영역이 평평하고 밝다는 것을 알 수 있습니다! -직선 모서리입니다. 픽셀 화 효과를 얻는 유일한 경우는 선이 약간 똑 바르지 않고 경 사진 경우입니다.

따라서 처음부터 이것을 에뮬레이트하는 프로그램이 필요합니다. 방금이 작업을 수행 했으므로 페인트를 사용합니다. 맞습니다. Windows와 함께 제공되는 잊혀진 공짜. XP의 액세서리, 다른 버전의 던노에 있지만 가능성이 있습니다. 어딘가에. 화면 복사를 한 다음 나중에 바스켓을 자르는 것을 의미하더라도 (필요한 경우, 화면 사본을 창에 놓고 바스켓을 잘라 내고 새 인스턴스를 열고 바구니를 새 인스턴스에 붙여 넣으십시오.)

그런 다음 그림을보십시오. 바구니가 약간 픽셀 화 된 위치를 볼 수 있습니다. 그 곳에서 효과를 강조하고 싶습니다. 크게 확대하거나 (CTRL-Page Down 또는 메뉴에서 View / Zoom 사용) 가장 작은 사각형 모드 (화면 왼쪽에 사각형 목록이 있음)에서 지우개 도구를 사용하여 제거하면됩니다. 여기저기서 여분의 픽셀이 선이 모호하게 픽셀 화되어 있습니다. 보시면 원본의 직선에서 누락 된 픽셀이 없기 때문에 선이 수직 또는 수평 인 픽셀을 제거 할 필요가 없습니다. 바스켓 앞면 정사각형의 각 모서리에서 하나의 픽셀을 표시해야합니다. 방법 1입니다.

방법 2는 동일한 방법으로 시작하지만 (페인트를 사용하여 그림에 붙여 넣기) 그림을 정말 나쁜 형식으로 저장하면됩니다. 방법 2를 사용하는 plobrem은 모두 흐리게 처리되고 흐리게 표시됩니다. Mario가 작동하는 이유는 직립과 색상이 평평하고 양호하기 때문에 직선이 아닌 선과 모서리 일뿐입니다. 내가하고 있다면 방법 1로 갈 것입니다. 방금 DID하고 작동했기 때문에! 누군가 나에게 방법을 말해 줄 수 있다면 내 버전을 보내 드리겠습니다.

크리스

— Ulrichburke
소스

GD.SE에 오신 것을 환영합니다. 질문 제목에 답변하지만 OP가 수동 방법이 아닌 자동 방법 을 찾고자한다는 사실은 다루지 않습니다 .

— Luciano

-1

MacOS, Windows 및 물론 Linux에서 사용할 수있는 무료 오픈 소스 명령 줄 도구 인 imagemagick 을 사용 합니다. 터미널에서 명령 줄을 다운로드하여 설치하고 사용하십시오.

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

오리지널 앵무새 이미지

픽셀 화 된 앵무새 이미지

약간의 실험으로 픽셀 크기를 변경할 수 있습니다. 물론 다른 모든 답변과 마찬가지로 마일리지는 예술에 따라 다르므로 손으로 직접 수정하는 것이 좋습니다.

참고로 imagemagick을 다운로드하여 설치할 시간이 없으면 5 초 안에 픽셀 화를 실행할 수있었습니다.

간단한 bash 스크립트는 전체 폴더를 통해 실행되며 뾰족한 클릭의 악몽없이 배치 로이 작업을 수행 할 수 있습니다.

— 아무것도
소스