Photoshop에서 로고를 만드는 방법

Photoshop에서 로고를 만드는 방법

Photoshop에서 로고를 만드는 방법을 시작하기 전에 방에있는 코끼리에 대해 설명해야합니다. 포토샵 CC 로고 디자인을 염두에두고 만들어지지 않았습니다. 로고의 근본적인 특성 중 하나는 품질 저하없이 확장 및 축소가 가능하다는 것입니다. 그렇기 때문에 Illustrator와 같은 벡터 기반 소프트웨어는 Photoshop의 픽셀 기반이 적합하지 않은 로고를 만드는 데 선호되는 옵션입니다. Illustrator를 사용하여 로고를 디자인하는 방법에 대한 자세한 내용은 이 편리한 가이드 , 개념에서 완료까지 프로세스를 안내합니다.

그러나 Photoshop에 응용 프로그램이 부족한 점은 특히 다음과 비교할 때 인기를 보충하는 것 이상입니다. 일러스트 레이터 CC . 따라서 눈에 띄는 로고를 만드는 방법을 알고 싶지만 필요하지 않은 소프트웨어에 대해 비용을 지불하고 싶지 않은 경우이 자습서가 적합합니다. 간단한 모양 도구, 그라디언트 및 텍스트 옵션을 사용하여 Photoshop에서 기본 로고를 디자인하는 방법을 안내합니다. 이러한 옵션을 살펴보면 Photoshop에서 즉시 로고를 만들 수 있습니다. Photoshop CS6를 사용하고 있지만 다른 버전에도 동일한 프로세스가 적용됩니다.



실제로 자신의 로고를 디자인 할 때 브랜드 아이덴티티와 스타일에 대해 생각해야 할 수도 있습니다. 더 많은 영감을 얻으려면 프로 가이드를 참조하세요. 로고 디자인 , 로고의 세계에 대해 알아야 할 모든 것을 알려줍니다.



01. 새 캔버스 만들기

Photoshop에서 로고 디자인

50 픽셀마다 격자 선 설정

Photoshop을 열고 새 문서를 만듭니다. 500px x 500px의 캔버스 크기를 사용했지만 더 큰 크기도 잘 작동합니다. 언제든지 캔버스 크기를 변경할 수 있습니다. Photoshop> 환경 설정으로 이동하여 50px마다 격자 선을 설정합니다. 그런 다음 캔버스에서을 눌러 그리드를 켭니다. cmd + ' 또는 옵션 표시 줄에서보기> 표시. 보기> 맞추기에서 격자에 맞추기가 켜져 있는지 확인합니다.



02. 기본 도형 그리기

Photoshop에서 로고 디자인

화살표 모양 만들기

도구 모음에서 펜 도구를 선택하거나 을 클릭하고 경로가 아닌 옵션 막대 왼쪽의 모양으로 설정되어 있는지 확인합니다. 펜을 사용하여 캔버스의 중심점에서 시작하여 다른 점에 격자 선 교차점을 사용하여 화살촉 모양을 그립니다. 이 프로젝트에서는 레이어 이름을 지정할 필요가 없지만 레이어가 많은 복잡한 문서에서는 유용 할 수 있습니다.

03. 모양 복제 및 편집

Photoshop에서 로고 디자인



모양을 편집 할 수 있도록 레이어 복제

를 눌러 레이어 복제 cmd + 제이 새 레이어를 클릭하여 선택합니다. 직접 선택 도구, 바로 가기 사용 , 캔버스 중앙에있는 화살촉의 맨 위 지점을 클릭합니다. 이 점을 격자 사각형 몇 개 아래로 이동하고 Shift 키를 누른 상태로 y 축에 고정합니다.

04. 그라디언트로 색상 추가

Photoshop에서 로고 디자인

그라디언트는 여전히 로고 디자인에서 유행하고 있으므로 로고에 그라디언트를 추가하십시오.

옵션 막대 왼쪽의 채우기 드롭 다운 메뉴에서 새 그라디언트를 만듭니다. 그라디언트 창에서 하단 슬라이더를 두 번 클릭하여 RGB 옵션을 불러 와서 색상을 선택할 수 있습니다. 나는 밝고 진한 파란색으로 갔다. 그런 다음이 그라디언트를 두 개체에 적용하여 서로 반대되도록 그라디언트 회전을 변경합니다. 채우기 옵션이 보이지 않으면 이동 도구를 선택했기 때문일 수 있으므로 펜 또는 모양 도구로 전환하십시오.

05. 레이어 그룹화 및 복제

Photoshop에서 로고 디자인

레이어를 그룹화하여 정리

두 레이어를 선택하고 레이어 탭 하단에있는 작은 폴더처럼 보이는 그룹 버튼을 눌러 두 레이어를 그룹화합니다. 이렇게하면 레이어 탭이 지저분 해지는 것을 방지하고 두 레이어를 함께 처리하기가 더 쉬워집니다.

이 그룹을 복제하고 자유 변형 기능을 사용하여 새 그룹을 90도 회전하고 Shift 키를 누른 상태에서 15 도씩 회전합니다. 다음을 사용하여 자유 변형에 액세스 할 수 있습니다. cmd + 또는 편집> 자유 변형에서. 이제 캔버스의 중심을 대칭 선으로 사용하여 원래 모양이 반영 될 때까지 두 번째 그룹을 위로 이동합니다.

06. 모양 변형

Photoshop에서 로고 디자인

X는 그 자리를 표시합니다. 아마도

Shift + 커서 키를 사용하여 각 도형을 중심점에서 한 그리드 정사각형 위 또는 아래로 이동합니다.

07. 그룹, 복제, 반복

Photoshop에서 로고 디자인

가지고있는 모양을 복제하여보다 정교한 모양을 만듭니다.

5 단계와 동일한 방법으로 레이어를 그룹화하고 그룹을 복제하고 90도 회전합니다. 새로운 모양은 일종의 십자선 모양과 비슷해야합니다.

08. 모양 도구로 원 그리기

Photoshop에서 로고 디자인

원을 추가하여 로고에 공간을 새기십시오.

도구 모음의 아이콘을 클릭 한 채로 있거나 Shift + 키를 눌러서 원을 찾을 때까지 모양 도구를 순환합니다. . 캔버스의 중심점을 클릭하고 Alt 키를 누른 상태에서 중앙에서 방사되는 원을 그리고 Shift 키를 눌러 너비와 높이를 비례 적으로 유지합니다. 실수 한 경우 자유 변형을 사용하여 모양을 실행 취소하거나 다시 편집 할 수 있습니다.

09. 직사각형을 그리고 중앙에 정렬

Photoshop에서 로고 디자인

직사각형이있는 텍스트를위한 공간 만들기

사각형 도구를 찾을 때까지 모양 도구를 다시 순환합니다. 그래픽을 가로 질러 다른 레이어 위에 흰색 상자를 그려 텍스트를위한 충분한 공간을 만듭니다. 사각형 레이어와 하단 레이어 (캔버스와 같은 크기의 흰색 정사각형이어야 함)를 클릭하고 메뉴 모음의 레이어> 정렬 아래에있는 정렬 도구를 사용하여이 레이어를 캔버스 중앙에 정렬 할 수 있습니다. 또는 옵션 막대의 정렬 버튼.

고급 사용자는이 사각형을 사용하여 레이어> 모양 결합을 사용하여 아래 모양에서 뺄 수 있지만 지금은 흰색 블록으로 만 사용하겠습니다.

10. 텍스트 추가

Photoshop에서 로고 디자인

우리는 로고를 '눈송이'라고 부를 것입니다. 기분 상하지 마십시오

도구 모음에서 T 아이콘을 클릭하거나을 눌러 사각형 위에 텍스트 상자를 그립니다. 을 탭한 다음 캔버스에서 드래그합니다. 문자 탭의 버튼을 사용하여 상자에 텍스트를 입력하고 중앙에 놓습니다. 다시 정렬 도구를 사용하여 캔버스 중앙에 배치합니다.

huion h610 pro 및 wacom intuos pro

11. 적절한 서체를 선택하십시오

Photoshop에서 로고 디자인

브랜드에 적합한 서체를 선택하는 것이 핵심입니다.

브랜드에 맞는 서체를 선택하십시오. 무료 글꼴이 많이 있지만 사용 권한이있는 글꼴을 선택하는 것이 중요합니다. 무료 글꼴 시작하기위한 몇 가지 아이디어를 모아보세요. 이 로고는 많은 자산에 나타날 수 있으므로 불법적으로 다운로드 한 서체를 사용하는 것은 안 좋은 소식입니다. 당신이 보는 것을 좋아할 때까지 크기와 색상으로 놀아보십시오.

12. 커닝 조정

Photoshop에서 로고 디자인

당신의 텍스트를 커닝하는 것을 잊지 마세요

텍스트를 커닝하십시오. 즉, 개별 문자 사이의 가로 간격을 조정하여 단어의 가독성을 극대화합니다. V | 표시가있는 유형 탭에서이 작업을 수행 할 수 있습니다. A 또는 문자 사이를 클릭하고 모두 + 왼쪽 또는 모두 + 맞아. 커닝에 대한 자세한 내용은 다음 게시물을 참조하십시오. 유형을 커닝하는 방법 .

13. 최종 세부 정보 추가 및 내보내기

Photoshop에서 로고 디자인

나중에 로고를 편집 할 수 있도록 PSD 파일로 저장하는 것을 잊지 마십시오.

특별한 것을주기 위해 필요한 최종 조정을하십시오. 이 페이지 상단에있는 메인 이미지의 경우 텍스트 위와 아래에 동일한 그라데이션으로 색칠 된 두 개의 작은 막대를 추가했습니다. 또한 다른 단계와 유사한 기술을 사용하고 페이드를 추가하는 레이어 마스크를 사용하여 배경, 그림자 및 반사를 추가했습니다.

만족 스러우면 필요한 형식으로 이미지를 저장하십시오. 여기에서 웹 형식으로 RGB jpg를 사용했지만 psd로 저장하여 돌아가서 변경할 수있었습니다.

더 읽어보기 :