Ultra Smoothened Product Rendering in any City | Ali Sayed Ali | Skillshare
Search

Playback Speed


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Ultra Smoothened Product Rendering in any City

teacher avatar Ali Sayed Ali, aliartist3d

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

    • 1.

      1 Intro

      0:19

    • 2.

      2 Getting the iPhone

      0:24

    • 3.

      3 Setting up the camera

      0:58

    • 4.

      4 Making the background

      1:07

    • 5.

      5 Backlighting

      1:35

    • 6.

      6 Lighting setup

      1:57

    • 7.

      7 Depth of field

      0:58

    • 8.

      8 DOF manipulation

      1:00

    • 9.

      9 Animating camera

      1:26

    • 10.

      10 Animation to vector keying

      1:07

    • 11.

      11 Controled hand shake

      1:51

    • 12.

      12 Secret to smooth animation

      1:18

    • 13.

      13 Final rendering

      1:06

    • 14.

      14 Outro

      0:09

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

63

Students

1

Project

About This Class

In this course, I will go through step by step on how you create a silk smooth animation of iPhone 14 Pro in any city scene you want!

Main takeaways

- Ultra Smoothing of animations

- Lighting harmony for any background

- Some depth of field settings you absolutely need to know

How to get the iPhone model?

I made it easy for you, and in any option you want!

- You like to learn the skill and do it yourself? Sure, I made a complete course from scratch on how you make the iPhone yourself

https://skl.sh/3MLeIYz

- Don't have time to learn it now? I got you covered, just get my model and get started, it takes 2 minutes!

https://www.cgtrader.com/3d-models/electronics/phone/apple-iphone-14-pro-in-official-colors

https://blendermarket.com/products/apple-iphone-14-pro-in-official-colors

Reach out to me?

Always waiting for your feedback and questions, please contact me here or at aliartist3d@gmail.com

Thanks a lot!

Meet Your Teacher

Teacher Profile Image

Ali Sayed Ali

aliartist3d

Teacher

Hello, I'm Ali.

 

Creative 3d Designer, Passionate about iPhones, featured in Forbes, CNET, Tom's hardware, iupadte, ...

See full profile

Level: Intermediate

Class Ratings

Expectations Met?
    Exceeded!
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. 1 Intro: This course, I will reach out to make a professional, realistic and natural animation and any citizen you want. And take a dive at depth of field and harmony, enlightening without any further ado, let's get right down to it. 2. 2 Getting the iPhone: Let's start by adding the iPhone 14 pro model. I have already put all instructions on how to get the model ready to use in course description. And the link to my course on how to make the iphone model yourself. As you can see, the motor is ready to use. Next, we will start making the project 3. 3 Setting up the camera: Have the optimum view. I will start by adding the camera. Set the focal length to 90 mm. For this project, I will use 1920 by 1080 as a resolution. Press zero to go to camera view, then position the camera as I do. Make sure that the pivot is set to 3D cursor around z axis, a little bit, around 26 degrees. Rotate around excesses of camera by clicking on. Then WX. Great. Now we can move on to the next subsection 4. 4 Making the background: Before I start the lighting, I will make the lighting as black for now. In order to have satellite into zero. To achieve this effect, I would use this night statistic image that I don t know that from Pixabay Pexels website is available in project five of the course. Use it as lighting card at a plane and scale it horizontally. That applies k objects. Create a new material at the image texture. And Lincoln's commonly note the base color inhibition nodes and load our city image to it. Rotate it on the x-axis for now 5. 5 Backlighting: Now I'm positioning my Citi stock image for our lighting. You can see how I'm moving the bank around to find the best view. And we'll go to Viewport to position my lighting. I will use the same image as lighting source, divest light in color harmony. Rotate it and position it close to our FY form, will increase its emission strength. The better light object. Great, so far 6. 6 Lighting setup: Now we will complete the lighting setup, competence site light card, and rotate it to behind the phone. On the left side of the image. Its main objective is to control the reflections on the iPhones metallic edge. And control this position. Now have more clarity and lights. Will duplicate the right card and make it much smaller than positioned. So close to the top side of the iPhone. Finally, make it much better. And it should make it much better. 7. 7 Depth of field: We'll take the scene to the next level. We'll add up the field. Go ahead and add an empty object and position it at the camera and the camera area. Now enabled depth of field in camera settings and select the empty object as focused on it. Set f-stop to 4.8. Much better now 8. 8 DOF manipulation: Before I move on, I want to take a moment and talk about depth of field effect. You can always make an amorphic depth of field effect by setting ratio to two or higher. You can make the book gave horizontal with value less than one. Another thing to take into consideration is populates. You can imitate real lens blades by adding how many sides you want. I would prefer to keep it simple for now 9. 9 Animating camera: Now let's animate our camera. Go ahead and open the Timeline tab. Select the camera using IP and add a keyframe for rotation and rotation. Then go to the last frame to 50. Another keyframe for all available animations. It's working great now 10. 10 Animation to vector keying: I'll just mute is needed for the animation. I like to delete the easing keyframes if they are not needed. As you can see in the graph editor, the animation that has a curve in terms of speed of movement from start to finish. Instead, press V to select factor to have a state animation. I think it's better for our scene now 11. 11 Controled hand shake: One of the main aspects of our project is that the handshake effect on the camera will achieve it by using flying navigation controller. The camera by the mouse movement, settled by making the animation where window wider to have our time to set up a scene. Move the animation keyframes to the right. Click Record button to recall the hinging effect. Then we will create will start the recording, then click on Navigation View, then flying navigation. This way the camera view will be controlled by a mouse movement. Let's start now. Try to move the mouse to focus at the iPhone through the animation. Now, moving on to the beginning and play it to see how it looks. We'll make it smooth and professionally in the next lesson. 12. 12 Secret to smooth animation: Now we make the animation super smooth and seamless. Model graph editor. In Kitab. Sample frames. Then click Smooth keys. Each time you click Smooth keys, it will make the animation edges nicer and software will do with a couple of times more to have that desire. Smooth effect. As you can see, it looks amazing 13. 13 Final rendering: The center of the animation now go to render tab. Make sure you have cycles enabled tetra and the samples to 50 and denoise the optics if you have an NVIDIA graphics card. One important setting is the filmic look here and adjust the exposure and Gamma. The best Tokyo are looking for. Forget to add the input D directory before starting the Render with two 14. 14 Outro: And that was it. Thank you so much for watching. If you have any suggestions or inputs, please let me know. I'll be happy to hear it. Take care, Goodbye