http://gordonprice.tv/motion-graphics daily 1.0 2023-02-08 https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1510635952953-XW7FAY8FB5YSA61ZPBXZ/Govern.jpg MOTION GRAPHICS https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1510638122601-8QTWOKL1JCMZB6XHTM2W/Optimized.jpg MOTION GRAPHICS - Global News - Optimized For You https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1510638179537-B7L70UEPLEACU7C6Q5M8/Soccer.jpg MOTION GRAPHICS - Soccer Express - Morning News https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1510638322434-RED0WEUJTV8ZT7FFDR7E/Electro.jpg MOTION GRAPHICS - Electrorecycle https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1510638269068-ORZJD8H1U6E5SJE81V6E/OSW.jpg MOTION GRAPHICS - OSW Review 57 - Intro https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1510636084343-B3I23SGT607CJBU0UYFB/Tramsffpr.jpg MOTION GRAPHICS https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1510638244804-SLYEQ3WIVT2FXY0F71A7/BCAA.jpg MOTION GRAPHICS - BCAA - Play Here https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1521513347336-X5MTYMLKBZ18DFU5JOIT/image-asset.jpeg MOTION GRAPHICS - Bard on the Beach - 2017 rev1 https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1521512718553-Z2ZB8QCMREV8XV104M81/image-asset.jpeg MOTION GRAPHICS - 15 Global News - Weather Tracker https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1521513134649-XFXJ893SYXF54IYKUB3I/image-asset.jpeg MOTION GRAPHICS https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1531412392327-DYMQK72BUZLA7G13MGB9/BCHydro02.jpg MOTION GRAPHICS - BC Hydro - Spring Safety https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1588534227523-AV4GZL21CH9I9UHJNXHH/Demo.jpg MOTION GRAPHICS http://gordonprice.tv/work daily 0.75 2020-05-03 https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1509754214907-KKUDII7E0348CMSX9SWP/LH.jpg EDITING https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1510633863480-K0J04DW8I35HG8S7ES2O/DREAD.jpg EDITING - Dread & Breakfast https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1510633650689-QFPV9L7WI33PGT0ZUOFM/GetLost.jpg EDITING https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1510635570561-K37SNLAB41GX832ESGHB/AGU.jpg EDITING https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1510637722754-HPUHDBKVAWYATSCGD0O4/CFOX.jpg EDITING - CFOX - Brand https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1510637570490-UQ5WXBKOSZ41TXMJA95V/TOXICSECRET.jpg EDITING https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1510638004912-TS8WHDSP0O3EJWCFAZ6I/GoHaveOne.jpg EDITING - Breast Cancer Awareness https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1510637806555-JILIT14NUC3S5WEKM4I0/Whistler.jpg EDITING - BC Hydro - EV Tour - Whistler https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1521512655269-L9PHJIGF5MY2N4KLGFJO/image-asset.jpeg EDITING - GN - Journalism Matters https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1521511951694-9S2YTLYQ7V5RET8XL3Q2/image-asset.jpeg EDITING - Cloverdale Paint - 85 Years https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1521513039113-L5XC6V1FHL5UQKNAPFLN/image-asset.jpeg EDITING - Global News - Sorry https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1524353922168-C9RM6XVOLOU6WWVYNS5X/HKTB.jpg EDITING https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1528731764138-N519WYYDCA9W35032BOH/image-asset.jpeg EDITING - Destination BC - Prince Rupert https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1588534575927-ZZC0GO5OTVZ3TB0BSYDW/Thumbnail+%280-00-22-19%29.jpg EDITING http://gordonprice.tv/coast-appliances daily 0.75 2020-05-03 https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1521512198566-73WDL4DSIM1RIJQOXXA3/image-asset.jpeg Coast Appliances - 001_Coast Appliances_Washer_30_MIXED https://static1.squarespace.com/static/562847e9e4b00e2673599d9d/5ab06eeb562fa7fcbcaee57c/5ab06f058a41343d1bb7c2c0/1521512196190/ Coast Appliances - 001_Coast Appliances_Washer_30_MIXED https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1521512198566-73WDL4DSIM1RIJQOXXA3/image-asset.jpeg Coast Appliances - 001_Coast Appliances_Washer_30_MIXED https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1521512207174-7YXVISZHN7QP115162MN/image-asset.jpeg Coast Appliances - 002_Coast Appliances_Dryer_NOWASHER_30_MIXED https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1521512217707-6FJUXYJPABKR8C2MBF4T/image-asset.jpeg Coast Appliances - 003 - Coast Appliances_15_Dishwasher_MIXED https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1521512217563-3U37YAC0PKI11PQMNF84/image-asset.jpeg Coast Appliances - 003 - Coast Appliances_15_Dishwasher_MIXED https://static1.squarespace.com/static/562847e9e4b00e2673599d9d/5ab06eeb562fa7fcbcaee57c/5ab06f236d2a73ff3aa12f77/1588534257194/ Coast Appliances https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1521512228589-T10PJDXXK20RDQNNS35V/image-asset.jpeg Coast Appliances - 004 - Coast Appliances_15_Range_MIXED https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1521512238557-GQL8EUJPHCJ0PHH7CL0T/image-asset.jpeg Coast Appliances - 005_Coast Appliances_Fridge_15_MIXED https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1521512239521-6DPVLUJLRKJTNV0MWS9W/image-asset.jpeg Coast Appliances - 005_Coast Appliances_Fridge_15_MIXED https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1521512249351-Y8FTIVJAW4U2VV227005/image-asset.jpeg Coast Appliances - 007_Coast Appliances_15_Appliances_MIXED https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1521512253082-GHNQL6VF9L8D3LDYS81A/image-asset.jpeg Coast Appliances - 007_Coast Appliances_15_Appliances_MIXED http://gordonprice.tv/new-gallery daily 0.75 2018-03-20 https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1521512882568-AAP59ZDRURBUQ0G119KO/image-asset.jpeg Whole Story - Global National - Whole Story https://static1.squarespace.com/static/562847e9e4b00e2673599d9d/5ab071a10e2e72e816f6fbe3/5ab071b277d892513a96cb0a/1521512880139/ Whole Story - Global News https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1521512882568-AAP59ZDRURBUQ0G119KO/image-asset.jpeg Whole Story - Global National - Whole Story https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1521512902791-XE6CF5F7MBK7R170W555/image-asset.jpeg Whole Story - Global National - Whole Story - 02 https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1521512924273-GKYN1GFM9JPV5YG6DZXH/image-asset.jpeg Whole Story - Global National - Whole Story - 03 http://gordonprice.tv/resume-1 daily 0.75 2017-04-20 http://gordonprice.tv/contact-1 daily 0.75 2017-11-15 http://gordonprice.tv/awards daily 0.75 2024-03-13 https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1531412134999-42Z656I8QEJZPM95K9ND/Awards2018.png 00_Awards http://gordonprice.tv/green-screen-tutorial daily 0.75 2018-01-29 https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1517259320689-7X6DY5O0MFSMG2ZJ59IR/Green_01.gif Green Screen Tutorial http://gordonprice.tv/mixamo-tutorial daily 0.75 2019-12-01 https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1575231565442-PNZBUSHJHFMD4I0GG6R7/Timeline.00_02_02_03.Still008.jpg Mixamo Tutorial That’s it, that’s all! It isn’t super easy to link together different animations, so I made sure my project had a lot of unnecessary camera changes in it! https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1575231511510-S2ZOUJQJ63YLWN26HGHM/Timeline.00_01_55_18.Still006.jpg Mixamo Tutorial Drag the FBX file into your 3D program. https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1575231346029-2MDX4H8PEBZFP8LLURS2/Timeline.00_01_33_28.Still004.jpg Mixamo Tutorial From there, just type in animations you might want. It’s fairly limited, and none of the animations are mind blowing - but for simple gestures, this is amazing. https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1575231115978-BY92WC0478UQNAQJP3UG/Timeline.00_00_42_23.Still001.jpg Mixamo Tutorial Mixamo has a few characters to chose from on their site, but if you needed something more specific, create / download it, save it as .FBX or .OBJ, and place it in a folder beside the texture files. Zip the character model and the textures together. https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1575231273467-9SBHR9W2HFTRCYC15TMH/Timeline.00_01_13_06.Still003.jpg Mixamo Tutorial If your character is already rigged, this part won’t happen. If it’s in a T-pose, you will have to use the auto rigger. Select where the chin is, the wrists, the elbows, the knees, and the groin, and then click next. This works great for bipedal characters, but four legged animals, or things with giant heads are much more of a problem with this. https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1575231538970-K33SATI3SZENP67Z8UZG/Timeline.00_01_57_17.Still007.jpg Mixamo Tutorial The default settings are fine for this. https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1575231200660-YQIZBCLBBMB2Z92MYH1N/Timeline.00_00_52_23.Still002.jpg Mixamo Tutorial Go to Mixamo.com, log in using your Adobe CC credentials, and click upload character. Then select “Select character file”, and pick the .zip file that you just created. https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1575231406037-AV2PXKDA9ZWICYMVZYOA/Timeline.00_01_41_19.Still005.jpg Mixamo Tutorial Click “Download”, and select “FBX” for format, “30” for FPS (or whatever your project is set to), and “with skin”. It will texture the FBX with the textures located within your zip file, so make sure those textures are in the same folder as this downloaded FBX. http://gordonprice.tv/html5 daily 0.75 2020-09-04 https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1599250759708-VB26U54JQ6OTSG4PP18T/Timeline.00_01_13_06.Still003.jpg HTML5 Once that's done, install the Bodymovin plugin. https://exchange.adobe.com/creativecloud.details.12557.bodymovin.html This plugin converts shape layers and text into lines of code, which is helpful for keeping our filesize down. https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1599250980247-S70ZHLES90KQXC75VGVC/Timeline.00_01_33_28.Still004.jpg HTML5 From there, go windows > extentions > bodymovin. From here, you will want to create a file named data.json, and export it to your HTML5 template folder, which you can download below. https://www.dropbox.com/sh/19stbv0vfcsp46x/AACj_y10jWfEN9_O20KMbHISa?dl=0 https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1599251078311-DCPCS9UKOMG8AKC88HYW/004.jpg HTML5 For this next step, you’ll need something that can read code. Nodepad++ is light, and works perfectly for this. https://notepad-plus-plus.org/downloads/ https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1599251408101-QHZOMGYNN23U0J82VC81/006.jpg HTML5 https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1599250618112-6KA3VMDPIRFJKFIAXNCZ/001.jpg HTML5 Here's a quick tutorial on making ads for google using After Effects. They’re a little challenging, as they need to be under 150KB. That means we can’t use images. Start animating your project, using only shape layers and text. Precomps are fine, nulls are fine, adjustment layers are fine. That's about it, though. Even illustrator files can't port over using this method, as they increase file size. Something I've found useful is simply hitting Ctrl+C on an object in illustrator, creating a new shape layer in After Effects, and hitting Ctrl+V. It’s not perfect, but it works! Here are quick links for everything you’ll need: Bodymovin plugin - https://exchange.adobe.com/creativecloud.details.12557.bodymovin.html HTML5 template - https://www.dropbox.com/sh/19stbv0vfcsp46x/AACj_y10jWfEN9_O20KMbHISa?dl=0 Notepad ++ - https://notepad-plus-plus.org/downloads/ HTML5 Validator - https://h5validator.appspot.com/dcm/asset https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1599251549215-KAI5I78EO0KAUK4HVDLO/008.jpg HTML5 Your HTML5 folder should now look like this: index.html - The main script. This is where you have now typed out your click through link, the resolution, and the title. This tells the zip file to run data.json. data.json - your AE project, exported using Bodymovin. index.js - you won’t need to touch this. lottie.min.js - the thing that plays all of this. You don’t need to touch this either. main.css - you need to set the resolution a second time in here. For some reason. Zip that up, and test it out using the HTML5 validator. https://h5validator.appspot.com/dcm/asset https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1599251481698-QYSQ3A14JBYD6NZ6DOX3/007.jpg HTML5 The only other file you need to edit is main.css. Just change the width and height. So for this one, 300 for width and 600 for height. https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1599251631486-GXIDVZ7O3OCTIVSE4BJJ/009.jpg HTML5 If it shows up as working on here without errors, it will work properly on the Google Ad side. https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1599251277386-BG5M8JQ2MDC17T9GEV32/005.jpg HTML5 Open index.html using Notepad++. You can just drag and drop it right in. Change the parts I have highlighted here. For this example, we’re using something that is 300x600. So the new code would look like this: http://gordonprice.tv/virtualp daily 0.75 2022-02-25 http://gordonprice.tv/resume-2 daily 0.75 2024-03-13 https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1645739315041-JZFRM48HI0KLA8GECS0U/Resume03.png 0Resume - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1645739294451-YT6TJY67Z69JN4WGNNWE/Resume02.png 0Resume - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/562847e9e4b00e2673599d9d/1645739407893-Z3W6T1YO7W3D8Y4B7H8M/Resume00.png 0Resume - Make it stand out Whatever it is, the way you tell your story online can make all the difference.