RealisationA to Z

일러스트 클리핑 마스크 만드는 방법 1편은 캔버스에 맞추고자 할 때입니다! 캔버스 맞춤이 아닌 물체에 맞추고 싶다면 2편을 참고해주시길 바랍니다. 우선 캔버스에 원하는 물체가 들어오도록 물체를 배치합니다. 이 상태에서 일러스트 클리핑 마스크를 하는 이유는 깔끔하게 정리를 하고 싶어서겠죠?! 물체를 배치했다면 캔버스 크기에 맞는 사각형을 툴을 활용해 물체 가장 위에 올려줍니다. 전체 물체를 잡고 드레그를 해준 상태에서 오른쪽 버튼을 클릭합니다. -> clipping mask 최종적으로 캔버스 크기에 딱 맞는 일러스트 클리핑 마스크가 올려진 캔버스가 완성됩니다!

초보자에게 가장 기초적이면서 헷갈릴 수 있는 프레임 생성 방법에 대해 알아보겠습니다. 우선 일반 페이지를 열어줍니다. 여기서 부터 프레임을 어떻게 생성해야 할지 헷갈릴 수 있는데 왼쪽 상담의 프레임 버튼을 클릭하면 됩니다. * 페이지를 여는 방법을 모른다면 아래 글 참조! 피그마 기초강좌 파해치기 [피그마 UI 키트활용] [피그마 파일 여는방법] 좌측 Team project의 +버튼 -> desgin파일 [피그마 파일 삭제 & 복구] 삭제 : 파일 선택 -> 우클릭 -> 삭제 복구 : 파일 선택 -> 우클릭 -> 삭제 -> undo 클릭 -> 복구 [피그마 무료 플랜 realisationz.tistory.com 왼쪽에서부터 세번째 FRAME 아이콘을 클릭해줍니다. 오른쪽 Prototype 아이콘을 클릭하..

[버튼 컴포넌트 제작하기] 컴포넌트란 ? 두번 이상 재사용될 UI Asset [text 스타일 지정하기] Create Style 기능으로 버튼의 Text 스타일 만들기 text를 입력할때는 text단축키 t를 누른다 text입력 후 우측 design패널에서 button text 편집 항상 문자의 시작을 대문자로 하고싶을 경우 type details -> letter case -> title case 같은 폰트 다른 사이즈의 폰트 생성 (복사 기능 활용) 오른쪽 design 패널 -> style -> create style -> 같은 폰트 다른 사이즈의 폰트 생성 -> design 패널의 text에 스타일 생성된것을 확인할 수 있다 [text 스타일 편집하기] 오른쪽 design 패널 -> style ->..

[피그마 파일 여는방법] 좌측 Team project의 +버튼 -> desgin파일 [피그마 파일 삭제 & 복구] 삭제 : 파일 선택 -> 우클릭 -> 삭제 복구 : 파일 선택 -> 우클릭 -> 삭제 -> undo 클릭 -> 복구 [피그마 무료 플랜 vs 유료 플랜] 무료로 사용할 경우 1개 이상의 프로젝트를 추가할 수 없다 (프로젝트 목록 제한) 디자인 파일 개수 제한 (최대 3개) 무료에서도 뷰어를 누구나 공유하고 볼 수 있다 (단, 파일을 공유하는 순간 private projects 불가능) [UI키트 활용] Home -> Explore Community -> ios 15 ui kit Design 검색 -> joeu banks 파일 -> 우측 상단 duplicate 버튼 -> duplicate ->..

총 소요시간 1시간 3분 / 30분 더 빨리 끝냄 mesh 툴의 크기를 조정해주고 싶을때 : 중심축 위 양옆을 클릭 클릭해서 사각형으로 막아준 후 색상이 들어가야 하는 부분의 중심축을 한번 클릭한후 색상을 넣어주면 작게 만들 수 있다.

총 소요시간 1시간 30분 선인장안의 선은 specified steps를 쓰는게 용이 모자는 이전의 패턴을 만든게 아니라 하나하나 모두 그려서 한것. 원형의 패턴 만드는 또다른 방법 : 먼저 원형의 선을 그린후에 회전으로 반복 360/30 모자안의 패턴 : 클릭드래그로 하나하나 다 그리는 방법도 있다 ( 브러쉬로 만들어서 오래걸린다는 생각이 들면은 직접 그리는게 나을수도 있다. 선으로 상단만 그리후에 하단을 대충 곡선으로 만들어준 후 pathfinder 이용 -> 너무 어렵게 생각하지 x 아쉬웠던 부분 : 옷의 형태가일그러져 있어서 처음에 만들때 제대로 본 후에 만들어야함. 패턴의 옐로우 스트록이 들어간듯한 부분 : 스트록을 넣어주기보다는 옐로우 원을 그린후 그 위에 작은 원을 그려준다 -> 똑같이 선도..

총 소요시간 : 1시간 30분

일러스트레이터 1급 문제유형 A형 연습 총 소요시간 : 1시간 26분 고쳐야할 점 swatches 에 새로운 그룹을 만들어서 내가 지정해야할 컬러들을 먼저 넣어둔다. 프린터물에 나와있는 가이드라인의 줄자를 보고 위치 가늠 곡선이 있는 부분은 먼저 직선으로 그린후에 anchor tool로 변환시켜주는게 더 편하다. 중간중간 lock을 걸어주는게 이동시 편함 도형 안에 새로운 라인을 넣어줄때 offset path를 사용하는게 좋음 pattern : swatches에서 / 크기 줄여주는 것은 scale 툴 최종적으로 필요없는 guide와 rulers는 지워줘야함 mesh -> direct tool로 선택해서 이동 포스터에 들어가는것 : symbol -> 크기를 어느정도 작게 줄여준다음에 저장 screener ..

오늘은 일러스트 아이콘에 그림자를 만드는 방법을 알아보도록 한다! 어플 아이콘을 디자인하거나 캐릭터를 디자인할때 그림자를 넣어주기만해도 느낌이 확 달라진다! 쉬운 방법으로 일러스트 아이콘 그림자를 넣어보자. 출처 : 롤스토리 디자인 연구소 rounded rectangle tool을 활용해 위의 사진과 같이 만든다. ( ↑ 은 알 값이 커지고 ↓은 알값이 작아진다) -> 개체를 꼭 잡은 채로 키보드의 방향키를 눌러줘야 한다. 왼쪽 사진처럼 누워있던 개체를 shift를 눌러 회전시키고 동일하게 오른쪽에 개체를 복사한다. 동일하게 복사를 하고 오른쪽 버튼을 클릭해 복사한 개체를 reflect-vertical 한다. 그리고 align툴을 활용해 horizontal align center & vertical al..

오늘은 일러스트 반사효과 만들기에 대해 알아보고자 합니다. 반사효과는 그림자보다 자연스러운 효과를 넣을 수 있어 많은 사람들이 아래의 방법을 사용합니다. (그림자 효과를 알고 싶다면 아래 글을 참조해도 좋을듯 합니다.) 일러스트 아이콘에 그림자 만들기 오늘은 일러스트 아이콘에 그림자를 만드는 방법을 알아보도록 한다! 어플 아이콘을 디자인하거나 캐릭터를 디자인할때 그림자를 넣어주기만해도 느낌이 확 달라진다! 쉬운 방법으로 일러스트 realisationz.tistory.com 출처: 롤스토리디자인연구소 반사하고 싶은 아이콘/개체를 가져옵니다. 그리고 동일한 개체를 alt키 + shift 를 활용해 복사 한 후 오른쪽 버튼을 클릭해 reflect-horizontal을 클릭합니다. 일러스트 물체를 반사시켰다면 ..