현실적인 삼성 은하 S2를 그리는 방법 - Photoshop 자습서
이 튜토리얼에서는 Photoshop 및 Illustrator에서 유명한 Samsung Galaxy를 그립니다. Illustrator에서 와이어 프레임을 그린 다음 Photoshop으로 내보내 정교한 조명 및 기타 효과를 추가합니다..
다음은 빌드하려는 것을 미리 보여줍니다.
이 자습서를 수행하려면 다음과 같은 자원이 필요합니다.
- 26 PSDfreemium의 반복 가능한 픽셀 패턴
- Kire1987의 성운 자원 팩
1 단계 - Illustrator에서 캔버스 준비
Adobe Illustrator를 엽니 다. A4 크기로 새 파일을 만듭니다. Ctrl + R 키를 눌러자를 불러옵니다. 새 레이어를 만들고 이름을 지정하십시오. 안내서. 우리는 이것을 사용하여 모든 가이드를 배치합니다. 눈금자에서 캔버스로 그려 새로운 가이드를 만듭니다. 이 안내서는 전화 와이어 프레임을 정확하게 그릴 수 있도록 도와줍니다. 참조 할 수 있도록 아래 그림을 참조하십시오..
2 단계 - 기본 전화 모양
첫 번째 단계는 기본 전화 모양을 그리는 것입니다. 그 (것)들을 활성화하십시오 둥근 사각형 수단. 캔버스를 한 번 클릭하여 둥근 사각형 옵션 대화 상자. 너비 및 높이 설정에 대해 걱정하지 마십시오. 반드시 입력하십시오. 35pt ...에 코너 반경. 딸깍 하는 소리 승인. 새로운 둥근 사각형 모양을 갖습니다..
필요하지 않기 때문에 즉시 삭제할 수 있습니다. 도구 설정을 변경하기 만하면됩니다..
3 단계
활성화해야합니다. 스마트 가이드 ~로부터 전망 메뉴. 이 기능을 사용하면 개체를 가이드에 쉽게 스냅 할 수 있습니다..
4 단계
클릭하고 드래그하여 제공된 가이드 안쪽에 둥근 사각형을 그립니다. 게재 위치를 얻으려면 아래 그림을 참조하십시오..
5 단계
방금 만든 둥근 사각형을 선택하십시오. 딸깍 하는 소리 개체> 경로> 오프셋 경로. 세트 오프셋 에 -9 포인트.
6 단계 - 화면 영역
동안 둥근 사각형 도구가 여전히 활성화되어 있으면 캔버스를 한 번 클릭하십시오. 세트 코너 반경 에 5 포인트. 우리가 필요로하지 않기 때문에 대화 상자에서 만들어진 둥근 사각형을 삭제하십시오..
7 단계
화면 영역 안에 둥근 사각형을 그립니다. 가이드를 사용하여 정확하게 그려주십시오..
8 단계
방금 생성 된 화면 모양 복제. 모양 아래에 직사각형을 그립니다. 두 도형을 모두 선택한 다음 선택합니다. 마이너스 프론트 ~ 안에 패스 파인더 패널.
사각형은 화면 영역을 잘라내어 상태 표시 줄 영역으로 사용할 수있는 반올림 된 사각형으로 바꿉니다..
9 단계
활성화 둥근 사각형 도구를 다시 클릭하고 캔버스를 한 번 클릭하십시오. 세트 코너 반경 에 10.
10 단계 - 홈 버튼
휴대 전화의 하단에 둥근 사각형을 그립니다. 홈 버튼이됩니다..
11 단계
딸깍 하는 소리 개체> 경로> 오프셋 경로. 세트 오프셋 에 -4 포인트.
12 단계
둥근 사각형을 그리고 그 사각형을 설정하십시오. 가득 따르다 에 없음 과 행정 에 검은. 아래 부분을 덮는 직사각형을 그립니다. 두 도형을 모두 선택하고 선택하십시오. 마이너스 프론트 ~ 안에 패스 파인더 패널. 반올림 된 사각형의 아래쪽 절반을 자르고 반올림 된 사각형으로 바꿉니다..
13 단계
사용 직접 선택 도구를 선택하고 아래쪽 선을 선택하십시오. 삭제를 클릭하여 삭제하십시오..
14 단계
도형이 선택된 상태에서 개체> 확장. 그러면 선이 아닌 채우기 모양으로 바뀝니다..
15 단계
모양 안에 두 개의 작은 직사각형을 그립니다..
16 단계
둥근 사각형을 그린 다음 왼쪽면을 그림과 같은 사각형으로 덮습니다. 두 도형을 모두 선택하고 선택하십시오. 마이너스 프론트 ~로부터 패스 파인더 패널. 사용 직접 선택 도구를 사용하여 왼쪽을 선택한 다음 삭제를 누르십시오..
17 단계
고르다 개체> 확장 이 선을 도형으로 변환한다..
18 단계
모양의 끝 부분에 직사각형을 그립니다..
19 단계
사각형의 왼쪽 테두리의 중심을 클릭하여 새 포인트를 추가합니다. 삭제할 상단 및 하단 모서리를 클릭하십시오. 우리는 삼각형을 얻을 것이다..
20 단계
세트 가득 따르다 에 검은 과 행정 에 없음.
21 단계
도형을 모두 선택하고 클릭하십시오. 맞잡다 ~에 패스 파인더 패널.
아래는 우리가 만든 버튼입니다..
22 단계 - 응용 프로그램 아이콘
활성화 둥근 사각형 수단. 캔버스를 한 번 클릭하고 설정하십시오. 코너 반경 에 1 점.
23 단계
아이콘베이스의 화면 안에 둥근 사각형을 그립니다. 활성화 움직임 도구 및 Alt + Shift + 견인 그것을 복제 할 모양.
24 단계
방금 만든 둥근 사각형을 선택하고 클릭합니다. 수평 분배 센터 ~에 정렬 패널.
25 단계
첫 번째 사각형 내부에있는 휴대 전화의 수신기 모양을 펜 수단.
26 단계
용도 유형 아이콘 아래에 레이블을 추가하십시오..
27 단계
다음 둥근 사각형 안에 아바타 아이콘을 그립니다. 머리 부분에 타원을 그리고 어깨를 수동으로 그립니다..
28 단계
도형을 모두 선택하고 클릭하십시오. 맞잡다 ~에 패스 파인더 수단.
29 단계
다음 둥근 사각형에서 타원과 쉼표 모양을 그립니다. 도형을 모두 선택하고 클릭하십시오. 맞잡다 풍선 설명 선으로 바꾸기.
30 단계
마지막 둥근 사각형 안에 4 개의 작은 둥근 사각형을 그립니다..
31 단계
아래는 완성 된 아이콘입니다.!
32 단계 - 메뉴 탐색
아이콘 위에 작은 원을 그립니다. Alt + Shift + 견인 그것을 복제 할 모양.
33 단계
모든 서클을 선택하고 클릭하십시오. 수평 분배 센터 내부 정렬 패널.
34 단계
서클 중 하나를 선택하고 크기를 더 크게 조정하십시오. 이 큰 원은 '활성'페이지임을 나타냅니다..
35 단계 - 신호 아이콘
화면 상단의 상태 표시 줄에서 작은 직사각형을 그리고 그 직사각형을 복제하십시오. 두 번째 사각형의 위쪽 선을 위쪽으로 드래그하여 직접 선택 수단.
36 단계
아래 그림과 같이 네 개의 직사각형이 생길 때까지이 과정을 반복하십시오..
37 단계 - 배터리 아이콘
두 개의 둥근 사각형을 그립니다. 두 도형을 모두 선택하고를 클릭하십시오. 맞잡다.
38 단계 - 발표자
원 그리기 및 Shift + Alt + 견인 그것을 복제하십시오. 이 복제 과정을 반복하려면 Ctrl + D를 몇 번 누르십시오..
39 단계
작은 원을 덮는 큰 둥근 사각형을 그립니다..
40 단계 - 카메라
"카메라"는 같은 원점을 가진 크기가 다른 일부 원으로 간단하게 만들어집니다..
41 단계 - 사이드 버튼
그림과 같이 전화기의 양쪽에 둥근 사각형 두 개를 그립니다..
42 단계 - Photoshop에서 캔버스 준비
우리는 전화선 프레임 작업을 마쳤습니다. Photoshop을 사용하여 생동감을 발휘할 때입니다. Photoshop을 연 다음 새 파일 만들기, 파일> 새로 만들기.
43 단계
Illustrator에서 모든 경로를 선택하고 (Ctrl + A) 클립 보드에 저장합니다 (Ctrl + C). Photoshop으로 돌아가서 붙여 넣습니다 (Ctrl + V). 옵션 대화 상자에서 통로.
44 단계
벡터 경로는 내부의 새 경로에 보관됩니다. 경로 패널.
단계 45 - 기본 모양
기본 모양 경로를 새 경로로 복사하십시오. 흰색과 검은 색 원을 클릭하십시오. 레이어 패널을 사용하여 새 조정 레이어를 추가합니다. 단색을 선택하고 색상을로 설정하십시오. # 0f1219 다음 대화 상자에서.
더하다 그라디언트 오버레이 모양에 미묘한 조명을 추가하는 방법.
46 단계
방금 만든 도형을 복제하고 섬네일 레이어를 두 번 클릭하여 색상을 # c3c6c9.
47 단계
옵션 막대에서 내부 경로 모드를로 설정합니다. 덜다 경로 영역에서. 그러면 모양이 폰 가장자리로 바뀝니다..
더하다 경사와 엠 보스 모양을 3 차원 모양으로 변환하는 방법.
48 단계
새로운 레이어를 만듭니다. 레이어를 다음으로 변환 클리핑 가면 Ctrl + Alt + G를 누르면됩니다. 이제부터는 페인트 한 모든 것이 폰 가장자리로 들어갑니다. 활성화 브러시 도구를 선택하고 전경색을 검정색으로 설정하십시오. 전화 가장자리 부분에 미묘한 그림자를 그립니다..
49 단계
Ctrl 키를 누른 상태에서 전화 가장자리 레이어를 클릭하여 모양을 기반으로 새 선택 영역을 만듭니다. 딸깍 하는 소리 > 수정> 계약을 선택하십시오. 으로 1 픽셀. 이렇게하면 선택 범위가 1 픽셀 작아집니다..
50 단계
새 레이어를 만들고 다른 미묘한 그림자와 하이라이트를 페인트합니다..
51 단계
이전 단계를 반복하십시오. 이번에는 계약 으로 2 픽셀. 전화기 모서리에 그림자와 하이라이트를 그립니다..
아래는 가장자리에 하이라이트와 그림자를 추가하기 전후의 차이입니다. 결과가 더 현실적임을 알 수 있습니다..
단계 52 - 스크린 영역
화면 영역을 새 경로에 복제하십시오. 새 조정 레이어 추가를 클릭하고 단색을 선택하십시오. 어떤 색상으로도 사용할 수 있습니다..
레이어를 두 번 클릭하여 레이어 스타일 대화 상자. 더하다 내면의 불꽃 과 행정.
53 단계
배경 화면을 화면에 삽입합시다. 바탕 화면 그림을 화면 영역 레이어 위에 놓습니다. 여기, 멋진 성운 이미지를 사용합니다..
54 단계
Ctrl + Alt + G를 눌러 클리핑 가면. 배경 화면이 자동으로 화면 내부로 이동합니다..
55 단계
아이콘을 클릭하십시오. 레이어 새 패널을 추가하는 패널 조정 레이어. 고르다 색조 / 채도 슬라이더를 사용하여 배경색을 수정하십시오. 그것을 설정하십시오 클리핑 가면 다시 Ctrl + Alt + G를 치면됩니다.이 방법으로 조정 레이어는 전화가 아닌 배경 화면에만 영향을 미칩니다..
다음은 레이어 모양이 어떻게되어야하는지입니다..
56 단계 - 주요 버튼
메인 버튼을 새로운 경로에 복제하십시오. 조정 레이어 단색과 색상 추가 # cccfd2.
레이어를 두 번 클릭하고 활성화합니다. 그림자 과 경사와 엠 보스.
57 단계
단추 위에 밝은 부분과 어두운 부분을 칠해 보겠습니다. 과정은 48 단계에서 51 단계까지의 전화 모서리와 매우 유사합니다..
기본 버튼 레이어를 Ctrl 키를 누른 상태에서 모양을 기반으로 새로운 선택을하십시오. 딸깍 하는 소리 > 수정> 계약을 선택하십시오. 으로 1 픽셀.
58 단계
새로운 레이어를 만듭니다. 버튼에 미묘한 하이라이트와 그림자를 칠하십시오..
59 단계
다른 두 버튼을 선택하고 새 경로에 복사하십시오. 색상이 흰색 인 조정 레이어 단색을 새로 추가하십시오..
60 단계
그것의 아래로 가져 오 불투명 ~ 20 %.
61 단계 - 응용 프로그램 아이콘
아이콘베이스를 새 경로로 복사하십시오. 새로운 조정 레이어를 단색으로 만듭니다. 색상을 파란색으로 설정하십시오..
62 단계
레이어를 두 번 클릭하고 미묘하게 추가 그라디언트 오버레이.
63 단계
다른 세 가지 모양 삭제.
64 단계
다른 색상에 대해 이전 프로세스 반복.
단계 65
새 경로에 아이콘 모양 복제. 새로운 조정 레이어 솔리드 컬러를 추가하십시오. 색상을 흰색으로 설정하십시오..
아이콘 레이어를 두 번 클릭하고 활성화합니다. 외부 광선 과 그라디언트 오버레이.
66 단계
각 아이콘 아래에 적절한 레이블 추가.
67 단계 - 메뉴 탐색
네 개의 작은 탐색 동그라미를 선택하고 새 경로로 복사하십시오. 색상이있는 새로운 조정 레이어 솔리드 추가 # 7e899b2d.
68 단계
가운데에서 더 큰 '활성 탭'을 사용하여 같은 과정을 반복합니다. 이번에는 색상으로 # cbced4.
69 단계
활성화 탭 위에 숫자를 추가하십시오. 나는 3 가지를 선택했다..
70 단계 - 사이드 버튼
측면 버튼을 새 경로로 복제하십시오. 색상이있는 조정 레이어 단색 만들기 # b0b3b6. 전화 뒤에 배치하십시오..
71 단계
더하다 내부 그림자 각도 0도 과 내면의 불꽃.
72 단계
다른 버튼에 대해이 과정을 반복하십시오..
73 단계
레이어 버튼을 두 번 클릭하여 엽니 다. 레이어 스타일 대화 상자. 더하다 내부 그림자 그러나 이번에는 180도 단추 위에 그림자를 추가하십시오. 또한, 내면의 불꽃.
74 단계 - 상태 표시 줄
상태 표시 줄을 선택하고 새 경로에 복사하십시오. 새로운 조정 레이어 솔리드 컬러를 검정색으로 그 컬러로 만듭니다. 시간 정보 추가.
75 단계
배터리를 새 경로에 복제하십시오. 새로운 조정 레이어 솔리드 컬러를 추가하십시오. 색상을 녹색으로 선택하십시오..
더하다 내면의 불꽃 다음과 같은 설정으로.
76 단계
신호 아이콘을 새 경로에 복제하고 조정 레이어 단색을 추가하십시오. 그것의 색깔을 위해 백색을 선정하십시오. 더블 클릭 층 활성화 그라디언트 오버레이.
77 단계 - 발표자
새 경로에 스피커를 복제하십시오. 옵션 막대에서 작은 원 경로 모드를로 설정합니다. 덜다 경로 영역에서. 새 항목 추가 조정 레이어 솔리드 컬러 와 # 6b6f76 그 색으로.
더블 클릭 층 다음을 추가하십시오. 레이어 스타일.
이것이 결과이다..
78 단계 - 카메라
원을 활성화하고 새 경로에 복사합니다. 새 항목 추가 조정 레이어 색상으로 # 272d36. 동그라미 안쪽에있는 반지와 똑같이하십시오. # 585a5e.
아래는 100 % 배율의 카메라입니다..
단계 79 - 반사
기본 전화 모양을 새 레이어에 복제하십시오. 전화를 가로 지르는 다각형 모양을 그린 다음 모드를로 설정하십시오. 교차 경로 영역. 새로운 조정 레이어 단색을 추가하고 색상을 흰색으로 설정합니다..
반사 모양을 두 번 클릭하고 미묘한 추가 그라디언트 오버레이.
80 단계
세트 혼합 ~ 모드 화면 그것을 줄이십시오 불투명 에 70 % 과 가득 따르다 에 0 %.
81 단계
Ctrl 키를 누른 채 반사 레이어 클릭. 새 레이어를 만들고 위쪽 영역을 강조 표시합니다..
82 단계
모든 레이어를 선택하고 Ctrl + G를 눌러 그룹 내에 전화 레이어를 배치합니다. 백그라운드에서 눈 모양 아이콘을 클릭하면 숨기고 배경이 투명하게됩니다. Ctrl + A, Ctrl + Shift + C, Ctrl + V를 눌러 전화를 새 레이어에 복사합니다..
83 단계
Ctrl + T를 눌러 전화를 변환하십시오. 마우스 오른쪽 버튼을 클릭하여 선택 수직 뒤집기. 전화를 원래 전화 아래에 두십시오..
84 단계
레이어 마스크를 추가하고 흰색에서 검은 색으로 그라디언트를 페인팅하여 반사음을 희미하게합니다..
단계 85 - 그림자
그 (것)들을 활성화하십시오 브러시 ~을 가진 도구 큰 브러시 크기 및 경도 0 %. 새 레이어를 만들고 전화 아래에 검은 선을 그립니다. 그것의 세트 불투명 에 10 %.
단계 86 - 배경
배경을 연구합시다. 새 레이어를 만들고 다른 파란색 음영을 사용하여 그림을 시작하십시오. 여기에는 완벽한 규칙이 없습니다. 창의력을 발휘하십시오..
단계 87
가우시안 블러 추가 (필터> 블러> 가우시안 블러). 매우 큰 반경 크기를 사용하고 실시간으로 결과를 볼 수 있도록 미리보기 옵션을 활성화하십시오.
88 단계
픽셀 패턴을 만드십시오 (또는이 단계를 건너 뛰고 PSDfreemium에서 이미 만들어진 픽셀 패턴을 사용할 수 있습니다). 크기가 6 인 새 파일 만들기 ?? ?? ??¢Â ?? ?? ?? 6 픽셀.
89 단계
Ctrl + 0을 눌러 캔버스 배율을 최대화하십시오. 새 레이어를 만들고이 레이어를 사용하여 대각선을 그립니다. 연필 ~을 가진 도구 1 픽셀 크기의 브러시.
90 단계
숨는 장소 배경 그래서 우리는 단지 대각선을 봅니다. 딸깍 하는 소리 편집> 패턴 정의 이미지를 패턴으로 저장하기.
91 단계
배경으로 돌아가서 두 번 클릭하고 패턴 오버레이 이전에 만든 패턴을 사용하여.
결과는 다음과 같습니다..
최종 결과
마지막으로 우리는 전화를 다시 가져올 수 있습니다. 보시다시피 Illustrator에서 벡터 그리기의 유연성과 Photoshop의 픽셀 페인팅의 용이성을 결합하여 사실적인 제품 이미지를 얻었습니다. 이 튜토리얼을 즐겼 으면 좋겠다..
다운로드
이 자습서의 최종 PSD를 다운로드하려면 여기를 클릭하십시오..