1. Design & Illustration
  2. Graphic Design
  3. 3D Design

어도비 포토샵에서 오즈의 마법사 열기구 장면 만들기

Scroll to top
Read Time: 8 min
This post is part of a series called The Wizard of Oz.
Fly, My Pretty! How to Draw a Winged Monkey Step by Step
Click Your Heels Twice: How to Draw Sequin Ruby Slippers

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Envato Tuts+ 의 오즈 위저드 위크(Wizard of Oz week)행사를 축하하기 위해 나는 위대하고 강력한 마법사가 오즈의 땅에 들어서면서 생생하고 다채로운 장면을 만들고 싶었습니다.

이 자습서에서는 풍선을 만들기위한 Photoshop의 3D 도구, 구름 이미지를 마스킹하는 데 매우 유용한 기술 및 부드럽고 꿈 같은 모양을 만드는 다른 여러 방법을 사용합니다. 따라오다 보면 레이어, 마스크 및 필터의 마법의 세계에서 길을 잃고 ... 오 이런!

1. 리소스 수집

시작하기 전에 이 프로젝트에 사용할 네 개의 사용자 정의 파일이 들어있는 첨부 파일 인 WizardofOzBalloonTutorial.zip을 다운로드하십시오.

  • BalloonDecal.jpg
  • CityOutline.png
  • OzLandscape.jpg
  • Tornado.psd

다음 스톡 리소스도 프로젝트 완료에 사용됩니다.

2. 풍선 비행

이제 모든 요소를 ​​준비 했으므로 마법사의 열기구를 비행 상태로 설정해 보겠습니다.

1 단계

포토샵에서 OzLandscape.jpg 파일을 엽니다. 이것은 우리의 마법적이고 기술적인 공수 모험의 배경이 될 것입니다.

Open the OzLandscapejpg imageOpen the OzLandscapejpg imageOpen the OzLandscapejpg image

2 단계

3D > New 3D Layer From File으로 이동하여 balloon.obj 파일을 선택하십시오. 크기를 묻는 메시지가 표시되면 기본값을 그대로 사용하십시오. Photoshop은 3D 모델을 가져 와서 3D 작업 영역으로 전환합니다.

Import the 3D balloon modelImport the 3D balloon modelImport the 3D balloon model

3 단계

풍선의 로프는 매우 혼란 스럽기 때문에 Kanapi 라는 3D 패널에서 메쉬를 찾고 그 옆에있는 가시성 표시를 전환하여 숨깁니다.

Hide the ropesHide the ropesHide the ropes

4 단계

3D 패널에서 Scene 레이어를 선택하고 이동 도구를 사용하여 풍선이 컴포지션의 오른쪽 위에 오도록 장면뷰를 배치합니다. 풍선이 카메라보다 낮은 위치에 표시되도록 보기를 회전합니다.

Move the scene view to place the balloon at the top rightMove the scene view to place the balloon at the top rightMove the scene view to place the balloon at the top right

5 단계

3D 패널에서 Materials 탭으로 전환하고 목록에서 두 번째 재료를 선택합니다.이 재료는 기본 벌룬 재료여야 합니다. Properties 패널에서 Diffuse색상 옆에 있는 문서 아이콘을 클릭하고 Replace Texture를 선택합니다. 포토샵을 BalloonDecal.jpg 파일로 보내서 그림을 풍선에 맵핑하십시오.

Map the decal texture onto the balloonMap the decal texture onto the balloonMap the decal texture onto the balloon

6 단계

동일한 문서 아이콘을 다시 클릭하고 Edit UV Properties를 선택하십시오. 이 설정은 텍스처가 풍선 표면 위로 어떻게 펼쳐지는지 조정합니다. 타일 ​​섹션에서 U/X2로 변경하고 V/Y1.3으로 변경합니다. 텍스처를 적절한 크기로 설정해야 합니다. 그런 다음 오프셋 값을 사용하여 표면 주위로 텍스처를 슬라이드하여 모양이 좋은 위치에 배치합니다.

Edit the UV propertiesEdit the UV propertiesEdit the UV properties

풍선의 텍스처 배치는 이와 비슷하게 보입니다.

Texture placement on the balloonTexture placement on the balloonTexture placement on the balloon

7 단계

Materials로 돌아갑니다. 목록의 첫 번째 자료는 풍선의 기본 부분과 바스켓 표면의 대부분 이어야 합니다. Diffuse 색을 #8a504b로 변경하십시오.

change the color of the basketchange the color of the basketchange the color of the basket

8 단계

3D 패널의 Lights 탭을 클릭하고 Infinite Light 1을 선택하십시오. 이동 도구 (V)를 사용하여 표시등을 조정하여 풍선 뒤에서 빛이 오도록 하십시오. 목표는 장면의 조명 방향을 일치시키는 것입니다. 조명 Intensity144%로 설정하고 Shadow Softness 25%로 설정하십시오.

Set the light to match the photoSet the light to match the photoSet the light to match the photo

9 단계

Rectangular Marquee Tool (M)을 사용하여 풍선 주위로 완전히 선택 되게 만듭니다. 그런 다음 3D 패널의 바닥에있는 Render 버튼을 누릅니다. 포토샵에서 풍선을 렌더링하는 동안 잠시 기다려주세요. 시간이 좀 걸릴 수 있습니다!

Render the balloonRender the balloonRender the balloon

10 단계

렌더링이 끝나면 Layer > New > Layer Via Copy (Control-J)를 사용하여 렌더링 된 픽셀을 새 레이어로 복사합니다. 그런 다음 원본 3D 레이어를 숨깁니다. 이렇게 하면 편집 가능한 3D 레이어를 유지하면서 렌더링 된 픽셀이 유지됩니다.


11 단계

Vibrance 조정 레이어를 추가하여 렌더링 된 풍선의 색상을 향상시킵니다.  Layer > Create Clipping Mask (Alt-Control-G)를 사용하여 조정 레이어를 렌더링 된 레이어에 클립합니다. 그리고 나서 Vibrance+21로 설정하고 Saturation+39로 설정하십시오.

Enhance the balloon colors with a Vibrance adjustment layerEnhance the balloon colors with a Vibrance adjustment layerEnhance the balloon colors with a Vibrance adjustment layer

3. 에메랄드 시티

위대한 입구를 만드는 마법사와 함께, 우리는 그의 목적지, 에메랄드 시티를 볼 필요가있습니다! 이미 사용할 도시 이미지를 준비했습니다. 이 튜토리얼의 시작 부분에서 다운로드한 원본 첨부 파일의 일부입니다.

1 단계

File > Place Embedded을 클릭하고 첨부된 zip 폴더에 있는 파일 세트에서 CityOutline.png 파일을 선택하십시오. 도시 이미지는 스마트 오브젝트로 가져옵니다. 이미지를 축소하여 장면 배경에 배치합니다.

Add the city to the backgroundAdd the city to the backgroundAdd the city to the background

2 단계

우리는 푸른색 에메랄드 시티를 가질 수 없습니까? Image > Adjustments > Hue/Saturation로 이동하여 도시 색상을 변경하십시오. Colorize 상자를 선택하고 Hue116Saturation41Lightness+24로 설정하십시오.

Change the color of the Emerald CityChange the color of the Emerald CityChange the color of the Emerald City

3 단계

도시 레이어에 Layer Mask를 추가하고 검은 페인트로 Soft Round Brush를 사용하여 도시의 아래쪽 가장자리를가려내어 보다 조화롭게 조경에 블렌드 하십시오.

mask out the bottom of the citymask out the bottom of the citymask out the bottom of the city

4 단계

Hue/Saturation adjustment layer를 추가하고 Layer > Add Clipping Mask (Alt-Control-G)를 사용하여 도시 레이어에 클립합니다. Saturation를 -56으로 설정하고 조정 레이어의 마스크를 검정색으로 채웁니다. 그런 다음 흰색 페인트로 브러시를 사용하여 건물 양쪽에 불투명한 효과를 적용하여 도시가 완전히 동일한 녹색톤이 안되도록 하십시오.

Add a destaurated effect to give depth to the city buildingsAdd a destaurated effect to give depth to the city buildingsAdd a destaurated effect to give depth to the city buildings

5 단계

City Gleams에 새 레이어를 추가하고 혼합 모드를 Screen으로 설정합니다. 그런 다음 40% 불투명도의 soft brush를 #eaf669의 옅은 황색 색조로 사용하여 일부 도시 첨탑 주위에 빛나는 스트로크를 추가하십시오.

add some glowing yellow lights to the cityadd some glowing yellow lights to the cityadd some glowing yellow lights to the city

6 단계

Filter > Blur > Gaussian Blur으로 이동하여 흐림 Radius3픽셀로 설정합니다. 이것은 도시에 건물에 부드럽고 빛나는 조명 효과를 줍니다.

Blur the city gleamsBlur the city gleamsBlur the city gleams

7 단계

도시 레이어 아래에 City Glow 레이어를 추가하고 혼합 모드를 Screen으로 설정합니다. Foreground to Transparent 설정, Radial shape 및 Opacity 60%의 Gradient Tool (G)를 사용하십시오. 도시 바로 뒤에서 그라디언트를 시작하고 도시 레이어 크기의 약 3배가되도록 밖으로 당깁니다.

Add a gradient glowAdd a gradient glowAdd a gradient glow

8 단계

Color Wash 효과를 위해 City Gleams 레이어 위에 새 레이어를 추가합니다. 블렌딩 모드를 Color Dodge로 설정하고 20% 불투명도Soft Round Brush (B)를 사용하십시오. 페인트 색상을 밝은 녹색 색상 #a7e31d로 설정하십시오. 부드럽게 도시와 주변 언덕 꼭대기에 컬러 광선 효과를 만듭니다.

Adding a soft color washAdding a soft color washAdding a soft color wash

9 단계

City Clouds에 대한 새 레이어를 추가하고 혼합 모드를 Screen으로 설정합니다. Chalk 36 pixels 브러시 사전 설정과 함께 Brush Tool (B)를 사용하십시오. #aea058의 황갈색 색조를 사용하십시오. 도시의 바닥 주변에 구름 층을 세우십시오. 이 브러시로 클릭-드래그하지 말고 브러시로 "클릭"하기 위해 여러 번의 클릭을 사용하십시오.

Paint in some cloudy areas at the base of the cityPaint in some cloudy areas at the base of the cityPaint in some cloudy areas at the base of the city

4. 트위스터!

1 단계

첨부 파일에서 Tornado.psd 문서를 엽니 다. 이 파일에는 토네이도의 세 가지 레이어가 포함 된 폴더가 있습니다. 이동 도구 (V)를 사용하여 전체 폴더를 기본 프로젝트 문서 위로 드래그하고 컴포지션의 오른쪽 상단 모서리에 배치합니다.

Bring in the twister from the attached fileBring in the twister from the attached fileBring in the twister from the attached file

2 단계

fantasy-220092.jpg 파일을 열고 Rectangular Marquee Tool (M)을 사용하여 이미지의 하늘 부분을 선택하십시오. 그런 다음 Edit > Copy (Control-C)로 이동하십시오.

Open the fantasy-220092 image and copy the sky areaOpen the fantasy-220092 image and copy the sky areaOpen the fantasy-220092 image and copy the sky area

기본 프로젝트 파일로 전환하고 Edit > Paste로 이동하여 복사 된 구름을 레이어로 배치합니다. 이 레이어를 풍선 레이어 아래로 드래그합니다. 그런 다음 혼합 모드를 Multiply로 변경하고 Edit > Free Transform (Control-T)를 사용하여 레이어의 크기를 조정하고 가장 밝은 지점이 도시와 정렬되도록 배치합니다.

Paste the clouds into the main compositionPaste the clouds into the main compositionPaste the clouds into the main composition

3 단계

이제는 진지한 구름을 만들기 시작할 때 입니다! File> Place Embedded로 이동하여 thunderstorm-567678.jpg 파일을 선택하십시오. 포토샵은 이미지를 스마트 오브젝트로 배치합니다. Edit > Transform > Rotate 180으로 돌려 보십시오. 그런 다음 Edit > Transform > Warp를 사용하여 뒤틀림을 가져옵니다. 워프 핸들을 사용하여 이미지의 하단 부분에 구름층을 감쌉니다.

Warp the thunderstorm image around the sceneWarp the thunderstorm image around the sceneWarp the thunderstorm image around the scene

4 단계

구름이 보이도록 하려면 투명도를 정의하기 위해 레이어 자체의 밝기를 사용하는 마스킹 트릭을 사용하십시오. Select > Select All (Control-A)을 선택한 다음 Edit > Copy (Control-C)로 이동하십시오. 레이어 패널 아래쪽의 레이어 마스크 추가 단추를 사용하여 thunderstorm 레이어에 마스크를 만듭니다.

Copy the layer pixels then add a layer maskCopy the layer pixels then add a layer maskCopy the layer pixels then add a layer mask

5 단계

직접 보려면 마스크 축소판을 Alt 키를 누른 상태에서 클릭하십시오. 그런 다음 편집> 붙여 넣기 (Control-V)로 이동하여 복사 된 픽셀을 마스크에 붙여 넣습니다. 이동 도구 (V)를 사용하여 복사 한 픽셀을 마스크의 아래쪽 가장자리에 스냅합니다. 그런 다음 선택> 선택 취소 (Control-D)로 이동하여 선택을 취소하십시오.

Paste teh copied pixels into the maskPaste teh copied pixels into the maskPaste teh copied pixels into the mask

6 단계

Alt 키를 누른 상태에서 마스크 축소판을 다시 클릭하면 마스크가 레이어에 어떤 영향을 주는지 확인할 수 있습니다. Image > Adjustments > Invert (Control-I)으로 이동하여 마스크의 명암을 교체하십시오. 그런 다음 마스크에 커다란 Soft Round Brush를 사용하여 가장자리를 검은색 페인트로 페인팅하고 모서리를 흰색 페인트로 더 불투명하게 만들어 모양을 조정합니다.

7 단계

구름이 너무 어둡고 회색 빛이 많이 보입니다. Curves adjustment layer를 추가하고 Layer > Create Clipping Mask (Alt-Control-G)를 사용하여 thunderstorm 레이어에 클립합니다. 커브의 맨 왼쪽 컨트롤 포인트를 잡고 그리드 공간의 약 2/3 위로 밀어 올립니다. 구름의 검은 부분이 밝아져야 합니다.

8 단계

sunset-383072 파일을 배치하고 Edit > Transform > Warp를 사용하여 풍선의 바로 앞에있는 이미지의 오른쪽 하단 모서리 주위를 감싸십시오.

Insert the sunsett-383072 image and wrap it around the balloonInsert the sunsett-383072 image and wrap it around the balloonInsert the sunsett-383072 image and wrap it around the balloon

9 단계

그런 다음 레이어 픽셀을 복사하여 레이어 마스크에 직접 붙여 넣고 이전과 동일한 마스킹 기법을 사용합니다. 마스크를 뒤집어 손으로 만져 부드러운 구름 효과를 얻으십시오.

Use the masking trick to get a soft cloud effectUse the masking trick to get a soft cloud effectUse the masking trick to get a soft cloud effect

10 단계

vermont-482945.jpg 이미지를 열고 Rectangular Marquee Tool (M)을 사용하여 하늘 영역을 선택하십시오. 그런 다음 Edit > Copy를 사용하여 해당 픽셀을 복사합니다.

copy the sky area of the vermont-482945 imagecopy the sky area of the vermont-482945 imagecopy the sky area of the vermont-482945 image

Edit > Paste를 사용하여 해당 픽셀을 기본 프로젝트에 붙여넣고 이미지 전경에 구름을 배치합니다. 그런 다음 이전 클라우드 레이어에 사용 된 것과 동일한 복사/붙여 넣기 마스킹 기술을 사용합니다. 혼합 모드를 Screen으로 설정하고 환상적인 장면에 추가 한 놀라운 구름을 즐기십시오!

paste the vermont sky into the projectpaste the vermont sky into the projectpaste the vermont sky into the project

5. 추가 효과들

우리 이미지의 주요 부분은 이제 완료되었으므로 마지막으로 약간의 효과를 만들어서 약간의 마무리 작업을 추가하십시오.

1 단계

풍선 렌더링은 그림자면에서 강조된 음영 효과를 얻을 수 있습니다. Shading Gradient새 레이어를 추가하고 Layer> Add Clipping mask (Alt-Control-G)를 사용하여 풍선 렌더 레이어에 클립합니다.

전경색을 검정색으로 설정하고 Gradient Tool (G)를 사용하여 Foreground to Transparent 설정 및 Radial 모양을 사용합니다. 풍선의 어두운면에 그라데이션을 추가하고 혼합 모드를 Multiply로 설정합니다.

Additional shading on the dark edge of the balloonAdditional shading on the dark edge of the balloonAdditional shading on the dark edge of the balloon

2 단계

우리는 풍선에 타고있는 마법사가 필요합니다. 바구니가 구름에 의해 대부분 숨겨지기는 하지만 그것이 비어 있지 않음을 나타내기 위해 어떤 모양이 있어야합니다. horse-411644.jpg 이미지를 열고 Quick Selection Tool (Q)를 사용하여 캐리지의 드라이버를 선택하십시오. 그런 다음 편집> 복사 (Control-C)로 이동하여 선택한 픽셀을 복사합니다.

Copy the top hat wizardCopy the top hat wizardCopy the top hat wizard

3 단계

기본 프로젝트 파일로 다시 전환하여 편집 > 붙여 넣기 (Control-V)를 사용하여 픽셀을 새 레이어로 붙여 넣은 다음 Edit > Transform > Flip Horizontal을 사용하여 마법사가 왼쪽을 향하도록 만듭니다. 편집 > 자유 변형 (Control-T)을 사용하여 마법사를 크기 조절하고 기구에 배치하십시오. 지우개 (E)를 사용하여 풍선 픽셀과 겹치지 않아야하는 영역을 제거합니다.

Paste the wizard into his basketPaste the wizard into his basketPaste the wizard into his basket

4 단계

꿈같은 이미지 품질을 향상시키기 위해 몇 가지 색상 세척 레이어를 사용합니다. 스택 상단에서 새 레이어를 시작하여 Color Wash Warm 및 블렌드 모드를 Screen으로 설정합니다. 불투명도20%인 부드러운 Soft Round를 사용하십시오. 도시 지역에서 노란색/녹색 색상을 샘플로 사용하거나 #cfe472를 사용하십시오. 그런 다음 풍선 가장자리, 토네이도 측면 및 몇 개의 산재된 언덕 꼭대기에 조명 효과를 부드럽게 쌓아 놓으십시오.

Add a backlighting color wash effectAdd a backlighting color wash effectAdd a backlighting color wash effect

5 단계

Color Wash Cool을 위한 새 레이어를 추가하고 동일한 브러시 설정을 사용하여 푸른 회색 색상 #414754를 사용하여 어두운 구름, 풍선 그림자 및 계곡 지역에 더 시원한 색조를 추가하십시오. 효과가 너무 강한 경우 레이어 불투명도50%로 낮추십시오.

Add cooler tones with a hand painted color wash layerAdd cooler tones with a hand painted color wash layerAdd cooler tones with a hand painted color wash layer

6 단계

Curves 조정 레이어에 약간의 대비를 추가하십시오. 두 점을 추가하고 여기에 표시된 것처럼 약간 움직여 곡선에 매우 미세한 S 자 모양을 만듭니다.

Increase contrast with CurvesIncrease contrast with CurvesIncrease contrast with Curves

7 단계

Layer > Merge Visible로 이동하는 동안 Alt키를 누른 상태에서 레이어 스택 맨 위에 병합된 레이어를 만듭니다. 레이어 > 스마트 오브젝트 > 스마트 오브젝트로 변환을 사용하여 레이어를 스마트 오브젝트로 변환합니다.

Create a merged layer as a Smart ObjectCreate a merged layer as a Smart ObjectCreate a merged layer as a Smart Object

8 단계

Filter > Camera Raw Filter로 이동합니다. Basic 탭에서 Temperature를 -10으로 설정하여 따뜻한 이미지에 약간의 차가운 색조를 추가하십시오. 그런 다음 Clarity를 ​​+33으로, Vibrance+24로 증가시킵니다. 이렇게하면 색상이 향상되고 이미지에 선명하게 표시됩니다.

Run the Camera Raw Filter Run the Camera Raw Filter Run the Camera Raw Filter

Camera Raw FilterEffects탭으로 전환하고 Post Crop Vignette 섹션으로 이동 한 다음 Amount-33으로 설정하여 이미지 모서리에 어두운 효과를 추가합니다. 그런 다음 OK를 클릭하여 필터를 적용하십시오.

9 단계

이 다음 단계는 완전히 선택 사항이지만 미묘한 효과가 추가됩니다. Dodge/Burn새 레이어를 추가하고 Edit > Fill로 이동하여 채우기 내용50% 회색을 선택하십시오. 레이어 블렌딩 모드를 오버레이로 설정하여 회색을 보이지 않게합니다.

닷지 도구 (O)를 작고 soft round brush로 사용하고 Exposure10%로 사용하여 highlight 영역을 향상시킵니다. 똑같은 설정으로 Burn Tool (O)를 사용하여 그림자 영역을 깊게 만듭니다.

Dodge and Burn to enhance highlights and shadowsDodge and Burn to enhance highlights and shadowsDodge and Burn to enhance highlights and shadows

해내셨군요!

잘하셨습니다! 우리 판타지 오즈 조각이 이제 끝났습니다.

Final product image of Wizard of Oz hot air balloonFinal product image of Wizard of Oz hot air balloonFinal product image of Wizard of Oz hot air balloon

나는 당신이 당신 자신의 일에 도움이 될 몇 가지 새로운 기술을 배우셨기를 희망합니다. 나는 당신의 마지막 조각을 보고 싶습니다. 그래서 아래의 코멘트에 게시해주세요!

더 원하십니까?

포토샵으로 할 수 있는 것에 대해 더 많이 배우고 싶습니까? Envato Tuts+에서 다른 포토샵 지향 튜토리얼 및 코스를 여러개 얻을 수 있습니다. 더 많은 것을 보려면 제 프로필을 꼭 확인하십시오!

Envato Market에는 열기구 모델, 구름 사진 및 많은 풍경 배경을 비롯하여 이 자습서의 변형에 사용할 수 있는 다양한 리소스 모음이 있습니다.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads