How to Make WeatherSTAR XL 1998-2006 Icons (UPDATED)

14 replies
1119 views
Translate

I honestly but here's a tutorial of how to make WeatherSTAR XL from January 1998 to December 2006 icons on The Weather Channel. You can make a weather icon (sun, clouds, rain, snow, etc.) but you can animate in After Effects and use the shapes to make weather icons. but I draw icons on Illustrator. But how can we do this?

T

tristan_7446Author

Participating Frequently

How to find HEX colors?

Translate

Anubhav M

Community Manager

Hello @tristan_7446,

Please try the suggestions in this video tutorial on using HEX colors in Illustrator (https://adobe.ly/4cmG18G) and let us know if it helps.

Anubhav

Translate

T

tristan_7446Author

Participating Frequently

Can I have a colors please?

Translate

Monika Gause

Community Expert

Just pick the colors from the templates you are posting.

Translate

T

tristan_7446Author

Participating Frequently

What is the color of the sunny icon?

Translate

T

tristan_7446Author

Participating Frequently

I need to use the Sunny icon please

Translate

Monika Gause

Community Expert

A circle with a radial gradient, surrounded by some triangles with linear gradients. And then some outer glow perhaps.

Translate

Conrad_C

Community Expert

If you want them to be resolution-independent (no jaggies at any size, rotation, or other transformation) then you should draw them in Illustrator. If you want them to look painterly as in the Cloudy.png example you attached, use advanced Illustrator shading techniques like the gradient meshes suggested by Monika Gause. After you import them into After Effects, if you want to make sure they are always full resolution regardless of how you transform them when animating, be sure to enable Continuous Rasterization for those Illustrator layers.

You can also draw them in Photoshop, as layers. But you may want to draw them at 2x or 3x of the typical pixel height and width you would show them on screen, to allow some extra resolution to help avoid visible pixelation during transformations.

I would prefer the Illustrator way, to keep them vector. It will give you a lot more flexibility in After Effects.

Translate

T

tristan_7446Author

Participating Frequently

Cloudy.png

Translate