홈페이지 » 가젯 » 현실적인 삼성 은하 S2를 그리는 방법 - Photoshop 자습서

    현실적인 삼성 은하 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를 다운로드하려면 여기를 클릭하십시오..