Logo Design & Logo Animation

by gokuss3 in Craft > Digital Graphics

4978 Views, 36 Favorites, 0 Comments

Logo Design & Logo Animation

intro instructables.png

Install Custom Font

Select font and change font to new font.jpg
sleect text tool.jpg
type logo name.jpg
browse for font.jpg
preview font.jpg
extract font.jpg
install font.jpg
Select font and change font to new font.jpg

Using Textures and Install

edit the texture using pen tool and eraser tool.jpg
search for textures.jpg
find cool texture.jpg
download.jpg
extract texture.jpg
open texture.jpg
select direct selection tool.jpg
right click select over desired area and copy and paste.jpg
paste to logo doc.jpg
scale up using selection tool.jpg
edit the texture using pen tool and eraser tool.jpg
Dwm 2013-04-18 17-27-56-63.jpg
copy more textures.jpg
paste texture scale size using selection tool and change color of texture.jpg
Dwm 2013-04-18 17-51-55-81.jpg
create new layer and use shape tool to draw cicle.jpg
create shape using pen tool.jpg
than use convert anchor point tool to create shape.jpg
use slecection tool and copy past shape around.jpg

Using the Pathfinder Tool for Objects

embelem and texture merged. Now use.jpg
select path finder tool.jpg
merge emblem.jpg
lock all other layers.jpg
use selection tool and than change color to white. make sure this layer is on top.jpg
scale everything to proper size.jpg
erase away parts  of texture you don't need. Or copy another emeblem over top of teture and erase that..jpg
unloack layer.jpg
object expand for both objects.jpg
ok.jpg
select both objects and tim.jpg
use direct selection tool to select object use want to delete and delete it..jpg
embelem and texture merged. Now use.jpg

Using the Pathfinder Tool for Text

finished product  just export it.jpg
use text tool to type black seperately than H than ole.jpg
select all the text and go to object create outline.jpg
using direct selection tool postion everything accordingly and change color H to white. make sure font layer is on top.jpg
select the 'font' and using selction tool and scale to approarate size.jpg
after scaling.jpg
openup up font layer and lock   the 'ole and 'black'. Also turn off font copy as we don't need it..jpg
use selction tool to select everything that is left and than hit merge.jpg

Preparing Illustor Logo for Adobe After Effects Import

copy paste layers in document and adjust accordingly. than save as ai file.jpg
no for ae import. new document than set new document profile as video and film . than change the size to HV 1080. set transperency grid to off..jpg
copy paste layers in document and adjust accordingly. than save as ai file.jpg

Sphere Animation: Basic

Now th spheres collapse and the aniamtion is basically done. you can change any of the values and look of the partcles and it will render really quickly save the projectcomp..jpg
new comp.jpg
new solid.jpg
drag element ontop of new solid.jpg
create new camera.jpg
select solid than hit  scene setup.jpg
open starter pack and slecet ball_fracture twice.jpg
Select the first ball. Hit the preset tab than slect the  paint texture. . feel free to make any minor adjustments to the color..jpg
make sure this is set to group 1. We will be aniamting from this object to next the object in group 2 ..jpg
now selecet the next ball and go to presets material and seleect the black hole texture. feel free to make any minor adjustments to the color..jpg
turn this ball off from group 1 and one at group 2.Than hit okay.jpg
hit the group 1. Than change thes options. particle count 31. replicator shape shere. Postion XY  844.0, 408.0 . Scale Shape 17.7.    Under particle look set particle size to 3.04..jpg
select camera from layer and than camera icon. use camera to adjust view..jpg
Hit the nimation Engine. Than enable it and hit the stopwatch..jpg
set aniamtion type as radial. than hit stop watch beside animation..jpg
hit beginning of timeline and make sure animation is set to 0.0% than move forward to 4 sec and set to 100 percent.jpg
go to group 1 particle look than turn enable multi-O.jpg
Now th spheres collapse and the aniamtion is basically done. you can change any of the values and look of the partcles and it will render really quickly save the projectcomp..jpg

Sphere Animation: Having Colors Stay Longer

go to animation engine time dealy and set material duration to %40. this will make the blue stay for longer.jpg

Sphere Animation Adding:Fog

go to render setting. fog than enable fog. set fog color to white. fog opacity 57. and fog start distance to 780.jpg

Sphere Animation Adding:Custom Enviroment

go to render setting and hit show in BG to display you enivroment map. you can also use you own custom enviroment map..jpg
go to scene setup and than check enviroment box to preview enviroment. than click envrioemnt to change the envrioment.jpg
from here you can change it to whatever you like. and can also use ur own envrioemnt map. after your done jsut hit ok..jpg

Sphere Animation Adding:Camera Movement

select the camera layer than under transform hit the stopwatch beside the Postion.jpg
select the camera layer than under transform hit the stopwatch beside the Postion.jpg
slect camera  tool and move timeline forward. use the camer a tool to change the motion of the camera..jpg

Importing Ai Logo Into Ae

now just save this comp.jpg
crate a new comp than go to file import.jpg
make sure import as compostion-retain layer and check illustratorpdfeps sequence.jpg
than drag and drop to layers pannel.jpg
hit ok.jpg
select all the layers than hit pre compose.jpg
now just save this comp.jpg

Particle Animation

hit stop watch than move camera using camera tool to desire point.jpg
now start a new comp like last time and create the solid + element and than the camera.jpg
now in the got to sene setup and hit the motion design pack, than select broken_glass 08.jpg
lets turn on the enviroment. than hit preset materials and select th paint texture. than hit okay. feel free to make any changes to the the color or other vlues.jpg
the glass is on its side so just take your camera tool and move it around until it is in view..jpg
after camera adjustment.jpg
increase the particle count to 787.jpg
make particle size 2.41 and displace 9.72.jpg
drag and drop comp with logo turn off layer.jpg
under particle replicator make hese changes. change particle count to 787. replictor shape to layer. than scale shape 191.90. and in shape option chose sutom layer and comp contin logo..jpg
basic done particle animation now just have to text comeup at the end.jpg
Key frame the animation layer so its opacity goes from 100 to 0..jpg
right click layer than transformation than opacity..jpg
hit stop watch than select point on time line at which opacity is 100 for the animation. Move a liitle bit than change opacity value to 0. Do the same for the other layer exept oppisote.jpg
Key frame camera right click camera. transform. postion..jpg
hit stop watch than move camera using camera tool to desire point.jpg
move camera again to final point . tip press u to see all key frames.jpg

Combining the 2 Animations + Adding Lens Flares

find flare you like using borswer menu than hit okay.jpg
bring everything together. add sphere animation and particle animation to layer panel - Copy.jpg
bring everything together. add sphere animation and particle animation to layer panel.jpg
drag optical flare to element.jpg
find flare you like using borswer menu than hit okay.jpg
right click flare layer and got to transform position.jpg
keyframe flare using keyframing skills or have flare stationary..jpg
move camera again to final point . tip press u to see all key frames.jpg