06. SpinBox template tutorial
In this tutorial I will demonstrate how to edit/customise my free after effects template called SpinBox
My Other Templates:
After Effects Text Tutorials of the video
Hi, I’m Gyorfi Szilard, owner of Bluefx.net. Thanks for downloading my first free template; all my templates work in Adobe After Effects CS4, so in case you have CS4, you can use that too. I prefer to make them in CS3 projects, because more people can use it that way.
Let’s see how this template is built, and how it works. You can see, in the Project panel, you have 00Main; this is the main composition, which is open here. You can also see other folders. In this folder is everything you will need to change. Open this folder, and here you will see the four sides of the box, and the top of it. When you want to change one of the sides, you just double-click here, at Video 1, and drag in a video. For example, I’ll drag in this boats video to the project panel, and put it in. Now I’m working at quarter resolution; you can put it back to full, if you like; you can resize it if you need to, and I have set the composition to NTSC DV resolution. You can also drag in images, instead of videos; they work the same way. And you do the same thing for the other faces of the box. Now, let’s go back to the main composition, and let’s put it back to full resolution. You can see that, on full resolution, it does take some time to render a frame; so I recommend you put it back to quarter when you work, only using full resolution to make fine adjustments. Let’s see how you can change the text. This font is called Bifurk; just Google it and go to the first link to download the font. Once downloaded, you need to install it; go to your C: drive, where Windows is located, and select the Fonts folder, open it, and after Bifurk is unzipped, drop it in this folder and it will be installed.
Here, you have the three texts that will appear. You will need to edit these three layers – Text 1, Text 2, and Text 3. I need to let you know I used a plugin on this, called Trapcode Starglow, which gives this nice glow around the edges and on the text. If you don’t have it, the composition will still work, but that effect won’t be available.
How can you change the text? Select the layer you want to change, let’s say Text 1, click on it, and edit the text. So, let’s say, first text. You shouldn’t scale the text; if you want to make it smaller, use the settings here – select the Text layer, and make it larger, smaller, however you need it. You can individually select parts of the text, if you select it like this; let’s say I want this part to be smaller, and I want this part slightly larger. You can do it here, but don’t scale it; it can mess up the animation. If you would like to make this gap to be shorter, just edit it here. If you want the text to be a little lower, you can also edit it here, or from the position, because the position has no key frames. You can do the same to the second text, and the third one as well. You can change the font as well, if you don’t like this one. Go back to quarter resolution; if you want to preview the motion. Let’s preview this part. Great. When you come to the last part, I edited this text, Bluefx template. This is the video layer you will use, from the second video, here. If you don’t want this text to fade in – and I’m sure you don’t! – just turn it off. This white solid one is the margin. If you don’t want this Bluefx template text on your video, which I’m sure you don’t, just turn off the text, or maybe change the text here, or turn it off completely, and turn off this white layer – but not this one, because it is the margin. Let’s go back to Main, and you can render now, using Composition—Make Movie. I recommend using QuickTime, and Photo JPEG. Select Audio if you have it, or stretch the video to the size you want.
Also, I want to mention the audio you can hear on this track is not copyright-free, so I’m not able to send it, but the other templates on my Store page have sounds and music that were composed by a good friend of mine – this video, for example, has an awesome soundtrack. The rest of the videos will have audio, as you can see, but SpinBox doesn’t come with audio.
Thank you for your time! I hope you like this template. If you want, you can check out my other templates. Send me any comments, ideas, things you like, things you don’t like, or things you’d like to see in a template or tutorial. Hope to see you soon!
Popular Files
Sitting at work looking for inspiration, glad to stumble across this site! ?:-3
very cool stuff man. Thanks
Hi Man,
Thanks for the nice template and the wonderful tutorial to customize it.
Just had a question…Are you using a desktop or a laptop, and, What is the configuration of your system?
Many Thanks,
Francis Fernandes
Hey Francis
Your welcome, thank you too.
I use a Desktop PC, Win 7 at 64 bits. 8 gig RAM , Quad core q660 2,4 gig , Nvidea Geforce 9800GT, 3 internal HDD 650mb each, 2 of theme in raid, I use a 620W Corsair, power supply and a HP UPS to keep the power constant and safe. . 2 external HDD (one 1T the other 2T) for backups. I also use 2×22″ screens, for faster workflow,
I plan to keep this configuration for this year, than upgrade to an i7 with as much RAM support as possible. The more cores and ram you have the faster AE will work, a fast hard drive is also recommended.
What are your recommendations on AE Memory & Multiprocessing settings? Can AE use more than 4GB or it’s limited to 4Gb no matter you add more Ram?
Dear Victor
I have 8 gigs of ram, AE can use more than 4 gig if your operating system can support it. You need to have Windows 64 bits (XP, Vista or 7)
The standard 32 bits OS can only see 4 gigs of ram.
I agree with earlier post. Its a true blessing that I stumbled across such a resourceful website as this. I also do FREE web design right now for non profit organizations until I have built up my skill level. I love find other free resources.
?: How do I find more fonts that are supported by AE. I don’t have a Fonts folder with my download. I believe it wAS a portable file someone gave me off youtube. CS3 version & Im running Vista 32bit. When I initially installed it I had to uninstall most of the other fonts installed there because it was causing the error message and wouldnt allow AE to open at all. Any good places to get good quality fonts that wont error on me in AECS3?
Hi AWD, Thank you
I`m not sure why some fonts were causing errors, I did use Vista and CS3 but fonts did not give me problems.
Try out http://www.dafont.com for Free fonts.
Hi Gyorfi,
I am the same guy who asked for your system specs a few months ago (post # 3). I have now got the system as per your specs and setting it up. Thanks again for your help!
Cheers.
Thanks for a great template and tutorial, but how can i download free template. It goes to the shopping cart.
Thanks
It looks like a shoping cart but you can actually download it for free, just write in your email address
Thanks for asking
hi blue i want to AE very yous full tips
hi, gyorfi, i like when you speak, i really like your accent…hahahahaha
anyway i have my e-mail now..send me your free template please….thank you, i really need it for school presentation, they’re counting on me for school intrams….
thank you….
Thanks Sherwin
An automated email was just sent out with the download link.