휴지통 아이콘 그릴 때 안쪽 곡선 처리
354
작성한 질문수 12
안녕하세요, 에릭 쌤.
강의에서 위쪽 참조 아이콘을 보면 휴지통 뚜껑에서 안쪽 앵글도 곡선으로 되어 있는데, join이나 corner radius 값으로는 바깥쪽 앵글만 곡선 처리가 되는 것 같아요.
선 안쪽 앵글도 곡선 처리할 수 있는 방법이 있을까요?
답변 1
0
안녕하세요 Max님,
안쪽 부분도 곡선처리를 하고 싶다면 제가 생각할 수 있는 건 두가지 방법이 있는 것 같아요.
1. Raius 값 증가
하단 왼쪽 및 오른쪽 코너에 대해 Radius 값을 1에서 3으로 증가시켜주면 안쪽 부분도 곡선처리가 됩니다.
1에서 2로 증가시켜주었을 때에는 안쪽 곡선처리는 되지 않습니다.
이 부분은 오브젝트의 Stroke 값과 연관이 있는 것 같아요. 현재는 Stroke이 2인데 만약 Stroke이 더 낮은 값, 예를 들어 1일 경우에는 Radius를 2로 증가시켜주었을 때 안쪽 곡선처리가 됩니다.
참고로, 시각적으로 봤을 때에는 해당 사각형은 Stroke 2인 상태 + Radius 3은 괜찮아보입니다.
다만, 지금은 휴지통 아이콘 한개에 대해서만 이야기한 거고, 아이콘 세트를 만들 때에는 전체적으로 Radius가 일관되게 적용되었는지, 서로 이질감 없게 보이는지 확인은 하시면 좋을 것 같아요^^
2. Subtract Selection
해당 예제는 Stroke 기반으로 아이콘을 만드는 것이지만, Fill과 Subtract Selection을 활용해서 만들 수도 있습니다. 이럴 경우 오브젝트 안쪽에 곡선을 만들어 줄 수 있습니다.
아래 영상 참고 바랍니다.
그러면 도움이 되었기를 바래요~
감사합니다.
프레임 조정 관련
0
55
2
arrow auto 플러그인이 검색해도 안나오는데 대체할 다른플러그인 추천해주실수있을까요 ?
0
67
1
오브젝트간 간격 4px 주시는 이유가 구체적으로 궁금합니다.
0
108
0
하단바 고정
0
388
2
도형 오토레이아웃 설정
0
143
2
단락별 행간 조절
0
97
2
수강기한 연장 관련 질문드립니다.
0
90
2
24화 질문인데 도형 선택해도 layer가 안 뜹니다
0
167
3
go back to previous(이전 버전으로 가기) 가 안뜹니다
0
373
3
Auto Layout 적용이 되지 않습니다
0
394
2
SF Symbols 윈도우
0
360
2
섹션 13 질문입니다. Asset에 Toolbar가 뜨지 않습니다
0
140
2
Constraint기능에서 Top & Bottom 기능이 연동이 안되네요
0
162
2
Copy Link로 프로토타입 공유 시, 휴대폰 프레임 안보이게 하는 기능
0
324
2
프레임 크기를 조정하다가 모르는 박스를 발견했어요.
0
145
2
Style 저장하는데 Variable?
0
372
1
Text 박스 조정하는 법
0
1038
2
확장성
0
117
2
하단바 설정하는 방법
0
293
2
컴포넌트들 에셋상에서 폴더값으로 분류하는 법
0
604
4
하단바 고정시
0
925
3
섹션 12 예제 파일이 안보입니다!
0
174
2
제플린 핸드오프에 관련 질문입니다.
0
139
2
오토레이아웃
0
141
2





