You are welcome if you want to share more CSS Templates that our readers/viewers may like. Do you want to be the first one to know the latest happenings at smashingApps.com just subscribe to our rss feed and you can follow us on twitter.
Sound box
General
Portfolio
Metal curve
Wedding store
Milky
Wall
Greeny
Travel tour
Pink Ship
Particle
Fruit Art
Steak
Showcase
Black beat
Green black
Speaker Blog
Stable
Mini
Wooden Blog
Garden
Specific
Design Team
Yellow Blog
Professional
Architect
Greenhome
Game
Car
Simple Gary
Fruit
Pinky
Business
Book Store
Design Blog
Tea and Meal
Find more on Templatemo
Brought To You By
Do you want to advertise here? Click to get more info…
WebDesign.com instructor Benjamin Bradley will be giving a free workshop Thursday, June 24 from 11 a.m. to noon (Central Standard Time) on How to Install WordPress Locally.
Learn how to setup your own localhost development environment on either a Mac or a Windows machine.
Once the development environment is created, we will demonstrate the installation of WordPress and iThemes Builder.
If you’re a designer or developer, you don’t want to miss this webinar!
Register your webinar seat at https://www2.gotomeeting.com/register/535303722
What’s New at iThemes this Week….? The Studio Set!
If you are a regular viewer of the show, you’ll notice a significant change of scenery. The iThemes guys are moved into their new office and that means a new studio but bigger and better! This time everyone can fit on the couch…
- New Faces – iThemes (officially*) welcomes 2 new members to the team. Brad – our new designer, and Ted – our summer intern. Both make an appearance on this week’s show!
- Builder Update – Buddy Press
- WebDesign.com Upcoming Events
- Conditional Tags Cheat Sheet – Get Benjamin’s cheat sheet here
- Tips of the Week
- Featured Site of the Week – Tri Lite Builders using Builder
- Upcoming Travel Schedule
- WC Raleigh – Cory and Matt will be traveling
- WC Chicago – Both Chris and Cory will be speaking!
You can catch the show live and join the chat every Tuesday @ 11am CST
www.ithemes.tv
Throughout the year, we try to post our team travel schedule and do live events so that we can meet you face-to-face.
So with that in mind, we decide to start an iThemes Connect section in our forum to provide the opportunity for you to meet each other (especially if you’re in the same city).
The idea to encourage local networking groups to form was demonstrated through one of our awesome customer – Rick Knox – who started an iThemes Builder Users Group in Las Vegas.
Here’s some things you can do to rally local users groups in your city:
- Post your city and introduce yourself in the forum – we’ve heard several customers being located together in Buffalo, Chicago and New York City (and obviously Las Vegas) … post a comment to the iThemes Connect forum with your city and see who else is there that you can meet and form local groups
- Use Meetup.com to help organize it – Rick used Meetup here … you can do the same format
- Let us know how we can resource you – as much as we can, we’d love to help you get local groups together and network … if time and audience allows, we could arrange special webinar presentations or demos. Just let us know and we’ll see what we can do.
Matt Danner and I will be in Raleigh. I will be speaking too. Use this coupon code for 15% discount off the registration: ITHEMES15. Register here.
Chris Jean, Brad Ulrich and I will be in Chicago. Chris will be speaking. Register here.
Go to any website and you’re guaranteed to find one thing: a navigation menu. Navigation menus enable visitors to move from page to page; without them, we would have no way to conveniently explore websites. Perhaps this is why designers, information architects, usability researchers and user experience specialists invest so much time and resources into devising aesthetically pleasing and user-friendly navigation systems.
Website navigation menus generally come in one of two orientations: vertical and horizontal. Horizontal navigation menus display items side by side. Vertical navigation menus stack items on top of each other. In this post, we highlight some remarkable vertical navigation menus, for your inspiration.
You might also like these related posts:
- Showcase of Modern Navigation Design Trends
- Horizontal Navigation Menus: Trends, Patterns and Best Practices
- Navigation Menus: Trends and Examples
- The Case Against Vertical Navigation
[Offtopic: by the way, did you know that there is a Smashing eBook Series? Book #1 is Professional Web Design, 242 pages for just $9,90.]
Showcase Of Beautiful Vertical Navigation Designs
Riot Industries
The vertical navigation in this portfolio website is simple and clean in looks yet robust in functionality and interaction. Clicking on “Web,” “Print,” or “Identity” filters the thumbnails on the right, and clicking the “About” menu item shifts the navigation to the right, making way for content on the left.
Village Version
Here, you can see one of the benefits of vertical navigation: it allow for highly compact and modular menus that appear distinct from the rest of the layout. Sitting in the top-left corner, just below the website’s name, the menu is one of the first things visitors see (at least with left-to-right languages).
Bruno Souza
This portfolio has a clean and simple navigation design that leaves the visitor to focus on the vibrant content to the right.
Cambrian House
A quite distinctive, original navigation menu with five different typefaces. A bit unusual navigation for a crowdsourcing community.
Comfort Brothers
Navigation menu on the right side of the layout for a change: although the design is basic, almost rudimentary, it works well and is easy to navigate. Navigation menus do not have to look outstanding.
Auberge de l’Ill
This vertical navigation design is elegant and functional. Hovering over a menu item triggers a horizontal animation.
The Hipstery!
This website’s vertical navigation sits right in the middle of where the visitor is focusing when the page first loads. Active menu items are denoted by a pointing hand.
Research at MICA
The navigation design for the Maryland Institute College of Arts demonstrates another advantage of vertical navigation: it shows hierarchy and allows you to group menu items without resorting to drop-down menus, whose sub-menus are displayed only when the user mouses over an item.
Power to the Poster
The vertical navigation design on this website is positioned right below the website’s name, making it prominent without drawing attention from the large rotating banner in the top-right.
From the Couch
The vertical navigation here shows yet another benefit: being able to accommodate more menu items.
Nick Jones
The portfolio of art director Nick Jones has vertical navigation towards the middle of the page. The menu summarizes his work and has an interactive component that scrolls the menu up and down based on the user’s mouse movements. When an item is clicked, the menu shifts to the left, making room for the corresponding content.
Noam Design
This dark vertical navigation for Noam Design leaves the menu option for the contact form permanently open.
The Music Hall
The vertical navigation on this website is grouped into two categories, giving users the ability to quickly find the link to the page they’re interested in.
ONETWENTYSIX
The vertical navigation in this portfolio reflects the traditional table of contents in a book. Menu items are categorized in two groups.
Tailored pixels
This simple vertical navigation is presented right below the website’s name, giving it a prominent position in the layout without taking away attention from the main content area. A dark gray background denotes active menu items, with an arrowhead pointing at the content, encouraging natural and effective eye flow.
Mellasat Vineyard
Mellasat Vineyard’s vertical navigation menu is a modular, one-piece design element that also contains the website name and logo. The menu is a focal element here.
SIMPLE LIFE
The navigation in this elegant, minimalist, typography-based portfolio is a central element and contributes to the overall layout. The menu items are repeated on the right in a larger font.
Debbie Millman
This menu creatively weaves in the description and purpose of the website.
Utah.travel
This interactive menu has a slick slide-out menu that displays sub-links and content when a user hovers over a primary menu item.
Mathias Leihu
The coloring of this navigation is subtle, but the menu manages to attract the user’s eye through its prominent location in the layout and the author’s high-contrast headshot.
Go Media Inc
Go Media Inc’s navigation is an accordion that reveals sub-menus. Clicking on a primary menu item triggers an animated downward effect that opens up sub-menu items.
Circa, the Prince
This dark grunge-themed vertical menu is subtle yet hard to miss because of its position.
Glass Tiger Surfboards
Glass Tiger Surfboards opts for a vertical navigation menu with low opacity so that the grassy background shows through.
Corey Arnold Photography
The menu on this minimalist portfolio website has a red see-through background so that the featured photo is visible even when the menu is expanded.
Uniquexport
This artistic menu is transparent, so that the distinctive floral pattern in the background isn’t obscured.
yellowood store
This menu has a dark-gray semi-opaque background that allows the background image to show through.
Van de Weghe Fine Art
This navigation system is revealed when the user hovers over “Menu.” The simplicity of the design is creative; the background images are the distinguishing element.
TheyMakeApps.com
This menu has illustrated icons beside menu items, which both complement the overall theme and help with visual recognition.
Huis Oranje
This vertical menu is a distinctive element in this layout. The icons to the right serve as eye candy and as visual representations of the menu items.
Washtenaw Community College
This menu is interesting because its grainy style is rarely seen on websites for institutions of higher education.
Brown Blog Films
The navigation here is set against a wooden background, with links in an organic scribbled font.
A J Miles
The portfolio of A J Miles has vertical navigation as its primary visual element. The menu is fashioned as a piece of paper held in position by tape.
RedVelvetart.com
This menu has colorful fonts with a hand-drawn look to them, complementing the overall theme.
R.I.P. Cube Club
This vertical menu is central to the layout. It has large fonts and a 3-D effect.
LEAF TEA SHOP & BAR
On this website, you can see how big font sizes can get when you have more vertical space to work with.
Rick Monroe
The personal website of Rick Monroe has navigation links on top of a textured background, right below the website name.
Rich Brown
The big font size contributes to the minimalist theme of this website.
Strip Turnhout
This website has an organic hand-written font for its menu, which sets the tone for the layout (which is arranged as a gridded notebook).
NATIONAL TELEVISION
This menu offers an interesting interaction. When an item is clicked, the menu shifts left or right to make room for the content, thus creating an engaging user experience.
polargold
This navigation has over-sized fonts, making it the highlight of the layout. Hovering over a menu item reveals an interesting animated effect.
Notorious Design
In this navigation system, the primary links are vertically oriented. Sub-menu items come out horizontally.
Light is Light
This simple text-based menu is findable without drawing too much attention from the focal point of the page: the slideshow.
gary’s real life
The items in this menu are done as strips of paper, adding a nice touch to the illustrated theme.
Denise Chandler
The vertical menu here takes up a large part of the layout. Hovering on an item reveals a simple CSS animation that moves the right-pointing arrows further right, giving the user a feeling of moving forward.
Envira Media Inc
This irregularly arranged menu truly embodies the website’s organic look and feel. Icons on the left of each item help with visual recognition and complement the design.
Mulletized
On this website, menu items are located near the middle of the viewport. The simple navigation adds a certain elegance without dominating the layout.
Clearideaz
This website’s navigation is unique, looking a little like basket-weaving. Being in the top-right gives it prominence.
The Gates Notes
Bill Gates’ official website has a unique menu that conveys innovation and forward-thinking: themes that the technology baron surely wants to convey to visitors.
Ommwriter
This menu’s items are displayed as translucent circles. On hover, a symbol is revealed that relates to that particular menu item, making the menu memorable.
Gianni’s Steakhouse
This menu is slightly tilted, and its skewed orientation is sure to grab the visitor’s attention. The design is appropriate for the website, which is for a restaurant.
Aussie BBQ Legends
Bold, striking, eye-catching. These adjectives aptly describe Aussie BBQ Legends’ vertical navigation. The menu plays a big part in setting the tone for the website.
Sid Lee
Sid Lee agency uses an interactive navigation menu on the left side of the page. Some sections of the navigation have sub-sections which are displayed next to the primary navigation.
Harmony Republic
Harmony Republic places the navigation menu on the left side of its logo. Unusual placement, but it works nicely. The current navigation section is highlighted by a white background.
(al)
© Jacob Gube for Smashing Magazine, 2010. | Permalink | 24 comments | Add to del.icio.us | Digg this | Stumble on StumbleUpon! | Tweet it! | Submit to Reddit | Forum Smashing Magazine
Post tags: menus, navigation, showcases
Tags: joomla, 1.5, template, colourful, bright, template, travel, theme, DJ-catalog, component, DJ-tab-generator
Tags: joomla, 1.5, template, colourful, bright, template, travel, theme, DJ-catalog, component, DJ-tab-generator
Tags: wordpress, theme, travel, vacation, blog, elegant, creative, blue, three-column
Wi – Fi wireless networks has become increasingly popular in recent years, was found in the economic, industrial and domestic everywhere. The Wi – Fi Network 2.4 – GHz industrial, scientific and medical (ISM) band – the public is not authorized by the FCC. The many types of wireless devices, competition from the sky in the 2.4 GHz ISM band – which cause diseases that adversely affect the performance of a wireless network. A 2.4 – GHz spectrum analyzer tool of choice forDetection and intervention and provision of information source identification, optimization of the Wi – Fi network allows.
Overview
As wireless systems are difficult to predict radio wave propagation and non-interference with the use of test equipment for the presence of the signal. Radio waves do not travel the same distance in all directions – rather than the walls, doors, elevator shafts, people and other obstacles to provide different levels of attenuationThe reasons for radio frequency (RF) radiation pattern is irregular and unpredictable. In order to ensure the best reliability and throughput of your Wi – Fi to (802.11) wireless networks, must be recognized and to determine the performance he is likely to have a negative interference source.
There are many electronic devices, energy, radio frequency transmission of various airspace. The Wi – Fi (802.11 b / g standards) in the 2.4 GHz industrial, scientific and medical (ISM operation) bands. In this areaFrequency (2.401 GHz to 2.473GHz) of the public and their use does not need to be approved by the Federal Communications Commission. Because of this band as a result, often with relatively full, not only the 802.11 equipment – and microwave ovens, Bluetooth devices, cordless phones, baby monitors, audio / video transmitters, cameras, etc.
Optimization of a professional installation of wireless computer networks, trying for their customers to use Wi – Fi a subset of the 2.4 band for its wireless network of a strategic choiceNetwork devices. 2.4 – GHz range from 2.401 to 2.473 GHz Dao is divided into 11, each 22 MHz channel. Please note that, 2.473GHz – 2.401GHz = 72 MHz, 11 times the 22 MHz or 242 MHz for. Therefore, how to adapt to is the 242 MHz to 72 MHz? The answer – channel overlap. Setup is a wireless router or access point (AP) can be configured to channel 6, use, and then all of the data communication with the channel 6 frequency range (such as: 2.426 GHz to connect – 2.448 GHz) from happening. However, if other wireless devices(802.11 or non – 802,11) is also transmitted in the frequency range will be subjected to one of your wireless network. Therefore, if the wireless network or failure of a weak performance, it is very important to a channel, it is not interference with other equipment selection – that's what you do not want your wireless network with other devices compete for the same frequency range.
Wi – Fi diagnostic tool
There are two categories or types of toolsHelp to provide you with the best Wi – Fi wireless network access can be – Wireless scanner (ie, 802.11 discovery tool), and the 2.4 – GHz Spectrum Analyzer:
Wi – Fi wireless scanner, or 802.11 (WLAN) discovery tool. The best is to prevent this type is called NetStumbler (http://www.netstumbler.com/). The discovery tool is Service Set Identifier (SSID) for each access point (AP), it recognized by the channel used in conjunction with the Associated Press reports. This project is about one in100 ms Associated Press sent an "I'm here," the lighthouse – and discovery tools (in your laptop, and with the 802.11 wireless adapter) use of the lighthouse, and increased its SSID list. In addition, the report found that may be useful SNR (signal and noise) for each AP, which will be on how the end of AP is the percentage of your current location. Although useful information, it does not tell you not to use 802.11, equipment, and for The Associated Press. In other words,Your laptop can sit next to the microwave, sent to the room for all types of radio-frequency energy, and found that tool will not know it exists. Discovery program that only about 802.11 devices – devices transmit radio frequency energy 802.11 protocol – and you can not see, rather than – 802,11 transfer. There is an analogy – you're in the auditorium, you hear someone shouting in the room sometimes, "Hey, I'm Joe!." Joe is an access pointHe occasionally to a beacon, so that, who knows where his presence. This may be Joe is really busy, a lot of people talking, or he can use his. Or have a noisy hall, it will be difficult, and Joe the dialogue carried out from a distance. Discovery tool can not help you – only occasionally hear a beacon of Joe "Hey, I'm Joe!."
2.4 GHz spectrum analyzer. This is the instrumentSelect the source detection and identification of radio frequency interference. Spectrum Analyzer is a monitoring radio frequency (RF) signals in the basic use of the tools – they give you a better picture of the RF environment to help identify and find your device and wireless local area network (WLAN) interference. Because they are based on a two-dimensional said that in the vertical axis (Y axis) Rules corresponding to the size of the signal (X axis), the horizontal axis is the frequency of a signal. Dedicated hardwareSpectrum can reach tens of thousands of U.S. dollars, they (hire a large number of arrays analog-digital converter). More recently, PC-based analysis has emerged on the market. But they also are very expensive – close to $ 4000 AirSleuth is an affordable 2.4 – GHz spectrum analyzer showed that the net limited liability company, in a different diagnosis to help RF data, the presence of jamming devices once you can be nuts, and then select the best channel, youWireless network.
Examples
Click here to see, including the five cases of measurement and AirSleuth 2.4 – GHz spectrum analyzer. In each photo there are three items to note:
A: The maximum value of Y-axis
Bay, the level of white lines indicate that 11 overlapping channels limitation 802.11
Corner of this place (ie, frequency) and height (as opposed to large-scale high-frequency signals Summit)
Figure 1 The figures inThe white horizontal line shows 11 limit, 22 MHz in the 2.4 GHz frequency band channels. Note how adjacent channel overlap.
Figure 2 The airspace is relatively calm, with no wireless devices transmit in the 2.4 GHz band. Note: In the y-axis maximum value '3 .0 'relative signal units – it is small. The reason why you see the peak (and) started is not very flat, indicating the introduction of automatic scaling, so thatThe maximum peak (no matter how small, it really is) fill the screen. We know, because it appears to the maximum value of Y background noise, axis "10.0.
Figure 3 is to run a microwave oven. Here you can see it in the whole radiation 2.4 – GHz band of RF energy.
Figure 4 2.4 GHz cordless phone connected. Note that around "in the vicinity of the channel 1 of the peak height 140" near the peak forces andChannel 11 of about 110 'units. Is enough to eliminate the wireless network configured to use channel 1 or channel 11. In addition, due to the way channels overlap the first peak may also interfere with the channel 2 of the wireless network, the second summit meeting will also interfere with channels in September, or 10 wireless network.
Figure 5 shows a wireless network in the active process (configuration, so that channel) use 6, because they are activelyTransmitting the pandemic.
By Nousheen Aquil
This post presents a round-up of Adobe After Effects Tutorials for your visual effects and motion graphics-related work. After Effects is getting popular as the industry of Computer Graphics and Digital Motion is growing. With After Effects, you have choice to generate dynamic and expressive motion graphics with truly stunning visual effects — very easily and quickly. So here is the list of Adobe After Effects Tutorials. We hope that it will be helpful for you!
After Effects Tutorials
Glass Orbs
In this tutorial you will learn how to use After Effects to create shiny glass orbs in 3D and Create a spherical and reflection map from images.
Jumbotron Column
In this extended tutorial learn how to identify the field order of footage and interpret it collectly; create a realistic Jumbotron-style look using CC Ball Action, Glow, Levels and Curves; turn the jumbotron into a 3D column mounted on grungy wire mesh using Zaxwerks 3D Layer Warps.
The Dark Knight
In this 30 minute tutorial you’ll learn techniques and workflow used in Adobe After Effects and Illustrator to create the dramatic effect of the Batman icon shattering apart revealing a bright light source behind.
After Effects: Explosive TV promo graphics
In this screen capture of a recent Adobe After Effects e-seminar learn how Adobe Illustrator and Maxon Cinema 4D were used, along with stock footage from Video Copilot’s Action Essentials 2, to create explosive TV promo graphics.
Lightning Strike
In this tutorial you will learn how to Add Rain & Atmosphere then build a Lightning Bolt and hwo to use Action Essentials 2 and make Sam explode
Disintegration
Here you will learn how to build a furious procedural Disintegration effect in AE and Use displacement, turbulence and particle world.
Create a Sci-Fi Movie Title Sequence
This tutorial covers the creation of a space-like si-fi title sequence from scratch. Michael shows us how you can easily create a visually interesting and impressive title animation with some simple title cards and text animation.
The Birth Of A Logo
There was an explosion of characters and thus the Logo was born. In this tutorial we’ll be using some of the new options of Trapcode Particular 2 as well as some techniques with Trapcode Form to create an epic depiction of the first logo in history.
Motion Typo Act.1: Tutorial video animation typography
In this tutorial We are going to learn to give life to our text, animating each word in a rhythmic animation, you will find a lot of things in this detailed tutorial.
Create a MoGraph Urban Jungle
In this tutorial Naim Alwan ventures outside of After Effects for a little bit of 3D Matchmoving to create this stunning Urban Jungle effect where vector graphics are perfectly tracked to some city footage.
Animated Swirls in Adobe After Effects
Animated swirls are all the rage in the motion graphics world, and there are some pretty cool things that can be done with them. But creating and animating such elements is really not as difficult and time-consuming as it would seem, even if the shapes are detailed and intricate. Bring on the swirls!
3D Motion and Position of Text Characters with After Effects
Typography is one of the qualities upon which we base most of our design work, and the type animation engine in After Effects offers a gamut of ways to express typographic flair. One of favorite is the ability to control the 3D motion and position of text characters. When combined with simple camera moves, depth of field, and some real-world studio tricks we use every day, the results can be—literally—powerful. Let’s get started.
Create a Photo Montage with After Effects
Lots of programs and plug-ins create cool photo montages easily and quickly—handy for such things as photo DVDs and slideshows. But what if you don’t have those programs or plug-ins, or you want something a little more creative (yet still as easy to replicate and reuse) using a software program you already own? A few tricks and techniques in After Effects will have you up and running in no time at all.
Making It Look Great 5
A massive 7 Hours of Kick-ass Design, Production and Workflow Techniques for Adobe After Effects
Learn How to Create an Advanced Jumper Effect
In this tutorial you’ll learn how to create a dynamic disappearing effect from a moving camera shot. Our camera will pan with the actor as he runs, jumps, disappears, and reappears. The actual disappearance also includes a dynamic dissolve and warp effect. And the best part is, no third party plug-ins are required.
Shine Some Light On The Situation
When working on VFX, you can often measure your success by how invisible you are. If the audience doesn’t know there was an effect created, then you did a good job. In this tutorial artist will show you all how to make turn a plain dolly shot into a dynamic room with light rays and a sky replacement.
Boharg II Breakdown
In this tutorial artist will show some Time Remapping, Distortion, and Color Correction tips that could even save you from running into yourself in an old building…
The Dancing Can
In 2008 John Dickinson did a series of roadshows for Adobe where he presented a neat little animation of a dancing can. In this series of tutorials he will walk you step-by-step through various After Effects techniques for creating this spot. This section deals with Puppet Pin tool basics and how to use the cool motion sketch feature to animate to music.
Create Whispy Spirit-like Text
Adam keeps digging through the good ol’ built in CC plugins and continues to come up with very clever and visually awesome solutions. In this tutorial Adam uses CC Smear as the basis to create text that appears in as if a spirit whisped into it.
Futuristic HUD
In this tutorial you’ll learn how to create 3D interface display as seen in Iron Man’s helmet and how to Build self-animating components and artificial lighting
Energetic Titles
In this tutorial you’ll learn how to use Sure Target preset to achieve advanced 3d moves and will learn advanced tips and create “3d-looking” titles.
Blowing Flowers
In this video tutorial, CreativeCOW leader, Eran Stern demonstrates how to create flower trails using Trapcode Particular in this special holiday episode. You’ll also work with the light emitter and use 3D layer to obscure particles.
3D Light Casting
In this tutorial you’ll learn how to create an energy-ball that re-lights the road surface and use reverse-tracking and build a volumetric point light
Colorful Universe
In this tutorial you’ll learn how to Create a dynamic space world with light streams and how to use an expression to create a 3D orbit
Growing 3D Vines
In this tutorial, you will learn how to create a growing 3D vines and animate it using After Effects.
Bitweiser Light
Problems with overerexposed footage? Need to work in 32bpc for nice depth of field and motion blur? Now you can! Convert your footage from 8bpc to 32bpc with new free plugin.
Youveelizer
UV mapping finally available in After Effects. Check out this amazing tutorial to learn how to integrate your 3D artwork with After Effects to improve your workflow, save time and money. It’s a must-see!
Color Grade and Enhance a Horror Shot
In this first part James will teach how to create 2 scenes. First how to take a shot of a mansion and give it an intense and scary look through sky replacement and colour correction. Second we will take a shot of a stone gargoyle face and create a subtle yet creepy effect in which it frowns evilly at an oncoming victim. Be afraid…be very afraid.
Shape Layer Tip #3: Trim Paths
In this video tutorial, Aharon Rabinowitz shows you how to use shape layers to easily create that Old-School look where a red dashed line animates over a map to indicate travel destinations.
Animating Spray Paint and Stencil Effect in After Effects
In this tutorial artist is going to show you how to create a spray paint effect using After Effects. It’s a fairly simple process but I’ve got a few tricks that you may not have thought of. Here is a sample video of what you’ll be creating:
Keep Your Eye on the Ball… 3D in After Effects
Animating your After Effects design in 3D space is fun and, for the most part, easy to achieve. However, the camera and objects can have their own agendas in some instances, but a few tricks can change a seemingly uncontrollable camera animation into pure, cool cinematography…
Dynamic Bar Graphs
In this tutorial you’ll learn how to create a dynamic bar graph with customizable values and streamline graph production without sacrificing quality
Speed Particles
In this tutorial you’ll learn how to use expressions to drive particles based on speed and how to create sandy like particles that fly off of text
P2. Lightning Explosion Part 2
In this tutorial you’ll learn how to Animate a person exploding from a lightning blast and composite footage elements from Action Essentials 2.
Light Streaks 2
Learn how to use light streaks with live action footage and enhanced coloring method and 3D layer control.
Bessie Potter
In this video tutorial, Michael Park demonstrates how to make a dark, cloudy title reveal similar to the one seen in the “Movie Which Must Not Be Named.” All textures and fonts are available in the project download as well as the final CS4 project file.
The Pusher
In this video tutorial, Eran Stern creates a watery liquid push effect and color corrects the shot using the bundled Color Finesse plug-in.
Designing a Graphic From Scratch
In this tutorial artist is going to take you through the steps in producing beautiful graphic.
Kung Fu Energy Ball
In this new tutorial from Pro Juice, Nick takes you through the steps of creating an energy ball with the Particle Filter in Adobe After Effects.
Using a layer of smoke, blurs, colour correction and some masking techniques, Nick shows you how to create the energy ball, give it a burning hot spot, animate it to fly towards the camera and reflect off the nearby fence.
Starting with After Effects
In this tutorial artist is going to explain how easy it is for any photoshop users out there that create a lot of effects-added branding to transform their work into a great and simple animation using After Effects, presumably to spice up your client presentation or intro to your website.
After Effects Tutorial Shatter Effect
A quick tutorial on the SHATTER Effect artist used in making the Promo Intro featured in his Vegas Tutorials on adding sound and sound FX to movie clips. This was made in After Effects CS4 and demonstrat…
3D Paper Crumple with Freeform AE
Now you can easily call it quits within After Effects! Rob uses the example of creating a paper crumple transition to show off the Digieffects plugin Freeform AE. Who knows… this tutorial might just save your job.
Integrating Cinema 4D into After Effects
The more you get into After Effects, the more you realize how cool it is to bring in stuff from outside the program. This tutorial shows how take a scene from Cinema 4D and bring it over into AE. After Effects is a compositing program and this is a perfect example of how to take a basic animation and add some “after effects”!
Earth Zoom
In this tutorial you’ll learn how to create a cosmic Earth zoom in AE and use masking and parenting to link imagery,
Learn to Make a Custom 3D Wall Text Reveal
Using basic AE tools and some expressions you will learn how to create this 3D wall made of custom shapes and a nice laser beam to reveal your text.
Superperson Opening title in After Effects
In this tutorial, Chad Castleberry will walk you through an all new, updated technique to creating an opening title sequence seen in movies like Superman or The Last Starfighter. Concepts covered: The Echo Effect, simple keyframe animation, and using fractal noise to create an interesting starscape.
Fracture Design
In this tutorial you’ll learn how to fracture layers and manipulate in 3D space with ease and how to use expressions, scripts and create a distressed title.
Creating a Tracked Head Wound
In this tutorial Mathias shows that corner pin tracking can do much more than just replacing some pictures on a wall. We are going to compose a wound on a moving head and use the Mocha tracker in combination with his script MochaImport. Trust me, this is so much easier then creating a real head wound!
Create the “My Paper Mind” Effect
This tutorial will teach you how to recreate the “My Paper Mind” effect done by Javan Ivey, but with the environment in mind, Nicolas has come up with a way to save some paper (as well as about 3 days worth of paper cuts!) It is all done in After Effects without any third party plug-ins. Enjoy!
Advanced track and clone in AE
Visual-effects and motion-graphics specialist Angie Taylor shows how to use After Effects’ Clone Stamp tool to convincingly add to moving footage.
Other Related Articles
- 40+ Adobe After Effects Best of Tutorials & Resources
- 77 Ultimate Round-Up of Adobe After Effects Tutorials
- 50+ Most Amazing Adobe After Effects Tutorials You Need to Learn
- 25+ Overwhelming Adobe After Effects Tutorials