Join Chris Meyer for an in-depth discussion in this video Tips for stylized bars, part of After Effects Apprentice: 14 Shape Layers.
I want to take a couple of minutes to share with you one of my favorite…techniques, combining shape layers with Photoshop-type layer styles to create…some more interesting looks for your graphical elements, particularly buttons…for user interface design or lower third bars.…Now this is just a various simple rectangular shapes.…I will twirl open a shape group.…You will see we do indeed have a gradient fill.…If I want this to be the full width of this composition, I just need to drag out…its width and drag out the user interface elements for this gradient fill.…
I am going to hold down Shift to make sure they stay horizontal.…There we go. And drag this out to full width.…Now one of the first things I tend to do with the gradient fills in other bars is…have them dissolve off the ends.…This is particularly a good design trick when you have to design something that…works in widescreen and 4x3.…People justify the text inside of 4x3 but still need to have a bar that looks…good across a whole widescreen display.…
The After Effects Apprentice series was created by Trish and Chris Meyer. These tutorials are designed for After Effects CS4 through CC, and can be used on their own or as a companion to the Meyer's book, After Effects Apprentice.
- Drawing parametric shapes and pen paths
- Creating multiple shape groups
- Exploring Wiggle Paths and the Wiggle Transform effect
- Defining gradient fills
- Creating a swarm
- Blending multiple shapes into a texture
- Crafting and animating dotted and dashed lines
- Combining effects, layer styles, expressions, and the Brainstorm tool with shape layers
- Showing tips for stylizing sidebars
Skill Level Intermediate
1. Drawing Shapes
2. Multiple Shape Paths
Creating compound paths8m 14s
3. Shape Effects
4. Crosshair Exercise
5. Abstract Texture Exercise
6. Map Path Exercise
7. Animated Logo Exercise
8. Ray-Traced 3D and Shapes (CS6 only)
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.