Creative COW SIGN IN :: SPONSORS :: ADVERTISING :: ABOUT US :: CONTACT US
Creative COW's LinkedIn GroupCreative COW's Facebook PageCreative COW on TwitterCreative COW's Google+ PageCreative COW on YouTube
LIBRARY:TutorialsVideo TutorialsReviewsInterviewsEditorialsFeaturesBusinessAuthorsRSS FeedTraining DVDs

Background Creation Tips and Tricks: Futuristic

COW Library : Adobe Photoshop Tutorials : Dean Velez : Background Creation Tips and Tricks: Futuristic
Background Creation Tips and Tricks: Futuristic
A CreativeCOW Creating Background Elements Tutorial


Background Creation Tips and Tricks:Creating a Futuristic Background

Dean Velez Dean Velez
The Anvel Motion Graphics Courseware for After Effects
Irvine, California

©2005 Dean Velez and CreativeCOW.net. All rights reserved.


Article Focus:

There are many ways to create backgrounds in After Effects and many of us have our own special ways of doing this. Please join Dean Velez creator of ''The Anvel Training Program for Motion Graphics'' in a 5 part series as he shares some of his different methods. In this part five of the series, Dean uses the polygon lasso tool in Photoshop to create a wide odd shaped polygon in the center of the screen for each new layer with varying sizes, green tones, blend modes and overlap. He then imports the psd into After Effects to create a futuristic background.

movie Project files

Please preview the project files and movie before beginning this tutorial. Download movie and project files from the green bar above.

This tutorial is built on a simple principle. After Effects sometimes needs footage to really make it cook. In this way we can look at using Photoshop stills as the catalyst to make an original animation.


Remember...we're artists, this job is supposed to be fun...so get in there and don't be afraid to get messy!

CREATING THE FUTURISTIC BACKGROUND: PHOTOSHOP


1. Open Photoshop and create a new document with the following settings.

2. Change the background layer to black.

3. Create 10 empty new layers, and rename them.

4. Using the polygon lasso tool create a wide odd shaped polygon in the center of the screen for each new layer with varying sizes, green tones, blend modes and overlap.

Please click here to see graphic instructions.



5. Save the file as FuturisticBkg.PSD


CREATING THE FUTURISTIC BACKGROUND: AFTER EFFECTS

1. Open After Effects and import the shapes.PSD as composition - cropped layers.

2. Click on the shapes text and press enter to rename the Step1_Shapes.

3. Double click on the Composition Icon to open the timeline.

Please click here if you need to see graphic instructions.

4. Change the composition settings



5. Select the 3D cube icon to place the shape layers into 3D space.

6. Set scale, opacity and Y rotation keyframes at the beginning of the timeline. Delete the background layer.

7. change the Scale and Opacity at 1:00 on the timeline.

8. Change the Scale, Y rotation and Opacity at 2:10 on the timeline.

9. Space the keyframes starting from the bottom to have 2 frames between them on the timeline. You can select a group of keyframes and while holding down the alt key press the arrow right key on the keyboard and this will move the keyframes by 1 frame increments.

10. Create a new null object. A null object is an invisible object that can be used to control other objects.

11. Right click on the top of the switches / mode palette and toggle down to the Parent Column.

12. Change the null to 3D.

13. Select all of the shapes layers and set the Parent to Null 1

Please click here if you need to see graphic instructions.

14. Set rotation keyframes for the null object at the beginning of the timeline.


15. Set rotation keyframes for the null object at the end of the timeline.


16. Select all of the layers.

17. Precompose all of the layers into a new composition.

Please click here if you need to see graphic instructions.

18. Change the background color of the composition to white.


19. Duplicate the layer 5x and rename them.


20. Select the time stretch arrows.

21. Time stretch all of the layers.

22. Set scale, position and rotation properties and add keyframes for layers 2,4 and 6 at the beginning of the timeline.


23. Set position and rotation keyframes at the end of the timeline.

24. Change the Blend Mode for the layers.

25. Save the file as FuturisticBKG.AEP

26. Render the file as FuturisticBKG with no alpha channel.


To subscribe to Dean's AE product, click on the logo to the right.



If you found this page from a direct link, please visit our forums or read other articles at CreativeCOW.net





  Adobe Photoshop Tutorials   •   Adobe Photoshop Forum
Reply   Like  


Related Articles / Tutorials:
Adobe Photoshop
COACM: Plug In, Tune Out

COACM: Plug In, Tune Out

Adobe created quite a stir when it recently announced a public beta for the next major update to Photoshop. Is this the result of some very smart marketing, or perhaps an act of desperation, due to the harsh economic realities facing most creatives these days? What is the future of this critical production tool?

Editorial
Adobe Photoshop
Lite Bite: 10 Years Younger Using Gaussian Blur and a Mask

Lite Bite: 10 Years Younger Using Gaussian Blur and a Mask
  Play Video
In this "Lite Bite" tutorial Martin Ainsworth quickly demonstrates to ability to give someone a slightly younger appearance using a Gaussian Blur and a Mask to get some very effective and quick results.

Tutorial, Video Tutorial
Adobe Photoshop
Lite Bite: Using the High Pass Filter to Sharpen Images

Lite Bite: Using the High Pass Filter to Sharpen Images
  Play Video
In this very quick "Lite Bite" tutorial Martin Ainsworth demonstrates the effectiveness of the High Pass Filter to sharpen images and it's a lot quicker and easier that you might expect.

Tutorial, Video Tutorial
Adobe Photoshop
Lite Bite for Photoshop: Content Aware Fill vs Patch Tool

Lite Bite for Photoshop: Content Aware Fill vs Patch Tool
  Play Video
In this "Lite Bite" tutorial Martin Ainsworth gives a quick overview of when and why to use the Patch & Content Aware tool to aid Photographic editing.

Tutorial, Video Tutorial
Adobe Photoshop
Lite Bite for Photoshop: Using Droplets in Adobe Photoshop

Lite Bite for Photoshop: Using Droplets in Adobe Photoshop
  Play Video
This "Lite Bite Tutorial" will help you speed up and automate your work flow by using droplets created from actions in Photoshop. In a matter of minutes you will be up and running. The process is the same for both Mac & PC users.

Tutorial, Video Tutorial
Adobe Photoshop
Lite Bite for Photoshop: Using Masks on Groups

Lite Bite for Photoshop: Using Masks on Groups
  Play Video
Using masks to speed up web design can help you show multiple graphic ideas with the least amount of effort for best effect. In this tutorial, Martin Ainsworth willl show you how to add a mask to a folder and add content to it.

Tutorial, Video Tutorial
Adobe Photoshop
Lite Bite for Photoshop: Creating Custom Actions

Lite Bite for Photoshop: Creating Custom Actions
  Play Video
In this "Lite Bite" tutorial, quickly setup custom actions to speed up your photography workflow in Adobe Photoshop to rotate and add adjustment layers for 'Cross Processing' and 'Black & White.' This is a valuable time saving tutorial.

Tutorial, Video Tutorial
Adobe Photoshop
Video Adrenaline for Photoshop and AE: 3-D Models

Video Adrenaline for Photoshop and AE: 3-D Models
  Play Video
In this episode of Video Adrenaline for Photoshop and After Effects, Richard Harrington explores the interaction between Photoshop and AE when creating 3D models. Learn how to use Photoshop to retexture a model and import as a live 3D model into After Effects.

Tutorial, Video Tutorial
Adobe Photoshop
Photoshop and AE: Animating the Lens Blur Filter

Photoshop and AE: Animating the Lens Blur Filter
  Play Video
In this episode of Video Adrenaline for Photoshop and After Effects, Richard Harrington explores how to use the Lens Blur Filter in AE CS5.5 to create variable depth of field. This filter is an improvement on the last version of the same.

Tutorial, Video Tutorial
Adobe Photoshop
Photoshop and AE: Content Aware Scale in Video

Photoshop and AE: Content Aware Scale in Video
  Play Video
In this installment of Photoshop and AE Video Adrenaline, Richard Harrington demonstrates how to combine new features in Adobe After Effects to stabilize a shot with Content Aware Scale and Content Aware Fill in Adobe Photoshop to change the background. You'll become better prepared to use these powerful tools in your own project after viewing this informative tutorial.

Tutorial, Video Tutorial
MORE


FORUMSTUTORIALSMAGAZINESTOCKYARDVIDEOSPODCASTSEVENTSSERVICESNEWSLETTERNEWSBLOGS

Creative COW LinkedIn Group Creative COW Facebook Page Creative COW on Twitter
© 2012 CreativeCOW.net All rights are reserved. - Privacy Policy

[Top]