Skip to main content
Participating Frequently
March 28, 2025
Question

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

  • March 28, 2025
  • 6 replies
  • 1016 views

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?

6 replies

Participating Frequently
March 30, 2025

How to find HEX colors?

Community Manager
April 2, 2025

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

Participating Frequently
March 29, 2025

Can I have a colors please?

Monika Gause
Community Expert
Community Expert
March 29, 2025

Just pick the colors from the templates you are posting.

Participating Frequently
March 30, 2025

What is the color of the sunny icon?

Participating Frequently
March 29, 2025

 

I need to use the Sunny icon please

Monika Gause
Community Expert
Community Expert
March 29, 2025

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

Conrad_C
Community Expert
Community Expert
March 29, 2025

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.

Participating Frequently
March 28, 2025
Cloudy.png
Monika Gause
Community Expert
Community Expert
March 28, 2025

Would be best to use Photoshop for that kind of images.

 

If you insist in creating them vector based, you will have to use gradient meshes.

Monika Gause
Community Expert
Community Expert
March 28, 2025

Probably you can post some sample images?