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)
이제 포토샵으로 시안 작업을 시작할 수 있어요!
'IT > Design' 카테고리의 다른 글
WebGradients 그라디언트 색조합 사이트 추천 / 180 beautiful linear gradients in CSS3 (0) | 2019.08.23 |
---|---|
대시보드 웹디자인 모음 / Dashboard Web Design (0) | 2019.08.16 |
Cofolios / 페이스북, 구글, 애플 등에서 일하는 인턴 디자이너의 포트폴리오? (0) | 2019.07.23 |