Tip:
Highlight text to annotate it
X
ALL RIGHT. HERE'S WHERE WE LEFT OFF.
WE HAD THE ANIMATION COMING TO A CLOSE BASICALLY HERE
AND THEN OVER APPROXIMATELY A SECOND,
THE TYPOGRAPHIC SOLUTION OF THE LOGO FADES IN.
NOW, THIS IS THE MOST SIGNIFICANT PART
OF THE ANIMATION.
THIS IS WHAT YOU BUILT IN ILLUSTRATOR TO LOOK GREAT
IN THE ENVIRONMENT.
SHOW IT OFF.
SO I WANT THIS FOR YOUR PROJECT
TO STAY THERE FOR A MINIMUM OF THREE SECONDS
SO IF I GRAB MY TRUSTY CALCULATOR,
24 FRAMES PER SECOND IS WHAT WE'RE SET AT,
TIMES 3 IS 72 FRAMES.
WE ARE AT FRAME 320 RIGHT NOW
SO PLUS 320 MEANS THAT I GO OUT TO FRAME 392
AND I'LL JUST ROUND THAT UP TO 400 AND DO AN F5,
EXTEND ALL THIS OUT TO RIGHT THERE.
SO THAT'S GOING TO COME TOGETHER.
WE'RE GOING TO SEE THAT FOR A SOLID THREE SECONDS.
AND THEN, WHAT WE WANT TO HAPPEN
IS THEN IT RESOLVES AT KIND OF THE HINT OF A WEBSITE
OR JUST LIKE A TEASER PAGE
SAYING FUTURE WEBSITE AT SRI COMPANY, CORPORATION,
WHATEVER YOU WANT TO CALL IT,
COMING AND THEN WE'LL MAKE UP A DATE.
SO YOU COULD EITHER HAVE IT ANIMATE--
SO WHAT I IMAGINE HAPPENING IS THAT SINCE NOW
WE WANT THE FOCUS TO BE ON THE DATE OF THE WEBSITE,
THAT'S PROBABLY GOING TO GO RIGHT HERE IN THIS AREA.
AND THE LOGO'S EITHER GOING TO GET MUCH SMALLER,
MAYBE GET PUT UP IN THE CORNER,
YOU KNOW, WHATEVER YOU ENVISION HAPPENING.
SO YOU COULD HAVE THAT ANIMATE RIGHT BEFORE OUR EYES
OR YOU COULD HAVE IT FADE OUT AND THEN FADE BACK IN FINISHED.
AND SINCE I TALKED ABOUT USING THAT BLOCKER TWICE,
THAT'S WHAT I'M GOING TO DO.
SO I'M GOING TO GO TO THE BLOCKER HERE NOW.
THAT LAYER, DO AN F7, BRING OUT AN INSTANCE
FROM THE LIBRARY OF THAT BLOCKER THAT WE MADE BEFORE
AND NOTICE IT'S TOO SMALL,
BUT WE CAN EASILY FIX THAT BY--
BECAUSE THAT'S JUST AN INSTANCE OF THAT SYMBOL
THAT WE HAVE NOW,
AND WE'LL JUST SIMPLY MAKE THAT BIG ENOUGH TO COVER--
WELL, ACTUALLY, JUST TO BE SAFE
'CAUSE I DON'T KNOW WHERE ANYTHING'S GOING TO BE YET,
WE'LL JUST MAKE SURE THAT IT COVERS THE WHOLE ENTIRE STAGE.
OKAY, SO BUT WHAT WE NEED TO DO
IS MAKE THAT GO FROM AN ALPHA OF ZERO TO FULL.
SO LET'S GO OVER HERE ABOUT A SECOND LATER,
DO AN F6, ANIMATE THIS AND THEN GO BACK HERE AND CHANGE THE--
I NEED TO CLICK ON THERE AND GET MY COLOR EFFECTS
AND CHANGE THAT TO AN ALPHA OF ZERO.
AND SO THEN WHAT WE HAVE IS THIS EXTENDED.
WE NOW HAVE A FADE-OUT.
WE ARE THEN GOING TO DO A FADE-IN,
WHICH MEANS THAT THE ALPHA WILL HAVE TO GO BACK TO ZERO.
AND A FULL SECOND ON EACH OF THESE MAY BE TOO LONG,
BUT WE'LL FIGURE THAT OUT AS WE GO.
AND SO FADE OUT, FADE BACK IN, NOW I JUST NEED TO CHANGE
WHAT IT FADES BACK INTO AND I'LL PAUSE AND DO THAT.
OKAY. SO HERE'S WHAT I'VE DONE.
WHEN IT FADES OUT,
WHEN IT'S COMPLETELY OUT, I WENT HERE,
DID AN F7 ON BOTH OF THESE FRAMES
AND LET ME TURN THIS OFF SO YOU CAN SEE WHAT'S HAPPENING.
IN THIS ONE HERE,
I JUST WENT BACK LIKE A COUPLE OF HUNDRED FRAMES
AND GRABBED THE LOGO IN THE TEXT
AND HELD DOWN THE SHIFT KEY WITH THEM BOTH SELECTED,
MADE THEM SMALLER, PLACED THEM UP HERE
AND THEN IN THIS FRAME RIGHT HERE,
I PUT FUTURE WEBSITE OF SRI ENTERPRISES
COMING SUMMER 2013.
AND SO WHAT HAPPENS IS THAT FADES BACK IN
WITH THAT INFORMATION.
SO NOW WHAT WE NEED TO DO IS LET THIS BE FOR A LITTLE BIT,
LIKE MAYBE ABOUT A SECOND AGAIN
AND THEN WE NEED THE MOVIE TO COME TO A HALT THERE.
AND I JUST NEED TO FIX A LITTLE BIT THERE WITH THE BLOCKER.
LET'S SEE, WELL, THAT DOESN'T NEED TO SHOW UP ANYMORE
AFTER HERE SO I CAN JUST DO AN F7 AND THEN DELETE THESE FRAMES.
AND THEN--AND SO I'LL DO--
YOU DON'T NEED TO WATCH ME DELETE THOSE FRAMES.
BUT THEN WHAT WILL HAPPEN IS THE MOVIE WILL STOP HERE
AND THEN IT'S TIME TO START PROGRAMMING OUR BUTTONS.
NOW, I'M NOT GOING TO WASTE YOUR TIME HERE
AND MAKE YOU WATCH ME DO BUTTONS AGAIN.
HOPEFULLY, YOU HAVE THAT IN YOUR NOTES.
IF NOT, GO BACK A COUPLE MOVIES.
SO I'LL MAKE MY BUTTONS AND THEN SHOW YOU WHAT I HAVE.
I JUST THOUGHT OF A COUPLE THINGS
THAT I DO WANT TO EXPLAIN ON THE BUTTONS.
SO I WENT BACK TO THE VERY FIRST FRAME,
AND I'M GOING TO MAKE THIS WHOLE ENTIRE THING MY BUTTON.
SO YOU NOTICE I MADE IT IN THE SAME COLOR
AS THE LOGO PIECE.
AND WE ALWAYS WANT INTERACTIVITY ON THE BUTTON
SO WE WANT IT TO CHANGE COLOR IN THERE,
BUT A BUTTON IS NO TIME FOR YOU
TO START INTRODUCING BRAND NEW COLORS.
THE BUTTONS SHOULD BE VERY MUCH INTEGRATED INTO THE PIECE.
IT SHOULDN'T TAKE OVER THE SHOW.
SO WHAT I WANT TO DO IS I WANT TO USE THAT OTHER COLOR.
REMEMBER I HAVE THREE COLORS.
I HAVE THE BACKGROUND COLOR,
I HAVE THE COLOR OF THE LOGO AND THE COLOR OF THE TYPE.
SO WHEN THE PERSON ROLLS OVER,
I'D RATHER IT CHANGES TO THE COLOR OF THE LOGO TYPE.
SO I'LL SHOW YOU A QUICK WAY TO DO THIS.
YOU KNOW, A BETTER WAY MIGHT BE TO TAKE ALL YOUR COLORS
THAT YOU'RE USING IN A BIG PROJECT
AND ADD THEM TO THE SWATCHES PANEL,
BUT LET ME JUST SHOW YOU YET ANOTHER WAY TO DO THIS.
SO RIGHT HERE WHERE THIS TEXT SHOWS UP,
LET'S JUST FIND OUT--
WELL, ACTUALLY, WE CAN GO ALL THE WAY BACK
TO THE VERY BEGINNING AND GET IT, TOO.
RIGHT HERE, IF WE TURN ON THE REFERENCE LAYER--
NO, NOT THE REFERENCE LAYER, BUT THE BACKUP LAYER.
OKAY. RIGHT THERE.
SO THIS IS THE COLOR I WANT.
SO HERE'S WHAT I'M GOING TO DO.
I'M JUST GOING TO TEMPORARILY PUT THIS ON THE PASTEBOARD
SO EDIT, COPY AND THEN I STARTED TO CREATE MY BUTTON
SO LET'S LOCK THIS UP.
SO BACK HERE, THIS IS ALREADY A BUTTON.
I NAMED IT LAUNCH.
IF I CLICK ON IT IN THE LIBRARY, I'M GOING TO DO F6,
F6 TO GET THE COUPLE MORE STATES.
IT'S THE OVERSTATE THAT I WANT TO CHANGE
SO WHAT I'M GOING TO DO IS TEMPORARILY PASTE THIS.
NOW WHAT I CAN DO IS CLICK INSIDE OF HERE.
I NEED TO MOVE THAT.
SWIPE ACROSS AND THEN GO TO THE COLORS PANEL
AND REMEMBER HOW WHEN YOU MOVE OUT OF THE COLORS PANEL,
WHICH IS OFF SCREEN HERE, YOU GET THE EYEDROPPER TOOL
AND I'LL JUST CLICK HERE.
IT'LL MAKE THE TYPE THAT COLOR.
SO WHEN I CLICK AWAY FROM IT, IT'S NOW THAT COLOR
AND NOW I CAN JUST SIMPLY GET RID OF THAT PIECE.
THE ONLY OTHER THING I NEED TO DO
IS I WANT TO MAKE A NICE BIG HIT AREA
SO I'LL TURN ON THE ONION SKINNING,
LOOK AT THESE TWO LAYERS AT THE SAME TIME,
DO AN F7 OVER THERE. OKAY.
AND THEN I'LL JUST MAKE A BOX THAT'S NICE AND BIG HERE
SO THAT PEOPLE CAN'T HELP BUT KNOW HOW TO GET INTO THE SITE.
AND ANOTHER LITTLE TRICK THAT WE CAN DO SO SAVE SOME TIME
IS GO TO OUR LAUNCH BUTTON
RIGHT CLICK ON IT AND SAY DUPLICATE
AND THEN WE'LL MAKE THIS BE-- LET'S SEE.
WE NEED A SKIP BUTTON.
WE'LL DO THE SAME THING AGAIN.
RIGHT CLICK, DUPLICATE, AND WE NEED A REPLAY BUTTON.
NOW WE CAN JUST GO IN AND EDIT THOSE BUTTONS.
WE ALREADY HAVE THE COLORS THAT WE WANT.
BE REALLY EASY TO CHANGE THE STUFF,
SO LET ME JUST GIVE YOU A QUICK EXAMPLE ON THAT.
TURN OFF THE ONION SKINNING HERE
AND--
OKAY.
SO ALL I NEED TO DO IS DOUBLE CLICK,
GET THE TEXT TOOL IN THERE AND THIS IS THE SKIP BUTTON.
JUST SIMPLY TYPE SKIP.
GO TO THE NEXT FRAME.
DO THE SAME.
I GUESS YOU COULD ARGUE WITH ME WHETHER THIS IS FASTER.
OH, AND ACTUALLY, REALLY IT SHOULD SAY SKIP INTRO.
BUT THE NICE THING IS THAT WE HAVE OUR COLORS.
AND THEN, OF COURSE, HIT STAGE IS GOING TO BE TOO BIG SO AGAIN,
I'LL TURN ON THE ONION SKINNING AND ADJUST THE SIZE OF THAT.
ALL RIGHT, SO NOW THAT I HAVE MY BUTTONS MADE,
I HAVE ONE OF THEM IN PLACE HERE ON THE FIRST FRAME,
NOW IT'S TIME TO DO THE ACTIONS.
AND I'M NOT DOING A TOTAL REVIEW OF ACTIONS HERE
SO HOPEFULLY YOU HAVE THAT IN YOUR NOTES
OR YOU CAN GO BACK AND LOOK AT OTHER VIDEOS.
BUT OPTION F9 OR IS IT OPTION-- YEAH, THAT SHOULD OPEN UP--
YEAH, OPTION F9 OPENS UP HERE.
SO I WENT TO THAT POST THAT I MADE FOR YOU
OR THAT DOCUMENT THAT I HAVE AND I COPIED THE CLOSEST THING
THAT WAS IN THERE TO WHAT I NEED
WHICH IS ESSENTIALLY TO MAKE THE MOVIE START PLAYING.
NOW, OF COURSE, IT NEEDS TO STOP FIRST
AND I NAMED MY BUTTON SOMETHING DIFFERENT THAN THIS
SO LET ME GET OUT THERE AND TAKE A LOOK AT THAT.
SO IF I GO TO THIS FIRST FRAME, CLICK ON THIS BUTTON,
GO TO PROPERTIES, I CAN SEE THAT ITS INSTANCE NAME IS--
OH, I SPELLED IT WRONG-- LAUNCH UNDERSCORE BTN.
SO I'LL JUST COPY THAT, GO BACK INTO THE ACTIONS,
CLICK ON THAT FIRST FRAME WHERE MY ACTIONS ARE
SO I'M GOING TO REPLACE THIS GENERIC NAME FOR THE BUTTON
WITH THE NAME OF WHAT MINE ACTUALLY IS.
AND THEN, SINCE THIS IS THE FIRST FUNCTION THAT I'M MAKING,
I'M JUST GOING TO CALL THIS ONCLICK ONE
AND THEN THE REST OF THAT SHOULD BE RIGHT.
WE JUST WANT IT TO PLAY.
AND YOU'LL NOTICE SOMETHING HERE THAT WHEN IT STARTS TO PLAY,
THIS BUTTON SHOWS UP.
BUT HOPEFULLY NOW YOU'RE THINKING, WELL, DUH,
AN EASY FIX FOR THAT IS JUST TO MAKE IT
ONLY SHOW UP FOR ONE FRAME.
SO YOU GO BACK TO BUTTONS.
YOU GO TO THE SECOND FRAME AND YOU DO AN F7
AND THAT ERASES IT FROM ANYWHERE BEYOND THE FIRST FRAME.
NOW WE NEED TO DEAL WITH THE SKIP BUTTON.
SO WHERE DO WE WANT TO PUT THAT?
WE DON'T WANT IT LIKE TO BE THE FIRST THING THE PERSON SEES
ONCE THE ANIMATION STARTS
AND WE DON'T REALLY WANT IT TO BE IN THE WAY, EITHER.
SO I'M THINKING MAYBE ABOUT A SECOND IN
I'LL HAVE IT SHOW UP.
SO LET ME GO TO MY LIBRARY.
AND YOU'LL NOTICE THAT I HAVE A--
ONCE OF THESE ACCIDENTAL TWEENS THAT SHOWED UP HERE
AND I'M NOT SURE WHERE THAT HAPPENED,
BUT IF IT'S ONLY ONE OR TWO LIKE THAT,
THAT DOESN'T REALLY BOTHER ME.
LET'S SEE.
SO WE WANT OUR SKIP BUTTON,
GRAB THAT, BRING THAT OUT HERE.
NOW, THAT MAY BE A LITTLE BIT BIG
AND THE REASON THAT I COPIED ALL THE BUTTONS AT THE SAME TIME
IS SO THAT THEY WOULD STAY VERY UNIFORM,
SAME TYPEFACE AND EVERYTHING.
SO I THINK THE REPLAY BUTTON AND THE PLAY BUTTON
BEING THE SAME SIZE IS GOOD,
BUT LET'S TAKE THE FREE TRANSFORM TOOL,
HOLD DOWN THE SHIFT KEY,
AND WE'LL MAKE THAT SKIP INTRO BUTTON SMALLER.
THIS IS REALLY FOR SOMEONE IN THE KNOW
WHO'S BEEN TO YOUR WEBSITE A COUPLE TIMES
AND IS, AT THIS POINT, TIRED OF WATCHING THAT.
AND I'LL SHOW YOU AN EASY WAY, TOO,
TO CENTER SOMETHING ON THE STAGE
AS YOU CAN DO COMMAND X TO CUT IT,
DOUBLE CLICK ON THE HAND TOOL TO GET EVERYTHING CENTERED
AND THEN COMMAND V TO PASTE IT.
AND IT SHOWS UP IN THE VERY CENTER
AND THEN WE CAN JUST USE THE DOWN ARROW, PUT IT DOWN.
OKAY. SO THAT'S WHERE MY SKIP INTRO BUTTON SHOWS UP.
AND YOU NOTICE A MADE A LITTLE MISTAKE HERE.
I DIDN'T DO AN F7, SO EASY ENOUGH FIX.
I WANT THAT AT ABOUT FRAME 25, SO WE GO OVER HERE
AND JUST DRAG THAT OVER TO FRAME 25.
AND THEN I NEED TO GO AGAIN BACK HERE AND DO MY F7. OKAY.
SO PLAY BUTTON'S ON THE FIRST FRAME,
NOTHING HERE.
SKIP INTRO SHOWS UP HERE.
HOW LONG DO WE WANT THE SKIP INTRO TO SHOW UP?
WELL, PROBABLY UNTIL THE PERSON
IS PRETTY MUCH COMMITTED TO YOUR VIDEO,
WHICH I WOULD SAY IS, YOU KNOW,
NO SENSE SKIPPING ONCE YOU GET TO ABOUT HERE.
SO WE CAN GO HERE, DO AN F7 AGAIN
AND THEN LET'S TAKE CARE OF PROGRAMMING
THAT SKIP INTRO BUTTON.
SO ALL I'M GOING TO DO IS GO TO THE FIRST FRAME,
COPY THE INFORMATION, AND PASTE IT OVER HERE.
SO LET ME GO AHEAD AND MAKE MYSELF AN F7 RIGHT THERE.
MAKE SURE THAT I GAVE THIS SKIP INTRO AN INSTANCE NAME.
AND NO, DID NOT SO WE'LL CALL THAT SKIP BTN.
I ALSO NEED TO FIGURE OUT
WHERE I WANT THE SKIP BUTTON TO TAKE IT TO.
I COULD HAVE IT GO TO THE VERY LAST FRAME,
BUT TO ME, IT'S A LITTLE CLASSIER
TO HAVE IT GO TO HERE TO FRAME--
WHAT IS THIS--420--SOMETHING,
425 BECAUSE THEY'LL SKIP AND THEN IT'LL FADE IN.
SO THAT'S WHAT I'M GOING TO DO.
OKAY, SO BACK HERE WHERE THE SKIP INTRO BUTTON SHOWS UP,
I'M GOING TO BRING OUT THIS PANEL.
NOW, I ALREADY PASTED THIS INFORMATION IN.
I CHANGED THE NAME OF THE BUTTON TO SKIP BUTTON.
I CHANGED THE FUNCTION TO ONCLICK TWO.
I CHANGED PLAY TO GO TO AND PLAY... �