[포토샵 기초] 아이소메트릭 3D블록 만들기

사용프로그램 - Adobe Photoshop CC 2015, Adobe Illustrator CC 2015

가이드라인을 만들기 위해 Illustrator 를 실행시킵니다.

1. File > New (Ctrl+N)으로 새문서 만들기를 실행합니다.

2. 가로 100픽셀, 세로 50픽셀로 크기를 설정합니다.

3. OK 를 클릭해 새문서를 만듭니다.

1. 펜툴(P)을 선택합니다.

2. 면색은 없음, 선색은 검은색, 선두께는 1pt 로 설정합니다.

아트보드 모서리를 연결하여 위 이미지와 같게 선을 그려줍니다.

1. File > Export 에서 내보내기를 실행합니다.

2. 파일형식 PNG, Use Artboards 체크, Range 1으로 설정합니다.

3. Export 클릭해 저장합니다.

Photoshop 을 실행합니다.

1. File > Open (Ctrl+O)을 눌러 파일 불러오기를 실행합니다.

2. 저장된 PNG 파일을 선택합니다.

3. 열기를 클릭해 파일을 열어줍니다.

1. 열린 이미지를 확인합니다.

2. Edit > Define Pattern 으로 열린 이미지를 패턴으로 저장합니다.

3. OK 를 클릭합니다.

1. File > New (Ctrl+N)으로 새문서 만들기를 실행합니다.

2. 가로는 297mm, 세로 210mm, 해상도는 72dpi, 컬러모드는 RGB 로 설정합니다.

3. OK 를 클릭해 새문서를 만듭니다.

1. 새 레이어를 만듭니다.(Ctrl+Shift+N)

2. 페인트툴(G)를 선택합니다.

3. 전경색을 흰색으로 설정합니다.

4. 보드를 클릭해 흰색으로 채워줍니다.

1. 레이어를 더블클릭해서 Layer Style 을 엽니다.

2. Pattern Overlay 를 선택합니다.

3. Pattern 을 저장한 이미지로 설정합니다.

4. 크기를 50%로 설정합니다.

5. OK 를 클릭해 설정을 닫습니다.

6. Opacity 50%, Fill 0%로 설정합니다.

1. 새 레이어를 만듭니다.(Ctrl+Shift+N)

2. 펜툴(P)를 이용해 윗면을 그려줍니다.

1. 오른쪽 버튼을 클릭합니다.

2. Create Vector Mask 를 선택해서 마스크를 생성합니다.

1. 레이어를 선택합니다.

2. 페인트툴(G)을 선택합니다.

3. 전경색을 클릭해 Color Picker 창을 엽니다.

4. 색(#7d8bff)을 선택합니다.

5. OK 를 클릭해서 설정창을 닫습니다.

6. 보드를 클릭해 색을 채웁니다.

같은 방법으로 앞면(#4d5bc7), 뒷면(#29348a)을 만들어 줍니다.

1. 뒷면 레이어를 더블클릭해 Layer Style 을 엽니다.

2. Gradient Overlay 를 선택합니다.

3. Gradient Editor 를 엽니다.

4. 왼쪽 Opacity: 100%, Color: Black, 오른쪽 Opacity: 0%로 설정합니다.

5. Blend Mode: Multiply, Opacity: 20%, Angle: -60, Scale: 30%로 설정합니다.

6. OK 를 클릭해 효과를 적용합니다.

같은 방법으로 앞면에 그라디언트 효과를 적용합니다.

1. 왼쪽 Opacity: 100%, Color: White, 오른쪽 Opacity: 0%로 설정합니다.

2. Blend Mode: Lighten, Opacity: 70%, Angle: 60, Scale: 30%로 설정합니다.

같은 방법으로 윗면에 그라디언트 효과를 적용합니다.

1. 왼쪽 Opacity: 100%, Color: White, 오른쪽 Opacity: 0%로 설정합니다.

2. Blend Mode: Lighten, Opacity: 80%, Angle: 35, Scale: 30%로 설정합니다.

1. 그림자를 만들기 위해 새레이어를 만듭니다.

2. 펜툴을 이용해서 그림자 모양을 그려줍니다.

3. 오른쪽 클릭을 하고 Make Selection 을 선택해 선택영역으로 만들어 줍니다.

1. 페인트툴(G)을 선택합니다.

2. 전경색을 검은색으로 설정합니다.

3. 선택영역에 검은색을 채워줍니다.

1. Ctrl+D 로 선택영역을 해제합니다.

2. Opacity 를 70%로 설정합니다.

3. 그림자 레이어에 마스크를 만듭니다.

1. 마스크를 선택합니다.

2. 지우개툴(E)을 선택합니다.

3. 브러쉬를 Soft Round 로 설정합니다.

4. Opacity 를 15%로 설정합니다.

5. 그림자 경계를 자연스럽게 지워줍니다.

1. 앞면과 뒷면 레이어를 선택하고, Alt 를 누르고 아래쪽으로 드래그해 레이어를 복사합니다.

2. 복사한 레이어를 오른쪽 클릭합니다.

3. Marge Layers 를 선택해 레이어를 합칩니다.

1. 합쳐진 레이어를 더블 클릭해 Layer Style 창을 엽니다.

2. Drop Shadow 를 선택합니다.

3. Blend Mode: Multiply, Opacity: 80%, Angle: 90, Distance: 2px, Spread: 0%, Size: 1px 으로 설정합니다.

1. 다시 앞면과 뒷면을 Alt 를 누르고 드래그해 레이어 복사를 합니다.

2. 이동툴(V)을 선택합니다.

3. 복사된 레이어를 드래그해서 아래로 이동시킵니다.

1. 이동된 앞면을 더블클릭해 Layer Style 을 엽니다.

2. Gradient Overlay 효과의 Angle 을 -120으로 변경합니다.

1. 이동된 뒷면을 더블클릭해 Layer Style 을 엽니다.

2. Gradient Overlay 효과의 Angle 을 120으로 변경합니다.

1. 이동된 앞면과 뒷면을 선택하고 그룹으로 묶어줍니다.

2. 레이어 Opacity 를 60%로 설정합니다.

1. 그룹에 마스크를 만듭니다.

2. 지우개툴(E)을 이용해 경계를 자연스럽게 지워줍니다.(Soft Round, Opacity: 15%)

1. 새 레이어를 만듭니다.

2. 펜툴(P)을 이용해 윗면 하이라이트를 그려줍니다.

3. 오른쪽 클릭, Create Vector Mask 를 선택합니다.

1. 페인트툴(G)를 선택합니다.

2. 전경색을 흰색으로 설정합니다.

3. 윗면 하이라이트를 클릭해 흰색을 채워줍니다.

앞면 하이라이트를 만들고 마무리 합니다.