WebPS 캔버스 드로잉 도구 초보자 가이드: 그래픽 생성 및 편집

소개

브라우저에서 직접 간단한 그래픽을 만들거나, 이미지에 주석을 달거나, 자유롭게 그리기를 원한다면 WebPS는 완벽한 캔버스 드로잉 도구 세트를 제공합니다. 초보자든 가끔 사용하는 사용자든, 이 가이드는 연필, 브러시, 도형, 텍스트 등 모든 도구를 안내합니다. 새 캔버스를 시작하고, 각 도구를 효과적으로 사용하며, 이를 결합하여 완성된 그래픽을 만드는 방법을 배우게 됩니다. 브라우저를 떠날 필요 없이 말이죠.

시작하기: 드로잉 도구 열기

1. WebPS 편집기로 이동합니다. 2. 새로 만들기를 클릭하거나 기존 이미지를 엽니다. 3. 왼쪽 도구 모음에 모든 드로잉 도구가 있습니다. 기본적으로 선택 도구가 활성화되어 있습니다. 연필, 브러시 또는 도형 아이콘을 클릭하여 그리기를 시작합니다.

1. 연필 도구

연필 도구는 가장자리가 뚜렷하고 픽셀 단위의 완벽한 선을 만듭니다. 스케치, 픽셀 아트 또는 정밀한 윤곽선에 이상적입니다.

사용 방법:

• 연필 아이콘을 클릭하거나 P 키를 누릅니다.
• 상단 옵션 바에서 색상과 크기를 설정합니다.
• 캔버스에서 클릭하고 드래그하여 그립니다.
• Shift 키를 누른 상태에서 드래그하면 완벽한 수평 또는 수직선을 그릴 수 있습니다.

프로 팁: 세부 선에는 작은 크기(1-3픽셀)를 사용하세요. 더 굵은 선에는 크기를 늘리세요.

2. 브러시 도구

브러시 도구는 불투명도와 흐름을 조절할 수 있는 부드럽고 안티앨리어싱된 선을 만듭니다. 페인팅, 음영 처리 또는 하이라이트 추가에 좋습니다.

사용 방법:

• 브러시 아이콘을 클릭하거나 B 키를 누릅니다.
• 옵션 바에서 크기, 불투명도, 흐름을 조정합니다.
• 색상 선택기에서 색상을 선택합니다.
• 드래그하여 페인팅합니다. 불투명도를 낮추면 투명한 레이어가 생성됩니다.

프로 팁: 낮은 불투명도(20-30%)를 사용하여 색상을 점진적으로 쌓아 수채화 효과를 냅니다.

3. 도형 도구

WebPS는 사각형, 타원, 선, 다각형을 위한 도형 도구를 제공합니다. 각 도형은 벡터 윤곽선이나 채워진 영역으로 그릴 수 있습니다.

사용 방법:

• 도형 도구 아이콘(예: 사각형)을 클릭합니다.
• 옵션 바에서 채우기(단색) 또는 윤곽선(윤곽선만)을 선택합니다.
• 색상과 선 두께를 선택합니다.
• 캔버스에서 클릭하고 드래그하여 도형을 만듭니다.
• Shift 키를 누른 상태에서 드래그하면 비율을 유지합니다(정사각형, 원).

프로 팁: 그린 후 이동 도구(V)를 사용하여 도형을 이동하거나 크기를 조정할 수 있습니다. 래스터화하거나 레이어를 병합할 때까지 도형은 편집 가능한 상태로 유지됩니다.

4. 텍스트 도구

텍스트 도구로 캡션, 레이블 또는 제목을 추가하세요. 글꼴, 크기, 정렬 및 색상을 모두 조정할 수 있습니다.

사용 방법:

• 텍스트 아이콘을 클릭하거나 T 키를 누릅니다.
• 캔버스를 클릭하여 텍스트 상자를 만듭니다.
• 텍스트를 입력합니다.
• 옵션 바에서 글꼴 패밀리, 크기, 색상, 정렬 및 스타일(굵게, 기울임꼴, 밑줄)을 변경합니다.
• 텍스트 상자의 모서리를 드래그하여 크기를 조정합니다.

프로 팁: 가독성을 위해 대비가 높은 색상을 사용하세요. 제목의 경우 크기를 24-36픽셀로 늘리세요.

5. 지우개 도구

지우개로 그림의 원하지 않는 부분을 제거합니다.

• 지우개 아이콘을 클릭하거나 E 키를 누릅니다.
• 크기와 경도를 조정합니다.
• 지우려는 영역 위로 드래그합니다.

프로 팁: 부드러운 지우개는 점진적으로 지우고, 단단한 지우개는 정밀하게 제거합니다.

6. 레이어 관리

드로잉 도구는 현재 선택된 레이어에서 작동합니다. 레이어 패널(오른쪽)을 사용하여 새 레이어를 추가하고, 이름을 바꾸고, 순서를 변경하거나 불투명도를 조정합니다. 항상 별도 레이어에 그려 비파괴 편집을 유지하세요.

모범 사례:

• 배경은 레이어 0에 유지합니다.
• 윤곽선은 레이어 1에, 색상 채우기는 레이어 2에 그립니다.
• 텍스트는 자체 레이어에 추가하여 쉽게 위치를 조정하세요.

단계별: 처음부터 간단한 그래픽 만들기

구름이 있는 태양을 그리고 캡션을 추가해 보겠습니다.

1. WebPS 편집기를 열고 새로 만들기를 클릭하여 빈 캔버스(예: 800×600픽셀)를 만듭니다. 2. 레이어 0의 이름을 "하늘"로 바꾸고 페인트 통 도구를 사용하여 밝은 파란색으로 채웁니다. 3. "태양"이라는 새 레이어를 추가합니다. 4. 타원 도형 도구를 선택하고 채우기 모드, 색상 노란색을 선택합니다. 원을 그립니다(Shift 키 누름). 5. "구름" 레이어를 추가합니다. 6. 연필 도구(흰색, 크기 10)를 사용하여 겹치는 세 개의 원을 그려 구름 모양을 만듭니다. 7. "텍스트" 레이어를 추가합니다. 8. 텍스트 도구를 선택하고 글꼴 Arial, 크기 30, 흰색을 선택합니다. 클릭하고 "Hello WebPS!"를 입력합니다. 9. 이동 도구로 텍스트를 원하는 위치로 이동합니다. 10. 파일 > 내보내기를 통해 PNG 또는 JPG로 저장합니다.

고급 팁

• 단축키: P(연필), B(브러시), T(텍스트), E(지우개), V(이동), U(도형), Ctrl+Z(실행 취소).
• 색상 선택기: 색상 견본을 클릭하여 전체 팔레트를 열거나 스포이드(I)를 사용하여 이미지에서 색상을 샘플링합니다.
• 확대/축소 및 이동: 확대/축소 도구(Z)나 마우스 휠을 사용하세요. 스페이스바를 누른 상태에서 드래그하여 이동합니다.
• 뒤집기 및 회전: 편집 메뉴에서 캔버스를 가로/세로로 뒤집거나 90° 단위로 회전합니다.

왜 WebPS로 그림을 그려야 할까요?

• 설치 불필요 — 전적으로 브라우저에서 작동합니다.
• 크로스 플랫폼 — Windows, Mac, Linux, Chromebook.
• 무료 사용 — 드로잉 도구에 대한 페이월이 없습니다.
• 통합 — 자르기, 크기 조정, 필터, 형식 변환 등 다른 편집 기능과 통합됩니다.
• 개인정보 보호 — 이미지는 사용자 기기에 남으며, 서버 업로드가 필요 없습니다(클라이언트 측 처리).

결론

WebPS는 온라인 그래픽 생성을 위한 완벽한 드로잉 제품군을 제공합니다. 연필, 브러시, 도형, 텍스트 및 레이어를 사용하여 빠른 주석에서 정교한 일러스트레이션까지 모든 것을 만들 수 있습니다. 각 도구를 실험해 보고 레이어를 사용하여 작업을 체계적으로 유지하세요. 지금 WebPS 편집기에서 다음 그림을 시작하세요.