- Design Brief:
- Yay, you just finished a new logo or a great new icon and you want to show it to the world! Let’s give it some extra love and create an animated pattern with it. This tutorial will focus on animation in AE, so use a logo (or an icon) you already designed. If you do not have a suitable logo or icon… maybe you can first create a logo for an imaginary project or just try to animate a shape or line.
- Focus on creating an animated pattern.
- Create an animation that consists out of an animated pattern and one or more other effects.
- Ready to take it a step further? Play around in AE and see what else you can do with the pattern. For example, create several layers and play with the effects of the animation. Or maybe you can try and first create a source for the pattern (so that would be a separate composition) with more than 1 element…
- Design Constraints:
- Use Adobe Illustrator for preparing your logo file, then use After Effects to create the animation. Keep the animation short, max 15 seconds.
- Design Goals:
- Create an animated pattern in AE.
- Tools & Techniques:
- Adobe IllustratorIllustrator LayersIllustrator Trace ToolAdobe After Effects
- Total Time Allowed:
- Allow 1 and a half hours for a beginner designer, 2 hours for intermediate and up to 3 hours for advanced design work.
DEXDesign Exercises Weekly
Weekly Design Exercise abbrev. DEX
noun: weekly design exercise; plural noun: weekly design exercises
1.Activity requiring physical effort occurring once a week, carried out to sustain or improve health and fitness of your freakin’ mind.
E.”Weekly Design Exercise improves your Adobe skills and design power"
Feel free to jump into our weekly design brief and produce a mini design project. They are completely free. No catch! These exercises are The Graphic Design School’s contribution to the continuum of the design education of our design graduates, students and the design world at large. Gosh darn that’s nice of us!
Who is this for?
Whether you are a Beginner, Intermediate or Advanced level designer. There is a brief to suit you. Follow the instructions in the brief to the letter.
How do I submit my work?
Once your done upload your image to share. We may upload your image to our new Instagram page, be sure to include your Insta handle (@username) so we can credit you. If you don’t have an Instagram account, you can just type in your name. Leave your details blank if you like.
What is a good size for the images?
Please make sure your image is of good resolution, it shouldn’t exceed more than 5mb or thereabouts. png, jpeg, svg all acceptable formats. By uploading your image you are giving us permission to publish it.
Can I subscribe to this awesome concept?
If you would like to receive an email from us each week with the brief and video. Be sure to subscribe at the top right of this page. We won’t share your information or be spammy.
What if I want to go further?
If you love what we do, and think you would like to try your hand at becoming a designer. Check out our courses here.
Can I contribute?
If you would like to become a regular video contributor, let us know. Even though we offer them for free, we pay contributors. Or if there is a technique that you would really like to learn, email us a visual, and any ideas you may have.
Can I contact The Graphic Design School?
Anything else you need or want to ask contact us at: email@example.com
Can I be a voice of TGDS?
If you want to spread the good word to your design friends feel free to share this page on social media ;)
Textile Design - Part 2 Creating Print Textures
Design Brief: Draw two designs in illustrator that are a pattern of objects and can be layered.
Get Started with a Basic Animation in After Effects
Design Brief: Create a short animation in which you animate text. Of course you can make up your own plan for the text.
Textile Design - Part 1 Repeat Print
Design Brief: Create a repeat pattern in Illustrator using swatches
Use the width tool to create your Own Curvy Letter
Design Brief: We are going to use and get familiar with the width tool while creating your own curvy letter with flowing smooth add-ons.
Create a punchy typographic Xmas gif, then we show you how to embed in your email signature!
Design Brief: Create 3-7 quick beautiful typographic systems you can chose any theme. We show you how to host the gif online and how to html embed in your email signature for the world to see.
Using Adobe Dimension & Photoshop To Create Striking Packaging
Design Brief: Create a colour-stream background using an image in Photoshop, apply it to packaging in Illustrator and then create a 3D mock-up of your packaging in Adobe Dimesion.
Draw & Apply your Own One-Line Art to a Mockup
Design Brief: Draw something in 1 continuous line and apply it to a packaging or poster mockup. Believe it or not, continuous line drawing is an art movement (we will show you more examples in the video). You can draw anything, an object, person, animal, plant, anything your heart desires. The catch is the image must be easily recognisable.
Social Media Series: Learn to shoot, style and edit an image for your social media channels
Design Brief: As a designer it's important we harness social media as one platform to showcase our work and the work of our clients. Use your iPhone and capture a beautifully styled vignette in a pastel tone to fit into a similar branding system. Edit your image and take it all the way to your own social channel.
Social Media Series: Absolute Beginners Design & Present an Instagram Mockup
Design Brief: Want to showcase your work in a professional and realistic way? Mockups are easy to use and there are so many available, both free and paid. Be sure to always find a mockup that suits your final project. Can’t find the perfect mock for your design? Find an image (make sure you check the licensing) or use your own to get started with your own mock.
Create a World Cup animated gif in Photoshop to promote your event
Design Brief: Create a World Cup gif in Photoshop using layers, add your branding to the image, and animate them to life!
Create a Seamless Pattern in Photoshop and Apply it to Your Mockups - Part 2
Design Brief: Transform photographic images into engraved illustrations to use as part of an identity design. These images will also be used in DEX Week 26 as part of an identity system and pattern.
Create an Identity Using Engraved Effect on Images - Part 1
Design Brief: Use the images created in DEX 23 (or source other design elements) or images, and create a seamless wallpaper pattern to be used on branding elements.
Create a website prototype in Adobe XD - Part 2
Design Brief: Create a full website design using Adobe XD - learn how to use the assets and share a link to a prototype website that will function within a browser.
Add contrasting light effects to a photographic image - Part 1
Design Brief: Create a colour light effect on a Photoshop image to replicate the effect achieved by photographers using colour gels on lenses during a photoshoot.
Create Waves with the Twirl Tool
Design Brief: Create a look that resembles a wave in type and choose a word or sentence/message that fits (or, also fun… totally contrasts) this look. In the example, the word ‘endless’ is used; as ocean waves just keep coming… endlessly. But feel free to choose a different word or message.
Create a Dripping Text Effect in Illustrator
Design Brief: Design a look that resembles something that is dripping or melting.
Create 3D artwork using Illustrator Blends
Design Brief: Create 3D artwork using Illustrator Blends.
Create a Band Artwork using Photoshop Liquify Tool
Design Brief: Create a liquified image for a music band to be applied to a vinyl record sleeve mockup and Spotify application.
The Best Illustrator Brushes Tutorial Ever
Design Brief: Use Illustrator to create your own brushes, we will look at both the art brushes and the scatter brushes. Experiment with the various options.
Create a Retro Style Surf Poster
Design Brief: Create a retro style illustrated surf poster or postcard, with faded colour palette and texture.
Create a Corny Holiday Sweater Knit Animated GIF
Design Brief: Create a knitted typographic message in Illustrator and animate in Photoshop.
Using Adobe Dimension for a Perfect Packaging Showcase
Design Brief: Create a realistic 3D mockup with a scene/background using Adobe Dimension.
Create Surreal Compositions in Photoshop
Design Brief: Creating a striking and unexpected Photoshop composition through the juxtaposition of a food and human/animal element.
Create an Asian-inspired vintage style poster/postcard and ink-effect logo
Design Brief: Create an Asian-inspired Poster or Postcard using techniques to make a modern image look vintage using hand tints and use brushes to give it texture. Add a logo to the poster/postcard and make a modern logo look hand-printed in ink.
Create Patterns with Photoshop, Pattern Bombing, Apply Patterns to Mockups
Design Brief: Create and define a pattern in Photoshop and apply it to a mockup or design in Photoshop. Create at least 3 colour variants of your pattern.
Layered Effect With Illustrator & Photoshop
Design Brief: Create a layered effect and sense of depth using a Photoshop element that overlaps and goes behind the same Illustrator typographic element.
Gold Typography in Illustrator
Design Brief: Create a gold foil or glitter finish to type or a logo on a textured background.
Stamp Tool & Clipping Mask in Photoshop
Design Brief: Design your own unique mockup from scratch in Photoshop, with the stamp tool and clipping mask.
Envelope Distort in Illustrator
Design Brief: Design a word or logo in Ai, using the 'envelope distort' effect.
Paper 3D Collage
Design Brief: Develop a poster or past card, with a visual that looks like a 3D cut and paste paper collage.'
Design Brief: Make a photo of your fave food for break or lunch. Take it into Ai and turn it into a polygonal vector image.'
Create Your Own Mockup
Design Brief: Pick one of your designs that you are very proud of/love and create a mockup to present your design 'to the world'. There's many mockups available online (free and paid), try to find one that matches your work and really gives it the credit it deserves
Head icons design
Design Brief: Design a flat icon in Ai with a long shadow and a paper cut-out look
Hand Lettering in a Shape
Design Brief: Type becomes an image in this DEX. Draw an animal or object (we did a furry bunny for Easter) and find a nice quote that fits the shape.