Photoshop CC에서의 Anti Aliasing 처리 – Mac vs Mac LCD


Phosohtop CC의 향상된 안티앨리어싱 처리와 CSS

OS의 안티앨리어싱 처리를 CSS에서 유사하게 구현하는 법
모바일 iOS에서는 어떤 안티 앨리어싱 방법을 처리할까?

Adobe의 새로운 Photoshop 버전인 CC 부터는
2개의 새로운 OS- 안티앨리어싱 처리 방법을 추가했어요.
사용하는 OS에 따라 Mac, Windows 키워드가 달리 붙죠.

  • Mac
  • Mac LCD
  • Windows
  • Windows LCD

포토샵 CC 안티 앨리어싱 처리

왜? LCD가 붙는 것과 아닌 것으로 구분될까요? 이유는…
각기 다른 폰트 랜더링 처리 방식에 대응하는 옵션이니까요.

Photoshop CC는 각 옵션에 따라 OS의 안티앨리어싱 처리를
비슷하게 화면에 구현합니다.

Mac에서 옵션 설정 값이 ‘Mac’ 일 경우에는
OSX의 greyscale font smoothing 방식으로 폰트를 처리하고,

‘Mac LCD’일 경우에는
sub-pixel font smoothing 방식으로 처리합니다.

웹 디자이너는 CSS를 사용해 브라우저에서
OS의 안티앨리어싱 처리와 유사하게 구현할 수 있죠!
Photoshop의 각 설정에 대응되는 CSS 코드는 다음과 같아요.

❝ Mac 설정 ❞

html {
	-webkit-font-smoothing: antialiased;
}

❝ Mac LCD 설정 ❞

html {
	-webkit-font-smoothing: subpixel-antialiased;
}

참고로 모바일 iOS에서는 greyscale font smoothing이
모든 타입(Type)에 적용된답니다.

웹 디자이너는 모바일 iOS에 적용되는 디자인 작업 시,
Photoshop CC를 사용한다면 폰트 안티앨리어싱 처리 옵션을
‘Mac’ 으로 선택하고 작업하는게 좋겠죠. 실제 iOS 화면에서
처리되는 폰트와 유사하게 구현되니까요 

다만… 그럴 경우 Mac에 설치된 Photoshop이 필요하겠네요~
국내 디자이너 환경에서는 무리스러운 주문일지도 ^^;;

참고: http://realmacsoftware.com/blog/working-with-type-in-photoshop


Leave a comment