She has received numerous accolades for her leadership, entrepreneurship and community involvement. She served as the organization’s third female president in 2017/2018. 5000 and Entrepreneur Top Company Cultures lists.Īctively involved in the community, Veronique is currently a member of Entrepreneur’s Organization, Arizona Chapter. Under Veronique’s direction, TJA has been honored with numerous industry and culture awards, including being named to the Inc. Veronique and her team collaborate to produce creatively-fueled, results-driven campaigns that help clients achieve their goals and positively impact their bottom line. Today, the award-winning, integrated agency specializes in consumer advertising, public relations and digital and continues to exemplify Veronique’s original vision. Veronique founded The James Agency (TJA) in 2005 with the goal of creating an agency focused on open communication and transparency with clients and employees. To preview the ad in a browser, select ‘Preview’ in the top right corner. Select ‘gotoAndPlay’, choose the page and choose the label ‘loopStart’. Double click on the keyframe that appears and toggle the ‘Timeline’ option. In the same row at the end of the animation (3s for this example), right click and select ‘Add Event’. Type ‘startLoop’ and press the enter key. To do this, click at the 0s mark in the “Events” row and select ‘Add Label’. Next, you will need to loop your animation. I highlighted all three layers and added keyframes at the same time. To add frames, you can right click and add or use F6. Much like AfterEffects, you will add keyframes to the timeline to animate. Now it’s time to animate! I separate the layers and line everything up the way it will be animating. Sometimes the elements will come in at a really small size, but as long as you created them at the right size in Illustrator, you can go to the ‘properties’ panel and adjust the width and height there. Drag elements on to the workspace (I rename the layers here, too). If you don’t name them that way prior to importing them, you’ll need to do it before you start animating. For whatever reason, GWD prefers assets to be named with no spaces. wp-content/uploads/2018/02/GWD-Video2.mp4īefore animating, you’ll need to make sure all the assets are named correctly. Make sure it’s saving to the correct location and choose the correct size. Once you’ve opened GWD (it can take a minute, so be patient), you will need to name your file. For any images, save at the correct size as a. Next, you will need to save all artboards as. For this ad, the logo, red color block and button were on an artboard and the headline and the price point each had their own artboard. Make sure you’ve expanded all of the elements and separate them on to different artboards. In this case, I’m going to be sliding the the white text on and off the screen, rotating between the headline and the price point. Start by laying out the ad in Illustrator (Photoshop works too), then figure out the flow and which pieces you will be animating. I have provided a walk-through of my process below, complete with a few videos for clarity. To start using Google Web Designer, go to /webdesigner and download the application. As I mentioned, GWD can be finicky and staying on top of your organization will make a big difference. Second, keep your files extremely organized. If you are familiar with AfterEffects, GWD is similar enough that you’ll be able to learn by doing. Now that I have some experience with the program, I wanted to share a few tips that have really helped me. The downside is the program is still in beta, so it can be pretty clunky and sometimes really frustrating. The interface is easy to navigate and it’s a free program. This is perfect if you’re a designer, but not really into coding (like me). GWD allows you to pull in images and assets to create animations, while it takes care of the HTML and CSS portion. Have you been using Google Web Designer to create banner ads? Until starting at The James Agency, I hadn’t even heard of it! For those reading who don’t know, Google Web Designer is an application used to create HTML5 advertisements without having to actually dig into the messy coding part.
0 Comments
Leave a Reply. |