Article C8: Making Animated Web Content

Featured image

So, we are talking more about animated web content, its a very interesting field, one that adds personality to your company and makes sure its not stale, but how exactly do they do what they do, well I have some information about how to actually start making it, Later on, I will talk about things you need to think about in terms of design logic. So here is some info from a journalist about how to get started with it.

HOW they do the things they do, the answer.

https://design.tutsplus.com/tutorials/how-to-make-an-effective-web-banner–cms-32610

The article in question is right here if you want read, below is an excerpt from the intro.

”Website banners: we see them every day, and they are a great addition to your marketing campaign. In this tutorial, I’ll show you how to make a banner. Banner designs and banner templates are composed of a couple of key elements: an offer and a call to action. You can add your logo if you’d like, and an image to enhance the message.”

“The offer needs to be concise and to the point. You have to let your readers know what you are promoting. The call to action is a text/button that will invite your consumer to your website. Short phrases like “Shop Now” or “Subscribe” are great anchors.”

-laura keung from design tuts plus.

The most popular program for making a web banner seems to be something called Fiverr. This is a codding program used for all sorts of web design. According to this other article I found, its one very popular program.

shoutmeloud.com/banner-ad-maker-software.html

“This is one website that I often use for getting the banner ad design done. There are many talented designer who are offering their design skills for hire. You can get animated HTML 5 banner ads in your brand design within matter of hours. This is perfect for busy marketers, who understand the benefits of outsourcing.”

Harsh Agrawal- of shoutmeloud.com

What is a Time line? What is it used for? And what is a Key Frame Animation? Who makes them?

A time line is where the frames of the animation are placed used to make the project come to life. You can layer then over each other to make the animation as cool as possible.

A key frame is the simplest form of animating an object according to this site: http://web.arch.virginia.edu/arch545/handouts/keyframing.html#:~:text=Keyframing%20is%20the%20simplest%20form,to%20some%20different%20final%20form.&text=This%20keyframe%20is%20%22Box%20at%20End%22.

It is simply based on the notion that an object has a starting state that changes over time, in all sorts of ways to put it bluntly. All web designers use this feature in some sort of unique way. Adobe animate, Motion Builder, blender, cinema 4D, Maya and Pencil 2D are some of many animation programs that use key framing.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s