Photoshop에서 Google Plus 아이콘을 만드는 방법

Photoshop 팬 여러분 안녕하세요! 최근 Google Plus에 대한 모든 버즈가 진행되면서 관련 Photoshop 자습서를 작성하지 않아도됩니다. 쉬운 것처럼 보이지만, 단순 해 보이는 g + 아이콘은 실제로 완벽하게 복제하기가 약간 어렵지만 확실히 우리를 막을 수는 없습니다. 좀 더 고급 Photoshop으로 뛰어들 준비하십시오!

1 단계 – 아이콘 크기

이를 위해 더 큰 아이콘 (256 X 256px)을 사용할 것입니다. 128 x 128px 또는 512 x 512px 아이콘으로 만들 수도 있지만 일반 아이콘이 작동해야합니다.

2 단계 – 안내서 설정

이 자습서에서는 매우 정확해야하므로 진행 과정에 도움이되는 몇 가지 가이드를 설정해 보겠습니다. 새로운 가이드를 만들려면 보기, 새로운 안내서.

다음 단계를 수행하려면이 단계를 여러 번 반복해야합니다. (우리는 픽셀 단위로 작업하고 있으므로 센티미터 위치 상자에서 px) :

수평 가이드 : 0px, 40px, 256px

수직 가이드 : 0px, 64px, 128px, 192px, 256px

(아래 – 두 번째 가로 안내의 예)

완료되면 캔버스는 다음과 같아야합니다.

3 단계 – 캔버스 확대

일반적인 Google 스타일에서 부드러운 흰색에서 회색 배경으로 Google Plus 로고를 사용하고 싶습니다. 딸깍 하는 소리 이미지, 캔버스 크기 캔버스를 배경 화면과 같은 해상도로 설정하십시오. 이를 위해 720p (1280 × 720)를 사용했습니다.

이제 그라디언트 도구를 들고 방사형 그래디언트 흰색에서 밝은 회색으로 희미 해짐. 이것과 비슷한 것 :

4 단계 – 모양 만들기

만들기 새로운 층. 이제 모양 도구 그리고 둥근 사각형 도구. 반경을 20 픽셀 짙은 회색의 색 (343434). 이제 이전에 만든 안내선을 사용하여 둥근 모양을 끌어서 경계에 잘 맞도록하십시오.

5 단계 – 로고 상단

우선 레이어를 래스터 화하여 아르 자형꽉 클릭, 래스터 화. 이제 직사각형 선택 윤곽 도구 로고 상단을 선택하십시오 (첫 번째 수평 가이드와 두 번째 수평 가이드 사이) 그리고 마우스 오른쪽 버튼으로 클릭 고르는 컷을 통한 레이어. 이제 새 레이어를 각 상위 조각마다 4 개의 작은 레이어로 분리합니다. 각 레이어를 하나씩 활성화 한 다음 비활성화하면 다음과 같이 표시됩니다.

빠른 팁 – 레이어의 이름을 바꾸고 상위 피스 1, 상위 피스 2 등과 같은 이름을 지정할 수 있습니다. 이렇게하면 일이 더 깨끗해질뿐만 아니라 일이 더 쉬워 질 것입니다. 당신은 시도 할 수 있습니다 상단 조각을 자체 레이어 그룹에 배치.

5 단계 – 하단 부분

이미지의 아래 부분을 포함하는 레이어를 선택하십시오…

…그리고 마우스 오른쪽 버튼으로 클릭 선택 혼합 옵션. 여기에서 일부를 추가하고 싶을 것입니다 경사와 엠 보스…

… 그리고 그라디언트 오버레이 (1d1d1d에서 292929로 사라짐).

나중에 이미지가 다음과 유사하게 변경되어야합니다.

6 단계 – 윗부분 비주얼

먼저, 왼쪽 상단 아이콘을 활성화하십시오. 이제 다시 해당 레이어를 엽니 다. 블랜딩 옵션 그리고 좀주세요 내부 그림자…

…뿐만 아니라 컬러 오버레이.

변경 전후의 이미지 모양은 다음과 같습니다.

새 오버레이마다이 단계를 반복하여 올바른 오버레이 색상을 설정하십시오.

첫번째 조각 : 레드 – f23a3f

두 번째 조각 : 블루 – 5988f5

세 번째 조각 : 녹색 – 5fb816

네 번째 조각 : 노랑 – ffc000

7 단계 – 약간의 광택 추가

을 만들다 새로운 층 다른 모든 레이어 위에 놓습니다. 이제 그라디언트 도구 만들 방사형 그래디언트 페이딩 흰색에서 투명까지 아이콘 영역 내부. 그런 다음 레이어 불투명도 에 30 % 그리고 혼합 모드 에 위에 까는 것. 변화는 거의 눈에 띄지 않지만 여전히 매우 중요합니다. 전 / 후의 빠른 설명은 다음과 같습니다.

8 단계 – 전능자 g +

빠른 스크린 샷을 잡아 Google.com의 Google 로고 그때 풀 포토샵으로 직접 촬영레이어는 오버레이 그라디언트와 나머지 이미지 사이를 이동합니다.) 및 작은 글자“g”를 제외한 모든 것을 제거하십시오.

이제 당신은 당신이 작은 "g"에서 배경을 제거하고 선호하는 도구를 사용할 수 있습니다 가장자리 다듬기 조금 매끄럽게하기 위해. 그때 Ctrl + 클릭 레이어 축소판을 직사각형 선택 윤곽 당신의 손에 마우스 오른쪽 버튼으로 클릭 선택 가득 따르다. 용도 화이트 ...에서 100 % 과 표준 그리고 당신은 이것에 도착해야합니다 :

이제 더하기. 글쎄, 여기서 논의 할 것이 없습니다. 그냥 잡아 타입 도구 과 멋진 "+"가있는 글꼴을 찾으십시오. 어느 원래 로고와 유사 이미지로 가져옵니다. 완료되면 다음이 필요합니다.

9 단계 – 마지막으로 그랜드!

한 걸음 더 기다립니다! 로 이동 보기> 안내선 지우기 더 이상 가이드가 필요하지 않으며 이미지가 완성되므로 가이드를 제거 할 수 있습니다. (오, 그리고 빠른 Ctrl + Shift + S를 누르는 것을 잊지 마십시오. 그렇게 힘든 일을 모두 잃고 싶지 않을까요?)