본문 바로가기

IT/Design

[웹디자이너] 포토샵 시안 제작 가이드!

Adobe Photoshop CC를 기준으로 

포토샵 시안 제작 가이드에 대해서 알아보도록 하겠습니다 

 

 

↓ 동영상을 참고해주세요

https://www.youtube.com/watch?v=shDovOnzJaA&feature=youtu.be

 

 

 

 

초보 웹디자이너분들께 도움이 될까 해서 올려요
먼저 File > New(ctrl + N)를 눌러 새파일을 열어주세요
저는 보통 넓이 1200에 높이 1920으로 만들어줘요

 

 

새파일을 열었다면 View > New Guide Layout을 열어주세요
위 화면이 나오면 Number :12 , Gutter :20px, margin: 0 16px 0 16px 으로 잡고 OK해주세요!

 

 

 

 

그러면 위화면처럼 안내선이 나타나요
여기서 아래, 위 안내선(노란색 표시해둔부분)은 지워주세요!
그리고 왼쪽 오른쪽은 제일 끝부분(빨간색 표시해둔부분)에 안내선을 넣어주세요

 

 

 

위화면과 같은 화면이 되었다면 잘하신 거예요!
이제 Canvas size를 조절할 거예요

 

 

단축키 ctrl+alt+c를 눌러주세요
그리고 넓이를 1920으로 바꿔주시면 됩니다!
(Web Large size : 1920px)

 

 

이제 포토샵으로 시안 작업을 시작할 수 있어요!