아이콘들을 그리다가.. 문득 종 모양은 어떻게 그리지?
원이랑 사각형을 합치기엔 이음새가 매끄럽지 않을 것 같고.. 그래서 준비해 봤습니다.
시작
아이콘 프레임 만들기
아이콘을 그릴 땐 그래픽만 덜렁 그리면 안됩니다. 프레임 안에 그려야 합니다.
- 24x24 프레임을 만듭니다
- 그리드를 아래와 같이 4px로 만듭니다.
- 컬럼 그리드를 추가해서 Count 2로 만들어줍니다.
- 로우 그리드를 추가해서 Count 2로 만들어줍니다.
완성!
- 이 옵션들을 스타일로 저장해두면 사용할 때 간편합니다.
종 그리기
이제 종을 그려보겠습니다.
shift + ' 를 눌러서 픽셀 그리드를 키고 그립시다.
- 대충 네모를 그립니다.
- 네모를 선택하고 엔터를 누르면 빗금이 쳐지면서 편집모드로 바뀝니다.
p를 눌러서 꼭짓점을 추가해주세요! 나중에 수정하면 되니까 대충대충 찍어도 됩니다.
- 이제 다시 선택모드 v를 누르고, 위쪽 꼭짓점만 드래그 해서 라운딩을 올려줍니다 최대로~!
- 최하단 꼭짓점을 잡고 한 쪽씩 이동해 줍니다(방향키로 하면 좀 더 정확)
그 다음, 라운딩을 1px만 주었습니다.
오 벌써 완성같기도?
- 중단 꼭짓점에 라운딩을 줍니다. 매끄럽게 보이게만 하면 될 것 같네요.
저는 5px 줬습니다.
여기까지 만들었으면 완성 ㅇㅈ?
- 이제 위치나 라운딩값 등을 변경해서 만들고자 한 모양으로 맞춰줍니다.
완성!!
사용할 땐 프레임의 fill값을 끄고 사용하면 됩니다~~
저녁놀 마을 사람