본문 바로가기
디자인/무료 디자인 자습서

[디멘션] 3D목업 쉽게 만드는 방법

by 코코리★ 2018. 5. 16.
728x90
Adobe Dimension tutorial: Create 3D Mockups


소개
클라이언트를 보여주기위한 모형을 만드는 빠르고 비용 효율적인 방법을 찾고 계십니까? Adobe의 새로운 소프트웨어 인 Dimension에 오신 것을 환영합니다.이 소프트웨어는 3D 컨셉 아트 워크를 만드는 데 열심히 노력합니다. Dimension은 수백 가지의 사용자 정의 가능한 3D 객체를 제공합니다. 또한 .obj 파일을 가져올 수있는 옵션도 있습니다. 자신의 맞춤형 브랜딩을 추가 할 수있는 능력. Tigz Rice는 10 분 안에 최초의 실물 모형을 만드는 방법을 보여주기 위해 내장 된 리소스와 로고 만 사용합니다.

Intro
Looking for a fast and cost-effective method of creating mockups to show clients? Welcome to Dimension, a brand new piece of software from Adobe that takes the hard work out of creating 3D concept artwork.Dimension provides hundreds of customisable 3D objects – as well as the option to import your own .obj files – thousands of different materials and the ability to add your own customised branding. It takes all the hard work out of perspective and environment matching,In this tutorial by photographer Tigz Rice uses only the built-in resources – and her logo – to show you how to build your very first mock-up in under 10 minutes.


1 단계
Adobe Dimension을 열고 새 프로젝트 만들기 ...를 클릭하십시오.

Step: 1
Open Adobe Dimension and click onCreate a New Project…


2 단계
이렇게 보이는 새로운 작업 화면으로 인사해야합니다.

Step: 2
You should be greeted with a new working screen that looks like this.


3 단계 : 3
가서 커피 컵을 우리 장면에 넣을 수 있습니다. 이렇게하려면 왼쪽에있는 자산 패널로 이동하여 신원 섹션을 찾으십시오. 그것을 열어야 할 수도 있습니다. Coffee Cup 3D 개체를 클릭하여 커피 컵을 작업 영역으로 떨어 뜨립니다.

Step: 3
Lets go ahead and add a coffee cup into our scene. To do this, go to the Asset panel on the left and find the Identity section. You may need to open it. Look for the Coffee Cup 3D object click on it to drop a coffee cup into the working area.


단계 : 4
다음으로, 커피 컵을 더 커 보이게하여 조금만 커스터마이징 할 수 있습니다. 이렇게하려면 Dimension 인터페이스의 가장 왼쪽에있는 도구 모음에서 선택 및 크기 조정 도구를 클릭합니다. 그러면 개체 위에 새로운 삼각형 XYZ 제어점이 나타납니다.

Step: 4
Next, we can customise our coffee cup a little by making it taller. To do this, click on the Select and Scale tool in the toolbar on the very left of the Dimension interface.This will bring up a new triangular XYZ control point over the object.


단계 : 5
삼각형 상단의 녹색 사각형을 클릭하고 끌어 커피 컵 높이를 조정하십시오. 원한다면이 시점에서 다른 축 포인트로도 놀 수 있습니다.

Step: 5
Click and drag the green square at the top of the triangle to adjust the height of the coffee cup. You can also play around at this point with the other axis points if you wish.


단계 : 6
자, 커피 컵에 약간의 재료를 추가해 보겠습니다. 작업 공간의 오른쪽에있는 장면 패널에서 Coffee Cup 드롭 다운 메뉴를 클릭하고 Cup 레이어를 선택합니다. 다음으로 Assets 패널에서 갈색 볼과 같은 Cardboard 재료를 클릭합니다. 이렇게하면 컵에 판지 텍스처가 자동으로 적용됩니다.

Step: 6
Now, lets look at adding some materials to our coffee cup. In the Scene panel on the right hand side of the workspace, click on the Coffee Cup dropdown menu and select the Cup layer.Next, click on the Cardboard material – which looks like a brown ball – in the Assets panel. This will automatically apply a cardboard texture to the cup.


7 단계 : 7
커피 컵 뚜껑에 대해 이전 단계를 반복하여 원하는 재료를 선택하십시오. 여기 블랙 플라스틱을 사용하기로 결정했습니다.

Step: 7
Than, repeat the previous step for the lid of the coffee cup, choosing a material of your choice. Here, I’ve chosen to use Black Plastic.


단계 : 8
또는 재료 외에도 상자 밖에서 생각하고 싶다면 자산 패널 상단의 재료 아이콘을 클릭하여 유리, 금속, 왁스, 목재 등 사용 가능한 재료 목록을 불러올 수 있습니다.

Step: 8
Alternatively, if you want to think a little more outside the box, with your materials, click on the Materials icon at the top of the Assets panel to bring up a long list of available materials, including glass, metal, wax and even wood.


단계 : 9
그리고 이것이 소재가 충분하지 않은 경우 애셋 패널의 하단에서 Adobe Stock Browse를 클릭하여 3D 모델뿐만 아니라 더 많은 것을 살 수 있습니다.

Step: 9
And, if that wasn’t enough materials for you, you can buy more – as well as 3D models – by clicking on Browse Adobe Stock at the bottom of the assets panel.


스텝 : 10
Dimensions 작업 공간으로 돌아가 커피 컵에 브랜딩을 추가하십시오. 장면 패널에서 컵을 선택하고 액션 패널의 데칼 아이콘으로 그래픽을 클릭하거나 파일> 가져 오기> 그래픽을 데칼로 배치로 이동하십시오.

Step: 10
Back in the Dimensions workspace, lets look at adding some branding to the coffee cup.Select the Cup from the Scene panel and either click on thePlace Graphic as Decal icon in the Actions panel, or go toFile > Import > Place Graphic as Decal.


단계 : 11
파일에서 로그를 선택한 다음 열기를 클릭하여 커피 컵에 적용하십시오. 필요한 경우 속성의 불투명도, 금속성 및 거칠기 슬라이더를 변경할 수 있습니다.

Step: 11
Once you’ve chosen your log from your files, click Open to apply it to your coffee cup. You can change the Opacity, Metallic and Roughness sliders in Properties if required too.


단계 : 12
여기서는 로고를 더욱 빛나게 해주는 메탈릭을 추가하고 UV 스폿 잉크의 느낌을주기 위해 거친 부분을 제거했습니다.

Step: 12
Here, I’ve added some Metallic to make the logo more shiny, while also removing some of the roughness to give the impression of UV spot ink.


단계 : 13
로고 위에 나타나는 원형 변형 도구를 사용하여 Shift 키를 누른 상태에서 네 개의 흰색 사각형 중 하나를 클릭하여 비율에 따라 로고의 크기를 조정하십시오.

Step: 13
Using the circular Transform tools that appear over the logo, hold down theShiftkey and click on one of the four white squares to resize the logo proportionally.


스텝 : 14
가운데 타겟 기호는 컵 위의 로고 위치를 움직일 수있게합니다. 원하는 경우 흰색 원을 사용하여 로고를 회전 할 수도 있습니다.

Step: 14
The middle target symbol will let you move the logo’s position on the cup. You can also use the white circle to rotate the logo if you wish.


스텝 : 15
커피 컵을 약간의 문맥에 넣을 수 있습니다. 애셋 패널에서 이미지 아이콘을 클릭하여 모든 이미지를 가져 와서 목록에서 이미지를 선택하십시오. 또는 파일> 가져 오기> 이미지를 배경으로 이동하여 자신의 파일에서 무언가를 선택하십시오. 배경 이미지를 선택하면 이미지 일치 작업을 사용하여 이미지와 일치하는 조명 설정을 만들 수 있습니다. 얼마나 정확하게 작동하는지에 따라 Environment Light, Match Sunlight 및 Match Camera Perspective를 켜고 끌 수 있습니다. 확인을 누릅니다.

Step: 15
Lets put the coffee cup into some context. Click on the Images icon in the Assets Panel to bring up all images and choose one from the list. Alternatively, go toFile > Import > Image as Backgroundand choose something from your own files.Once you’ve chosen a background image, use the Match Image action to create a lighting setup that, er, matches your image. You can turn Environment Light, Match Sunlight and Match Camera Perspective on and off depending on how accurately it works. Press OK.


단계 : 16
지금 우리는 커피 컵의 시야각이 완전히 다르다는 것을 알 수 있습니다. 원근감 선이 이제는 벤치와 원근감이 일치합니다. 또한 방의 방향 조명과 일치하는 그림자와 함께 새로운 조명 효과를 볼 수 있습니다.

Step: 16
You can see that we now have a completely different viewing angle of the coffee cup, with the perspective lines now matching the perspective the bench. You can also see some new lighting effect with a shadow to match the directional lighting of the room.


단계 : 17
커피 컵은 현재 우주에서 떠 다니는 것처럼 보입니다. 그래서 이제는 커피 컵이 현장에서 제자리에 놓이는 것을 볼 수 있습니다. 먼저, 돌리 도구를 사용하고 커서를 위아래로 드래그하여 커피 컵의 위치를 바꿔 나무 테이블 위에 놓습니다.

Step: 17
The coffee cup currently appears to be floating in space, so lets now look at putting it into place within the scene. Firstly, use the Dolly Tool and click and drag up or down with your cursor to change the position of the coffee cup so it sits on the wooden table.


스텝 : 18
그런 다음 선택 및 크기 조절 도구를 사용하고 장면 패널에서 커피 컵을 강조 표시 한 다음 흰색 삼각형을 사용하여 커피 컵의 크기를 환경에 비례하여 비례 적으로 줄입니다.

Step: 18
Then, use the Select and Scale tool, highlight the coffee cup in the Scene panel and use the white triangle to proportionally reduce the size of the coffee cup to be proportional with the environment.


스텝 : 19
마지막으로 선택 및 이동 도구를 사용하여 커피 컵을 장면 내에서 원하는 위치에 정확하게 배치합니다.

Step: 19
Finally, use the Select and Move tool to position the coffee cup exactly where you want it within the scene.


단계 : 20
여기서는 미학적으로 즐거운 제 3 규칙 배정을했습니다.

Step: 20
Here I’ve gone for an aesthetically pleasing Rule of Thirds placement.


단계 : 21
화면의 오른쪽 상단 모서리에있는 Show / Hide Render Preview를 클릭하여 진행 상황을 확인하십시오. 그런 다음 Adobe Dimension은 파일 렌더링을 시작하여 내보내기 전에 모든 재질 및 효과의 모양을 볼 수 있습니다.

Step: 21
In the top right corner of the screen click onShow/Hide Render Previewto check your progress. Adobe Dimension will then start rendering your file so you can see how all the materials and effects look before exporting.


단계 : 22
결과가 만족 스러우면 작업 영역의 왼쪽 상단에있는 렌더링 탭으로 전환하십시오. 렌더링 탭에서 렌더링 품질 및 형식을 선택하여 장면을 내보낼 수 있습니다.

Step: 22
Once you’re happy with you’re results, switch to the Render Tab in the top left of the workspace, where you can choose a render Quality and Format to Export your scene to.
728x90

댓글