Photoshop에서 선명한 픽셀 완벽한 획 효과를 얻으려면 어떻게해야합니까?


16

비디오 게임을위한 레트로 스타일의 픽셀 아트 작업을하고 있습니다. 스프라이트 주위에 테두리를 추가하고 싶지만 선명하고 "픽셀 완벽"해야합니다. Photoshop의 Stroke 효과를 사용하는 것은 명백한 선택이지만, 불행히도 Photoshop은 멋진 앤티 앨리어싱을 수행하고 원하지 않는 추가 픽셀을 추가합니다.

여기에 이미지 설명을 입력하십시오 (이미지를 400 %로 확대)

상단 이미지 테두리는 Photoshop Stroke (크기 : 1px, 위치 : 외부)를 사용하여 만들어졌습니다.

아래쪽 이미지 테두리는 연필 도구로 수동으로 그려졌습니다.

하단 효과는 내가 추구하는 효과이지만 연필 도구로 수동으로 그릴 필요없이 달성하려고합니다. Stroke 효과가 이런 식으로 작동하도록하는 방법이 있습니까? 아니면이 효과를 자동화하는 데 사용할 수있는 다른 방법이 있습니까?


불꽃 놀이에 액세스 할 수 있습니까? 이 유형의 작업에는 더 나은 도구입니다. 이 작업의 해상도를 위해 스트로크를 전혀 신경 쓰지 않고 연필 도구를 사용하여 그립니다.
DA01

연필 도구를 사용하십시오. @ DA01 Adobe는 슬프게도 Fireworks를 죽였습니다.
Billy Kerr

@BillyKerr 예, 소프트웨어 조언이 오래되지 않는 것 같습니다. :)
DA01

답변:


13

샤프한 획을 얻는 가장 쉬운 방법은 그림자 레이어 스타일을 사용하는 것입니다.

Photoshop의 Sharp Stroke

상단 Goomba가 그 예입니다. 하단 Goomba는 동일한 비트 맵이지만 그림자 레이어 스타일로 추가 된 획으로 마스크됩니다. 올바른 방법은 커스텀 윤곽 곡선입니다.

맞춤형 윤곽 곡선

외부 광선 레이어 스타일에서도 마찬가지입니다. 이제 모든 레이어에 쉽게 적용 할 수 있습니다.


각도 설정이 중요합니까?
horatio

4
거리가 0이면 각도는 중요하지 않습니다.
Marc Edwards

Strokes 사용에 대한 영리한 해결 방법! 이것은 실제로 잘 작동하고 윤곽 사용에 대해 생각하지 않았습니다!
bigp

Word ..... 나는 그림자를 사용하려고 생각하지 않았을 것입니다. 이것은 동일한 응용 프로그램에서도 나에게 완벽하게 작동했습니다.
Nungster

4

이렇게하려면 다음 절차를 수행하십시오.

  1. 레이어를 스마트 오브젝트로 바꾸면 컨텐츠와 관련하여 자동으로 동기화되는 레이어의 여러 복사본을 만들 수 있습니다
  2. 이 스마트 오브젝트의 사본을 4 개 만듭니다 ( "복사를 통한 새 스마트 오브젝트"기능을 사용 하지 마십시오 . 이렇게하면 별도의 스마트 오브젝트가 생성되므로 여기에서 인스턴스화되기를 원합니다)
  3. 4 개의 복사본 (4 개 방향으로 1 픽셀 씩)하여 각 복사본의 위치를 ​​조정합니다 (즉, 위, 아래, 왼쪽 및 오른쪽).
  4. 레이어 팔레트에서 4 개의 사본을 그룹으로 그룹화
  5. 파란색 (획 색상) 단색 레이어를 추가하고 그룹 위에 배치
  6. 그룹과 파란색 레이어 사이의 구분선을 Alt- 클릭하여 그룹을 파란색 레이어의 클리핑 마스크로 바꿉니다.

결과:

레이어 스프라이트

Photoshop CS6 파일은 여기에서 다운로드 할 수 있습니다 .

이 기술은 상기 단계들을 2 회 반복하고 (다른 4 개의 층) 4 개의 대각선 방향으로 대각선으로 하나의 픽셀을 by으로써 8 개의 모든 방향으로 픽셀을 포함하도록 쉽게 적응 될 수있다.


1

라세의 대답은 좋습니다. 그러나 설정에 따라 Posterize 조정 레이어를 2로 설정하면 한 단계 만 거치면됩니다. 시도해 볼 가치가 있습니다.

레이어 당 하나의 색상으로 파일을 레이어링하면 Posterize를 사용하게됩니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.