본문 바로가기
반응형

Sketch7

Sketch 에서 이미지 마스킹 사용해서 프로필 페이지 만들어 보기 이번에는 Sketch에서 기존에 정리했던 방법들과 함께, 이미지를 이용해서 간단한 프로필페이지를 한번 만들어 보도록 하겠습니다. 방법은 매우 심플한데요. finder에서 Sketch에 놓고자 하는 곳에 드래그앤드롭을 해주시거나, Cmd+C , Cmd + V로 복사해 붙여넣기를 해주시면 됩니다. 한번 해보도록 하겠습니다~. 스케치를 열어서 다큐먼트를 생성해주시구요. 아트보드를 하나 만드셔서 선택한 다음, Cmd + V로 붙여넣기를 해주세요. 이미지의 크기보다 아트보드의 크기가 작네요. 이미지의 테두리에 존재하는 사각형 점들을 클릭해서 끌어당기면 사이즈를 조절할 수 있는데요. 이 때, Shift를 누르면서 사이즈를 조절하면 이미지의 가로세로 비율을 유지할 수 있습니다. 사이즈를 많이 줄여서 아래와 같이 조절.. 2017. 1. 7.
Sketch에서 Symbol로 System Bar 만들기 저번 글에서 Page를 생성해보면서,Page, ArtBoard, Layout을 정리해보았는데요. 혹시 다시보고자 하시는 분들은 링크를 눌러주세요>>> Sketch에서 Page추가하기 2017. 1. 5.
Sketch에서 Page 추가하기 오늘은 Sketch에서의 Page를 정리해볼려고 합니다. 이전 글들에서 아트보드도 보았고, 레이어도 보았습니다.이들보다도 상위의 개념이 바로 Page인데요. 말로 정리하면,하나의 Document아래, 여러개의 Page들이 있고, 그 밑에 여러개의 ArtBoard들이 있으며,아트보드는 여러개의 Layer들을 가진다라고 할 수 있겠네요. 혹시나 리마인드가 필요하시다면, 아래링크를 눌러서 보고오시면 더욱 좋을 것 같아요. >> Sketch에서 Artboard Sktetch에서 Layer Layer들이 모여있다는 것을 알 수 있습니다. 기존에는 Artboard나 Layer만 추가해보았는데요.이번에는 Page도 추가해보도록 하겠습니다. 그런데, 추가하는 버튼은 어디에 있을까요?아래 이미지처럼 Page1의 우측에 .. 2017. 1. 4.
Sketch에서 Layer 다루기 이전 글에서 Artboard를 생성해서, 간단한 로그인과 로그아웃 화면을 만들어 보았는데요. 오늘은 Layer에 대해서 정리해보려고 합니다. 먼저 newDocument로 새로운 파일을 생성해 주시구요. (혹시 기억이 않나신다면 이전 블로그글을 참조해주세요~) >> Artboard 사용해서 로그인 화면 만들기 2017. 1. 2.