1
Manual 1.0 목차 (Contents) 1 소개 (Introduction) 2 설치및활성화 (Installation & Activation) 3 기본메뉴 (Assistor PS at a glance) 4 세팅 (Settings) 5 사용방법 (How to use) 6 레이어정보추출 (Layer Guider) 7 가이드라인생성 (Guide Maker) 8 수치단위변환 (Unit Converter) 9 PSD 파일비교 (PSD Comparer) 10 색맹 / 색약시뮬레이터 (Color Blind Simulator) 11 자주묻는질문및문제해결 (FAQ & Trouble shooting) 2
1. 소개 (Introduction) 어시스터 PS 는디자인가이드라인문서작성과정에서불필요한시간을낭비하지않도록도움을 주는미니툴입니다. 포토샵과연동하여사용할수있으며 ( 플러그인이아닙니다.), 포토샵의 레이어가선택된상태에서 어시스터 PS 의기능을사용할수있습니다. 어시스터 PS 실행모습 (sample) 사용환경 (Environment) Windows 7 이상.net framework 4.0 이상설치 연동가능한포토샵버전 : CS3 이상 3
2. 설치및활성화 (Installation & Activation) 베타버전기준 설치및실행 (Installation & Run) Windows OS 기준 (7 이상 ) 어시스터 PS 는홈페이지에서다운로드받아설치할수있으며, 한번설치되면자동업데이트로 항상최신버전을유지합니다. 어시스터 PS 는포토샵과함께실행하여야모든기능을작동할수 있습니다. ( 포토샵버전 CS3 이상 ) 활성화 (Activation) & 초대장 (Invitation) 최초, 어시스터 PS 를실행하면이름, 이메일, 프로모션코드, 라이선스넘버입력창이나타납니다. 이미선정된베타버전사용자는이메일로전달받은라이선스넘버를최하단에입력하여곧바로제품을활성화하고사용할수있으며, 초대받은사용자는자신의이름, 이메일그리고전달받은프로모션코드를입력한후이메일로라이선스넘버를전달받아사용할수있습니다. A. 이름입력 : 자신의이름을입력합니다. B. 이메일주소입력 : 자신의이메일주소를입력합니다. C. 프로모션코드입력 : 초대받은사람은이름, 이메일, 프로모션코드를입력해야라이선스넘버를받을수있습니다. D. 라이선스넘버입력 : 이메일로받은라이선스넘버를입력하여제품을활성화할수있습니다. A C B D 4
3. 기본메뉴 (Assistor PS at a glance) A. 세팅 : 어시스터 PS 의세팅메뉴를여는버튼입니다. B. 창고정 : 어시스터 PS 를최상위로고정하는버튼입니다. C. 기능별탭 : 메인기능을선택할수있는탭입니다. D. 탭하위메뉴 : 선택된탭의세부기능을사용할수있는메뉴입니다. E. 사용자이름 ( 이메일 ) : 현재사용중인사용자의메일주소가표시됩니다. F. 링크 : 다양한링크버튼입니다. ( 좌측부터 : 홈페이지, 페이스북공유, 트위터공유, 초대하기, 피드백보내기 ) A B C D E F 5
4. 세팅 (Settings) 계정및툴의메뉴를편집할수있는메뉴입니다. A. 계정정보 : 자신의계정정보를확인할수있습니다. B. 툴메뉴세팅 : 툴에활성화할메뉴를선택할수있습니다. 메뉴를직접클릭하여해제하거나 활성화할수있습니다, A B 6
5. 사용방법 (How to use) 어시스터 PS 는포토샵과연동하여기능이동작하는프로그램입니다. 포토샵을켜놓으면 어시스터 PS 는자동으로포토샵을인식하고선택된레이어에대한명령을수행할수있습니다. 7
6. 레이어정보추출 (Layer Guider) 어시스터 PS 는포토샵의레이어정보를추출하고화면상에출력할수있습니다. 모든기능은 포토샵의레이어가선택되어있는상태에서동작하며, 레이어의크기, 좌표등수치정보는레이어 스타일이적용된크기를포함합니다. A. 레이어개별구분 : 포토샵레이어가복수선택되어있는경우, 개별처리여부에대한체크박스입니다. 체크를하면복수선택된레이어는모두개별적으로기능이처리되고, 체크를하지않으면복수선택된레이어는단일이미지로인식되어기능이처리됩니다. B. 컬러설정 : 포토샵에출력되는결과물 ( 텍스트, 선, 박스등 ) 의컬러를지정할수있습니다. C. 좌표출력 : 선택된레이어의좌표가포토샵에출력됩니다. D. 크기출력 : 선택된레이어의가로, 세로크기가포토샵에출력됩니다. E. 간격출력 : 선택된레이어사이의간격이포토샵에출력됩니다. (2 개레이어만동작 ) F. 폰트정보출력 : 선택된텍스트레이어의정보 ( 폰트이름, 크기, 컬러등 ) 가포토샵에출력됩니다. G. 가이드박스생성 : 선택된레이어크기만큼의가이드박스가포토샵에생성됩니다. H. 레이어자르기 : 선택된레이어를잘라포토샵의새창으로생성해줍니다. A B C F G H D E 8
J. 정보업데이트 : 선택된레이어의정보를가져오기위한버튼입니다. K. 레이어정보출력 : 선택된레이어의정보를출력해줍니다. (Update 버튼클릭 ) L. 모두복사 : 상위에출력된모든레이어정보를복사합니다. J K L 9
7. 가이드라인생성 (Guide Maker) 포토샵의가이드라인을수치를입력하여생성할수있습니다. A. 가로정가운데생성 : 캔버스기준가로정가운데가이드라인을생성합니다. B. 세로정가운데생성 : 캔버스기준세로정가운데가이드라인을생성합니다. C. 가이드라인제거 : 생성되어있는가이드라인을모두제거합니다. D. 상단마진입력 : 캔버스의상단기준으로마진값을입력할수있습니다. E. 하단마진입력 : 캔버스의하단기준으로마진값을입력할수있습니다. F. 좌측마진입력 : 캔버스의좌측기준으로마진값을입력할수있습니다. G. 우측마진입력 : 캔버스의우측기준으로마진값을입력할수있습니다. H. 세로나누기입력 : 캔버스기준세로전체를몇단으로나눌것인지입력할수있습니다. I. 가로나누기입력 : 캔버스기준가로전체를몇단으로나눌것인지입력할수있습니다. J. 세로간격입력 : 세로가이드라인생성시반복 px 값을입력할수있습니다. K. 가로간격입력 : 가로가이드라인생성시반복 px 값을입력할수있습니다. L. 세로홈통입력 : 세로가이드라인생성시매간격마다의홈통수치를입력할수있습니다. M. 가로홈통입력 : 가로가이드라인생성시매간격마다의홈통수치를입력할수있습니다. N. 수치제거 : 입력된수치를모두제거합니다. O. 가이드라인생성 : 입력되어있는수치대로가이드라인을생성합니다. B A C D E F G H I J K L M N O 10
8. 수치변환 (Unit Converter) Pixel, Dpi, Pica, Point 등다양한단위로수치를자동변환할수있습니다. A. 수치입력 : 기준수치를입력할수있습니다. B. 단위설정 : 기준단위를설정할수있습니다. C. 단위별결과출력 : 입력된기준수치를각단위별로변환한결과를보여줍니다. D. 컬러코드 : Hex, RGB 컬러코드와함께컬러결과를보여줍니다.( 수치직접입력가능 ) E. 컬러픽커 : 모니터화면상의모든컬러를알아낼수있는컬러픽커입니다. A B C D E 11
9. PSD 파일비교 (PSD Comparer) - beta 서로다른 2 개의 PSD 파일을비교하여다른부분을비교하고확인할수있습니다. A. PSD 파일불러오기 : 영역을클릭하면 PSD 파일을불러올수있습니다. B. PSD 파일불러오기 : A 와동일 C. 비교하기 : A 와 B 영역에 PSD 파일을불러왔을경우두개의 PSD 파일을비교하는버튼입니다. A B C 12
10. 색맹 / 색약시뮬레이션 (Color Blind Simulator) 이미지가색맹 / 색약자에게어떻게보이는지시뮬레이션할수있습니다. A. 이미지불러오기 : 창을클릭하거나드래그하여이미지파일을불러올수있습니다. 불러들인이미지는미리보기형태로출력되며, 더블클릭을하면 100% 비율로확인할수있습니다. B. 이미지다시불러오기 : 다른이미지를불러올수있습니다. C. 시뮬레이션목록 : 확인할수있는색맹 / 색약시뮬레이션목록입니다. 목록을변경하면이미지미리보기영역에서확인할수있습니다. D. 이미지저장 : 색맹 / 색약시뮬레이션이적용된이미지를이미지파일로저장할수있습니다. B A C D 13
11. 자주묻는질문및문제해결 (FAQ & Trouble shooting) Q. 어시스터 PS 는포토샵플러그인프로그램인가요? A. 아니오, 어시스터 PS 는포토샵플러그인이아니며독립설치프로그램입니다. Q. 그렇다면어떻게포토샵과연동하여사용할수있다는거죠? A. 어시스터 PS 는포토샵의실행여부와레이어의선택여부까지자동으로체크하고있기때문에언제든지버튼하나로레이어의정보를추출해낼수도있고, 포토샵에그정보를출력할수도있습니다. Q. 초대장은어떻게사용하는것인가요? A. 어시스터 PS 베타버전사용기간동안에는개인당 2 장씩의초대장이주어집니다. 툴의하단에있는 하트 아이콘을클릭하면초대장을보낼수있으며, 보내고자하는사람의이메일을적어직접초대장을보낼수있습니다. Q. 초대장을받은사람은어떻게사용하는것인가요? A. 이메일로초대장을받은사람은프로모션코드를부여받게됩니다. 어시스터 PS 를다운로드받아실행한후자신의이름과이메일, 프로모션코드를입력하면이메일로베타라이선스넘버를받을수있고, 그것을어시스터 PS 에입력하면활성화하여사용할수있습니다. Q. 초대장은어디서어떻게구할수가있나요? A. 어시스터 PS 의베타버전사용신청에성공한주변디자이너동료에게부탁하여받을수도있지만페이스북의어시스터사용자그룹에서초대장요청을해보세요. 천사같은당신의동료가초대장을보내줄확률이높습니다. https://www.facebook.com/groups/assistor.user/ Q. 어시스터 PS 를구입하고싶어요! A. 예! service@witstudio.net 로문의를부탁드립니다. 선주문을하시면유료전환시다양한 혜택을드립니다. Q. 저는포토샵 CS3 를사용하고있습니다. 어시스터 PS 와연동하여사용할수있나요? A. 예. 어시스터 PS 는포토샵버전 CS3 부터 CS6 까지지원합니다. 다만아직확인되지않은오류가있을수도있습니다. 만약포토샵과연동되지않는상황이발생한다면 service@witstudio.net 으로문의주시길바랍니다. 14
문의 (Service) service@witstudio.net 온라인지원 (Support) www.assistor.net www.facebook.com/assistorapp www.facebook.com/groups/assistor.user/ 회사 (Company) wit studio Co., Ltd. (www.witstudio.net) 추천링크 (Useful links) www.grappic.net App(GUI) design inspiration www.codinator.net GUI design tool (Coming soon) C wit studio 15