본문 바로가기

Design tool & skills

(49)
[Illustrator] 눈 아이콘 그리기 [Illustrator] 눈 아이콘 그리기 👩🏻‍💻이번 작업을 통해서 알 수 있어요-! 별형 도구를 이용해서 많은 수의 꼭짓점을 가진 도형을 그릴 수 있어요 기준점에 맞춰서 회전+복사를 반복할 수 있어요 💬 6개의 꼭짓점이 있는 별형 도형을 만듭니다 Star Tool을 이용해서 6개의 꼭짓점이 있는 별형 도형을 그립니다 💬눈꽃송이를 만듭니다 ① 펜툴을 이용해서 직선을 그리고, Polygon Tool을 이용해서 육각형의 도형을 만듭니다 ② 대각선으로 선을 추가로 그립니다 ③ 대각선의 선을 반전+복사합니다 ④ 전체 선택 후 하나의 그룹으로 묶습니다 ⑤ 만들어진 하나의 모듈을 회전+복사합니다 ⑥ command + D를 반복해서 모듈을 60도로 계속 회전+복사합니다 💬눈꽃송이와 별형 도형을 합칩니다 처음에 만들..
[Illustrator] 도형 도구로 캐릭터 그리기 [Illustrator] 도형 도구로 캐릭터 그리기 👩🏻‍💻이번 작업을 통해서 알 수 있어요-! 도형 도구로 캐릭터를 그릴 수 있어요 이 콘텐츠를 통해서 일러스트레이터의 기본 사용법을 익힐 수 있어요 💬 모서리가 둥근 사각형을 그립니다 Rounded Rectangle Tool을 선택해 둥근 사각형을 그립니다 💬 원형을 그립니다 Ellipse Tool을 선택해 원형을 그립니다 💬 반원을 만들어 줍니다 기존에 그린 둥근 사각형 도형을 이용해 반원을 만들어 줍니다 💬 둥근 사각형과 반원을 다시 그려줍니다 둥근 사각형 도형과 반원을 적절한 위치에 배치합니다 💬 삼각형을 그립니다 Polygone Tool을 선택해 삼각형을 그립니다 💬 두 개의 원형을 그룹으로 묶어줍니다 Ellipse Tool을 이용해 두 개의 원..
[Design Practice] Photoshop_패스(Path)에 텍스트 작성하기 [Design Practice] Photoshop_패스(Path)에 텍스트 작성하기 👩🏻‍💻이번 작업을 통해서 알 수 있어요-! * 패스에 따라 흐르는 텍스트를 표현할 수 있어요 * 문자 왜곡 효과(Warp Text)를 사용하지 않고 커브 텍스트를 만들 수 있어요 💬 문자 왜곡 효과와 패스를 사용한 텍스트의 차이 * 문자 왜곡 효과를 사용한 텍스트는 모양이 변형되기 때문에 잘 사용하지 않습니다 * 일반적으로 커브 텍스트를 작업할 때에는 패스를 활용해 텍스트를 작성합니다 💬 원형의 패스(Path)를 그립니다 Path 모드로 Ellipse Tool을 이용해 원형의 패스를 그립니다 💬 패스(Path)의 곡선에 텍스트를 작성합니다 Type Tool로 Path를 선택한 뒤 원하는 텍스트를 작성합니다 ① Type ..
[Design Practice] Photoshop_텍스트에 글리치 효과 만들기 [Design Practice] Photoshop_텍스트에 글리치 효과 만들기 👩🏻‍💻이번 작업을 통해서 알 수 있어요-! * Mezzotint 필터를 이용해서 글리치 효과를 표현합니다 * 글리치 효과를 통해서 깨진 그래픽의 지직거리는 느낌을 줄 수 있어요 💬텍스트를 작성합니다 글리치 효과를 줄 텍스트를 작성합니다 💬텍스트를 부분적으로 변형합니다 텍스트 레이어를 Rasterize합니다 💬텍스트를 부분적으로 변형합니다 Marquee tool로 영역을 선택하고 2~3px씩 좌우로 움직입니다 💬GREEN, RED 계열의 텍스트를 추가합니다 작업한 텍스트 레이어를 복사하고 GREEN 계열로 컬러를 변경합니다 💬GREEN, RED 계열의 텍스트를 추가합니다 작업한 GREEN 계열의 레이어를 하단으로 내립니다 💬G..
[Design Practice] Photoshop_텍스트에 마스크 추가하기 [Design Practice] Photoshop_텍스트에 마스크 추가하기 👩🏻‍💻이번 작업을 통해서 알 수 있어요-! * 텍스트 레이어에 마스크를 추가할 수 있어요 * 레이어 마스크를 통해서 입체감 있는 텍스트 디자인을 할 수 있어요 💬텍스트를 작성합니다 ① 텍스트를 따로따로 하나씩 써줍니다 💬텍스트를 작성합니다 ② 텍스트를 기울입니다 💬텍스트에 마스크를 추가해 부분적으로 가려줍니다 ① 텍스트에 마스크를 추가합니다 💬텍스트에 마스크를 추가해 부분적으로 가려줍니다 ② 레이어 마스크에 Gradient tool로 일정 부분을 칠해줍니다 💬텍스트에 마스크를 추가해 부분적으로 가려줍니다 ③ 나머지 텍스트에도 동일하게 적용해 줍니다 💬완성-! 텍스트 레이어에 마스크를 추가해 입체감 있는 텍스트를 디자인해 보았습니다
[Design Practice] Photoshop_테두리 있는 말풍선 도형 만들기 [Design Practice] Photoshop_테두리 있는 말풍선 도형 만들기 👩🏻‍💻이번 작업을 통해서 알 수 있어요-! 여러 개의 도형을 하나로 합칠 수 있어요 Anchor Point Tool을 이용해서 테두리를 부분적으로 지울 수 있어요 💬말풍선을 만듭니다 Rounded Rectangle Tool을 이용해서 두 개의 도형을 그립니다 💬말풍선을 만듭니다 두 개의 도형을 선택한 후 Merge Layers 합니다 💬말풍선을 만듭니다 여러 개의 도형을 하나의 도형으로 만들었습니다 💬텍스트를 추가합니다 원하는 텍스트 문구를 작성합니다 💬텍스트 부분을 제외한 테두리를 지워줍니다 Add Anchor Point Tool을 이용해서 앵커 포인트를 추가합니다 💬텍스트 부분을 제외한 테두리를 지워줍니다 지우고자 하..
[Design Practice] Photoshop_머리카락 누끼 따기(원본 이미지 파일 첨부) [Design Practice] Photoshop_머리카락 누끼 따기 👩🏻‍💻이번 작업을 통해서 알 수 있어요-! 간단하게 머리카락과 배경을 분리할 수 있습니다 Refine Edge Tool을 이용해보아요 :-) 원본 이미지 파일을 다운받아서 함께 작업해요-! (하단에 원본 이미지 파일이 첨부되어 있습니다) 💬Pen Tool로 불필요한 부분을 제거합니다 Pen Tool을 이용해서 제거할 수 있는 부분을 깔끔하게 없앱니다 💬이미지를 선택하고 Select and Mask를 적용합니다 1차로 배경을 제거한 이미지를 선택합니다 💬이미지를 선택하고 Select and Mask를 적용합니다 View Mode를 Overlay로 변경합니다 💬이미지를 선택하고 Select and Mask를 적용합니다 Refine Edg..
[Design Practice] Photoshop_간단하게 피부 보정하기 (원본 이미지 파일 첨부) [Design Practice] Photoshop_간단하게 피부 보정하기 👩🏻‍💻이번 작업을 통해서 알 수 있어요-! 스팟 힐링 브러시 툴을 사용합니다 잡티 제거 + 피부 블러 + 밝기 조정의 세 단계로 깨끗한 피부를 만들 수 있어요! 원본 이미지 파일을 다운받아서 함께 작업해요-! (하단에 원본 이미지 파일이 첨부되어 있습니다) 💬이미지의 잡티를 제거합니다 Spot Healing Brush Tool을 이용해서 잡티를 제거합니다 💬피부의 주름을 제거합니다 Patch Tool을 이용해서 주름을 제거합니다 💬피부를 부드럽게 처리합니다 Gaussian Blur를 이용해서 이미지를 흐릿하게 합니다 💬피부를 부드럽게 처리합니다 눈, 코, 입 부분을 제외하고 마스크를 칠해줍니다 💬피부를 부드럽게 처리합니다 피부의 ..