Create Jaw-Dropping 3D Phone Mockups in Davinci Resolve - Here's How!

[@yutubeboii6402]

share the project file please

[@NickBorodenko]

Hi! My apologies for the delayed reply. Here's the link to a project file with an iPhone mockup: drive.google.com/file/d/1IO1kmqKeVSpyN46Gag4r2-MWEJRvm75I/view?usp=share_link P.S. The model used can be downloaded here: sketchfab.com/3d-models/iphone-14-pro-5cb0778041a34f09b409a38c687bb1d4

[@sh7066]

👍

[@StickyFingersScalemodelsSweden]

Great tutorial - just what i was looking for!

[@AndrewNagornyAnd]

Thank you very much! very detailed and clear explanations. there should be more views here. you are a great teacher!

[@gamebreakerfn]

When I use the textures from the model, it somehow doesn't fill all the spaces. There are some weird holes in like the camera lenses or on the side of the phone. Tried it multiple times but always had the same issue. Anyone has a fix? EDIT: fixed it by adding the transform node after the first texture media.

[@vetrikopola]

Thank u so much.... This helped me :)

[@JK-ly7fb]

Amazing tutorial you deserve much more subscribers bro! 😁😁

[@NickBorodenko]

Thank you so much for your support! I appreciate that!

[@d100s_]

hi @nick borodenko everything is okay until I add the materile Picture to the frame .. the color is remove and half of the frame disappear .. also the video is move by slow motion not like the original speed ... I dont know how to solved this problems .. so pls if you can help me .. I need this motion in my content .

[@NickBorodenko]

Hi! Thank you for following the tutorial. I am sorry to hear that you've run into issues. Color should be removed when you connect the material node - you can either use the color or texture. As for the half of the frame disappearing - if I understood the problem correctly - that might be due to texture sizing, that can be solved by adding transform node to the material and changing it's size (alternatively you can use another 3d model). I assume "slow motion" is just a stuttered choppy playback, which is a result of a heavy workload caused by this Fusion composition, which is normal. It should be fine when rendered out. You can turn on render cache for a smooth playback in Davinci.

[@theerrorlt3984]

in step phone 3d modeling i had trouble importing phone 3d modle it just wont let me upload what should i do

[@Atlantis_Cuts]

Hi, great content, hope you'll get your subs up soon ;) I have one question though. As I follow along with the tutorial after connecting Blinn the phone turns white - so far so good - but then after adding texture it turns in to semi-transparent mess. It looks like the texture isn't warping around the object properly. I've tried different textures, and playing around with various settings, but I just can't fix it. So, if any one has some idea what might be causing it I'd be much obliged. My google-fu got me nothing so far, so here I am ;)

[@NickBorodenko]

Hi! Thanks for watching and feedback! As for the issue, I would probably narrow it down to 3 possible causes: 1. "bad" model that just doesn't play nicely with Davinci (happened to me). 2. lighting issues - try disconnecting all lights except for one scene ambient light, adjust Blinn's Intensity and Exponent. 3. texture size (there was previously a comment under this video - don't know why it disappeared - someone had texture issues solved by adding transform node to the material and changing it's size). Transparency might be caused by Alpha or Opacity values in the parameters of Blinn node. Hope this helps. P.S. By the way, are you using a model from video description or another one?

[@Atlantis_Cuts]

@@NickBorodenko Thx, for the quick reply! Texture size was the issue, adding transform node and making the texture bigger made the trick. So, yeah a noob mistake... Hope to see more of your tutorials that I can fail to follow ;)

[@Art_mood]

​@@Atlantis_Cutswhere to add transform node either to Blinn or fbxmodel or what or which texture???? Pls reply bro..

[@Atlantis_Cuts]

@@Art_mood Oh, it's been while, and I don't have that project files any more. If I remember correctly it was about up-scaling the basic "shape texture" (black and silver I think?). Sry, I can't help more, good luck though ;)

[@pasalva]

@@NickBorodenko Option 3 worked for me! thanks!

[@videoediting2907]

AMAZING TUT man thank you so much. I've been looking for a good 3D tutorial in fusion for ages and this was so well explained and easy to follow. I would pay for a full compositing course in Fusion (I haven't found any good ones)

[@NickBorodenko]

Thank you for watching and commenting! I'm sorry, but I don't know of any good complete Fusion compositing courses in English that I can recommend. However, you could try looking up Casey Faris' channel. He has some great beginner tutorials for Fusion, and he might have more advanced ones as well.

[@entertainmentcreators1814]

I have the same problem, I'm already moving from intermediate to advanced in the Fusion tab, But I can't find any good courses or tutorials for compositing or VFX. For now, it seems like the best course of action if you want to do VFX in Fusion is to learn with a Nuke course and then try to translate the fundamentals to Fusion @@NickBorodenko

[@videoediting2907]

I really hope more VFX people start making tuts or courses for Fusion. I know Nuke is the "Hollywood standard" but for us independent filmmakers, I think Fusion will be the future. It's a swiss army knife for doing everything in one place @@NickBorodenko

[@sashausti]

Thank you for this incredible video! But I can’t drag and drop model.dae into the nodes window, for some reason the file does not want to open at all. How can i solve it?

[@enoch478]

Thank you for the beautiful tutorial! I have an issue though. When I attach the texture file to "Blinn", it does not come out well. It seems to appear as though the phone is missing some parts to cover its body. It also does not show the apple logo. I first used the Samsung model but thought it was the particular model that had an issue, but it has repeated itself of the Iphone model too. Can you help please?

[@NickBorodenko]

Thank you so much for watching the tutorial! I'm sorry to hear you're having issues with the texture file. Here are a few steps you can try to resolve the problem: 1. Please check if Blinn is connected to the green FBXmesh input. 2. Please check if the texture image with logo etc. is connected to the orange input of the Blinn (diffuse color material). 3. If the texture still doesn't display properly, try adding a transform node between the texture image and the Blinn material and adjust the size parameter in the transform node. Hope this helps.

[@uxui_xterix]

Hello, great tutorial you've got here, but I'm having an issue when I connect textures to blinn node, once I connect the textures the 3D mockup looks damaged, why is that?

[@NickBorodenko]

Hi! Thank you for watching! I am sorry that you have run into issues. Texture size might be the cause. You can try adding transform node and adjusting the texture size to see if that helps.

[@uxui_xterix]

@@NickBorodenko ok thank you so much, i'll do just that

[@gamebreakerfn]

@@uxui_xterix Did it help or could you fix it? I think I got the same issue. EDIT: fixed it by adding the transform node after the first texture media.

[@suomipeluri2333]

Any idea why the .dae file works and brings out the 3d model but the .fbx file "works" it shows the 3d on mediaout but only shows outlines of the model on the 3dmerge.

[@rize6816]

This video was so helpful and easy to follow. I really enjoyed it! Can you recomend sites for 3D phone modules?

[@NickBorodenko]

I'm glad you enjoyed the video! For 3D phone models, I suggest checking out check out these sites: Sketchfab (sketchfab.com), TurboSquid (www.turbosquid.com), Free3D (free3d.com) P.S. Don't forget to check licensing terms when using free models.

[@UDolphie]

guys I know this may sound basic but I honestly didn't know how to change the video size from horizontal to more vertical in fusion so it can fit later on the fbxmesh3d node, all I had to do was uncheck the use size and aspect button from the transfrom node then I could freely alter x and y size as I wanted. all those youtube videos of cropping and changing resolution didn't work at all, or maybe there's a different way of doing it in that case but I'm a newbie so beware guys

[@Art_mood]

I did everthing as it is but when gave textures to my mobile model it looking like it is missing back side parts i mean only camera and side bars are visible but not the proper backside... It is empty there. Why? Reply pls..

[@Art_mood]

Ok i got it.... So if anyone facing same problem what you can do is just add a transform node to the 1st texture node and slightly increase the size of texture through transform node you have slightly increase and adjust the size util and unlesh the texture properly covers the entire mobile and yes the early issue of frame disappeared will definitely resolve now.

[@UDolphie]

@@Art_mood lifesaviour, I increased it a little like 1.0 to 1.06 and the backpart is not missing anything

[@Art_mood]

@@UDolphie That's great.... ✨ But actually problem with texturing is that if you have a system without graphics card same as mine.... My project becomes too heavy and davinci stops responding at the end i created the cameras, black front camera, apple logo and all that stuff myself and it was looking great and it was working smoothly...

[@UDolphie]

@@Art_mood davinci is harsh when it comes to 3D man you might want to use AI or go use our "use-friendly" blender, rendering My phone video after doing a 5sec animation took me 30 minutes and some crashes lol. But I will keep using it, it's our laptops that sucks hahaha

[@hasolemar]

Hello, great tutorial! in the step "reusing in another project", I cannot add the fusion composition to the power bin. get the error: "Resolve in unable to place Multica, Compound Clips, Fusion Clips and Timelines into Power Binds" What am I missing? Thanks!

[@NickBorodenko]

Thank you for the comment! In order to add a Fusion Composition into the Power Bin it has to be created inside the media pool as shown at 00:41 That's a weird limitation of Davinci Resolve. Alternatively you can save Fusion Composition as a macro. Or use File - Export Fusion Composition. After that move to the new project, create a new Fusion Composition, open it inside a Fusion page and use File - Import Fusion Composition.

[@hasolemar]

@@NickBorodenko I copied and paste it to the other project and it worked as well. Another, is it possible to keep the sound in the media?

[@NickBorodenko]

If you're using media with sound as a MediaIn in Fusion you can turn on audio by selecting MediaIn node and activating audio track in the inspector. However, as far as I know, you can't output audio from Fusion onto the timeline. But you can add the audio from the original mediaclip by dragging that with Shift pressed onto the timeline (Edit page).

[@Atlantis_Cuts]

@@NickBorodenko About that... I have my music in the clip that's in fusion. I can hear the audio, see the sound waves in the Keyframes Panel, all works as a charm while I'm on the Fusion Page, but in the Edit Page there's no sound from that Fusion Clip. Timeline sounds work with no problem in Edit, and render fine, just not the audio that's in fusion clips, unless I'm in Fusion myself. The Funny thing is I've made it work with the same media before, but now I can't get it back to be working again, even after creating new Fusion clips, or new projects. So, any guesses? ;)

[@NickBorodenko]

@@Atlantis_Cuts Here are two workarounds that I can think of to keep audio for the clip in Fusion. If you right-click the clip with liked audio on the Edit page - open in Fusion page; do all the manupulations in Fusion (you'll hear the audio); and get back to the Edit - the audio should be there as it was. You can further save this clip as a compound clip and copy-paste that to other places/timelines/projects. Hovewer unlike Fusion compositions these can't be saved to Power Bins. Alternatively you can select the clip on the Edit page - right-click and select New Fusion clip. Then select both video and audio and press Opt+Cmd+L (or right click and press Link clips). Still not suitable for Power Bins though.

[@arisevisions]

Crazy Projekt, helped me a lot thank you. How did you learn all this stuff about 3D models? I want to get more into 3D

[@NickBorodenko]

Thanks for watching. I did take a basic Fusion course, but honestly, I learned most of what I know from other KZbin videos.

[@otox7786]

Thank you so much for the tutorial, helps a lot, do you think this could work inside the usd system in fusion? i have not found a way to add videos there, the uImage Plane node only gives static images not videos. I just got into 3d and i am not having a fun time with shaders and textures, something is always off or often textures don't exist, and i cant get to look as good as usd... usd seems like a better looking and easier way, if there was that capability of using videos there like in the example in this video

[@NickBorodenko]

Thank you for watching! DaVinci Resolve supports USD (.usdc, .usdz, .usda). Video can be added the same way as I did with image in this tutorial via MediaIn node (when you drag a clip into the node tree it will automatically create a mediaIn).

[@otox7786]

@@NickBorodenko Thanks for responding, but doesn't work brother, if you plug MediaIn into uMerge (with imageplane) in the uRenderer you will only see one frame, it doesn't update, after doing some research i figured out its not possible to have videos in usd system, as in your video

[@NickBorodenko]

Thank you for the info and sorry that my advice above couldn’t help. I wasn't familiar with this USD system limitation :(

[@Stephanbarnes.]

Hi, theres no dae download option for the 3D Iphone. What should I do?

[@gamebreakerfn]

I downloaded the fbx version and then had another zip folder hidden with the dae version

[@FightLegacy]

thanks, this is helpful

[@NickBorodenko]

Thank you for watching

[@tunc1389]

really nice video! What do you think, how much time it takes to finish one Model?

[@NickBorodenko]

Thank you! It won't take long to follow the tutorial. You can use the project file from the pinned comment - hopefully, this will further speed up the process.

[@kanomee]

hey dude, very cool tutorial! i went thru every step of it and successfully make it so that its properly as shown in the video! but one question tho, so how do i export it as a high quality render? because when i use the fusion clip to my timeline, it has a very low and bad quality to it. how do i fix this?

[@NickBorodenko]

Apologies for the delayed reply. Make sure there's a background node with proper sizing (shown at 02:30 ). Additionally you can try rendering fusion clips separately - right-click on the fusion clip on the timeline in the edit page - render in place - select a codec with transparency support (Apple ProRes 4444 or DNxHR 444).

[@vikapersika]

Hi! Thanks for the amazing video, so much value! Everything went smoothly for me until I tried to round the corners. I see no one in the comments encountered this problem. But for me, the corners are more "cut off" than round. I don't know what's the problem, is it the photo or some settings?

[@NickBorodenko]

Hi, thank you for watching! Are the corners jagged in the rendered video? It might be an issue with preview settings. Or maybe try softening them by dragging soft edge slider just a bit.

[@vikapersika]

@@NickBorodenko I found the solution and I will share just in case someone else has this problem. Turn on the rectangle node in the left view tab and move it around, adjust the size of the rectangle itself (when the node is turned on, you will see green borders, drag those), center the rectangle perfectly for your photo and then adjust the width and height for the rectangle node. This was a nightmare to figure out :D

[@Uwe35Batman]

When I added the texuteres they were all over the phone but Not at the right spot. Did every thing the same exept using a video. Plese help

[@Uwe35Batman]

and when I added blinn the phone turned white

[@NickBorodenko]

Apologies for the delayed response. When you add blinn your object is supposed to turn white, as it's a default blinn node setting. You can either configure color and other parameters in blinn node or connect texture files to it as shown in video. As for the textures all over the phone - that's weird. Generally, if they are from the same 3d model they should fit perfectly when connected to Blinn.

[@Uwe35Batman]

@@NickBorodenko Thanks for the response, tomorrow I will try it again. But before I do that I still got one question: It does not matter if I put a video instead of a picture on the phone right?

[@NickBorodenko]

With video it will basically be the same. Though for video you'll have an option to choose the in (start) and out (end) points od the clip in the node settings.

[@ArthurAllen0915]

For some reason this does not work for me I downloaded the fbx format, but there was no .dae file within the folder

[@NickBorodenko]

Getting to the .dae file can be a bit of a hassle. For example, if you’re using the iPhone 14 Pro 3D model from the tutorial, the .dae file is tucked away inside the main archive, then in the "source" folder, and finally inside "model.zip". So you'll need to extract both the main archive and model.zip. Sorry for the trouble!

[@ArthurAllen0915]

@@NickBorodenko Thank You I Will Try That

[@ArthurAllen0915]

@@NickBorodenko I found the model.dae File Like you said Think I will give up on this one I love the effect, but the "model.dae" file will not load into Davinci I am using Davinci 19 I even re-downloaded the zip file thinking maybe something was wrong But Thank You so Much

[@NickBorodenko]

Thanks for the update. I'm sorry to hear that you're still having trouble with the .dae file in DR 19. I just tested adding a .dae file into the Fusion node tree by dragging it directly (same way as in the tutorial) in both Studio 18.6 (Mac) and the free version 19 (Windows). It worked perfectly in both. I'm sorry I couldn't assist with troubleshooting the issue, but I hope you find a solution. Maybe try using a project file from the tutorial that includes the complete node structure. You can download it here: drive.google.com/file/d/1IO1kmqKeVSpyN46Gag4r2-MWEJRvm75I/view

[@ArthurAllen0915]

@@NickBorodenko Thank You

[@MAZENMOWAFFAK]

the phone node is not connecting to the merge3d node why is that?

[@NickBorodenko]

Please, verify that you are connecting the white output from FBXmesh3D to Merge3D scene input. If you don't see the media you want to showcase on phone's screen - check if it's connected to foreground input of Merge3D node (arrow should be yellow). By the way, here's the link to a project file - you can check the node structure I used: drive.google.com/file/d/1IO1kmqKeVSpyN46Gag4r2-MWEJRvm75I/view?usp=share_link

[@MAZENMOWAFFAK]

@@NickBorodenko thank you so much

[@diplodocus3]

Did everything right, result was looking great and then added bumpmap node for normal conversion, project crashed and is now unrecoverable 😭😭

[@diplodocus3]

dfq, installed the new 19 public beta version, and the project opened successfully! earlier was working on 18.6 downloaded from app store

[@livasandeilenberg8361]

if i wanted to add the phone to another adjustment layer, like a hand or something, how would i do that without the background just being black? i’m quite new to resolve..

[@NickBorodenko]

As this is a fusion composition with transparent background, I assume, that black background is a result of export settings in the deliver tab. Export the clip in Apple ProRes 4444 or DNxHR HQ (with a ticked checkbox on export Alpha) - this way the clip will have a transparent background. If you encounter black background anyway - check the background node in fusion composition - in the inspector tab it's alpha parameter should be set to 0. Two ways you can add the phone to another clip: 1. place the rendered phone clip or fusion composition on top of the media on the edit page; 2. add media to a fusion composition on the fusion page.

[@livasandeilenberg8361]

@@NickBorodenko thank you so much🙏 this has been bugging me for a while

[@DailyMindfullFacts]

it would be great if you make tutorial on T-shirt mockups using davinci resolve18

[@NickBorodenko]

Thank you for the idea. There's already a great video on this topic called Put ANY LOGO on Your T-shirt!! by Joris Hermans.

[@DailyMindfullFacts]

@@NickBorodenko Thanks Nick, I'll check this out & yeah great work.. one of best detailed Davinci Tutorial