Photoshop 사랑의 임의의 인물. Photoshop에서 자유형 모양 또는 모양을 만드는 방법. 도형을 다른 요소와 정렬하는 방법

지난 강의에서는 Photoshop에서 모양 및 모양 레이어로 작업하는 방법을 배웠습니다. 모양 그룹의 5가지 도구(사각형, 둥근 사각형, 타원, 다각형 및 선)를 사용하여 간단한 사각형과 타원을 문서에 추가하고 별, 선 및 안내 화살표를 그리는 방법을 살펴보았습니다.

프로그램에 원과 사각형을 그릴 수 있는 도구가 있는 것은 좋지만 더 복잡한 모양의 그림을 그려야 하는 경우에는 어떻게 해야 할까요? 결혼식 사진이나 초대장에 하트를 추가하고 싶거나 애완 동물 가게 로고를 위해 개나 고양이를 그리고 싶다면? 꽃, 나뭇잎, 눈송이, 음표 또는 저작권 아이콘 그림의 이미지는 어떻습니까?

실제로 Photoshop은 이러한 모든 모양과 함께 작동하며 원과 사각형을 추가하는 것과 마찬가지로 쉽게 이미지에 추가할 수 있습니다. 프로그램에서 이러한 모든 복잡한 모양을 사용자 정의 모양이라고 하며 이 단원에서 배울 사용자 정의 모양 도구를 사용하여 그릴 수 있습니다.

자유형 모양 도구

사용자 정의 모양 도구는 모양 그룹의 다른 도구와 같은 섹션의 도구 모음에 있습니다. 기본적으로 사각형 도구가 화면에 표시되지만 이 도구를 클릭하고 몇 초 동안 마우스 버튼을 누르고 있으면 이 섹션에서도 사용할 수 있는 다른 도구 목록과 함께 팝업 메뉴가 나타납니다. 사용자 정의 모양 도구는 목록 맨 아래에 있습니다.

사각형 도구의 아이콘을 클릭하고 마우스 버튼을 누른 상태로 표시되는 메뉴에서 자유형 모양 도구를 선택합니다.

도형 도구 중 하나를 이미 선택한 경우 옵션 막대에서 도형 도구를 나타내는 6개의 아이콘이 있는 사용자 정의 도형 도구로 빠르게 전환할 수 있습니다. 자유형 모양 도구 아이콘은 오른쪽의 마지막 아이콘입니다(방울처럼 보임).

"도형" 그룹에 이미 다른 도구가 활성화되어 있는 경우 옵션 막대에서 "사용자 지정 도형" 도구를 선택할 수 있습니다.

임의의 도형의 모양 선택

자유형 모양 도구를 선택한 후 그리려는 모양의 모양을 결정해야 합니다. 자유형 모양 도구 아이콘 오른쪽의 옵션 막대에 미리 보기 상자가 나타나 현재 선택한 모양의 축소판을 표시합니다.

미리보기 창에는 선택한 임의의 모양이 표시됩니다.

다른 모양을 선택하려면 미리보기 상자를 클릭하십시오. 이 작업은 현재 선택할 수 있는 모든 모양을 표시하는 사용자 정의 모양 팔레트를 엽니다. 실제로 Photoshop은 팔레트와 함께 제공되는 제한된 수보다 훨씬 더 많은 사용자 정의 모양으로 작동합니다. 다른 임의의 모양을 팔레트에 로드하는 방법에 대해 자세히 살펴보겠습니다.

사용자 정의 모양 팔레트를 열려면 미리보기 창을 클릭하십시오.

모양을 선택하려면 축소판을 클릭한 다음 키를 클릭하면 됩니다. 입력하다(이기다) / 반품(Mac) 팔레트를 닫습니다. 또는 모양의 축소판을 두 번 클릭하면 모양이 선택되고 자체적으로 팔레트가 닫힙니다. 하트 모양을 선택하겠습니다.

사용자 정의 모양 팔레트에서 하트 모양 선택

모양의 색상 선택

모양의 모양을 선택한 후에는 색상을 선택해야 합니다. 설정 패널에서 "색상"(색상)이라는 단어 오른쪽에 있는 색상 견본 아이콘을 클릭하면 됩니다.

색상 견본 아이콘을 클릭하여 사용자 정의 모양에 대해 원하는 색상을 선택합니다.

프로그램은 원하는 색상을 선택할 수 있는 색상 팔레트를 즉시 엽니다. 하트 모양의 그림을 그리기로 했으니 빨간색을 선택하겠습니다. 색상 팔레트를 닫으려면 원하는 색상을 선택한 후 확인을 클릭합니다.

색상 팔레트에서 하트 모양의 색상을 선택합니다.

모양 레이어 옵션 선택

지난 튜토리얼에서 언급했듯이 Photoshop에서는 모양 도구를 사용하여 세 가지 유형의 모양을 그릴 수 있습니다. 해상도에 독립적이고 품질 손실 없이 크기를 조정할 수 있는 벡터 모양을 그릴 수 있습니다(Illustrator에서 그리는 모양의 종류). 모양의 윤곽선인 경로를 그리거나 프로그램이 컬러 픽셀로 채우는 픽셀화된 모양을 그릴 수도 있습니다. 대부분의 경우 벡터 모양을 그립니다. 이렇게 하려면 설정 패널에서 "모양 레이어" 옵션을 선택해야 합니다. 이것은 설정 패널의 왼쪽에 있는 세 개의 아이콘 그룹 중 첫 번째 아이콘입니다.

벡터 모양을 그리려면 설정 패널에서 "모양 레이어" 옵션을 선택하십시오.

도형을 그리려면 문서 창을 클릭하여 시작점을 정의한 다음 마우스 버튼을 누른 상태에서 마우스 포인터를 시작점에서 멀리 끕니다. 커서를 움직이면 프로그램이 미래 모양의 얇은 윤곽선을 표시합니다.

마우스 버튼을 클릭하여 시작점을 정의한 다음 커서를 끌어 모양을 그립니다.

마우스 버튼을 놓아 모양 그리기를 마치면 프로그램이 설정 패널에서 선택한 색상으로 즉시 모양을 채웁니다.

마우스 버튼을 내리면 Photoshop에서 모양을 색상으로 채웁니다.

정확한 비율로 도형 그리기

내 심장 모양이 약간 왜곡되어 보이는 것을 확인하십시오. 생각보다 넓고 짧습니다. 이것은 기본적으로 Photoshop이 모양을 그리는 과정에서 모양의 올바른 비율(또는 종횡비)을 유지하려고 시도하지 않기 때문입니다. Ctrl+Z(Win) / Command+Z(Mac)를 눌러 작업을 실행 취소하고 도형을 다시 그려보겠습니다.

올바른 비율로 도형을 그리려면 커서를 문서 창에 놓고 마우스 버튼을 누른 상태에서 평소처럼 커서를 드래그하여 도형을 그립니다. 이때 Shift 키를 누른 상태로 커서를 이동합니다. Shift 키를 누르고 있으면 모양의 윤곽이 올바른 비율을 획득한 것을 볼 수 있습니다.

올바른 비율로 도형을 그리려면 Shift 키를 누른 상태에서 커서를 이동합니다.

그려진 도형의 크기가 적당하면 마우스 버튼을 놓은 다음 Shift 키를 놓습니다(Shift 키를 마지막에 놓아야 함). 프로그램은 선택한 색상으로 도형을 다시 채웁니다.

마우스 버튼을 놓은 후에만 Shift 키를 놓습니다.

Ctrl+Z(Win) / Command+Z(Mac)를 다시 눌러 작업을 실행 취소한 다음 옵션 막대에서 모양 미리 보기 상자를 클릭하여 모양 팔레트를 열어 다른 모양을 선택합니다. 이번에는 음표 이미지에 중점을 둘 것입니다.

음표의 섬네일을 클릭하여 모양을 선택합니다.

음표를 그리기 위해 문서 창에 커서를 놓고 시작점을 정의한 다음 마우스 버튼을 누른 상태에서 마우스 포인터를 시작점에서 멀리 드래그합니다. 커서를 끌기 시작하면 Shift 키를 누른 상태에서 모양을 올바른 비율로 고정하고 이미지를 계속 그립니다.

커서가 움직일 때 Shift 키를 누르고 있습니다.그림의 정확한 비율을 유지하기 위해

그런 다음 마우스 버튼을 놓아 그리기 프로세스를 마치면 Photoshop에서 이전 모양에 대해 선택한 것과 동일한 색상으로 모양을 채웁니다.

새 도형은 이전 도형과 같은 색으로 채워집니다.

그려진 도형의 채우기 색상 변경

새 모양을 이전 모양과 다른 색상으로 지정하려면 어떻게 해야 합니까? 새 모양을 그리기 전에 옵션 막대에서 다른 색상을 선택할 수 있습니다. 그러나 이미 그려진 모양의 색상을 쉽게 변경할 수도 있습니다. 새로 그려진 각 사용자 정의 모양은 레이어 패널의 별도 모양 레이어에 배치되며 각 모양 레이어에는 모양의 현재 채우기 색상을 표시하는 자체 색상 견본 아이콘이 있습니다. 색상을 변경하려면 색상 견본 아이콘을 두 번 클릭하기만 하면 됩니다.

모양의 현재 색상을 변경하려면 모양 레이어의 색상 견본 아이콘을 두 번 클릭합니다.

Photoshop은 새 색상을 선택할 수 있는 색상 피커를 다시 엽니다. 보라색을 선택하겠습니다.

색상 팔레트에서 새 색상 선택

색상 팔레트를 닫을 준비가 되었으면 확인을 클릭합니다. 그러면 Photoshop이 모양의 색상을 다음과 같이 변경합니다.

언제든지 벡터 모양의 색상을 변경할 수 있습니다.

추가 모양 세트 다운로드

이미 언급했듯이 Photoshop은 초기에 제공된 제한된 수보다 훨씬 더 많은 임의의 모양으로 작동합니다. 추가 도형을 팔레트에 로드하기만 하면 됩니다. 옵션 막대에서 모양 팔레트를 열고 팔레트의 오른쪽 상단 모서리에 있는 작은 화살표를 클릭하면 됩니다.

모양 팔레트의 오른쪽 상단 모서리에 있는 작은 화살표를 클릭합니다.

이 작업을 수행하면 Photoshop에 설치된 추가 도형 세트 목록이 맨 아래에 있는 다양한 옵션이 있는 메뉴가 열립니다. 이러한 각 세트는 공통 주제(예: 동물, 음악, 자연 등)로 통합된 그림 모음입니다. 일부 세트는 Photoshop CS5(내가 사용하는 버전)에만 나타나지만 대부분의 세트는 프로그램의 모든 최신 버전에서 사용할 수 있습니다.

이 모든 추가 도형 세트는 프로그램에 설치되지만 수동으로 팔레트에 로드해야 합니다.

필요한 그림 세트를 알고 있는 경우 목록에서 해당 세트 이름을 클릭하여 선택할 수 있습니다. 그러나 한 번에 모든 셰이프 집합을 로드하는 것이 더 쉽습니다. 세트 목록 상단에서 "All"이라는 이름을 선택하여 이를 수행할 수 있습니다.

모든 추가 양식 세트를 로드하려면 이름 "All"(All)을 선택하십시오.

그런 다음 대화 상자가 나타나고 현재 사용자 지정 모양을 새 모양으로 바꿀지 또는 기존 모양에 모양을 추가할지 결정해야 합니다. 창에서 "추가" 항목을 선택하면 원래 모양을 저장하고 새 모양을 추가할 수 있습니다.

팔레트에 원래 모양을 저장하면서 새 모양을 로드하려면 "추가"(추가)를 선택하십시오.

이제 설정 패널의 미리보기 상자를 클릭하여 모양 팔레트를 열면 원하는 모양을 선택할 수 있는 다양한 새 모양이 표시됩니다. 더 많은 축소판을 볼 수 있도록 모양 팔레트를 약간 확장했습니다. 모양의 모든 축소판을 보려면 팔레트 오른쪽에 있는 스크롤 막대를 사용하십시오.

모양 팔레트는 이제 Photoshop에서 사용할 수 있는 모든 추가 모양과 함께 로드됩니다.

다음은 이제 프로그램에서 그릴 수 있는 도형의 몇 가지 예입니다.

모양 팔레트는 이제 Photoshop에서 사용할 수 있는 모든 추가 모양을 반영합니다.

프로그램에서 제공되는 다양한 기성 임의 모양에도 불구하고 모든 세트를 다운로드한 후에도 작업 중인 특정 디자인에 필요한 이미지를 찾을 수 없는 경우가 발생할 수 있습니다. 그리고이 경우 Photoshop은 우리가 직접 어떤 모양이든 만들 수 있기 때문에 우리에게 없어서는 안될 조수가 될 것입니다. 나만의 맞춤 모양 모음을 만들고 저장하고 나중에 사용하는 방법을 알아보려면 "맞춤 모양 만들기" 튜토리얼을 확인하세요!

그리고 여기 있습니다! 사용자 정의 모양 도구를 사용하여 복잡한 모양을 문서에 추가하는 방법을 살펴보았습니다. 다음 자습서에서는 벡터 모양, 경로 및 픽셀 모양의 차이점을 살펴보겠습니다!

번역:크세니아 루덴코

펜으로 구름 그리기

간단한 드로잉 레슨입니다. 펜 도구(Pen)로 무엇이든 그리는 방법. 이 도구는 보편적이고 많은 일을 할 수 있지만 비전문가는 거의 사용하지 않습니다. 왜? Photoshop에서 펜 도구를 사용하는 방법을 배우기가 어렵습니다. 복잡한 것은 없습니다. 이 튜토리얼을 예로 들어보십시오.

구름이나 작은 구름과 같은 펜으로 간단한 그림을 그리는 방법은 무엇입니까? 또는 여러 개의 곡선 세그먼트로 구성된 다른 그림. 가장 쉬운 방법은 간단하고 원시적인 직선 경로를 만든 다음 필요에 따라 세그먼트를 "곡선화"하는 것입니다.

옵션 막대에서 펜 도구(펜)를 선택하고 경로(윤곽선) 버튼을 클릭하여 채우기 없이 경로를 그리고 펜으로 올바른 위치를 클릭하여 다음과 같은 모양을 그립니다.

펜 바로 아래 도구 모음에 있는 화살표 경로 선택 도구 및 직접 선택 도구를 사용하면 경로 또는 개별 노드를 이동할 수 있습니다. 생성한 경로가 완전히 성공적이지 않은 경우 이 화살표를 사용하여 편집하십시오.

구름처럼 보이지 않습니다. 펜 도구 그룹에서 앵커 포인트 추가 도구(앵커 포인트 추가) 도구를 선택하고 일부 직선의 중간에 추가 앵커 포인트를 놓습니다.

직선이 구부러지려면 중간, 즉 우리가 설정한 이 추가 지점을 바깥쪽으로 당겨야 합니다. 이 지점에서 두 개의 가이드가 확장됩니다. 매우 짧으면 아크가 급격하게 구부러집니다. 호의 모양을 변경하려면 가이드의 끝을 잡고 바깥쪽으로 끕니다. 호가 대칭이 되려면 가이드의 길이와 각도가 같아야 합니다.

그림과 같이 모든 직선 세그먼트를 호로 바꿉니다.

결과는 구름과 유사한 윤곽선입니다. 하지만 이렇게 그려진 도형은 이미지가 아니라 이미지를 생성할 수 있는 템플릿일 뿐입니다. 윤곽선은 그림에서 보이지 않습니다. 생성된 구름 윤곽선은 색상이나 질감으로 채우거나 연필이나 브러시로 윤곽선을 그릴 수 있습니다.

Photoshop 도구 모음에서 전경색 흰색을 선택합니다.

경로 위 또는 근처의 아무 곳이나 마우스 오른쪽 버튼으로 클릭합니다. 윤곽 작업을 위한 상황에 맞는 메뉴가 열립니다.

이 메뉴에서 경로 채우기를 선택합니다. 열리는 대화 상자에서 전경 또는 배경의 채우기 색상, 흐림 반경(깃털 반경) 및 레이어 오버랩 모드를 선택할 수 있습니다.

결과는 다음과 같습니다. 멋진 흰색 구름이 그려집니다.

하지만 구름이 꼭 흰색일 필요는 없고 구름의 윤곽선만 그리면 된다면? 마지막 작업 취소 - 윤곽선 채우기 : 팔레트 히스토리 (히스토리), 한 단계 뒤로.

연필 도구를 선택하고 사용자 지정합니다. 옵션 막대에서 두께를 2 또는 4픽셀로 설정합니다.

경로 작업을 위한 컨텍스트 메뉴를 불러오려면 마우스 오른쪽 버튼을 클릭하십시오. 메뉴에서 스트로크 경로를 선택합니다.

열리는 창에서 도구를 선택하십시오 연필 (연필),

확인을 누르고 결과를 얻습니다. 연필로 윤곽선이 표시된 구름입니다.

브러시와 같은 다른 도구를 사용하여 스트로크할 수도 있습니다. 각 도구는 사전 구성되어야 합니다.

마지막 작업 취소-연필로 획: 팔레트 History (History), 뒤로 물러서십시오. 도구 모음에서 브러시(Brush) 도구를 선택하고 다음 매개변수로 설정합니다.

경로 작업을 위한 컨텍스트 메뉴를 불러오려면 마우스 오른쪽 버튼을 클릭하십시오. 메뉴에서 Stroke Path(Stroke)를 선택하고 대화 상자에서 Pencil(Pencil) 대신 Brush(Brush)를 설정합니다.

다음과 같은 결과를 얻게 됩니다.

학습 과정에서 작은 걸작을 만들고 나중에 사용할 수 있도록 저장하려면 윤곽선 작업을 위해 상황에 맞는 메뉴를 다시 마우스 오른쪽 버튼으로 클릭하고 선택하십시오. 사용자 정의 모양 정의.

열리는 창에서 모양의 이름을 입력하고 확인합니다.

나중에 자유형 벡터 모양 섹션에서 클라우드를 찾을 수 있으며 필요할 때마다 사용할 수 있습니다.

이 자습서에서는 Photoshop에서 임의의 모양을 만든 다음 작업하는 것과 관련된 모든 것을 살펴봅니다. 내용이 많기 때문에 2부로 나누어서 올리도록 하겠습니다. 1부에서는 도형을 생성하여 임의의 도형으로 정의한 후 화면에 표시하고 필요에 따라 사용하는 방법을 알아보겠습니다. 두 번째 부분에서는 다양한 모양을 별도의 모양 세트로 결합하고 프로그램에 저장하는 방법을 살펴보겠습니다.

이 튜토리얼에 대한 아이디어는 단순한 모양을 위한 미리 만들어진 템플릿이 포함된 수많은 페이지가 있는 스크랩북 잡지를 살펴보던 중 떠오른 것입니다. 이 수치는 다양한 주제로 그룹화되었으며 터무니없이 비쌌습니다. 그런 다음 "이봐, Photoshop에서 직접 무료로 이 모든 모양을 만들 수 있습니다!"라고 생각했습니다. 또한 나만의 맞춤 모양을 만들기 위해 스크랩북을 만들 필요가 없습니다.

첫째, 피규어를 만들 때 재미있게 놀 수 있습니다! 그리고 다양한 모양을 만들어 별도의 세트로 결합하면 더욱 재미있을 것입니다. 둘째, 도면 디자인이나 디자인 작업에서 임의의 모양을 장식 요소로 사용할 수 있습니다. 셋째, 임의의 모양을 벡터 마스크와 결합하여 재미있는 사진 프레임을 얻을 수 있습니다. 하지만 사용자 지정 모양을 사용하기 전에 모양을 만드는 방법을 알아봅시다!

자료를 마스터하기 전에 한 번 더 여담을 허용하겠습니다. 임의의 모양을 만들려면 펜 도구를 사용해야 합니다. 직사각형 또는 타원과 같은 기본 모양 도구를 사용하여 모양을 만들 수 있지만 상자나 자전거 타이어처럼 보이는 특정 모양을 만드는 데 제한을 두지 않으려면 펜 도구를 사용해야 합니다. 펜 도구로 선택하는 방법 자습서에서 펜 도구에 대해 자세히 배웠으므로 이 자습서에서는 해당 항목만 다루겠습니다. 펜 도구의 기본 속성에 익숙하지 않은 경우 먼저 이 도구 사용에 대한 강의를 읽으십시오.

이 자습서에서는 먼저 이미지의 개체를 추적하여 임의의 모양을 만듭니다. 그릴 수 있다면 훌륭합니다. 주제를 추적하지 않고 자유형 모양을 쉽게 그릴 수 있습니다. 자유형 모양을 만들 때 획이나 자유형으로 그리는 방법은 중요하지 않기 때문입니다. 나는 예술적인 능력이 없기 때문에 물체를 추적하는 것을 선호하므로 이 자습서에서는 그렇게 할 것입니다.

이 귀여운 Gingerbread Man에서 사용자 정의 모양을 만들 것입니다.

진저브레드 맨

시작하자!

1단계: 펜 도구 선택

앞서 언급했듯이 직사각형 또는 타원과 같은 기본 모양 도구를 사용하여 임의의 모양을 만들 수 있지만 이러한 도구를 사용하여 Gingerbread Man의 윤곽을 잡으려고 하면 기껏해야 머리가 없을 것입니다(조금 아이러니하게 죄송합니다). 실제로 필요한 것은 펜 도구이므로 도구 패널에서 선택해 보겠습니다.

펜 도구 선택

P 키를 눌러 펜 도구를 선택할 수도 있습니다.

2단계: 옵션 막대에서 "모양 레이어" 옵션 선택

펜 도구를 선택한 상태에서 화면 상단의 옵션 막대를 살펴보겠습니다. 패널 왼쪽에 세 개의 아이콘 그룹이 표시됩니다.

펜 도구 사용 방법을 선택할 수 있는 옵션 막대의 세 아이콘

이 아이콘은 펜 도구로 무엇을 할 수 있는지 보여줍니다. 오른쪽의 아이콘은 현재 음영 처리되어 있습니다. "도형" 그룹의 기본 도구로 작업할 때만 사용할 수 있습니다("펜" 도구와 "도형" 그룹의 도구는 설정 패널에서 거의 동일한 옵션이 있음). 당신과 내가 펜 도구로 선택하는 방법 자습서에서 진행한 것처럼 중간에 있는 아이콘은 경로를 그리고 싶을 때 사용되지만 지금은 필요하지 않습니다. 펜 도구를 사용하여 모양을 그리려면 왼쪽에서 모양 레이어 매개변수를 담당하는 아이콘을 선택해야 합니다.

펜 도구로 모양을 그리려면 모양 레이어 옵션을 선택합니다.

모양 레이어 옵션은 펜 도구에 액세스할 때마다 기본적으로 선택되므로 직접 설정할 필요가 없습니다. 그러나 도형 그리기를 시작하기 전에 이 옵션이 선택되어 있는지 확인하고 확인하는 것이 좋습니다.

펜 도구를 사용하여 드로잉 경로와 드로잉 도형 사이에는 차이가 없다는 점을 지적해야 합니다. 두 경우 모두 문서 창을 클릭하여 기준점을 설정한 다음 필요에 따라 안내선을 이동하여 직선 또는 곡선 섹션을 만듭니다(다시 말하지만 이러한 개념에 익숙하지 않은 경우 펜 도구로 선택하는 방법 강의를 확인하십시오). 사실 "공식적으로" 도형을 그리든 경로를 그리든 관계없이 경로를 그리는 것입니다. 차이점은 모양을 그릴 때 우리가 그릴 때 Photoshop이 경로를 색상으로 채워서 모양을 볼 수 있다는 것입니다.

이상하게도 이 속성은 작업을 조금 더 어렵게 만듭니다. 왜 - 우리는 더 고려할 것입니다.

3단계: 도형 그리기 시작

옵션 막대에서 펜 도구와 모양 레이어 옵션을 선택하면 이미지 추적을 시작할 수 있습니다. Gingerbread Man의 머리로 추적을 시작하고 싶습니다. 이렇게 하려면 클릭하여 기준점을 설정하고 안내선을 드래그하여 남자의 머리 주위에 곡선 선을 만듭니다. 아래 이미지에서 앵커 포인트와 안내선을 볼 수 있지만 문제가 있습니다. Photoshop은 획을 그리는 동안 모양의 윤곽선을 배경색(필자의 경우 검은색)으로 채워서 사람의 머리가 보이지 않도록 합니다.

프로그램은 그림을 그리는 동안 윤곽선을 배경색으로 채워 이미지를 볼 수 없도록 합니다.

프로그램이 스트로크 중에 이미지 자체를 숨기지 않도록 하려면 레이어 패널로 이동하여 모양 레이어의 불투명도를 낮추기만 하면 됩니다. 현재 레이어 패널에서 진저브레드 맨의 이미지가 배치된 하단 배경 레이어(Background)와 "Shape 1"(Shape 1)이라는 도형의 상단 레이어의 두 레이어가 있음을 알 수 있습니다. 셰이프 레이어가 파란색으로 강조 표시되어 현재 선택되어 있음을 확실하게 알 수 있습니다. 불투명도를 낮추려면 레이어 패널의 오른쪽 상단 모서리에 있는 불투명도 옵션을 선택하고 해당 값을 낮추면 됩니다. 제 경우에는 불투명도를 50%로 낮춥니다.

레이어 패널의 오른쪽 상단 모서리에 있는 불투명도 옵션을 사용하여 모양 레이어의 불투명도를 낮춥니다.

모양 레이어의 불투명도를 낮추면 남자의 머리가 배경 채우기 색상을 통해 표시되므로 추가 획을 훨씬 더 쉽게 만들 수 있습니다.

모양 레이어의 불투명도를 낮추면 배경 채우기 색상을 통해 이미지가 보입니다.

5단계: 이미지 추적 계속

이제 내가 그리는 도형의 채우기 색상을 통해 Gingerbread Man이 표시되므로 획의 시작 부분으로 돌아올 때까지 펜 도구를 사용하여 이미지를 계속 추적할 수 있습니다.

그림의 윤곽이 완전히 완성되었습니다.

레이어 패널에서 모양 레이어를 보면 독특한 진저브레드맨 모양이 나타나는 것을 볼 수 있습니다.

레이어 패널에서 작은 남자의 모습이 이제 명확하게 보입니다.

지금까지는 괜찮았습니다. 우리는 Gingerbread Man의 모양을 설명했으며 어떤 경우에는 이것으로 충분할 것입니다. 그러나 내 경우에는 윤곽선 그림에 약간의 작업이 필요합니다. 최소한 아웃라인 실루엣에 눈과 입이 포함되어야 하고 나비 넥타이와 그 아래에 두 개의 큰 단추가 있어야 한다고 생각합니다. 윤곽선 모양에 이러한 세부 사항을 어떻게 추가합니까? 매우 간단합니다! 우리는 그것들을 추가하지 않을 것입니다 - 그림에서 이러한 세부 사항을 제거(또는 빼기)할 것입니다!

6단계: 타원 도구 선택

눈부터 시작합시다. 선택적으로 Pen Tool로 눈을 선택할 수도 있지만 Little Man에서는 둥글기 때문에 Ellipse Tool(Ellipse Tool)을 사용하여 더 쉽게 선택합니다. 도구 모음에서 타원 도구를 선택합니다. 기본적으로 이 도구는 사각형 도구 뒤에 숨겨져 있으므로 사각형 도구를 클릭하고 마우스 버튼을 몇 초 동안 누르고 있으면 타원 도구를 선택할 수 있는 팝업 메뉴가 화면에 나타납니다.

도구 모음에서 사각형 도구를 클릭한 다음 화면에 팝업 메뉴가 나타날 때까지 마우스 버튼을 누르고 있으면 타원 도구가 선택됩니다.

7단계: 모양 영역에서 빼기 옵션 선택

타원 도구를 선택한 상태에서 옵션 막대를 보면 다양한 방식으로 서로 연결된 작은 사각형처럼 함께 그룹화된 여러 아이콘을 볼 수 있습니다. 이러한 아이콘을 사용하면 영역에 모양 추가, 영역에서 별도 영역 빼기, 여러 모양의 영역 교차와 같은 모양으로 다양한 작업을 수행할 수 있습니다. "모양 영역에서 빼기"(모양 영역에서 빼기) 옵션을 담당하는 왼쪽에서 세 번째 아이콘을 클릭합니다.

설정 패널에서 "도형 영역에서 빼기" 옵션 아이콘을 클릭합니다.

8단계: 윤곽선 실루엣에서 추출할 개별 모양 그리기

이제 모양 영역에서 빼기 옵션을 선택한 상태에서 개별 영역을 삭제하여 모양에 세부 사항을 추가할 수 있습니다. 왼쪽 눈 주위에 타원을 그려 모양 변형을 시작합니다.

마우스 버튼을 누른 상태에서 왼쪽 눈 주위에 타원을 그립니다.

마우스 버튼을 놓으면 눈 주위의 타원형 영역이 기본 모양의 획에서 즉시 사라지거나 "잘라내어" 아래쪽 "배경" 레이어에 배치된 원본 이미지에서 Little Man의 왼쪽 눈을 볼 수 있는 구멍을 남깁니다.

왼쪽 눈은 이제 모양의 원래 획에서 "잘라내어" 윤곽선이 있는 실루엣 아래의 원본 이미지에 눈이 보이는 상태로 남습니다.

나는 오른쪽 눈으로 똑같이 할 것입니다. 먼저 눈 주위에 타원을 그립니다.

오른쪽 눈 주위에 타원을 그립니다.

마우스 버튼을 놓으면 두 번째 둥근 구멍이 나타나며 이를 통해 원본 이미지에서도 남자의 눈을 볼 수 있습니다.

남자의 눈이 보이는 두 번째 구멍이 그림에 나타났습니다.

나비 넥타이 아래에 있는 두 개의 단추도 둥글기 때문에 Ellipse Tool을 다시 사용하여 윤곽선 모양에서 단추를 제거합니다. 먼저 상단 버튼 주위에 타원을 그립니다.

상단 버튼 주위에 타원 그리기

마우스 버튼을 놓으면 버튼 주변의 타원형 영역이 윤곽선 모양에서 즉시 사라지고 아래 이미지에서 버튼을 볼 수 있는 구멍이 남습니다.

그림에는 상단 버튼이 보이는 구멍이 있습니다.

이제 하단 버튼에 대해 동일한 작업을 수행합니다. 먼저 버튼 주위에 타원을 그립니다.

하단 버튼 주위에 타원 그리기

마우스 버튼을 놓으면 외곽선 실루엣에 네 번째 구멍이 나타납니다.

이제 두 버튼 모두 윤곽선 그림에서 잘립니다.

현재 레이어 패널에서 모양의 레이어 축소판을 보고 있는 경우 윤곽선 모양에서 잘라낸 두 개의 눈 구멍과 두 개의 단추 구멍을 볼 수 있습니다.

모양 레이어 축소판은 윤곽선 모양에서 잘라낸 눈과 단추 구멍을 보여줍니다.

9단계: 펜 도구를 사용하여 윤곽선 실루엣에서 나머지 세부 정보 추출

타원 도구로 선택할 수 없는 윤곽선 모양에 몇 가지 세부 사항을 추가해야 하기 때문에 펜 도구로 다시 전환하겠습니다.

윤곽선 실루엣에 입을 추가하고 나비 넥타이를 추가하고 싶습니다. 옵션 막대에서 펜 도구를 다시 선택한 후 모양 영역에서 빼기 옵션이 이미 선택되어 있으므로 윤곽선이 있는 진저브레드 맨 실루엣에서 입과 나비 넥타이를 "잘라내기" 시작합니다.

아래 이미지는 내가 만든 구멍을 통해 보여주는 진저브레드 맨의 원본 이미지와 함께 획 선을 보여줍니다.

이제 펜 도구를 사용하여 윤곽선이 그려진 진저브레드 맨 모양에서 입과 나비 넥타이가 잘립니다.

다리와 팔에 가루 설탕의 물결 모양 선을 잘라내어 진저 브레드 맨 그림 그리기를 마칩니다. 이번에도 펜 도구를 사용하여 트랙을 만들겠습니다. 먼저 맨의 왼팔에 설탕을 입히는 경로를 추적하여 모양의 원래 획에서 잘라냅니다.

펜 도구를 사용하여 Little Man의 왼쪽에 설탕을 입힌 경로를 잘라냅니다.

첫 번째 경로의 윤곽을 그린 후, 나머지 세 개로 이동하여 사람 모양에서 가루 설탕의 네 개 트랙이 모두 잘릴 때까지 추적을 시작합니다.

다리와 팔의 가루 설탕 흔적은 이제 윤곽선 실루엣에서 잘립니다.

레이어 패널에서 모양의 레이어 축소판을 다시 보면 가루 설탕, 눈, 입, 나비 넥타이 및 모양에서 잘린 단추의 선을 명확하게 볼 수 있습니다.

레이어 패널의 모양 레이어 축소판은 Gingerbread Man 모양의 원래 획에서 잘라낸 모든 세부 정보를 반영합니다.

그래서 진저 브레드 맨의 모습이 준비되었습니다! 펜 도구를 사용하여 모양의 초기 획을 만든 다음 모양 영역에서 빼기 옵션과 함께 펜 및 타원 도구를 사용하여 모양에 세부 정보를 추가했습니다.

10단계: 모양 레이어의 불투명도를 100%로 높입니다.

모양의 특정 영역을 스트로크한 후에는 더 이상 윤곽선이 있는 실루엣 아래에서 원본 이미지를 볼 필요가 없으므로 레이어 패널의 오른쪽 상단 모서리에서 불투명도 옵션(불투명도)을 다시 선택하고 값을 100%로 높입니다.

모양 레이어의 불투명도를 100%로 높입니다.

또한 투명한 배경에서 윤곽선 모양만 볼 수 있도록 레이어의 가시성 아이콘(안구 아이콘)을 클릭하여 일시적으로 배경 레이어를 보기에서 숨길 것입니다. 원하지 않으면 배경 레이어를 숨기지 않도록 선택할 수 있습니다. 그림 보기의 편의를 위해서만 이 작업을 수행합니다.

레이어 가시성 아이콘을 클릭하여 일시적으로 배경 레이어를 보기에서 숨깁니다.

다음은 보기에서 배경 레이어를 숨기고 모양 레이어의 불투명도를 100%로 높인 후 내가 만든 Gingerbread Man 모양의 모습입니다.

투명한 배경에 진저브레드 맨의 완성된 모습

수많은 작업 끝에 드디어 피규어를 만들었습니다! 그러나 이것이 끝이 아닙니다. 이제 우리는 그것으로부터 임의의 수치를 만들어야 하며 이것이 우리가 다음에 할 일입니다.

11단계: 모양을 사용자 지정 모양으로 정의

모양에서 사용자 정의 모양을 만들려면 먼저 레이어 패널에서 모양 레이어가 선택되어 있는지 확인합니다. 또한 모양 레이어의 미리보기 축소판이 선택되어 있는지 확인해야 합니다. 선택하면 흰색으로 강조 표시된 테두리로 둘러싸여 문서의 도형 주위에 윤곽선이 표시됩니다. 레이어 축소판에 강조 표시된 테두리가 없고 모양 주위에 윤곽선이 보이지 않으면 레이어 축소판을 클릭하여 선택하십시오.

필요한 경우 모양 레이어의 축소판을 클릭하여 선택합니다.

참고: 모양의 윤곽선을 숨겨야 하는 경우 레이어 축소판을 다시 클릭하여 선택을 해제하십시오.

모양 레이어를 선택하고 레이어 썸네일을 선택한 상태에서 화면 상단의 편집 메뉴로 이동하여 사용자 정의 모양 정의를 선택합니다.

편집 > 사용자 정의 모양 정의를 선택합니다.

이 작업의 결과로 셰이프 이름 대화 상자가 열리며 여기서 셰이프 이름을 입력해야 합니다. 내 모양의 이름을 Gingerbread Man으로 지정합니다.

도형 이름 대화 상자의 해당 섹션에 도형 이름을 입력합니다.

이름이 입력되면 확인을 클릭하여 대화 상자를 종료하면 됩니다. 사용자 지정 모양을 사용할 준비가 된 것입니다! 이제 모양을 만들고 저장했으므로 Photoshop에서 문서를 닫을 수 있습니다. 이제 어디에서 찾을 수 있고 어떻게 적용할 수 있는지 봅시다!

12단계: Photoshop에서 새 문서 만들기

화면 상단의 파일 메뉴 섹션으로 이동하고 새로 만들기를 선택하여 Photoshop에서 새 빈 문서를 만듭니다. 이 작업은 문서의 이미지 크기를 지정할 수 있는 새 문서 대화 상자를 엽니다. "설정"(사전 설정) 줄에서 640 × 480 픽셀 크기를 선택합니다.

Photoshop에서 새 빈 문서 만들기

13단계: 사용자 정의 모양 도구 선택

빈 문서를 새로 만든 후 도구 모음에서 자유형 모양 도구를 선택합니다. 기본적으로 사각형 도구는 화면에 표시되므로 이 도구를 클릭하고 다른 도구 목록이 있는 팝업 메뉴가 나타날 때까지 몇 초 동안 마우스 버튼을 누르고 있으면 사용자 정의 모양 도구를 선택할 수 있습니다.

사각형 도구의 아이콘을 클릭하고 마우스 버튼을 누른 상태로 표시되는 메뉴에서 자유형 모양 도구를 선택합니다.

14단계: 맞춤형 모양 선택

자유형 모양 도구를 선택한 상태에서 문서 창을 마우스 오른쪽 버튼으로 클릭하면 현재 사용 가능한 자유형 모양을 선택할 수 있는 모양 선택기가 나타납니다. 방금 만든 도형이 도형 목록의 마지막 도형이 됩니다. 이를 선택하려면 해당 그림 썸네일을 클릭하기만 하면 됩니다.

문서 창을 마우스 오른쪽 버튼으로 클릭하여 모양 선택 상자를 연 다음 사용자 정의 모양 축소판을 클릭하여 선택합니다.

15단계: 모양 그리기

사용자 정의 모양을 선택한 후 문서 창을 클릭하고 마우스 버튼을 누른 상태에서 모양을 그립니다. 커서를 움직일 때 모양의 비율을 유지하고 실수로 왜곡하지 않으려면 Shift 키를 길게 누르십시오. Alt(Win) / Option(Mac) 키를 길게 눌러 중앙에서 도형을 그릴 수도 있습니다. 도형을 그리는 동안 도형의 위치를 ​​변경하려면 스페이스바를 누른 상태에서 도형을 새 위치로 옮긴 다음 스페이스바를 놓고 도형을 계속 그립니다.

그리는 과정에서 미래 그림의 얇은 윤곽만 볼 수 있습니다.

그림을 그리면 얇은 윤곽선이 나타납니다.

도형의 위치와 크기가 만족스러우면 마우스 버튼을 놓으면 프로그램이 즉시 현재 배경색인 도형을 채웁니다(제 경우에는 검은색).

마우스 버튼을 놓으면 Photoshop이 모양을 색상으로 채웁니다.

16단계: 모양 레이어 축소판을 두 번 클릭하여 모양의 색상 변경

도형을 그리고 문서에 추가할 때 도형의 색상에 대해 걱정할 필요가 없습니다. 프로그램은 현재 배경색으로 선택된 색상으로 도형을 자동으로 채웁니다. 그 후에 모양의 색상을 변경하려면 모양 레이어의 축소판을 두 번 클릭하면 됩니다. 즉, 오른쪽에 있는 모양 미리 보기 축소판(공식적으로 벡터 마스크 축소판이라고 함)이 아니라 레이어 축소판으로 표시됩니다. 하단에 작은 슬라이더가 있는 색상 견본 아이콘처럼 보이는 왼쪽에 축소판이 필요합니다. 모양의 색상을 변경하려면 마우스 버튼으로 두 번 클릭하십시오.

왼쪽의 모양 레이어 축소판(색상 견본 아이콘)을 두 번 클릭하여 모양의 색상을 변경합니다.

이 작업은 모양의 새 색상을 선택할 수 있는 색상 선택기를 엽니다. 내 Gingerbread Man은 갈색을 선택하고 싶습니다.

색상 선택기를 사용하여 새 색상 선택

색상을 선택할 때 확인을 클릭하여 색상 피커를 종료하면 모양이 즉시 새 색상으로 채워집니다.

모양 색상이 변경되었습니다.

필요할 때마다 원하는 만큼 모양의 색상을 변경할 수 있습니다!

17단계: 필요한 경우 자유 변형 명령으로 모양 크기 조정

도형으로 작업할 때 색상뿐만 아니라 더 많은 것을 변경할 수 있습니다. 가장 큰 장점은 모양이 픽셀 대신 벡터로 그려지므로 이미지 품질을 잃지 않고 원할 때마다 모양의 크기를 안전하게 조정할 수 있다는 것입니다! 모양을 더 크게 또는 더 작게 만들려면 레이어 패널에서 모양 레이어를 선택한 다음 Ctrl+T(Win) / Command+T(Mac)를 눌러 변형 상자를 엽니다. 모서리 핸들을 드래그하여 도형의 크기를 조정합니다. Shift 키를 누른 상태에서 핸들을 움직여 도형의 비율을 유지합니다. Alt(Win)/Option(Mac) 키를 누른 상태에서 핸들을 움직여 중앙에서 도형의 크기를 조정할 수도 있습니다.

자유 변형 상자로 모양 크기 조정

모양을 회전하려면 자유 변형 상자 외부를 클릭하고 커서를 원하는 방향으로 이동합니다.

변형 프레임 바깥쪽을 클릭하고 커서를 이동하면 모양이 회전합니다.

모양 크기 조정을 완료하면 Enter(Win) / Return(Mac) 키를 눌러 최종 변형을 확인합니다.

도형의 색상, 크기 및 위치를 원하는 대로 변경할 때마다 사용자 지정 도형의 사본을 원하는 만큼 문서에 추가할 수 있습니다. 사용자 정의 모양의 각 복사본은 레이어 패널의 별도 모양 레이어에 배치됩니다. 제 경우에는 각각 다른 색상, 크기 및 회전 각도를 가진 여러 진저브레드 맨 모양을 문서에 추가했습니다. 크기에 관계없이 모든 모양은 날카롭고 명확한 각도를 유지합니다.

사용자 지정 모양의 복사본을 원하는 만큼 문서에 추가하고 각각의 색상, 크기 및 회전 각도를 변경합니다.

그리고 여기 있습니다! 먼저 펜 도구로 원본 그림을 따라 모양을 만들었습니다. 모양 영역에서 빼기 옵션이 설정된 펜 및 타원 도구를 사용하여 모양의 작은 세부 사항을 잘라냅니다. 다음으로 편집 메뉴 섹션에서 사용자 정의 모양 정의 옵션을 사용하여 모양을 사용자 정의 모양으로 저장했습니다. 그런 다음 새 문서를 만들고 자유형 모양 도구를 선택한 다음 문서에 자유형 모양을 그렸습니다. 마지막으로 임의의 도형의 색상, 크기 및 각도를 언제든지 변경할 수 있는 방법을 살펴보았습니다!

따라서 Photoshop에서 임의의 모양을 만들고 사용하는 기본 사항을 배웠습니다. 우리 수업의 첫 부분을 배웠습니다. 두 번째 부분에서는 우리가 만든 임의의 모양을 별도의 세트로 결합하고 프로그램에 저장하는 방법을 살펴보겠습니다.

번역:크세니아 루덴코

Adobe Photoshop 프로그램은 이미지 작업에 널리 사용되어 정말 다양한 가능성을 제공합니다. 대부분의 사용자는 사진 보정을 위해 Photoshop을 사용하지만 프로그램을 사용하면 다양한 수준의 그림, 그림, 그래픽을 만들 수 있습니다. Photoshop에는 그림을 만들기 위한 몇 가지 도구가 있습니다. 우선 삼각형, 선, 타원 등과 같은 가장 간단한 요소를 그리는 방법을 배워야 합니다. 다양한 종류의 그림을 만들 때 매우 자주 사용되기 때문입니다. 이 기사에서는 Photoshop에서 가장 단순한 모양을 그리는 방법을 자세히 살펴보겠습니다. 알아 봅시다. 가다!

컴퓨터 그래픽의 기초를 배웁니다.

Adobe Photoshop을 연 후 도구 모음에 주의하십시오. 모양으로 이동하려면 사각형 아이콘을 클릭합니다. 팝업 창에 다음 도구가 표시됩니다.

  • "직사각형";
  • "모서리가 둥근 사각형";
  • "타원";
  • "다각형";
  • "선";
  • "임의의 인물".

편집기는 여러 클래식 및 자유형 모양을 제공합니다.

총 세 가지 그리기 모드가 있습니다.

  1. 채우기 레이어 또는 벡터 마스크를 만들 수 있는 새 모양이 만들어집니다.
  2. 그림의 윤곽선이 생성되고 약간의 색상으로 칠해집니다.
  3. 픽셀 모드. 이 경우 이미지는 벡터가 아닌 래스터입니다.

선택한 각 그림에 대해 기하학적 매개 변수, 즉 비율이 설정됩니다. 사각형을 그리려면 적절한 도구를 선택하고 원하는 외곽선 설정과 채우기 색상을 지정합니다. 이제 그리기를 시작하려는 시트의 지점에 커서를 놓습니다. 마우스 왼쪽 버튼을 누른 상태에서 필요에 따라 사각형을 늘립니다.

선을 그리는 것보다 쉬운 일은 없습니다. 이를 위해 같은 이름의 도구가 사용됩니다.

서클의 경우 Shift 키 또는 고급 설정 메뉴를 사용하세요.

Photoshop에서 원을 그리는 방법으로 넘어 갑시다. 여기서 모든 것이 비슷한 방식으로 발생합니다. 타원 도구를 선택하고 윤곽선의 색상과 두께를 결정합니다. 타원이 아닌 원을 얻으려면 키보드의 "Shift" 키를 누르거나 기하학적 매개변수 섹션에서 "원"을 설정하십시오.

표준 수단으로 아름다운 구성을 그립니다.

이제 Photoshop에서 삼각형을 그리는 방법을 알아 보겠습니다. 이 경우 모든 것이 그렇게 명확하지는 않지만 더 복잡하지는 않습니다. "다각형"을 선택하고 작은 "측면" 상자에서 모서리 수를 설정하기만 하면 됩니다. 따라서 삼각형을 얻으려면 숫자 "3"을 입력하십시오. 그런 다음 모든 것이 이전 경우와 정확히 동일한 방식으로 수행됩니다. 다각형 도구를 사용하면 모서리가 있는 모양을 얻을 수 있습니다. 직각 삼각형이 필요한 경우 정사각형을 그린 다음 대각선으로 반을 자릅니다.

시작 또는 끝의 화살표는 도구 속성에서 설정할 수 있습니다.

Photoshop에서 화살표를 그리는 방법을 살펴보겠습니다. 이는 두 가지 방법으로 수행할 수 있습니다. 첫 번째는 "선" 도구를 선택한 다음 옵션 창에서 화살표가 선의 어느 쪽(시작 또는 끝)에 있는지 표시한 다음 화살표의 두께를 픽셀 단위로 설정해야 한다는 것입니다. 원하는 지점에 커서를 놓고 마우스로 선을 끌기 시작합니다. 두 번째 방법 - "사용자 정의 모양"을 선택하십시오. 상단 패널에는 템플릿이 있는 테이블이 있으며 그중에는 화살표도 있습니다.

애플리케이션의 표준 구성에 포함된 템플릿

이제 Photoshop에서 간단한 기하학적 모양을 추가하는 방법을 알았습니다. 보시다시피 더 쉬운 것은 없습니다. 이 기사가 귀하에게 도움이 되었는지 여부를 의견에 작성하고 논의된 주제에 대해 질문이 있는 경우 질문하십시오.

이 자습서에서는 Photoshop에서 임의의 모양을 만든 다음 작업하는 것과 관련된 모든 것을 살펴봅니다. 내용이 많기 때문에 2부로 나누어서 올리도록 하겠습니다. 1부에서는 도형을 생성하여 임의의 도형으로 정의한 후 화면에 표시하고 필요에 따라 사용하는 방법을 알아보겠습니다. 두 번째 부분에서는 다양한 모양을 별도의 모양 세트로 결합하고 프로그램에 저장하는 방법을 살펴보겠습니다.

이 튜토리얼에 대한 아이디어는 단순한 모양을 위한 미리 만들어진 템플릿이 포함된 수많은 페이지가 있는 스크랩북 잡지를 살펴보던 중 떠오른 것입니다. 이 수치는 다양한 주제로 그룹화되었으며 터무니없이 비쌌습니다. 그런 다음 "이봐, Photoshop에서 직접 무료로 이 모든 모양을 만들 수 있습니다!"라고 생각했습니다. 또한 나만의 맞춤 모양을 만들기 위해 스크랩북을 만들 필요가 없습니다.

첫째, 피규어를 만들 때 재미있게 놀 수 있습니다! 그리고 다양한 모양을 만들어 별도의 세트로 결합하면 더욱 재미있을 것입니다. 둘째, 도면 디자인이나 디자인 작업에서 임의의 모양을 장식 요소로 사용할 수 있습니다. 셋째, 임의의 모양을 벡터 마스크와 결합하여 재미있는 사진 프레임을 얻을 수 있습니다. 하지만 사용자 지정 모양을 사용하기 전에 모양을 만드는 방법을 알아봅시다!

자료를 마스터하기 전에 한 번 더 여담을 허용하겠습니다. 임의의 모양을 만들려면 펜 도구를 사용해야 합니다. 직사각형 또는 타원과 같은 기본 모양 도구를 사용하여 모양을 만들 수 있지만 상자나 자전거 타이어처럼 보이는 특정 모양을 만드는 데 제한을 두지 않으려면 펜 도구를 사용해야 합니다. 펜 도구로 선택하는 방법 자습서에서 펜 도구에 대해 자세히 배웠으므로 이 자습서에서는 해당 항목만 다루겠습니다. 펜 도구의 기본 속성에 익숙하지 않은 경우 먼저 이 도구 사용에 대한 강의를 읽으십시오.

이 자습서에서는 먼저 이미지의 개체를 추적하여 임의의 모양을 만듭니다. 그릴 수 있다면 훌륭합니다. 주제를 추적하지 않고 자유형 모양을 쉽게 그릴 수 있습니다. 자유형 모양을 만들 때 획이나 자유형으로 그리는 방법은 중요하지 않기 때문입니다. 나는 예술적인 능력이 없기 때문에 물체를 추적하는 것을 선호하므로 이 자습서에서는 그렇게 할 것입니다.

이 귀여운 Gingerbread Man에서 사용자 정의 모양을 만들 것입니다.

진저브레드 맨

시작하자!

1단계: 펜 도구 선택

앞서 언급했듯이 직사각형 또는 타원과 같은 기본 모양 도구를 사용하여 임의의 모양을 만들 수 있지만 이러한 도구를 사용하여 Gingerbread Man의 윤곽을 잡으려고 하면 기껏해야 머리가 없을 것입니다(조금 아이러니하게 죄송합니다). 실제로 필요한 것은 펜 도구이므로 도구 패널에서 선택해 보겠습니다.

펜 도구 선택

P 키를 눌러 펜 도구를 선택할 수도 있습니다.

2단계: 옵션 막대에서 "모양 레이어" 옵션 선택

펜 도구를 선택한 상태에서 화면 상단의 옵션 막대를 살펴보겠습니다. 패널 왼쪽에 세 개의 아이콘 그룹이 표시됩니다.

펜 도구 사용 방법을 선택할 수 있는 옵션 막대의 세 아이콘

이 아이콘은 펜 도구로 무엇을 할 수 있는지 보여줍니다. 오른쪽의 아이콘은 현재 음영 처리되어 있습니다. "도형" 그룹의 기본 도구로 작업할 때만 사용할 수 있습니다("펜" 도구와 "도형" 그룹의 도구는 설정 패널에서 거의 동일한 옵션이 있음). 당신과 내가 펜 도구로 선택하는 방법 자습서에서 진행한 것처럼 중간에 있는 아이콘은 경로를 그리고 싶을 때 사용되지만 지금은 필요하지 않습니다. 펜 도구를 사용하여 모양을 그리려면 왼쪽에서 모양 레이어 매개변수를 담당하는 아이콘을 선택해야 합니다.

펜 도구로 모양을 그리려면 모양 레이어 옵션을 선택합니다.

모양 레이어 옵션은 펜 도구에 액세스할 때마다 기본적으로 선택되므로 직접 설정할 필요가 없습니다. 그러나 도형 그리기를 시작하기 전에 이 옵션이 선택되어 있는지 확인하고 확인하는 것이 좋습니다.

펜 도구를 사용하여 드로잉 경로와 드로잉 도형 사이에는 차이가 없다는 점을 지적해야 합니다. 두 경우 모두 문서 창을 클릭하여 기준점을 설정한 다음 필요에 따라 안내선을 이동하여 직선 또는 곡선 섹션을 만듭니다(다시 말하지만 이러한 개념에 익숙하지 않은 경우 펜 도구로 선택하는 방법 강의를 확인하십시오). 사실 "공식적으로" 도형을 그리든 경로를 그리든 관계없이 경로를 그리는 것입니다. 차이점은 모양을 그릴 때 우리가 그릴 때 Photoshop이 경로를 색상으로 채워서 모양을 볼 수 있다는 것입니다.

이상하게도 이 속성은 작업을 조금 더 어렵게 만듭니다. 왜 - 우리는 더 고려할 것입니다.

3단계: 도형 그리기 시작

옵션 막대에서 펜 도구와 모양 레이어 옵션을 선택하면 이미지 추적을 시작할 수 있습니다. Gingerbread Man의 머리로 추적을 시작하고 싶습니다. 이렇게 하려면 클릭하여 기준점을 설정하고 안내선을 드래그하여 남자의 머리 주위에 곡선 선을 만듭니다. 아래 이미지에서 앵커 포인트와 안내선을 볼 수 있지만 문제가 있습니다. Photoshop은 획을 그리는 동안 모양의 윤곽선을 배경색(필자의 경우 검은색)으로 채워서 사람의 머리가 보이지 않도록 합니다.

프로그램은 그림을 그리는 동안 윤곽선을 배경색으로 채워 이미지를 볼 수 없도록 합니다.

프로그램이 스트로크 중에 이미지 자체를 숨기지 않도록 하려면 레이어 패널로 이동하여 모양 레이어의 불투명도를 낮추기만 하면 됩니다. 현재 레이어 패널에서 진저브레드 맨의 이미지가 배치된 하단 배경 레이어(Background)와 "Shape 1"(Shape 1)이라는 도형의 상단 레이어의 두 레이어가 있음을 알 수 있습니다. 셰이프 레이어가 파란색으로 강조 표시되어 현재 선택되어 있음을 확실하게 알 수 있습니다. 불투명도를 낮추려면 레이어 패널의 오른쪽 상단 모서리에 있는 불투명도 옵션을 선택하고 해당 값을 낮추면 됩니다. 제 경우에는 불투명도를 50%로 낮춥니다.

레이어 패널의 오른쪽 상단 모서리에 있는 불투명도 옵션을 사용하여 모양 레이어의 불투명도를 낮춥니다.

모양 레이어의 불투명도를 낮추면 남자의 머리가 배경 채우기 색상을 통해 표시되므로 추가 획을 훨씬 더 쉽게 만들 수 있습니다.

모양 레이어의 불투명도를 낮추면 배경 채우기 색상을 통해 이미지가 보입니다.

5단계: 이미지 추적 계속

이제 내가 그리는 도형의 채우기 색상을 통해 Gingerbread Man이 표시되므로 획의 시작 부분으로 돌아올 때까지 펜 도구를 사용하여 이미지를 계속 추적할 수 있습니다.

그림의 윤곽이 완전히 완성되었습니다.

레이어 패널에서 모양 레이어를 보면 독특한 진저브레드맨 모양이 나타나는 것을 볼 수 있습니다.

레이어 패널에서 작은 남자의 모습이 이제 명확하게 보입니다.

지금까지는 괜찮았습니다. 우리는 Gingerbread Man의 모양을 설명했으며 어떤 경우에는 이것으로 충분할 것입니다. 그러나 내 경우에는 윤곽선 그림에 약간의 작업이 필요합니다. 최소한 아웃라인 실루엣에 눈과 입이 포함되어야 하고 나비 넥타이와 그 아래에 두 개의 큰 단추가 있어야 한다고 생각합니다. 윤곽선 모양에 이러한 세부 사항을 어떻게 추가합니까? 매우 간단합니다! 우리는 그것들을 추가하지 않을 것입니다 - 그림에서 이러한 세부 사항을 제거(또는 빼기)할 것입니다!

6단계: 타원 도구 선택

눈부터 시작합시다. 선택적으로 Pen Tool로 눈을 선택할 수도 있지만 Little Man에서는 둥글기 때문에 Ellipse Tool(Ellipse Tool)을 사용하여 더 쉽게 선택합니다. 도구 모음에서 타원 도구를 선택합니다. 기본적으로 이 도구는 사각형 도구 뒤에 숨겨져 있으므로 사각형 도구를 클릭하고 마우스 버튼을 몇 초 동안 누르고 있으면 타원 도구를 선택할 수 있는 팝업 메뉴가 화면에 나타납니다.

도구 모음에서 사각형 도구를 클릭한 다음 화면에 팝업 메뉴가 나타날 때까지 마우스 버튼을 누르고 있으면 타원 도구가 선택됩니다.

7단계: 모양 영역에서 빼기 옵션 선택

타원 도구를 선택한 상태에서 옵션 막대를 보면 다양한 방식으로 서로 연결된 작은 사각형처럼 함께 그룹화된 여러 아이콘을 볼 수 있습니다. 이러한 아이콘을 사용하면 영역에 모양 추가, 영역에서 별도 영역 빼기, 여러 모양의 영역 교차와 같은 모양으로 다양한 작업을 수행할 수 있습니다. "모양 영역에서 빼기"(모양 영역에서 빼기) 옵션을 담당하는 왼쪽에서 세 번째 아이콘을 클릭합니다.

설정 패널에서 "도형 영역에서 빼기" 옵션 아이콘을 클릭합니다.

8단계: 윤곽선 실루엣에서 추출할 개별 모양 그리기

이제 모양 영역에서 빼기 옵션을 선택한 상태에서 개별 영역을 삭제하여 모양에 세부 사항을 추가할 수 있습니다. 왼쪽 눈 주위에 타원을 그려 모양 변형을 시작합니다.

마우스 버튼을 누른 상태에서 왼쪽 눈 주위에 타원을 그립니다.

마우스 버튼을 놓으면 눈 주위의 타원형 영역이 기본 모양의 획에서 즉시 사라지거나 "잘라내어" 아래쪽 "배경" 레이어에 배치된 원본 이미지에서 Little Man의 왼쪽 눈을 볼 수 있는 구멍을 남깁니다.

왼쪽 눈은 이제 모양의 원래 획에서 "잘라내어" 윤곽선이 있는 실루엣 아래의 원본 이미지에 눈이 보이는 상태로 남습니다.

나는 오른쪽 눈으로 똑같이 할 것입니다. 먼저 눈 주위에 타원을 그립니다.

오른쪽 눈 주위에 타원을 그립니다.

마우스 버튼을 놓으면 두 번째 둥근 구멍이 나타나며 이를 통해 원본 이미지에서도 남자의 눈을 볼 수 있습니다.

남자의 눈이 보이는 두 번째 구멍이 그림에 나타났습니다.

나비 넥타이 아래에 있는 두 개의 단추도 둥글기 때문에 Ellipse Tool을 다시 사용하여 윤곽선 모양에서 단추를 제거합니다. 먼저 상단 버튼 주위에 타원을 그립니다.

상단 버튼 주위에 타원 그리기

마우스 버튼을 놓으면 버튼 주변의 타원형 영역이 윤곽선 모양에서 즉시 사라지고 아래 이미지에서 버튼을 볼 수 있는 구멍이 남습니다.

그림에는 상단 버튼이 보이는 구멍이 있습니다.

이제 하단 버튼에 대해 동일한 작업을 수행합니다. 먼저 버튼 주위에 타원을 그립니다.

하단 버튼 주위에 타원 그리기

마우스 버튼을 놓으면 외곽선 실루엣에 네 번째 구멍이 나타납니다.

이제 두 버튼 모두 윤곽선 그림에서 잘립니다.

현재 레이어 패널에서 모양의 레이어 축소판을 보고 있는 경우 윤곽선 모양에서 잘라낸 두 개의 눈 구멍과 두 개의 단추 구멍을 볼 수 있습니다.

모양 레이어 축소판은 윤곽선 모양에서 잘라낸 눈과 단추 구멍을 보여줍니다.

9단계: 펜 도구를 사용하여 윤곽선 실루엣에서 나머지 세부 정보 추출

타원 도구로 선택할 수 없는 윤곽선 모양에 몇 가지 세부 사항을 추가해야 하기 때문에 펜 도구로 다시 전환하겠습니다.

윤곽선 실루엣에 입을 추가하고 나비 넥타이를 추가하고 싶습니다. 옵션 막대에서 펜 도구를 다시 선택한 후 모양 영역에서 빼기 옵션이 이미 선택되어 있으므로 윤곽선이 있는 진저브레드 맨 실루엣에서 입과 나비 넥타이를 "잘라내기" 시작합니다.

아래 이미지는 내가 만든 구멍을 통해 보여주는 진저브레드 맨의 원본 이미지와 함께 획 선을 보여줍니다.

이제 펜 도구를 사용하여 윤곽선이 그려진 진저브레드 맨 모양에서 입과 나비 넥타이가 잘립니다.

다리와 팔에 가루 설탕의 물결 모양 선을 잘라내어 진저 브레드 맨 그림 그리기를 마칩니다. 이번에도 펜 도구를 사용하여 트랙을 만들겠습니다. 먼저 맨의 왼팔에 설탕을 입히는 경로를 추적하여 모양의 원래 획에서 잘라냅니다.

펜 도구를 사용하여 Little Man의 왼쪽에 설탕을 입힌 경로를 잘라냅니다.

첫 번째 경로의 윤곽을 그린 후, 나머지 세 개로 이동하여 사람 모양에서 가루 설탕의 네 개 트랙이 모두 잘릴 때까지 추적을 시작합니다.

다리와 팔의 가루 설탕 흔적은 이제 윤곽선 실루엣에서 잘립니다.

레이어 패널에서 모양의 레이어 축소판을 다시 보면 가루 설탕, 눈, 입, 나비 넥타이 및 모양에서 잘린 단추의 선을 명확하게 볼 수 있습니다.

레이어 패널의 모양 레이어 축소판은 Gingerbread Man 모양의 원래 획에서 잘라낸 모든 세부 정보를 반영합니다.

그래서 진저 브레드 맨의 모습이 준비되었습니다! 펜 도구를 사용하여 모양의 초기 획을 만든 다음 모양 영역에서 빼기 옵션과 함께 펜 및 타원 도구를 사용하여 모양에 세부 정보를 추가했습니다.

10단계: 모양 레이어의 불투명도를 100%로 높입니다.

모양의 특정 영역을 스트로크한 후에는 더 이상 윤곽선이 있는 실루엣 아래에서 원본 이미지를 볼 필요가 없으므로 레이어 패널의 오른쪽 상단 모서리에서 불투명도 옵션(불투명도)을 다시 선택하고 값을 100%로 높입니다.

모양 레이어의 불투명도를 100%로 높입니다.

또한 투명한 배경에서 윤곽선 모양만 볼 수 있도록 레이어의 가시성 아이콘(안구 아이콘)을 클릭하여 일시적으로 배경 레이어를 보기에서 숨길 것입니다. 원하지 않으면 배경 레이어를 숨기지 않도록 선택할 수 있습니다. 그림 보기의 편의를 위해서만 이 작업을 수행합니다.

레이어 가시성 아이콘을 클릭하여 일시적으로 배경 레이어를 보기에서 숨깁니다.

다음은 보기에서 배경 레이어를 숨기고 모양 레이어의 불투명도를 100%로 높인 후 내가 만든 Gingerbread Man 모양의 모습입니다.

투명한 배경에 진저브레드 맨의 완성된 모습

수많은 작업 끝에 드디어 피규어를 만들었습니다! 그러나 이것이 끝이 아닙니다. 이제 우리는 그것으로부터 임의의 수치를 만들어야 하며 이것이 우리가 다음에 할 일입니다.

11단계: 모양을 사용자 지정 모양으로 정의

모양에서 사용자 정의 모양을 만들려면 먼저 레이어 패널에서 모양 레이어가 선택되어 있는지 확인합니다. 또한 모양 레이어의 미리보기 축소판이 선택되어 있는지 확인해야 합니다. 선택하면 흰색으로 강조 표시된 테두리로 둘러싸여 문서의 도형 주위에 윤곽선이 표시됩니다. 레이어 축소판에 강조 표시된 테두리가 없고 모양 주위에 윤곽선이 보이지 않으면 레이어 축소판을 클릭하여 선택하십시오.

필요한 경우 모양 레이어의 축소판을 클릭하여 선택합니다.

참고: 모양의 윤곽선을 숨겨야 하는 경우 레이어 축소판을 다시 클릭하여 선택을 해제하십시오.

모양 레이어를 선택하고 레이어 썸네일을 선택한 상태에서 화면 상단의 편집 메뉴로 이동하여 사용자 정의 모양 정의를 선택합니다.

편집 > 사용자 정의 모양 정의를 선택합니다.

이 작업의 결과로 셰이프 이름 대화 상자가 열리며 여기서 셰이프 이름을 입력해야 합니다. 내 모양의 이름을 Gingerbread Man으로 지정합니다.

도형 이름 대화 상자의 해당 섹션에 도형 이름을 입력합니다.

이름이 입력되면 확인을 클릭하여 대화 상자를 종료하면 됩니다. 사용자 지정 모양을 사용할 준비가 된 것입니다! 이제 모양을 만들고 저장했으므로 Photoshop에서 문서를 닫을 수 있습니다. 이제 어디에서 찾을 수 있고 어떻게 적용할 수 있는지 봅시다!

12단계: Photoshop에서 새 문서 만들기

화면 상단의 파일 메뉴 섹션으로 이동하고 새로 만들기를 선택하여 Photoshop에서 새 빈 문서를 만듭니다. 이 작업은 문서의 이미지 크기를 지정할 수 있는 새 문서 대화 상자를 엽니다. "설정"(사전 설정) 줄에서 640 × 480 픽셀 크기를 선택합니다.

Photoshop에서 새 빈 문서 만들기

13단계: 사용자 정의 모양 도구 선택

빈 문서를 새로 만든 후 도구 모음에서 자유형 모양 도구를 선택합니다. 기본적으로 사각형 도구는 화면에 표시되므로 이 도구를 클릭하고 다른 도구 목록이 있는 팝업 메뉴가 나타날 때까지 몇 초 동안 마우스 버튼을 누르고 있으면 사용자 정의 모양 도구를 선택할 수 있습니다.

사각형 도구의 아이콘을 클릭하고 마우스 버튼을 누른 상태로 표시되는 메뉴에서 자유형 모양 도구를 선택합니다.

14단계: 맞춤형 모양 선택

자유형 모양 도구를 선택한 상태에서 문서 창을 마우스 오른쪽 버튼으로 클릭하면 현재 사용 가능한 자유형 모양을 선택할 수 있는 모양 선택기가 나타납니다. 방금 만든 도형이 도형 목록의 마지막 도형이 됩니다. 이를 선택하려면 해당 그림 썸네일을 클릭하기만 하면 됩니다.

문서 창을 마우스 오른쪽 버튼으로 클릭하여 모양 선택 상자를 연 다음 사용자 정의 모양 축소판을 클릭하여 선택합니다.

15단계: 모양 그리기

사용자 정의 모양을 선택한 후 문서 창을 클릭하고 마우스 버튼을 누른 상태에서 모양을 그립니다. 커서를 움직일 때 모양의 비율을 유지하고 실수로 왜곡하지 않으려면 Shift 키를 길게 누르십시오. Alt(Win) / Option(Mac) 키를 길게 눌러 중앙에서 도형을 그릴 수도 있습니다. 도형을 그리는 동안 도형의 위치를 ​​변경하려면 스페이스바를 누른 상태에서 도형을 새 위치로 옮긴 다음 스페이스바를 놓고 도형을 계속 그립니다.

그리는 과정에서 미래 그림의 얇은 윤곽만 볼 수 있습니다.

그림을 그리면 얇은 윤곽선이 나타납니다.

도형의 위치와 크기가 만족스러우면 마우스 버튼을 놓으면 프로그램이 즉시 현재 배경색인 도형을 채웁니다(제 경우에는 검은색).

마우스 버튼을 놓으면 Photoshop이 모양을 색상으로 채웁니다.

16단계: 모양 레이어 축소판을 두 번 클릭하여 모양의 색상 변경

도형을 그리고 문서에 추가할 때 도형의 색상에 대해 걱정할 필요가 없습니다. 프로그램은 현재 배경색으로 선택된 색상으로 도형을 자동으로 채웁니다. 그 후에 모양의 색상을 변경하려면 모양 레이어의 축소판을 두 번 클릭하면 됩니다. 즉, 오른쪽에 있는 모양 미리 보기 축소판(공식적으로 벡터 마스크 축소판이라고 함)이 아니라 레이어 축소판으로 표시됩니다. 하단에 작은 슬라이더가 있는 색상 견본 아이콘처럼 보이는 왼쪽에 축소판이 필요합니다. 모양의 색상을 변경하려면 마우스 버튼으로 두 번 클릭하십시오.

왼쪽의 모양 레이어 축소판(색상 견본 아이콘)을 두 번 클릭하여 모양의 색상을 변경합니다.

이 작업은 모양의 새 색상을 선택할 수 있는 색상 선택기를 엽니다. 내 Gingerbread Man은 갈색을 선택하고 싶습니다.

색상 선택기를 사용하여 새 색상 선택

색상을 선택할 때 확인을 클릭하여 색상 피커를 종료하면 모양이 즉시 새 색상으로 채워집니다.

모양 색상이 변경되었습니다.

필요할 때마다 원하는 만큼 모양의 색상을 변경할 수 있습니다!

17단계: 필요한 경우 자유 변형 명령으로 모양 크기 조정

도형으로 작업할 때 색상뿐만 아니라 더 많은 것을 변경할 수 있습니다. 가장 큰 장점은 모양이 픽셀 대신 벡터로 그려지므로 이미지 품질을 잃지 않고 원할 때마다 모양의 크기를 안전하게 조정할 수 있다는 것입니다! 모양을 더 크게 또는 더 작게 만들려면 레이어 패널에서 모양 레이어를 선택한 다음 Ctrl+T(Win) / Command+T(Mac)를 눌러 변형 상자를 엽니다. 모서리 핸들을 드래그하여 도형의 크기를 조정합니다. Shift 키를 누른 상태에서 핸들을 움직여 도형의 비율을 유지합니다. Alt(Win)/Option(Mac) 키를 누른 상태에서 핸들을 움직여 중앙에서 도형의 크기를 조정할 수도 있습니다.

자유 변형 상자로 모양 크기 조정

모양을 회전하려면 자유 변형 상자 외부를 클릭하고 커서를 원하는 방향으로 이동합니다.

변형 프레임 바깥쪽을 클릭하고 커서를 이동하면 모양이 회전합니다.

모양 크기 조정을 완료하면 Enter(Win) / Return(Mac) 키를 눌러 최종 변형을 확인합니다.

도형의 색상, 크기 및 위치를 원하는 대로 변경할 때마다 사용자 지정 도형의 사본을 원하는 만큼 문서에 추가할 수 있습니다. 사용자 정의 모양의 각 복사본은 레이어 패널의 별도 모양 레이어에 배치됩니다. 제 경우에는 각각 다른 색상, 크기 및 회전 각도를 가진 여러 진저브레드 맨 모양을 문서에 추가했습니다. 크기에 관계없이 모든 모양은 날카롭고 명확한 각도를 유지합니다.

사용자 지정 모양의 복사본을 원하는 만큼 문서에 추가하고 각각의 색상, 크기 및 회전 각도를 변경합니다.

그리고 여기 있습니다! 먼저 펜 도구로 원본 그림을 따라 모양을 만들었습니다. 모양 영역에서 빼기 옵션이 설정된 펜 및 타원 도구를 사용하여 모양의 작은 세부 사항을 잘라냅니다. 다음으로 편집 메뉴 섹션에서 사용자 정의 모양 정의 옵션을 사용하여 모양을 사용자 정의 모양으로 저장했습니다. 그런 다음 새 문서를 만들고 자유형 모양 도구를 선택한 다음 문서에 자유형 모양을 그렸습니다. 마지막으로 임의의 도형의 색상, 크기 및 각도를 언제든지 변경할 수 있는 방법을 살펴보았습니다!

따라서 Photoshop에서 임의의 모양을 만들고 사용하는 기본 사항을 배웠습니다. 우리 수업의 첫 부분을 배웠습니다. 두 번째 부분에서는 우리가 만든 임의의 모양을 별도의 세트로 결합하고 프로그램에 저장하는 방법을 살펴보겠습니다.

번역:크세니아 루덴코