UI디자이너의 포토샵 기본 환경설정

UI 디자이너가 사용하기에 적합한 포토샵 기본 환경 설정하기 입니다.

 

1. 기본 단위

 

Edit > Preferences (Ctrl + K) 환경설정에서
Units & Rulers 단위 Rulers과 Type을  Pixel로 설정

 

 

 

 

2. 폰트

 

Enable Missing Glyph Protection - 체크 해제, 폰트에 없는 글자가 있어도 폰트를 바꾸지 않고 □□로 표시.

Show Font Names in English - 체크 해제, 폰트 이름을 한글로 본다.

(오래전에 만들어진 한글 폰트의 경우 깨져보이기는 하지만, 한글폰트는 한글이름으로 봐야 한다는 개인적인 생각.)

 

 

 

 

3. 확대/축소

 

Animated Zoom 선택해제, 확대/축소 시에의 효과 부드러운 움직임은 컴퓨터가 느려질 때는 오히려 약간씩 끊어집니다.

작업을 오래하는 디자이너들에게는 불필요한 애니메이션 효과를 없애서 눈의 피로감을 조금이라도 줄이는 것이 현명하다고 개인적으로 생각합니다.

 

 

 

4. 그래픽 성능

 

Cache Levels 이 높을 수록 자연스러운 작업이 적용되는 환경을 적용한다. 하지만 자신이 작업하는 과정이 애니메이션으로 보일 필요는 없는것 같다. (디폴트 값이 4도 괜찮다. 이 설정은 최적화 UI작업 환경 설정이라고 보시면 됩니다.)

 

 

Advanced Settings... 에서 Drawing Mode를 Advanced 가 아닌 Basic로 설정합니다.
CC2015 버전 이후 Artboard 기능이 추가되면서 Advanced로 설정해야 Artboard 바깥색을 인식할 수 있습니다.
Basic 이면 흰색으로 나옵니다.
UI 작업시 Artboard 사용이 유용하므로 컴퓨터 사양이 낮지 않다면 Advanced 사용을 추천합니다.

Anti-alias Guides and Paths 선택해제, 가이드와 패스에 안티앨리싱 넣어서 볼 필요는 없다고 생각합니다.

(포토샵 작업할때 8GB/16GB 메모리인데도 메모리가 부족한 현상을 초래하는 문제가 이부분이라고 보면 됩니다. Basic 전혀 지장 없다. 물론 그래픽 위주의 화려한 작업을 할 때는 설정을 높게 하는걸 추천합니다. 보통 대부분 UI 작업이 와이어프레임 같은 작업이 많다고 생각합니다. 그렇지 않다고 하다면 자신의 작업 방식이 잘못된 것이 아닌가 문제점를 찾아봐야 한다고 생각합니다.)

 

 

 

 

5. 색상 설정

 

Edit > Assign Profile 에서 Don't Color Manage This Document 선택합니다.  작업하는 파일에 컬러 설정을 적용하지 않습니다.

 

 

 

Edit > Color Settings (Ctrl + Shift + K)

색상설정에서 RGB를 Monitor Color 로 선택합니다. 제 모니터가 Dell 여서 아래 처럼 나옵니다.

 

 

 

색상 설정을 바꾸지 않고 모니터색상만 미리보기를 하려면

View > Proof Setup > Monitor RGB 선택 후

Ctrl + Y 를 하면 색상설정을 바꾸지 않고도 모니터 색상을 미리 확인할 수 있습니다. ( 물론 인쇄할 때 색상확인도 마찬가지입니다.)

 

 

 

 

6. 레이어 옵션

 

Layer Pannel 메뉴에서 Panel Options 선택한 후 Add "Copy" to Copied Layers and Groups 체크를 풀면 레이어(폴더)를 복사해도 이름에 copy가 붙지 않는다.

(Export png 같은 기능이 생기면서 레이어 이름이 그대로 이미지 파일명이 되면서 포토샵의 파일이름이 예전보다 중요해졌습니다.)