5/6 펜툴 부분에서 아이콘도 scale로 설정해야하는 과정이 스킵되는 바람에 똑같이 안돼서 한동안 잉하고 헤맸었네요. 그래도 다른 피그마 강의들에 비해 자막도 달아줘서 대부분은 잘 따라갈 수 있었고, 제가 지적한 이런 부분들을 보완했더라면 더 나은 강의가 되지 않을까 코멘트 남기고 갑니다.
[단축키 참고 영상] ua-cam.com/video/urx7KsMV7ao/v-deo.html 11:33 영상에서 Control + C {Color pick) 단축키에 대해 언급했는데, 제가 윈도우컴이 없어서 윈도우 용 단축키를 게시 못했습니다. 혹시 영상을 보신 분들 중 아시는 분이 계시면 코멘트 부탁드려요~ ( figma 에디터 > 우측 하단 ?(물음표 Help 버튼) > keyboard shortcuts 의 메인 가이드에서 알 수 있습니다,)
감사합니다 감사합니다 영상만드시느라 가르쳐주시느라 너무너무 감사합니다 ㅜㅜ흑흑 저는 쌤 강의 오토레이아웃 보고 충격먹어서(그전까지 모르고 노가다;;) 역시 머리가 안되면 몸이고생하는구나 싶어가지구 이제야 부랴부랴 ㅜㅠ 공부하고있어요 감사합니다!! 기본기의 중요성도 깨닫고 너무 설명 잘해주셔서 잘배우고있습니다. 복마니마니받으세요 엉엉 ㅜㅜ
좋은 강의 정말 감사합니다~~ 영상 보기 전에 아이콘이 하나 필요해서 만들었었는데, 지금 보니 완전 규칙 따위 하나도 지키지 않고 만들었었네요 ㅋㅋㅋㅋ 사이즈를 줄였을 때 stroke가 유지되서 적당히 줄여서 쓰고 있었는데 해결법이 나와서 깜짝 놀랐어요 구글 icon 에 제가 만든 모양이랑 앞으로 쓸 모양이 대부분 다 있어서 자주 쓸일은 많지 않겠지만 투톤 아이콘이 필요하거나 이런 때 배운거 쓸 수 있을 것 같아요
항상 기준이 되는 것들에 대해서 어디서 찾아야하는지 헤맸는데요! 그 중에서도 아이콘! 아이콘 레이아웃 그리드&키라인 제작 및 그에 따라 아이콘을 만드는 법 알려주셔서 감사합니다 :) 기본이 잘 되어야 다음 단계로 넘어가는데 그 기초단계들을 덕분에 단단히 만들어나갈 수 있는 영상 올려주셔서 감사드립니다 :)!!
저는 파워포인트를 이용해서 필요한 아이콘들을 만들어서 그림으로 사용했었는데... figma에서도 이렇게 섬세하게 제작이 가능하네요!! 영상 끝까지 봤는데 이해하기 쉽고 정말 좋은거같아요!! 3:50분 부분에 shift + option 이라고 자막이 나오는데 (alt) 단축키인지 안 나온것 같더라구요!! 그 뒤에 한번더 나오는 shift + option 에서는 단축키 (alt)라고 설명이 되어있었구요. 영상 정말 잘 보고 있습니다!! 감사합니다 ㅎㅎㅎ 다음 영상도 기대되네요!!
도움이 되는 기능들로만 담고자 많이 편집을 해야 했었던 영상이었습니다. 다른 사람들로 하여금 저의 정보를 전달하는 것은 참 여러운 일인거 같습니다. 하지만 그 과정에서 저 또한 배우게 되는 것들이 있어서 매 영상을 올릴때마다 조금씩 성장하는 기분이에요 ㅎㅎ 소중한 피드백 감사합니다. 앞으로도 좋은 영상으로 찾아뵐게요~
안녕하세요! 두가지 질문이 있어서 댓글을 남깁니다.! 먼저 ( 6:43 ) 섹션3에서 각 아이콘들의 frame안에 "Icon-keyline-24x24"frame이 들어가있는데요! 각 아이콘들의 frame들은 fill값을 지워주고 그 frame안에 "Icon-keyline-24x24"frame을 위치시켜주신 건가요? 또 각 아이콘들의 frame에 1px그리드를 만들어주신게 맞을까요?! 영상 감사히 잘 봤습니다! 감사합니다!
안녕하세요 연정님! 혹시 11:47 부분에서, 제가 그린 스트로크는 연정님처럼 프레임을 따라 확대되지 않고 프레임만 별도로 움직이고 스트로크는 움직이지 않아요ㅠㅠ 픽스 포지션 스크롤 그것도 체크가 안되어있는데 말이에요ㅠㅠ 따라가다가 제가 뭘 놓쳤는지 ㅠㅠ..혹시 제가 어떤 부분에서 잘못 따라했거나 놓친 부분이 있을까요..? +그리고 맨 처음 24x24 키라인 가이드파일은 받았는데, 후에 카트랑 화살표 파일은 받지를 못해서..어디서 받을수 있을까요?
안녕하세요~ svg로 하면 벡터이므로 2배 3배 설정 할 필요가 없고요, png 같은 비트맵 이미지로 개발을 할 경우, 모바일, 태블릿, 맥 들에서 이미지가 또렷히 보이게 하려면 필요한 옵션입니다. (개발자 마다 작업 스타일이 다르므로 개발자와 사전 논의는 필수입니다. 피그마는 뷰어모드에서 export 옵션을 직접 변경하는 것이 가능해서 우리 회사의 경우는 개발자가 직접 그 포맷을 선택하여 에셋을 다운로드하고 있습니다 )
권장 사항이에요~ 작은 아이콘의 경우엔 16×16으로도 하지만, 시스템 아이콘 표준 사이즈는 24×24에요~ 24×24 벡터(svg)로 만들어서 사이즈를 크게 하거나 작게하여 조절해서 사용합니다. 큰 아이콘이 필요 할경우, 8의 배수로 전달하고여~(32, 56..) 상황에 따라 다르지만 8의 배수로 맞춰 제작하는 것을 권장드려요.
안드로이드 가이드 기준에 따르면 가로 세로 48px 이상을 권장하고 있다고 알고 있습니다. 아이콘을 둘러싼 여백을 포함한 값입니다. material.io/design/layout/spacing-methods.html#touch-targets 첨언: 아이콘 사이즈는 4의 배수 또는 8의 배수를 권장하고 있고요. 자세한 내용은 구글 머터리널 디자인 가이드 링크를 참고해주세요~
5/6 펜툴 부분에서 아이콘도 scale로 설정해야하는 과정이 스킵되는 바람에 똑같이 안돼서 한동안 잉하고 헤맸었네요.
그래도 다른 피그마 강의들에 비해 자막도 달아줘서 대부분은 잘 따라갈 수 있었고, 제가 지적한 이런 부분들을 보완했더라면 더 나은 강의가 되지 않을까 코멘트 남기고 갑니다.
피드백 감사합니다~ 다음 영상 만들 때 참고 하겠습니다. 프레임 안쪽 아이콘을 제작 할 때는 아이콘의 요소에 대해 constraints 옵션을 scale 로 하는것이 꼭 필요합니다.
시청 중 어려운 부분이 있으면 언제든 답글로 질문 올려주세요~♡
블로그에도 이부분 유의사항으로 코멘트 달았습니다~ designer-story.tistory.com/13
저도 이 부분 막혔는데 이미 문의가 있었네요. 덕분에 잘 해결했습니다 👍👍
피그마 배워보고 있는데, 피그마 강좌 영상 중 가장 유익한 것 같아요. 구독하고 앞으로도 감사히 시청하겠습니다!
ㅎㅎㅎ 만드는게 힘들어서 멈추고 싶다가도 구독자님들 피드백에 다시 일어섭니당 ㅎㅎ
[단축키 참고 영상] ua-cam.com/video/urx7KsMV7ao/v-deo.html
11:33 영상에서 Control + C {Color pick) 단축키에 대해 언급했는데, 제가 윈도우컴이 없어서 윈도우 용 단축키를 게시 못했습니다. 혹시 영상을 보신 분들 중 아시는 분이 계시면 코멘트 부탁드려요~ ( figma 에디터 > 우측 하단 ?(물음표 Help 버튼) > keyboard shortcuts 의 메인 가이드에서 알 수 있습니다,)
연정님 대신 코멘트 달아요 ㅎㅎ
Control + C [Color pick] 윈도우용 단축키는 > I (영문 i) 입니다.
포토샵,일러스트와 같은 개념이라고 생각하시면 될 듯 합니다!
@@yuumstar 감사해요~♡
컨트롤c 아무리해도 안됐는데 역시 댓글에 나와있네요 감사합니다
24년 9월 피그마앱 버전으로 단축키가 I (영문 i) 로 바뀐듯 합니다. Control + C가 안되네요.
새 회사에서 피그마를 쓴다고 해서 하나도 모르는 피그마를 익히는 것이 막막했는데 연정님 영상 덕분에 피그마를 잘 익힐 수 있었습니다. 감사합니다. 영상 언제나 감사히 보고 있습니다!
도움이 되었다니 기쁘네요~ ^^
00:25 리뉴얼된 머터리얼 아이콘 다운로드 페이지 fonts.google.com/icons
13:24 Icons Size 관련 정보(@t) material.io/design/iconography/system-icons.html#design-principles
아이콘은 무조건 일러로 그려야해! 라는 개인적인 고정관념이 있었는데 피그마 자체 툴로도 충분히 소화 가능하군요! 좋은영상 감사합니다~~
전 익숙해지니 이젠 피그마가 더 쉽더라구요.
감사합니다 감사합니다 영상만드시느라 가르쳐주시느라 너무너무 감사합니다 ㅜㅜ흑흑 저는 쌤 강의 오토레이아웃 보고 충격먹어서(그전까지 모르고 노가다;;) 역시 머리가 안되면 몸이고생하는구나 싶어가지구 이제야 부랴부랴 ㅜㅠ 공부하고있어요 감사합니다!!
기본기의 중요성도 깨닫고 너무 설명 잘해주셔서 잘배우고있습니다. 복마니마니받으세요 엉엉 ㅜㅜ
오토레이아웃은 올해 초에 새로 생긴 기능인데 이젠 너무 익숙해져서 잘 쓰고 있어요. 넘넘 편한 기능이죠. 거기에 컴포넌트랑 스타일링 기능을 함께 사용하면 추후에 수정작업이 정말 쉬워집니다. ㅎㅎ
단축키까지 알려줘서 너무 유용해요!! 강의 계속해주시길...ㅜㅜ 도움이 많이 됐어요 감사합니다!
연정님 피그마 천재....!
너무 원하고 필요했던 강의였습니다 ㅜㅜ항상 유익한 영상 만들어서 올려주셔서 너무 감사합니다!!!
헉 저는 아이콘 왜 피그마로 그려볼 생각을 못했을까요? 새로운 기능 많이 알아갑니다!! 감사합니다!
figma로 그리는거 재미있어요~ ㅎㅎ
[Part2 상세정보] @t
00:09 1/6 Material Design - System Icon 개요
01:16 2/6 Layout Grid & Keyline 제작
06:18 3/6 도형 툴 {Shapes, Booleans}
08:54 4/6 아이콘 Export & Import {SVG}
10:33 5/6 펜 툴 {Pen, Outline Stroke}
12:14 6/6 기타 유용한 사용 Tip {좌우 상하 반전}
figma 아이콘 리소스] @t
figma에서 아이콘 제작시 유의사항 @t
* figma 파일 또는 스케치 파일을 내 문서로 import 하는 방법: @t
* 아이콘 제작 시 공통 유의 사항: Frame 안쪽 객체의 Constraints 옵션을 Scale로 설정해줘야 합니다.
*연관 링크
1) 피그마 기초 강좌 - Part1 - ua-cam.com/video/GsZk8s5JdWg/v-deo.html
2) figma 앱 다운로드 : www.figma.com/downloads/
3) 단축키 참고 영상: @V7ao
8/18 업데이트 - figma 기초 튜토리얼 영상
차근차근 설명해주셔서 따라하기 쉬웠어요! 반복적으로 손에 익을때까지 열심히연습해봐야겠어요ㅎㅎ
좋은 강의 정말 감사합니다~~ 영상 보기 전에 아이콘이 하나 필요해서 만들었었는데, 지금 보니 완전 규칙 따위 하나도 지키지 않고 만들었었네요 ㅋㅋㅋㅋ
사이즈를 줄였을 때 stroke가 유지되서 적당히 줄여서 쓰고 있었는데 해결법이 나와서 깜짝 놀랐어요
구글 icon 에 제가 만든 모양이랑 앞으로 쓸 모양이 대부분 다 있어서 자주 쓸일은 많지 않겠지만 투톤 아이콘이 필요하거나 이런 때 배운거 쓸 수 있을 것 같아요
진짜 설명 너무 깔끔하고 쏙쏙 들어옵니다. 진짜 많은 도움이 되었습니다!! 이런 훌륭한 강의를 유튜브에 올려주셔서 진심으로 감사합니다!!😍
어머! 저와 이름이 같으신...! 최근 피그마를 알게되었는데, 유용한 정보와 강좌 감사합니다 :]
와 넘넘 유용해요 피그마로 아이콘 그리기 넘 어렵게 느껴졌는데 완정 이해했어요ㅠㅠㅠ 감사합니다!
많은 도움이 되었어요. 감사합니다.
도움이 되었다니 기쁘네요~~ 화이팅!!
너무 감사합니다. 처음 피그마를 배운는데 너무 유용합니다!
항상 기준이 되는 것들에 대해서 어디서 찾아야하는지 헤맸는데요! 그 중에서도 아이콘! 아이콘 레이아웃 그리드&키라인 제작 및 그에 따라 아이콘을 만드는 법 알려주셔서 감사합니다 :)
기본이 잘 되어야 다음 단계로 넘어가는데 그 기초단계들을 덕분에 단단히 만들어나갈 수 있는 영상 올려주셔서 감사드립니다 :)!!
진짜 너무 유익한 컨텐츠 만들어주셔서 감사합니다.
쭉 일러스트나 그래픽 디자인만 하다가 피그마 처음으로 배우고 있는데 연정님 강의가 많은 도움이 되네요. 감사합니다☺️
진짜 너무 완벽한 피그마 강의입니다. 저한테 너무 필요했던 거였는데ㅠ 올려주셔서 감사합니다!!!
너무 도움이 많이되네요! 진짜 유익해요ㅠㅠ 한줄기 빛 연정님 영상보면서 열심히 연습해야겠어요!! 좋은 강의 올려주셔서 정말 감사합니다
훌륭한 강의 영상 감사합니다 ㅠ_ㅠ !
연정샘 고마워요~!
😍 저도 고마워용~
저는 파워포인트를 이용해서 필요한 아이콘들을 만들어서 그림으로 사용했었는데...
figma에서도 이렇게 섬세하게 제작이 가능하네요!! 영상 끝까지 봤는데 이해하기 쉽고 정말 좋은거같아요!!
3:50분 부분에 shift + option 이라고 자막이 나오는데 (alt) 단축키인지 안 나온것 같더라구요!!
그 뒤에 한번더 나오는 shift + option 에서는 단축키 (alt)라고 설명이 되어있었구요.
영상 정말 잘 보고 있습니다!! 감사합니다 ㅎㅎㅎ 다음 영상도 기대되네요!!
도움이 되는 기능들로만 담고자 많이 편집을 해야 했었던 영상이었습니다. 다른 사람들로 하여금 저의 정보를 전달하는 것은 참 여러운 일인거 같습니다. 하지만 그 과정에서 저 또한 배우게 되는 것들이 있어서 매 영상을 올릴때마다 조금씩 성장하는 기분이에요 ㅎㅎ 소중한 피드백 감사합니다. 앞으로도 좋은 영상으로 찾아뵐게요~
ua-cam.com/video/urx7KsMV7ao/v-deo.html 이 영상에서 기본 단축키에 대한 가이드를 언급한적이 있는데 도움이 될까하여 코멘트 남깁니다.
안녕하세요 연정님~^^
취업을 준비 중인데, 피그마를 이용해서 디자인 해보고 싶어서 찾다가 들어왔어요.
하나하나 들어보고 있는데, 이렇게 유용한 내용을 들을 수 있게 해주셔서 정말 감사드려요~!!^^
jiwon님 안녕하세요. 화이팅입니다. 피그마를 선택하셨다니 탁월한 선택이세요~! figma의 오토 레이아웃 기능 영상 및 컴포넌트 그리고 스타일링에 대한 영상은 반드시 숙지가 필요한 부분이니 참고해주세요~ 작업 시간을 많이 절약할수 있는 기능들입니다.
@@yeonjung-figma 네 정말 좋은툴과 기능들인것 같아요. 잘 숙지하도록 할게요ㅎㅎ 그리고 목소리도 참 예쁘세요~^^ 좋은저녁 보내세요 연정님!😊
@@콩팥건강밥상 jiwon님도 좋은 저녁 되세요~♡
항상 감사합니다
좋은 강의 잘보고 갑니다!
♡ 감사합니다 ~ ♡
와 정말 감사합니다,,~`~
수강완료!
안녕하세요! 두가지 질문이 있어서 댓글을 남깁니다.!
먼저 ( 6:43 ) 섹션3에서 각 아이콘들의 frame안에 "Icon-keyline-24x24"frame이 들어가있는데요!
각 아이콘들의 frame들은 fill값을 지워주고 그 frame안에 "Icon-keyline-24x24"frame을 위치시켜주신 건가요?
또 각 아이콘들의 frame에 1px그리드를 만들어주신게 맞을까요?!
영상 감사히 잘 봤습니다! 감사합니다!
좋은 강의 감사합니다~~
선생님.. 사랑합니다 ㅠㅠ
감사합니다 도움 많이됐어요!! 😍
11:39 Ctrl+C 아니고 I키 누르면 됩니다~
너무 도움이 되네요!
뭘리티 높은 영상 감사합니다, 많이 배웠습니다 :)
감사합니다
유익한 강의 감사해요!!! 한땀한땀 클릭보다 단축키 활용이 좀 더 있으면 더 도움이 될 것 같아요!!
넵 !! 피드백 감사합니다~
안녕하세요 연정님! 혹시 11:47 부분에서, 제가 그린 스트로크는 연정님처럼 프레임을 따라 확대되지 않고 프레임만 별도로 움직이고 스트로크는 움직이지 않아요ㅠㅠ 픽스 포지션 스크롤 그것도 체크가 안되어있는데 말이에요ㅠㅠ 따라가다가 제가 뭘 놓쳤는지 ㅠㅠ..혹시 제가 어떤 부분에서 잘못 따라했거나 놓친 부분이 있을까요..?
+그리고 맨 처음 24x24 키라인 가이드파일은 받았는데, 후에 카트랑 화살표 파일은 받지를 못해서..어디서 받을수 있을까요?
안녕하세요! 강의 너무 재미있게 보고 있습니다.
09:14 부분에서 왜 아이폰을 고려할 경우에는 2배 3배율의 png를 추가하는지 알 수 있을까요? 안드로이드 유저면 그냥 svg로 저장하면 되는건가요?
안녕하세요~ svg로 하면 벡터이므로 2배 3배 설정 할 필요가 없고요, png 같은 비트맵 이미지로 개발을 할 경우, 모바일, 태블릿, 맥 들에서 이미지가 또렷히 보이게 하려면 필요한 옵션입니다. (개발자 마다 작업 스타일이 다르므로 개발자와 사전 논의는 필수입니다. 피그마는 뷰어모드에서 export 옵션을 직접 변경하는 것이 가능해서 우리 회사의 경우는 개발자가 직접 그 포맷을 선택하여 에셋을 다운로드하고 있습니다 )
강좌 잘보고 있습니다. 근데 워낙 초보인지라 섹션2로 넘어가실때 저 키라인 파일을 어떻게 불러오는지 , 그리드 셋팅은 어떻게 하는지에 대한 설명이 없어서 더이상 학습을 못하고 있는데 그 설정 과정에 대한 설명은 없는건지요?
01:48 부터 그리드랑 키라인 관련하여 설명되어 있습니다.
선생님 아이콘을 디자인할 떄 24x24는 모바일 기종 상관없이 보통 다 권장사항인가요? 아이폰xs서의 24와 xs max에서의 24는 좀 다르게 보이지 않을까 해서요!
권장 사항이에요~ 작은 아이콘의 경우엔 16×16으로도 하지만, 시스템 아이콘 표준 사이즈는 24×24에요~ 24×24 벡터(svg)로 만들어서 사이즈를 크게 하거나 작게하여 조절해서 사용합니다. 큰 아이콘이 필요 할경우, 8의 배수로 전달하고여~(32, 56..) 상황에 따라 다르지만 8의 배수로 맞춰 제작하는 것을 권장드려요.
구글 머터리얼 가이드를 참고하시면 더 정확한 가이드를 알 수 있어요! ㅎㅎ
Edit-Object 기능을 새 피그마에서는 찾을 수가 없어요. 어디로 바뀐걸까요? 새로운 버전의 피그마에서는 기존 피그마 동영상과 다르게 설정되어서 메뉴 찾기가 어려워요. 오브젝트가 안되서 사각형에 호버기능을 하는 것도 되는지 안되는지 모르겠어요!
안녕하세요?? 반갑습니다. 관련 영상 정말 재밌게 잘 봤습니다. 네모를 그릴때 단축키 R을 누르고 네모를 그리는 이유가 뭔지 궁금합니다. R 을 누르면 무슨 액션이 있나요?? 잘 몰라서 물어봅니다.
도형툴중 네모를 그리는 단축키입니다~
연정's Figma 아.... 그랬군요!! 네모를 클릭하고 또 R을 클릭했었는데 R만 눌러도 되는군요 ^^ 감사합니다!!
라인성격이 살아있게 합치는방법은 뭘까욤?
개쩐다...피그마..
머터리얼 디자인 가이드에서 제공하는 시스템 아이콘은 상업적으로 사용가능한지 알 수 있을 까요??
8:46 전 왜 뒤에 하얀배경이 안지워질까요ㅠㅠㅠㅠㅠ너무어렵당.........ㅠㅠㅠ
잘보고 있습니다! 혹시 1:21 초의 icon-keyline-24x24라는 이름의 이미지(?)는 어디서 갑자기 튀어나온건가요 ? ㅎㅎ;
구글 머터리얼 가이드 기준하에 피그마로 만든 샘플입니다.
좋은 강의 감사해요. 혹시 오프 강의 같은 건 안 하시나요? @-@
ㅎㅎ 넵 없습니다~
9:00 저는 두 개 선택해서 저장하면 도형이 나눠져서 따로 저장되는데 왜 그럴까요.. 그루핑 하면 하나로 되는데 연정님은 그루핑 안 하신 것 같은데... 저는 프레임도 안 지워지구요.. 프레임 지우려하면 다 선택되어 다 삭제 되더라구요;
질문 하나 해도 될까요? 24x24가 시스템 아이콘이라고 하셨는데, 이것이 터치영역을 의미할 것 같진 않습니다. 터치영역을 산정하는 어떤 기준같은게 있을까요?
안드로이드 가이드 기준에 따르면 가로 세로 48px 이상을 권장하고 있다고 알고 있습니다. 아이콘을 둘러싼 여백을 포함한 값입니다. material.io/design/layout/spacing-methods.html#touch-targets 첨언: 아이콘 사이즈는 4의 배수 또는 8의 배수를 권장하고 있고요. 자세한 내용은 구글 머터리널 디자인 가이드 링크를 참고해주세요~
안녕하세요 11:45부분의 프레임 선택 후 화면을 늘리면 영상에선 안의 아이콘도 자동으로 사이즈가 조정되던데, 지금은 프레임만 늘어나고 아이콘은 그대로라 혹시 어떻게 사이즈를 늘릴 수 있는지 궁금합니다.
아이콘의 레이어가 선택된 성태에서 constraints 옵션(디자인 패널의)을 모두(left, top 대신 ) scale로 수정하면돼요~
11:45 프레임을 늘렸는데 카트는 안 늘어나고 바깥 프레임만 커지고 작아지는데 해결 방법이 뭔가요?ㅜ
유익한 영상 감사합니다^^ 요번에도 살포시 질문 남기고 갑니다~!
Q) 피그마 도형 기울이기 기능이 있을까요? 아무리 찾아도 보이질 않네요..
두 가지 방법 소개 드려요.
1)도형 마우스 더블 클릭하여 벡터 편집 모드에서 기울이고자 하는 꼭지점을 마우스로 드래그
2) 플러그인을 사용하는 방법: 피그마 커뮤니티에서 검색하시면 되요~
플러그인 이름: SkewDat
워우~! 플러그인이 있었다니!! 꿀팁 감사합니다^^
아이콘 만들기 전에 이걸볼껄....... 이미 만들고 다시 수정해야하네
개인적으로,, 왜 이렇게 해야되는지 설명이 없어서 아쉬웠습니다 ㅠㅠ 그냥 따라하기는 좋은거 같아요 정말 1회보고 이거 따라하는 중인데 이해는 안가고 몸만 따라하고 있는데 이건 제가 이상한걸까요..?
이해가 가지 않는 상태에서 그냥 따라만 하는 이유가 무엇인지 궁금해져서 코멘트 남깁니다. 질문) 피그마를 공부하는 이유 또는 계기가 무엇인가요?
1:30 여기서 갑자기 사이트에있던 키라인이 어떻게 피그마 왼쪽편으로 오는지 궁급합니다ㅠㅠ
연정님! 초반에 알려주신 사이트 들어가면 화면처럼 나오지 않습니다ㅠㅠ;; 이벤트 아이콘은 어찌저찌 찾았는데 icon design principles가 아무리 찾아도 보이지 않는데 혹시 알려주신 사이트가 리뉴얼된걸까요!!ㅠㅠ
아이콘 다운로드 : fonts.google.com/icons 저도 오랫만에 들어가보었는데 리뉴얼 되었네요.
material.io/design/iconography/system-icons.html#design-principles
material.io/에서 검색창에 icon size로 검색하시면 됩니다.
@@yeonjung-figma 으아ㅠㅠㅠ빠른 답변 너무너무 감사합니다...몇일동안 혼자 끙끙앓았는데 질문하길 잘 한 것 같아요ㅠㅠ정말 너무 감사합니다!
8:15 복사해서 오른쪽 프레임으로 옮기면 도형이 프레임 뒤로 가버리는데 어떻게 해야 하나요??
연정샘 ~ 5분 부터 선 그리는게 나오는데, 단축키 shift 키를 누르는 것은 무엇을 위함인가요? 그리고 저는 선이 한줄 긋고 나서 계속 딸려나오는데 어떻게 한줄씩 깔끔하게 그릴 수 있을까요 ?
shift 키를 누르고 선을 그리는 이유는 직선이나 대각선(45도) 그릴때 편리해서 이고여~ 그리고 도형에 대해 사이즈를 조정할때 가로 세로 일정한 비율로 확대 또는 축소가 가능해서 자주 사용하는 단축키에요.
한 줄긋고 딸려올때는 esc 키 누리면 해제되요
@@yeonjung-figma 답변 너무너무 감사합니다 ~~ 연정샘 피그마 기초 영상 보면서 첫 시작하는 중이에요 😊😊
0:34는 어디로 들어가면 될까요?
안녕하세요^^ 펜툴로 그린것을 일러스트처럼 선 ->면으로 변경할 수는 없나요~?
마우스 우클릭 후 outline stroke 클릭하시면 돼요~
잘보았습니다!! 그런데 피그마에서 그라데이션이나 그림자를 포함한 요소를 svg로 추출한뒤 일러스트레이터에서 열면 좀 깨지는데 이런건 방법이 없을까요..?ㅜㅜ
앗 아쉽게도 저도 모르는 이슈네요. 혹시 피그마에서 일러스트로 옮긴 이유를 알 수 있을까요?
@@yeonjung-figma 앗 바로 답변주시고 정말 감사해요. ㅠㅠ 공동 작업물이라 다른디자이너가 일부 겹쳐진요소를 지우거나 옮기면서 추가 파생작업을 해야해서요..
안녕하세요 12:54 에서 저는 Line Arrow가 없는데 왜일까요..?ㅠㅠ
피그마 ui가 개편되어서 그런듯요 😅
arc키는 무엇인가요?ㅠㅠ
아크키를 선택하고 드래그하면 부체꼴 도형이나, 튜브형태의 도형을 만들 수 있어요. 원형툴로 원을 그린다음 마우스 호버하시면 동그라미가 보입니다. 저는 그걸 아크키라고 불러요.
아이콘을 다 만들고 저장하니까 흰색배경이 남았는데 왜 그런건가요..? Vector라는 흰색 배경 레이어가 있어요
필요 없는 레이어이면 삭제 또는 숨기시고 export하시면 됩니다.
안녕하세요, 파트 2로 넘어가면 key line이 나오는데 이거는 어떻게 불러오는건가요?
영상에 키라인 만드는 거 포함되어 있습니다~
9:28 선생님 저는 왜 zip파일로저장 될까요.....ㅠㅠ
저도 그래요~
연전님 하나하나 세세하게 알려주셔서 정말 감사합니다 ☺️