How to Create Rotating 3D Object as GIF in Photoshop

How to Create Rotating 3D Object as GIF in Photoshop
26
May

How to Create Rotating 3D Object as GIF in Photoshop
[vc_row][vc_column][vc_column_text]This tutorial will specifically be teaching on how to create a constant looping GIF file for 3D Object. IF you want to learn how to create a 3d object, please go to our other “how to” page if you need to learn how to create a 3D object in Photoshop, to begin with.

Start by opening your 3D object file if it’s not created before this step.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”11188″ img_size=”medium”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]Go to Window > Animation, this will open the Animation (Timeline) window at the bottom.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”11189″ img_size=”medium”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]Click on the drop down for 3D timeline.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”11190″ img_size=”medium”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]Click on the stop watch icon on the 3D Object Position.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”11191″ img_size=”medium”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]This will open the timeline marker which looks like a yellow diamond. This is the key frame marker.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”11192″ img_size=”medium”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]Now move the Current Time Indicator marker to your desired time. I have taken the marker to 1 sec.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”11193″ img_size=”medium”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]In this example, we are trying to get an endless rotation, & this will be our half-way mark. So we will rotate the object 180° horizontally. In order to achieve a perfect horizontal rotation, go ahead and select the Object Rotate Tool.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”11194″ img_size=”medium”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]Press Shift (to constrain rotation to a single direction) & move your mouse to the left (outside the object area). You will notice that the keyframe marker is automatically added.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”11195″ img_size=”medium”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]Now select another time which will denote the end of the rotation i.e. 360° rotation. I’ve selected at 2 secs mark.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”11196″ img_size=”medium”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]Now go to the end of the work area & drag the work Area End bar to your end time. In this case it’s at 2 secs. By doing this, it will limit the animation from going beyond 2 secs (or end of your animation).[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”11197″ img_size=”medium”][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”11198″ img_size=”medium”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]Now take your Current Time Indicator Marker to the beginning & hit play. You’ll notice your object is rotating according to the set path.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”11199″ img_size=”medium”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]You can press stop after previewing.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”11200″ img_size=”medium”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]Now to export as GIF image, go to File > Save for Web & Devices…[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”11201″ img_size=”medium”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]This will open the Save For Wen & Devices window. It might take some time to process the image depending on your file size & your computer hardware specs.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”11202″ img_size=”medium”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]Make sure the file save type is GIF & Looping options is set to Forever to make it rotate continuously.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”11203″ img_size=”medium”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]Click on Save. Here specify the File name and hit Save again.

Your GIF image is ready to play in a browser or a suitable application![/vc_column_text][/vc_column][/vc_row]

Leave A Reply

Your email address will not be published. Required fields are marked *

Time limit is exhausted. Please reload CAPTCHA.