Create a Transparent 3D Rotating Logo / Image using Apple Motion

hello lovely people of youtube and welcome to my channel the computer lab on youtube and if you are new to my channel i cover all sorts of different things on here but today we're going to be looking at how to create this 3d rotating logo that you can see on the screen i'm going to be doing that in apple motion so if that's something you are interested in then please do carry on watching so the first thing i'm going to do is i'm just going to push my finder window just to the side because i'm going to be using at this png in here i'm going to be using this logo that's my business logo but if you're going to be following along to this video i would suggest grabbing yourself a png and preferably something that has uh is see-through so it's got something that can give us a good effect when we add the 3d effect to it so let's get apple motion open and i'm going to go file a new and if you're new to apple motion you get presented with this project browser window um this window here i'm not going to go into detail here but i'm going to be using which one to use i'll use the 1080 put it at 30 frames a second the duration is set at 10 seconds and i'm just going to click open so straight away we're presented with the ui the user interface for apple motion and i'm going to drag my png into the layers section here now i can drag it into the preview window or i can drag it into the timeline so as i get my png and drag it across i can drop it here i can drop it into the timeline i can drop it into the main preview window i'll drop it into the layers section and you'll see it pop up in the preview window anyway here and then we just need to check it central so i'm just left clicking on the mouse and dragging it in the window and then just waiting for the two lines to line up like so let go and we know it's central it should drop in the center anyway but that's just a double check so the next stage i'm just going to rename my logo from group 1 to logo like so and then making sure i've got my logo selected and i'm going to replicate this particular image so i can click the group or click the image there i'm going to click on replicate and then i'm just going to click on inspector because i want to show you what changes here so you can see there's nothing on in this section as i click in these different uh the group section or the logo itself here and inspect you can see there's nothing actually in here but as i click replicate it'll drop us another tab in here which says replicator and it will tell us what the um properties are for that so i'm going to click on replicate and straight away you can see that we've now got multiple different images replications of our logo and what it's telling us in this window here is it's telling us that it's in a rectangle shape since this just as a faint outline as i just hover over it's a rectangle shape and it's also telling us that it's five by five five columns by five rows so basically put five of my logo in the x-axis and just put five in the y-axis we don't want that we want them all lined up so i'm going to change the shape i'm going to change it to line so now i've only got five and it's telling us we've got five points in this window here and now what i want to do i want to stack all of them five points or images together so i'm going to click on where the start point is i'm going to click on and change that to zero and where the end point is i'm going to change that to zero and when i do that it'll all stack up and it looks like we've got one image again but in theory we've got five they're just all together so uh now also what i'm going to do is going to add a camera in here what the camera does it gives us an option so we can pan around this image and you'll be able to see from when i put on the camera that it's all flat and we don't have any 3d effect so i'm going to switch the camera on so i'm going up to add object click on there and i'm going to click camera it says do you want to switch to 3d because we're calling in td plane yes we'll switch to 3d thank you and now we are in um the we have an option for 3d so if i click on the camera up here and go across to my preview box i can now zoom around my object in a 3d space so and i'm zooming by using the keyboard and the mouse so depending on if you've got a laptop or not i'm using an imac 27 but you've got the option key and the alt on the command key which you use in conjunction with your right click on your mouse and this allows you to pan and zoom around your image so you can see that my logo is central to the x and y um it's sat central to all as well what i mean by that is it's on the z axis which is the blue one with indicated with these arrows here um i'm actually central which is great that's what we want so i'm just gonna leave it set like that because we'll get a better view of what's going to happen next so in our layers window i need to pick up on where it says logo so make sure that we've got this selected this group selected and then from there depending on which tab you're on here make sure so if you're in group that's not the right one you need to be in the properties tab so make sure you click on properties and where it says position we can then drop these two down here and then with this 3d enabled now we should be able to we should be able to see this as z-axis which you can see here and what that does we can then position this in and out of the z so you can see as i move uh that it moves it on the screen and changes where it is now obviously i want it to be on zero for now so from here we need to go down to where it says replicator click on replicator make sure on the replicator layer and then i'm just going to open these start and end points up because i'm going to show you something because in here you've got x and y and these are important to where we're going to start on um the to expand our image to make it look 3d so a moment we've got no z-axis even though we've got obviously a z-axis present but it's not showing us that on the start and end point so within replicator we need to tell it that in replicate you want that to be 3d as well so there's a 3d box here which is just under where it says shuffle order make sure that that is ticked and when i tick where it says 3d you will notice on the start point we'll get a z so let's click on that and also now we've got a start and end point uh on the z axis which is great it's what we want and the reason why i have uh i've left this view as it would be um like this is so i can show you when i now create the start and the end point so from here i'm just going to go on the start point bearing in mind we've got five images stacked together at the moment it doesn't look like five but when i do the change these points now you will see so as i zoom out you can see that there is five images so that's great and you've got a start and an end point we're going to create to stack these up now we're going to create more images and put them together to make it look solid in a minute so i'm just going to change that back to zero and then just down at the bottom here we've got origin start point i'm going to change that to center and what that does it tells it that everything from the center is where we're going to start doing our um our changes so on the zed i'm going to just going to i'm going to exaggerate it for a minute i'm going to put it as a plus figure i'm just going to make it so i don't know i'll give it 200 maybe just so we can see so 200 there and then the end point i'm going to go minus 200 so make sure that's important it's minus 200 so i'll double click and make sure it's accurate so minus 200 and i'm just inputting that you can see so we've set the uh the origin to center so it's picking up on the center here and then what is we're telling the camera to do is have we want it offset in 200 this way at minus 200 and then plus 200 so that's great and in theory i could now stack these up and if i just make these a bit smaller so if i make that to let's say 100 and then minus 100 and then what i'll do where you've got points so this is where we increase the how many images we've got on the screen so i'm going to increase this up to now the maximum on the slider goes to 20 as you can see but as you click off that you can then click into where it says 20 and then scroll up and down in here and if you look on the image now you can see as i increase the amount of images on the screen and let's go to just over 100 and the more you do here the more processing you're gonna have to do so if you haven't got a very powerful machine try and keep it as tight as possible but we're just trying to create that 3d effect and you'll know if i run mine up so it looks kind of solid um and then i'll leave it at 200 because it'll probably start stuttering as we try and rotate so it's got a bit of stutter there and that's because it's trying to process all them images uh try rotate them around that axis we don't need 200 it's just to prove a point and just to show you that uh how it looks and how the solid is uh created so let's get these down and i think probably we'll go to maybe 10 to minus 10 and then we'll ramp this right down to maybe maybe 100 maybe a bit less maybe 60 i'd say let's just get the camera so we can see what it looks like and then we'll scroll up uh we'll leave it at 80 for now that is probably oh careful what we need here and there you can see now we've got this 3d effect and you can make this as solid you know as thick as you want it to by changing these start and end points so now we've got our 3d object within our space uh we now need to move it up we can leave it on the this axis here but it's it's good practice to sort of get it on the level of the um the 3d mesh that you see which is the at the moment it's transparent so that but if that was if you're putting anything else into this to create a reflection you would raise it up to that to enter sort of a flat shape onto that mesh grid so it's best practice to lift the actual whole thing up so while we stay on replicator to make sure we're still working in this particular group we then click on properties and we've got positions here and you can see on the x and y they've got the 0.5 i'm just going to change these to zero just to make sure it's smack on and then it's the y that we're going to change so if i go and scroll up now you'll see the image go up and what i'm just going to change my camera just to the front and let's move it over a bit and i'm going to move my bottom my image to where this red line is here by using this y-axis so i'm going to sit it about there and i'm going to go back into my menu and this is where you pick up your different views so i'm just going to go to active camera move it down a bit and then we're going to scroll through the image so i sat pretty much just above the line now which is great and i like my figures to be not odd so i'm going to do a 170 or maybe try and get away with 160 and let's just swing it to the front again too if it's still above the image it's just above it so i'm happy with that so let's go here so from this stage we now need to get the logo spinning on an axis and to do that we could use keyframes uh but because this is apple motion we do have some built-in uh what they call behaviors and that gives us a uniform spin of this logo that we just created so we need to go across to where it says library and then we go across to behaviors in this window here and there's one called basic motion and then in basic motion there's one that's called spin you can see what the description is there rotates an object around its anchor point continuously or to a specific value so we're now going to drag this into the area that we want so we're going to drag it across now we can drop it up here if we want to drop it in this one we can drop it down in the timeline here so it's up to you where you want to drop it so i'll drop it in under logo here and you'll notice straight away if i just push play on the playhead that nothing happens at all to our image because we've not told this particular behavior what to do yet so let me just do that and then go back play head right back to the beginning and then we'll click on spin and then we need to go to inspector so all i've done there is made sure that this was selected and that tells apple motion i'm going to change the properties of this particular parameter when you first open it that it's got nothing set at all there's an axis there and it's going to spin on z so we want spin on the y axis which is the obviously you've got your horizontals and verticals and you're in and out of the screen so the in and out of the screen is the z-axis uh the y-axis is the one sort of going on the vertical and then the x-axis is the horizontal so we want to spin on the y-axis and we want to do a spin rate and i'll set it a bit higher so it goes quicker at first if i set it to 180 i'm going to do a continuous rate it can ramp up if you want to do a slow ramp and we're going to leave it like that and i'm just going to push play on the playhead and then let's see what we've got so all of a sudden now we've got this effect with this spinning logo uh spinning it around the y-axis and it's directly central to the actual scene as it would be so i'm just going to scroll to the beginning so i want it to be a bit slower so i'm just going to set that to 90 degrees spin and i'm going to hit play on the playhead and now we are a lot slower now bear in mind i did mine at a 10 second interval so this is a 10 second time frame along the timeline if you wanted to do this for longer you could and if i just put it onto loop actually you will see what i mean so if you wanted to do this longer you could do you could do a 10 minute run if you're doing 10 minute videos for youtube for example and you wanted this logo spinning in the corner of your video then um you could set that longer and you could set it sort of 1080 so you could drag the the whole thing into your um video that you created and have this is your brand spinning in the corner and that would save your cutting and paste in different sections in uh to a video you can resize it obviously when it's in there but that's it that's the spinning logo that we've just created in apple motion so if you are happy with um what you've got at this stage then i'll just zoom back out a little bit here just so you can see what's going on if you're happy at this stage with the spinning logo the only thing left to do is to actually export it so to export you just go up to file share export movie and then you can change your settings in here i've got use same as canvas so it's 1920 1080. now that allows me to resize it gives you an estimating size there so 421 megabytes for this 10 second clip uh video and audio you can just do video only obviously there's no audio anyway because i've not added any music or anything like that so basically just leave these set as they are click on next where do you want to save it and i'll just do it as spinning okay if i can spell it well spinning logo in apple motion and i will leave it at that where's it going i'll just do it onto desktop click on the save and then you just got to wait for it to render so if you're not used to upper motion you get this spinning logo at the bottom there if it's a if it's a longer video so if you've done um put more in your videos if you put more images in and where it would set it um where was scrolling in and out to give us the thickness of the actual logo if you put more in there and also if you've got sort of a 10 minute timeline it will increase the video size it will take a long time to process that you can see didn't take my 10 second clip long to do and there you can see the spinning logo in all its glory okay so that's the end of the video and that is how to create a spinning 3d rotating logo in apple motion if you like the video please do subscribe and give me the thumbs up please do hit me with any comments below they are always all appreciated and thanks again for watching the computer lab on youtube

Channel: The Computer Lab

Views: 10,454

Keywords: computer help, it help, thecomputerlab, the computer lab, apple motion, apple motion 3d logo, apple motion rotating logo, apple motion 3d spinning logo, create 3d image apple motion, create 3d spinning image, create 3d spinning image apple motion, 3d rotating logo apple mac, 3d rotating image apple mac, tutorial 3d rotating logo, lesson rotating image apple motion, Apple Motion Tutorial

Id: U9-prcDHUYk

Length: 16min 14sec (974 seconds)

Published: Wed Aug 05 2020