LIBRARY: Tutorials Reviews Interviews Editorials Features Business Authors RSS Feed

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







Related Articles / Tutorials:
Adobe Photoshop
Going from Aperture to Lightroom? Put it in the Cloud!

Going from Aperture to Lightroom? Put it in the Cloud!

Why Wait for Apple Photos? Adventurer and editor Jigs Gaton takes us through some easy steps for migrating your photo library from Apple's Aperture and iPhoto into Adobe Lightroom.

Tutorial, Feature
Jiggy Gaton
Adobe Photoshop
THE BLUR LAB

THE BLUR LAB
  Play Video
Adobe Photoshop CS6 includes three new blurring filters. Rich Harrington will show you new ways to blur specific areas in a photo, as well as achieve tilt sheet and vignette effects.

Tutorial, Video Tutorial
Richard Harrington
Adobe Photoshop
THE ADAPTIVE WIDE ANGLE COMMAND

THE ADAPTIVE WIDE ANGLE COMMAND
  Play Video
Adobe Photoshop CS6 adds to an existing feature that you may not have even been using called Photomerge. Rich Harrington will show you the new Adaptive Wide Angle command to remove all of the lens and perspective distortion in merged photos. You will also learn how to use these exact techniques with video footage, too.

Tutorial, Video Tutorial
Richard Harrington
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
David Biedny
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
Martin Ainsworth
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
Martin Ainsworth
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
Martin Ainsworth
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
Martin Ainsworth
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
Martin Ainsworth
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
Martin Ainsworth
MORE
© 2016 CreativeCOW.net All Rights Reserved
[TOP]