Hopefully, now that you’ve seen how this scene was created, you can see ways to incorporate these techniques in future projects. When all these animated effects come together, the result is a very professional-looking logo animated created in almost no time. Here are the flared highlights and traveling highlight together. Here is an example of one set of Advanced Controls: In the image below, it shows the paths for each highlight (six in total).Īll these flared highlights have their Scale and Opacity customized in the Advanced Controls Their curves start and end at zero, but reach 100% for the portion of the animation where they are visible. In this case, there are multiple highlights that are animated using Beeline. This also uses the flared highlight that travels along part of the letters. Here is the highlight traveling across the lettering. One has some transparency to enable a layer with the Beeline animated effect to travel across the top of the letters. The first part of the lettering is pretty much the same as steps 1 and 2 in Triangle. Select Controls, then Advanced Controls and make changes to the opacity (so the highlight can fade in and out) and scale (so the highlight grows, then shrinks, as it fades way). Select the flared highlight layer above the triangle and select Beeline.ĭraw a line to trace the bottom “v” of the triangle. You want it to be just above the “v” of the triangle. Select the highlight layer between the triangle layers and select Beeline.ĭraw a line from the left of the screen to the right. There’s also a flared highlight that travels along part of the triangle. One is the underlying image and the second has some transparency to enable the animated effect between them to fade in, shine, and out. The other layer added is a lattice of the design that isn’t animated. The first dims the edges of the logo and design. In this case, the line goes from the top of the screen to the bottom.įor only one of these layers, select Controls, then Advanced Controls and make changes to the opacity of the second layer (so it can fade in and out).įrom here, there are two additional layers that help to complete the background. Select the design layer, assign the Beeline animation, and draw a line for it to follow. Both will use the Beeline animation however, only one has additional modifications to its opacity. You might notice there are two design layers animated in the scene. There are two versions of the background design animated. This will make less work for you and create a transparent background. SUCCESS: If any image other than the main image has a solid background, use the built-in option to let the app try to clear its solid background. Import any content from outside SketchBook Motion using > Import to Layer. Main image (for this example, the lettering and background), plus alternative versions of the logo and graphic elements.What’s quite interesting is that all the animation is Beeline.Ĭreate the following content either in SketchBook or SketchBook Motion: This helps to illustrate how complex and ingenious this scene really is. These are all the layers in this project. Try to apply the principles used in this example to your own work. We won’t go over every step, just the parts that are unique or just really creatively done. This article breaks down the process for creating this animated logo. How to create a professional-looking animated logo If you are interested in making professional-looking animated logos, you should start by looking at this example, created by David Thorp in SketchBook Motion.ĭavid used layers and a combination of animation modes and behaviors to create this. See below for some common document sizes.Creating a professional-looking animated logo You can add images (sketch content) to individual layers to build up your file. If you start a drawing on the mobile version, you can export the file to Sketchbook Pro on desktop and continue drawing on a larger canvas. To check or change your image size, in the menubar, select Image > Image size. Different devices will max out at different sizes. In Sketchbook for mobile devices, the maximum canvas size will be limited by the capacity of the device. your canvas size needs to be 4950 x 7020 pixels.Įnsure your image size and resolution are correct before starting to drawing. Therefore, when setting up your canvas you need to take the pixel size of your image and select a printing resolution (150 or 300 dpi) to calculate how big your image will print.23.4 inches x 300 dpi = 7020 pixels per inch square.16.5 inches x 300 dpi = 4950 pixels per inch square.your canvas size needs to be 2475 x 3510 pixels.23.4 inches x 150 dpi = 3510 pixels per inch square.16.5 inches x 150 dpi = 2475 pixels per inch square.To print using Sketchbook Pro, here is the calculation for an A2 size output: In Sketchbook Pro on desktop, you can create larger canvas sizes. If you plan to print your piece, you will need to set up your canvas at the pixel dimensions needed for your desired DPI. Sketchbook on mobile devices does not set DPI, because the app does not have a concept of measurement.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |