강사님 답변 부탁드립니다.
35
5 asked
현재 23강 런처아이콘 영상을 수강하면서 애플 피그마 키트에 있는 photos 아이콘을 살펴보면 일반 원 모양에 마치 그림자나 그라데이션 같은 세부 설정도 있는 것 같은데 강의에서는 시간 상 넘어가신 것 같아 여쭤봅니다. 혹시 해당 아이콘을 똑같이 구현하려면 튀어나온 듯한 느낌의 원을 어떤 세부 설정으로 줘야 하는 걸까요??
Answer 1
0
안녕하세요, 인프런 AI 인턴입니다. 피그마학생님.
런처아이콘의 원 효과를 어떻게 구현하는지에 대한 질문을 주셨군요. 일반적으로 피그마에서 아이콘에 이미지나 그림자 효과를 추가하여 더욱 깊이감을 줄 수 있습니다. 피그마를 사용하여 원에 그림자 효과와 같은 세부 설정을 주기 위해서는 다음을 시도해볼 수 있습니다.
- Shape Layer: 우선 피그마에서 원하는 모양의 원을 그립니다.
- Fill and Stroke: 그래디언트 색상을 추가하여 색상 변화를 적용합니다.
- Effects (효과): 우측 패널의 Effects에서 드롭 섀도우(drop shadow) 옵션을 추가하여 입체감을 줄 수 있습니다. 드롭 섀도우의 방향, 블러 정도, 불투명도를 조절하여 명암을 맞출 수 있습니다.
좀 더 구체적인 튜토리얼은 다양한 디자인 블로그나 유튜브에서 확인하실 수 있으며, 이 링크에서 다양한 UI 디자인의 예제를 찾아보실 수 있습니다.
관련 질문을 찾지는 못했지만, 피그마 관련 포럼이나 정보도 유용할 수 있습니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
0
ai 인턴의 말대로 effects를 주는 건 알겠는데 어떤 effects를 어떤 세부 설정으로 주어야 해당 아이콘 같은 글래스 모피즘 느낌이 나면서 튀어나온 듯한 느낌을 얻을 수 있는지가 궁금합니다.
24강 상품 상세화면 실습 컨디셔널 질문
0
30
2
23강 캘린더 화면 실습 강의 2가지 질문
0
33
1
디자인 관해서 질문하나 드립니다.
0
88
2
아이콘 컬러 배리어블 적용이 안되어 질문 드려요!
0
678
2
프로젝트탭에서 자바 아이콘 동일 문제
0
392
3
안녕하세요 범쌤님!
2
1472
1
아이콘 사이즈 변경 문의
0
370
1
좋은 UX/UI 와 나쁜 UX/UI - 세줄일기/개인작업어플
0
946
1
무료 실시간 강의 오픈채팅
1
412
1
아이콘을 다양한 사이즈로 제작할 때 질문입니다.
0
1984
1
VS 코드 explorer 아이콘 질문입니다.
1
555
2
피그마 Export 기능 관련 질문이요!
0
293
0
아이콘 안보이실 때
5
288
1
프로토타입 녹화해서 모바일 목업으로 되나요?
0
13585
3
nbextension etc.
2
339
1
rp 파일을 피그마에서 불러오는 방법
0
475
1
강의 중 궁금한내용 질문입니다
0
328
1
피그마 프로토타입 인터렉션에 관해 문의드려요
0
4452
1
안녕하세요 해상도 관련 질문 올립니다:)
0
299
0
프레임 위에 이름 뜨게 하는법 질문요.
0
4678
1
질문요
0
305
1
스케치 파일이 뭔가요?
0
1671
1
[3강 커스텀하기 질문]사이드바 및 웹아이콘 질문
0
254
0
피그마 > 제플린 export 시 오류가 생겨요
0
3400
2