Sélectionner une page

Symboles météo vectoriels

[fusion_builder_container hundred_percent= »yes » overflow= »visible »][fusion_builder_row][fusion_builder_column type= »1_1″ background_position= »left top » background_color= » » border_size= » » border_color= » » border_style= »solid » spacing= »yes » background_image= » » background_repeat= »no-repeat » padding= » » margin_top= »0px » margin_bottom= »0px » class= » » id= » » animation_type= » » animation_speed= »0.3″ animation_direction= »left » hide_on_mobile= »no » center_content= »no » min_height= »none »]

Set de symboles météo

Une ressource gratuite pour les graphistes et agences !

Il s’agit d’un set de symboles vectoriels que j’avais créés à la base pour une application avec une carte météorologique. L’application n’ayant finalement jamais vu le jour, je mets ces icônes à disposition, ils seront peut-être utiles à quelqu’un. Il y en a au total une petite quarantaine.

Créés sous Adobe Illustrator CS4, ces fichiers sont mis à disposition gratuitement pour un usage personnel ou commercial. Ils sont libres de droits dans la mesure ou vous ne me devez pas d’argent, mais il faut respecter les conditions de la licence.  Vous pouvez les inclure dans un autre projet, les modifier et les partager à votre tour. Un lien vers mon site pro : www.kiwimage.com est requis dans tous les cas si vous utilisez ces icônes sur votre site, blog, web-TV ou autre.

La license :  Creative Commons License

licence Creative Commons Paternité-Partage des Conditions Initiales à l’Identique 2.0 France.

Télécharger les symboles météo au format Illustrator AI ( version CS4 et supérieures)


Télécharger les symboles météo au format SVG

édit ( 29-08-10) : Suite à la demande de Alain L. en commentaire de ce billet, j’ai ajouté aux fichiers vectoriels ces deux illustrations de thermomètre gradué, qui rendront ce set un peu plus complet.

pictogramme thermometre 01

pictogramme thermometre 02

[/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]

Un contour de tracé vectoriel dans Adobe Photoshop [tutoriel]

Appliquer un contour complexe (type brush) à un tracé vectoriel sous Photoshop n’est pas une manipulation très intuitive, J’ai donc fait un petit pas à pas qui détaille la méthode que j’emploie.
Je précise que je suis sous Photoshop CS4, mais la démarche est identique sur les autres versions de Photoshop.

blank

D’abord, assurons-nous que nous avons affiché la palettes tracés ( > fenêtres > tracés).

On crée un nouveau calque transparent et on se place dessus. (calque>Nouveau>Calque… )

Il faut définir à l’avance le style de contour que l’on souhaite, via l’outil crayon [shift+B].
Pour cet exemple, on prend une forme de brosse ronde basique, vous pourrez expérimenter par la suite avec différents types de brosses.
L’épaisseur est importante, on la définit ici via la glissière Diamètre principal, pour cet essai, mettons une valeur de 10pixels.
La couleur sera celle d’avant-plan.

blank

Ensuite nous sélectionnons l’outil de création de forme,

blank

Dans la barre d’options, en haut (> fenetres > options) il faut activer le mode « tracés » comme ceci :

blank

On trace notre forme, soit en glissant sur la scène une forme prédéfinie de photoshop, soit à la main avec la plume [P].

A cette étape, il n’y a pas de forme réellement visible sur l’image, juste un tracé de travail invisible au rendu.

blank

Dans la palette des tracés, nous  voyons apparaitre notre étoile en miniature,  faisons un clic-droit dessus et choisissons >contour du tracé…

blank

Là, Photoshop nous demande quel outil utiliser pour le contour, nous choisissons le crayon (« simuler la pression » est décoché) et validons.

blank

Voilà, normalement nous obtenons un contour non rempli, qui suit parfaitement notre tracé vectoriel.
Le tracé lui-même peut-être maintenant déselectionné dans la palette tracé.

On peut le réutiliser pour créer de nouvelles formes ou bien le supprimer, notre étoile étant maintenant sur le calque.
Dans l’exemple ci-dessous, il y a 3 calques comprenant chacun une étoile, j’ai varié la forme et la taille de l’outil crayon pour obtenir différents graphisme.

blank

A vous d’expérimenter maintenant selon vos envies.

C’est le premier didacticiel que je mets en ligne, n’hésitez pas à apporter vos commentaires.