Adobe Photoshop에서 벡터 그래픽 만들기 및 작업

Adobe Photoshop에서 벡터 그래픽 만들기 및 작업

어도비 일러스트레이터 그래픽 디자인을 위한 업계 표준 응용 프로그램입니다. 벡터 기반 파일 작업을 위한 최고의 도구입니다.





안타깝게도 모든 사람이 Illustrator를 가지고 있는 것은 아니지만 많은 사람들이 Photoshop을 가지고 있습니다. 그리고 Photoshop은 벡터 이미지를 기본적으로 지원합니다. 이 가이드에서는 Photoshop에서 Illustrator를 대체할 벡터 아트를 만드는 방법을 살펴보겠습니다.





벡터 이미지란 무엇입니까?

Photoshop은 주로 래스터 이미지용으로 설계되었습니다. 픽셀 단위로 그려진 다각형 이미지입니다. 그들은 엄청난 양의 세부 사항을 지원하며 사진에 사용됩니다. 그러나 파일 크기는 클 수 있으며 품질 손실 없이는 확대할 수 없습니다.





벡터 이미지 수학 공식에 의해 생성된 선과 곡선입니다. 즉, 크기를 무한대로 조정할 수 있으며 파일 크기는 종종 매우 작습니다. 벡터는 로고 및 아이콘 디자인을 포함한 그래픽 디자인 작업에 적합합니다. 당신은 할 수 있습니다 Adobe Illustrator에서 이미지를 벡터 그래픽으로 변환 .

벡터 아트는 여러 개체로 구성됩니다. 각 개체는 가장자리가 경로로 정의되는 선 또는 모양입니다. Photoshop에서 경로는 가는 파란색 선으로 표시됩니다(기술적으로는 표시되지 않음).



각 개체에 두 가지 유형의 색상을 적용할 수 있습니다.

  • 에게 뇌졸중 경로를 따라가는 선입니다.
  • 에게 채우다 경로로 둘러싸인 공간에 단색 또는 패턴을 추가합니다.

화면 상단의 옵션 막대에서 둘 다 설정합니다. 다음 중 하나를 설정할 수도 있습니다. 색상 없음 공백으로 유지하려는 경우. 획의 경우 두께와 스타일을 픽셀 단위로 설정할 수도 있습니다. 실선이 기본값입니다.





Photoshop에서는 모양, 선 및 텍스트가 포함된 벡터 이미지를 그립니다.

벡터 모양과 선 그리기

Photoshop에는 몇 가지 일반적인 모양을 그리기 위한 도구가 함께 제공됩니다. 기본적으로 사각형 도구 강조 표시됩니다. 해당 아이콘을 길게 클릭하면 전체 도구 세트가 표시됩니다.





  • 사각형 도구
  • 둥근 사각형 도구
  • 타원 도구
  • 다각형 도구
  • 선 도구
  • 사용자 정의 모양 도구

를 눌러 강조 표시된 도구를 항상 선택할 수 있습니다. 당신의 키보드에. 또는 쉬프트 + 유 원하는 도구를 찾을 때까지 도구를 순환합니다.

더 빨리 작업하려면 더 많이 배우는 것이 좋습니다. 포토샵 키보드 단축키 .

기본 벡터 모양 그리기

그리고 싶은 모양의 도구를 선택한 다음 채우다 그리고 뇌졸중 그림 물감.

이제 캔버스를 클릭하고 드래그합니다. 드래그하는 방향에 관계없이 모서리에서 모양이 그려집니다. 원이나 정사각형과 같은 대칭 모양을 만들려면 옮기다 열쇠.

삼각형을 그리려면 다각형 도구 . 캔버스를 한 번 클릭하여 엽니다. 폴리곤 생성 설정 상자. 세트 면 수 에게 .

벡터 모양 수정 및 편집

Photoshop에서 벡터 그래픽을 만들 때 기본 모양으로 제한되지 않습니다. 매우 빠르게 수정할 수 있습니다.

틱톡은 언제 미국에서 금지됩니까?

먼저 모양을 선택합니다. 그러면 모양이 강조 표시되고 경로를 따라 앵커 포인트가 표시됩니다. 모양에 모서리나 곡선이 있는 점입니다.

선택 직접 선택 도구 도구 모음에서(클릭하고 경로 선택 도구 아이콘을 눌러 찾거나 쉬프트 + 에이 ). 이제 앵커 포인트 중 하나를 클릭하고 원하는 방향으로 드래그하여 모양을 변형합니다.

고급 편집을 위해 두 개 이상의 기준점을 동시에 이동합니다.

하나를 클릭하여 강조 표시한 다음 Shift + 클릭 또 다른. 이제 사용 커서 키 두 지점을 동시에 이동하려면 키보드에서

벡터 모양 병합 및 결합

더 복잡한 모양의 경우 다음을 사용할 수 있습니다. 경로 작업 . 이를 통해 여러 모양을 하나의 새 모양으로 결합할 수 있습니다.

캔버스에 모양을 그리는 것으로 시작합니다. 다음을 클릭합니다. 경로 작업 화면 상단의 옵션 표시줄에 있는 버튼. 일반적으로 모든 새 경로 또는 모양은 자체 레이어로 이동합니다. 클릭하여 변경 모양 결합 .

이제 다른 모양을 그립니다. 이것은 첫 번째 모양과 같은 레이어로 이동합니다.

개체를 개별적으로 이동해야 하는 경우 경로 선택 도구 .

첫 번째 모양과 겹치도록 두 번째 모양을 끕니다. 이 둘은 별개의 개체로 남아 있지만 함께 하나의 모양으로 병합됩니다. 딸깍 하는 소리 모양 구성요소 병합 ~에 경로 작업 그것들을 하나의 객체로 결합합니다.

Windows 배치 파일을 만드는 방법

사용 경로 선택 도구 두 번째로 그린 모양을 선택합니다. 지금에 경로 작업 선택하다 전면 모양 빼기 . 첫 번째 모양과 겹치는 영역과 함께 모양이 삭제됩니다.

두 모양을 모두 강조 표시합니다. 에 경로 작업 선택하다 모양 영역 교차 . 이렇게 하면 겹치는 영역을 제외하고 두 모양이 모두 제거됩니다. 이 옵션을 사용하여 반원을 만듭니다.

마지막으로 두 모양을 모두 강조 표시하고 겹치는 모양 제외 . 이렇게 하면 두 모양이 겹치는 영역이 제거되고 나머지는 그대로 유지됩니다.

이러한 도구는 새로운 모양을 만들거나 기존 모양에서 조각을 분할하거나 자르는 효과적인 방법입니다. 그들은 함께 일한다 펜 도구 그리고 텍스트 또한.

벡터 라인 그리기

알아야 할 두 가지 다른 모양 관련 도구가 있습니다. 첫 번째는 선 도구 .

도구를 선택하고 설정 옵션 표시줄에서 선의 굵기를 설정합니다. 그런 다음 문서를 클릭하고 끌어서 그립니다. 누르고 있어 옮기다 키를 눌러 선을 0도 또는 90도에 맞춥니다.

이 도구에는 몇 가지 숨겨진 기능이 있지만 대부분의 경우 직선을 그리는 데 사용합니다.

사용자 정의 벡터 모양 그리기

마지막으로, 사용자 정의 모양 도구 . 채우기 및 획 색상을 설정한 다음 모양 옵션 막대의 옵션. 여기에서 Photoshop에서 제공하는 수많은 사전 설정 사용자 정의 모양 중 하나를 선택할 수 있습니다.

초기 선택 범위 외에 더 많은 모양을 추가하려면 설정 cog를 클릭하고 추가할 카테고리를 선택합니다. 아이콘, 말풍선, 화살표, 텍스처 등 모든 용도에 사용할 수 있는 모양이 있습니다. 타사 셰이프를 로드할 수도 있습니다.

클릭하고 드래그하여 이미지에 모양을 추가합니다. 캔버스를 클릭하여 정확한 너비와 높이를 지정할 수도 있습니다.

펜 도구로 벡터 그리기

Illustrator에 대한 경험이 있는 경우 자유형 그리기에 페인트 브러시 도구를 사용한다는 것을 알 수 있습니다. Photoshop에는 유사한 작업을 수행하는 브러시 도구가 있습니다. 그러나 Photoshop에서 도구는 벡터 기반이 아니므로 그리기에 사용해서는 안 됩니다. 당신은 사용해야합니다 펜 도구 대신에.

펜 도구는 Photoshop의 가장 강력한 기능 중 하나입니다. Photoshop에서 사진을 편집하는 동안 매우 정확한 선택 항목을 만들 수 있으므로 많이 사용합니다. 드로잉 및 벡터 아트에도 적합합니다.

펜 도구 시작하기

펜 도구는 캔버스를 클릭할 때 생성하는 앵커 포인트 사이에 경로를 그리는 방식으로 작동합니다. 경로에 획을 추가하면 윤곽선을 그릴 수 있습니다. 채우기를 추가하면 솔리드 개체를 그릴 수 있습니다.

다음은 시작하기 위한 빠른 입문서입니다.

아이폰에서 유튜브 영상 다운받는 방법
  1. 선택 펜 도구(P) . 이미지 캔버스를 클릭하여 기준점을 놓습니다.
  2. 커서를 몇 인치 이동하고 다시 클릭하여 다른 기준점을 놓습니다. 둘을 연결하는 경로가 생성됩니다. 더 잘 보이도록 획을 5px(검정색)로 설정합니다.
  3. 경로를 개발하려면 몇 번 더 클릭하십시오. 클릭하고 드래그하여 곡선 경로를 만듭니다. 이렇게 하면 앵커 포인트에 핸들바도 추가됩니다. 이것을 드래그하여 곡선의 각도와 깊이를 제어합니다.
  4. 딸깍 하는 소리 입력하다 열린 패스(선)를 만들거나 첫 번째 기준점을 클릭하여 닫힌 패스(모양)를 만듭니다.

펜 도구가 매우 유용한 이유는 언제든지 돌아가서 모양을 편집할 수 있다는 것입니다.

  • 가져오기 직접 선택 도구(A) . 패스에서 기준점을 선택하고 새 위치로 끕니다. 곡선을 편집하려면 앵커 포인트의 핸들바와 함께 이 도구를 사용하십시오.
  • 선택 앵커 포인트 도구 추가 펜 도구를 클릭한 상태로 유지합니다. 경로의 아무 곳이나 클릭하여 새 기준점을 수동으로 추가한 다음 제자리로 끕니다. 이를 통해 모양을 미세 조정할 수 있습니다.

세 가지 펜 도구

Photoshop은 드로잉을 위한 세 가지 펜을 제공합니다.

  • NS 펜 도구 기본값이며 가장 유연한 옵션입니다. 초보자는 주로 직선을 그릴 때 사용하는 것이 좋습니다. 당신이 더 발전함에 따라, 당신은 모든 것에 그것을 사용하는 자신을 발견할 수 있습니다.
  • NS 자유형 펜 도구 브러시 도구와 유사하게 자유형으로 그릴 수 있습니다. 나중에 조정하고 편집할 수 있는 경로가 계속 생성됩니다. 앵커 포인트는 그릴 때 자동으로 생성됩니다. 이것은 당신이 사용하는 경우에 훌륭한 도구입니다 그래픽 태블릿 .
  • NS 곡률 펜 도구 메인 펜 도구를 사용하는 것처럼 핸들을 조작할 필요 없이 곡선을 쉽게 그릴 수 있습니다.

Photoshop에서 벡터로 이미지 추적

다양한 펜 도구를 사용하는 방법을 배운 후에는 이를 사용하여 이미지를 추적할 수 있습니다. 스캔한 스케치 또는 사진의 개체를 벡터 이미지로 바꾸는 방법입니다.

Photoshop에서 이미지를 열고 확대합니다. 이제 펜 도구 추적하려는 개체의 테두리에 첫 번째 기준점을 놓습니다. 새 도면은 자동으로 자체 레이어로 이동합니다. 가장자리 주위를 계속 클릭하여 경로를 만듭니다.

추적 중인 개체가 일반 배경에 있는 경우 다음을 시도하십시오. 자유형 펜 도구 이랑 자기 옵션 막대에서 활성화된 옵션. 이렇게 하면 개체의 가장자리에 대한 경로가 스냅됩니다.

Photoshop에서 벡터 텍스트 작업

Photoshop에서 텍스트를 사용하는 것은 매우 자명합니다. 선택 가로 텍스트 도구(T) , 이미지 캔버스를 클릭하여 텍스트 상자를 만든 다음 입력합니다. 다른 앱에서와 마찬가지로 글꼴, 크기, 두께 및 기타 모든 것을 조정할 수 있습니다.

일반 텍스트의 경우 채우기 색상을 설정하지만 획은 설정하지 않습니다. 심하게 양식화된 텍스트에만 획을 적용하십시오.

완료되면 텍스트를 벡터 객체로 변환할 수 있습니다. 텍스트를 선택하고 이동 문자 > 모양으로 변환 . 이렇게 하면 각 캐릭터의 앵커 포인트에 액세스할 수 있으므로 개별적으로 조정할 수 있습니다. 한 글자의 색을 바꾸거나 글꼴 모양을 조정할 때 좋습니다.

변환된 텍스트는 더 이상 편집할 수 없습니다. 백업이 필요한 경우를 대비하여 원본 텍스트 레이어를 복제한 다음 숨기는 것이 좋습니다.

벡터 객체 관리

아트웍을 만들려면 이러한 모든 개체가 올바른 위치와 올바른 크기에 있어야 합니다. 방법은 다음과 같습니다.

  • 개체 이동 로 선택하여 경로 선택 도구(A) 그리고 그것들을 제자리로 드래그합니다.
  • 개체 크기 조정 로 선택하여 경로 선택 도구 그런 다음 타격 Ctrl + T Windows 또는 명령 + T 맥에서. 이것은 개체 주위에 상자를 표시합니다. 가장자리를 따라 핸들바를 잡고 안팎으로 드래그하여 크기를 조정합니다. 잡아 옮기다 원래 종횡비를 유지하기 위한 키입니다.
  • 개체 회전 커서가 회전 아이콘으로 바뀔 때까지 핸들바 중 하나 바로 바깥에서 마우스를 잡고 있으면 됩니다. 이제 클릭하고 드래그합니다.
  • 개체 재정렬 레이어를 클릭하고 다른 레이어 위나 아래로 드래그하여
  • 개체 정렬 로 모두 선택하여 이동 도구(V) (또는 보유 옮기다 및 여러 레이어 클릭)을 선택한 다음 옵션 막대에서 정렬 컨트롤을 사용합니다.

Photoshop의 벡터 그래픽: 모두 합치기

이제 모든 도구를 사용하는 방법을 알았으므로 도구를 함께 사용하여 자신만의 벡터 아트를 만들 수 있습니다.

Photoshop은 전문적인 그래픽 디자인을 위한 Illustrator의 진정한 대안은 아니지만 놀라울 정도로 강력합니다. 다른 문서에 사용하고 싶은 로고, 아이콘, 작은 이미지와 같은 단순한 것만으로도 충분합니다.

공유하다 공유하다 트위터 이메일 Adobe Illustrator 대 Photoshop: 차이점은 무엇입니까?

이 두 이미지 편집 제품군의 차이점에 대한 혼란을 해소합니다.

다음 읽기
관련 항목
  • 창의적인
  • 어도비 포토샵
  • 벡터 그래픽
  • 어도비 크리에이티브 클라우드
  • 포토샵 튜토리얼
저자 소개 앤디 베츠(221건의 기사 게재)

Andy는 15년 동안 기술에 관해 글을 써온 전직 인쇄 기자이자 잡지 편집자입니다. 그 동안 그는 수많은 출판물에 기여했으며 대형 기술 회사를 위한 카피라이팅 작업을 제작했습니다. 그는 또한 미디어에 전문가의 논평을 제공하고 업계 행사에서 패널을 주최했습니다.

앤디 베츠가 참여한 작품 더보기

뉴스레터 구독

뉴스레터에 가입하여 기술 팁, 리뷰, 무료 전자책 및 독점 거래를 확인하십시오!

구독하려면 여기를 클릭하세요.