Inflearn コミュニティ Q&A
投稿した質問数
강사님 답변 부탁드립니다.
作成
·
22
·
編集済み
0
현재 23강 런처아이콘 영상을 수강하면서 애플 피그마 키트에 있는 photos 아이콘을 살펴보면 일반 원 모양에 마치 그림자나 그라데이션 같은 세부 설정도 있는 것 같은데 강의에서는 시간 상 넘어가신 것 같아 여쭤봅니다. 혹시 해당 아이콘을 똑같이 구현하려면 튀어나온 듯한 느낌의 원을 어떤 세부 설정으로 줘야 하는 걸까요??
피그마디자인아이콘애플글래스모피즘
回答 1
0
안녕하세요, 인프런 AI 인턴입니다. 피그마학생님.
런처아이콘의 원 효과를 어떻게 구현하는지에 대한 질문을 주셨군요. 일반적으로 피그마에서 아이콘에 이미지나 그림자 효과를 추가하여 더욱 깊이감을 줄 수 있습니다. 피그마를 사용하여 원에 그림자 효과와 같은 세부 설정을 주기 위해서는 다음을 시도해볼 수 있습니다.
- Shape Layer: 우선 피그마에서 원하는 모양의 원을 그립니다.
- Fill and Stroke: 그래디언트 색상을 추가하여 색상 변화를 적용합니다.
- Effects (효과): 우측 패널의 Effects에서 드롭 섀도우(drop shadow) 옵션을 추가하여 입체감을 줄 수 있습니다. 드롭 섀도우의 방향, 블러 정도, 불투명도를 조절하여 명암을 맞출 수 있습니다.
좀 더 구체적인 튜토리얼은 다양한 디자인 블로그나 유튜브에서 확인하실 수 있으며, 이 링크에서 다양한 UI 디자인의 예제를 찾아보실 수 있습니다.
관련 질문을 찾지는 못했지만, 피그마 관련 포럼이나 정보도 유용할 수 있습니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
ai 인턴의 말대로 effects를 주는 건 알겠는데 어떤 effects를 어떤 세부 설정으로 주어야 해당 아이콘 같은 글래스 모피즘 느낌이 나면서 튀어나온 듯한 느낌을 얻을 수 있는지가 궁금합니다.