Author Topic: New Forecast Icons  (Read 4864 times)

Offline krmidas

  • Full Member
  • ***
  • Posts: 91
    • The Tom Keramidas Climatological Experience
New Forecast Icons
« on: July 26, 2012, 06:56:15 PM »
I found some new forecasting icons that I think work very well with the Weather Blues template. They can be downloaded here:
http://http://mohitg.deviantart.com/gallery/24233837#/d2hf477

I also got rid of the white border in the forecast square, so I wouldn't have to deal with fitting these new icons in a more rectangular shaped box.

If anyone needs any help switching out the icons, let me know. I've also credited the artist at the bottom of the page.

-Tom
« Last Edit: December 31, 1969, 06:00:00 PM by Guest »
Tom Keramidas, Lake Zurich, IL, USA

Offline virusdunil

  • Jr. Member
  • **
  • Posts: 24
    • http://www.meteohebertville.com
Re: New Forecast Icons
« Reply #1 on: July 28, 2012, 04:32:50 AM »
wow...they look beautyfulll ;)

i think its gonna be the next thing ill add   to my site;).


i think youll have to give us an explanation and ill put it in the frenchsection as well ;)

Maybe Jacques will insert them as default icons in next release of WB.... :roll:
« Last Edit: December 31, 1969, 06:00:00 PM by Guest »
Station Meteo:National Geographic Fine Offset)
Logiciel:Cumulus et Weather Display
Mon site: http://http://www.meteohebertville.com

Offline Mr.Meteo

  • Administrator
  • Hero Member
  • *****
  • Posts: 1116
    • http://www.meteostours.ca
Re: New Forecast Icons
« Reply #2 on: July 28, 2012, 07:40:56 AM »
Hi,

Yes I plan to release many other icon libraries in the future, I've downloaded
about 8 set to release sometime, as none are adapted for Cumulus. Then, I've
adapted 2 complet set for Cumulus and keep others for some free time to work
on that.

Graphism is not a small job! As we pass a lot of time on little things!  ;)

Jacques
« Last Edit: December 31, 1969, 06:00:00 PM by Guest »
Please, consider supporting this site 

Offline krmidas

  • Full Member
  • ***
  • Posts: 91
    • The Tom Keramidas Climatological Experience
Re: New Forecast Icons
« Reply #3 on: July 28, 2012, 08:45:03 AM »
Here's how I adapted the new icons. You can have a look here:

http://http://krmidas.home.comcast.net/~krmidas/cumulus/index.htm

The icons I'm using are in a zip file and are attached.

There are more icons in this set than you'll probably need. I picked out 15 of them that corresponded roughly with the icons that were being used in the template. Some icons don't apply to forecasts that Cumulus generates (nightime images, etc.)

I re-sized my 15 hero images to 222 x 189 px. (You'll notice later that when I revised the indexT.htm file I decided to specify the height as 159 px. This was easier than going back and doing another re-size on all the images individually). Of course, you should play with what you think works best. I found that the drop shadow off the right size of the image looked a little sloppy, so in photoshop, I cleaned up the right side and it looks better. If any of you don't have Photoshop, I'd be happy to zip up my 15 re-sized/cleaned up icons and send them to you.

There are 26 weather forecasts that the icons are associated with. If you're using Cumulus, you can see what these 26 forecast states are in the samplestrings.ini file in your Cumulus folder.

You'll notice that the existing set of forecast icons also correspond to these 26 forecast states. You can have a look here: http://http://meteoduquebec.com/icones_grzanka.html

If you don't pick 26 icons, some of the ones you choose will have to serve for more than one type of weather forecast. I've had to do this, since there's not much difference (graphically speaking) between "unsettled, precipitation later" and "unsettled, some precipitation". One of my icons works for I think 7 of the 26 forecasts! Just make sure you end up with 26 images that are sized properly.

Match your resized icons to these forecast states and rename your files "1", "2", all the way up to "26". If you do any work on these files, MAKE SURE YOU SAVE THESE AS PNG FILES, and they remain transparent. Proper method of saving in Photoshop Elements is: file/save for web, on the right side of widow, choose "PNG-24":
[attachment=2:1dgx278g]Capture.JPG[/attachment:1dgx278g]

While I had Photoshop open, I did a little work on the file pan_jour (which can be found on your server in the cumulus/images folder). I got rid of the white box in the forecast area on the template. I did this because these new icons are more or less square, and the existing box in the template is more or less rectangular. I've attached the revised pan_jour file, which I renamed pan_jour2.

Next, I uploaded file pan_jour2 to the server, in the same location as the original pan_jour (on my server it's cumulus/images).

Before proceeding, one piece of advice:  before doing any editing on the css or htm files, make sure you grab a copy of the existing file and put it in a safe place (I have a folder on my desktop I call "safe"). This way, if you mess up, you can just drag the unaltered file back and you're back where you started)

Next, using an html editor, open the styles.css file (on my server it's in /cumulus). In line 448 rename pan_jour.png as pan_jour2.png. Save the file and upload the revised styles.css. Now your revised icons will be placed over the background without the white border.

Next, in the indexT.htm file (the file on your computer, probably in your Cumulus/web folder), find your "forecast" (it's toward the bottom) section. This is how my forecast section now reads:

<div class="pan forec">
<h2>Forecast</h2><br><tr><center>
<img src="images/meteo/<#forecastnumber>.png" height="159" alt="Forecast icon" title="Forecast icon" /></center>
<p style="text-align:center"></table>Forecast image<br><em>(next 12 hours)</em></p>
</div>

See how the "forecast number" gets inserted right before ".png"? That's how the server knows what picture to place on your site, based on what forecast your software is returning.

Finally, take the 26 new .png images and overwrite the 26 that are in the cumulus/images/meteo folder on your server. Once again, You should back up those 26 images first, in case you don't like the new icons.

That should do it. You may need to play around with the spacing of the words "forecast" and "forecast image", but that's pretty easy stuff.

It's always a good idea to properly credit the artist, even though these icons are freely available for download and personal use. The artist's name is Mohit Garg.

Hope this tutorial helped!

-Tom
« Last Edit: December 31, 1969, 06:00:00 PM by Guest »
Tom Keramidas, Lake Zurich, IL, USA

Offline avoorpool

  • Sr. Member
  • ****
  • Posts: 372
    • http://pickeringweather.ca
Re: New Forecast Icons
« Reply #4 on: July 28, 2012, 09:10:53 AM »
I've tried and installed those forecast icons but was a bit distracted by the intens "green" in the bottom of each image, while WB' s background is all based on variations in "blue"...  :D  :D
(Details, Details.... :D  :D  :D )
Searched for other icons (there are many variations!!!), and finally I'm happy with the ones currently on my site. I downloaded from:
http://vclouds.deviantart.com/art/VClou ... -179152045
With a bit of "padding" they fit perfectly in the existing white frame (padding set to: style="padding: 25px 60px 25px 5px")
Jacques, which ones did you download (there are "millions" to download....  :roll:  :roll: )

Cheers,

Arthur
« Last Edit: December 31, 1969, 06:00:00 PM by Guest »

Offline Mr.Meteo

  • Administrator
  • Hero Member
  • *****
  • Posts: 1116
    • http://www.meteostours.ca
Re: New Forecast Icons
« Reply #5 on: July 28, 2012, 10:44:23 AM »
Hi!

I've plan this icon set from some time ago, but yes, green was not
my 1st choice for Weather Blues  :shock: I was thinking about Weather Green
Or Weather Sunset templates... but Tom has washed my "première" (Joke Tom! :lol: )

I'm checking seldomly for a real long time...yes they are quite a few, but when
you want more than 10 quality icons.... choice reduced quite a few.

For now I've keep 29, my "best" are around 20, and "low re-work" are around 5:

003-Nature
008-Nature
016-Nature
7_
ajax_animated_icons
Aqua-tr
English_GIF_White
forecast_icons
iconbest_nr_02
NovaconWeatherIcons
simple_weather
Simple_Weather_Icons
Sticker_Weather
The_Weather_monolistic
tick_weather_icons_by_xiao4
vclouds_weather
weather_by_harwenzhang
Weather_Icon_Set_Unity_1_0_by_Rago
weather_icones_d464m5w
weather_icons
Weather_Icons_by_mrducklumps1
Weather_images_4_by_jonatan7
Weather_Manilla_Lanscape_Icons_by_mohitg
weather_png
Weather_Touch
weather_umutavci
WeatherDesks
weather-icons-collection
yr-icons

Vut, like I said, there is a lot of job for non-grapnist!  :roll:

Jacques
« Last Edit: December 31, 1969, 06:00:00 PM by Guest »
Please, consider supporting this site 

Offline krmidas

  • Full Member
  • ***
  • Posts: 91
    • The Tom Keramidas Climatological Experience
Re: New Forecast Icons
« Reply #6 on: July 28, 2012, 10:51:41 AM »
You guys make good points. The only thing I would say as a counter-point is that the existence of the nivo-slider banner at the top, showcasing other photos, allows you to introduce other colors into the pallete. To each his own!  ;)

-Tom
« Last Edit: December 31, 1969, 06:00:00 PM by Guest »
Tom Keramidas, Lake Zurich, IL, USA

Offline Mr.Meteo

  • Administrator
  • Hero Member
  • *****
  • Posts: 1116
    • http://www.meteostours.ca
Re: New Forecast Icons
« Reply #7 on: July 28, 2012, 10:55:34 AM »
Hi Tom,

...and that was the main goal, modulable templates no "hard coded" things
then all taste could be served!!  :D

Jacques
« Last Edit: December 31, 1969, 06:00:00 PM by Guest »
Please, consider supporting this site 

Offline avoorpool

  • Sr. Member
  • ****
  • Posts: 372
    • http://pickeringweather.ca
Re: New Forecast Icons
« Reply #8 on: July 29, 2012, 09:35:35 AM »
Hi Guys,

Of course I now have to "stick" to my ideas about matching colors  :D  :D  (Blue happens to be my favorite color and therefore one -of the many- reasons I like the Weather Blues Template a lot!!!!!
I've changed from Vclouds to "Weezle" (http://d3stroy.deviantart.com/art/Weezl ... -187306753) and they look pretty good in the WB template.
They are in some way kind of "abstract"  but there is a reasonable # to choose from (although like Tom said, some icons "do the job" for several forecast strings.....)
Maybe not "perfect" yet, so I'll keep searching!!
Jacques, can you share some of the sources you've found for the icons you have in mind???
Thanks

Cheers,

Arthur
« Last Edit: December 31, 1969, 06:00:00 PM by Guest »