rt@MininiWebdesign des polices pour les graphistes. Merci à Virginie qui a trouvé un bon job, bravo!
Archives de la catégorie : graphisme
L’art de la couleur sur le web
14 outils en ligne pour créer des palettes de couleur
Pour le webdesigner d’aujourd’hui comme pour le peintre d’hier, le choix d’une bonne palette de couleur est déterminant pour la réussite d’une oeuvre, fut-ce un site web. Pour y parvenir, voici quelques ressources en ligne pour obtenir rapidement des palettes de couleurs de qualité, tout en s’amusant.
La couleur ? Longtemps elle a semblé échapper à toute appréhension, son caractère « accidentel » a découragé toute science. Sur elle on ne pouvait fonder un art. D’où la prééminence du dessin. Puis Newton établit que la lumière blanche n’est pas homogène mais composée. A sa suite, Buffon puis Goethe font leur place aux couleurs d’origine physiologique qu’ils rapportaient à l’oeil percevant. Les années 1840 marquent, elles, le grand tournant dont nous demeuront les héritiers : Chevreul, savant chimiste, remet en question les rapports admis de l’oeil avec l’objet perçu. Il établit la loi générale qui régit la perception des rapports entre couleurs contiguës. Une revalorisation de la couleur s’ensuivit qui a excercé une influence considérable sur plusieurs générations de peintres : Delacroix, les impressionnistes, Van Gogh, Gauguin, Seurat, Signac, les symbolistes, les futuristes et Delaunay. Le changement de paradigme ouvre sur la conquête des voies propres de la couleur qui conduiront la peinture jusqu’à l’abstraction.
Art et science de la couleur. Chevreul et les peintres, de Delacroix à l’abstraction. Edition revue et augmentée. George Roque. Gallimard, Collection Tel. 2009. Vous pouvez suivre sur la plate-forme e-learning de nextformation le cours sur l’histoire de l’art
1. Toucan Color Palettes
Toucan fait partie des outils de création et d’édition en ligne proposés par Aviary. Vous pourrez très facilement créer vos palettes de couleur et les sauvegarder. Il est possible de lier Aviary à son compte Flickr pour piocher des couleurs dans votre stock de photos. Cerise sur le gâteau, il est possible de visualiser une palette de couleurs selon différentes affections de la vision telles que : protanopy, protanomaly, deutéranopy, deutéranomaly, tritanopy, tritanomaly, achromatopsy ou achromatomaly. Pratique pour s’assurer que les informations véhiculées par les couleurs seront accessibles pour tous !
2. kuler
L’outil indispensable pour chercher l’inspiration ou créer votre palette de couleur à partir de couleurs choisies d’après un nuancier (analogique, monochromatique, triade, complémentaire) ou en fonction de différentes teintes ou saturation. Des curseurs interactifs vous permettront d’affiner les choix initiaux en toute liberté selon votre intuition ou vos savants calculs quelque soit le mode colorimétrique de base : HVS, RGB, CMYK, LAB, HEX
Il est également possible de déterminer une palette de couleur d’après une image que vous aurez téléchargée depuis votre poste de travail ou depuis le meilleur site de photo au monde : flickr. Vous obtiendrez une palette de couleur que vous pourrez modifier en faisant varier les points chauds de l’image en question au cas où les couleurs par défaut passeraient à côté d’une couleur significative de l’image. Vous pourrez également faire varier les couleurs par défaut selon six modes prédéfinis.
3. ColorSuckr
Créé par Paul Burgess, ColorSuckr génère votre palette de couleur à partir du profil chromatique de votre image une fois que vous aurez indiqué son URL. Il est également possible de choisir une palette d’après une photo présente sur flickr en précisant un mot-clé. L’originalité vient du fait que l’on peut — pour chaque dominante de couleur — afficher les palettes de couleur déjà créées sur COLOURlovers. C’est un excellent exemple de mashup dans la pure tradition du web 2.0 !
4. colourlovers
COLOURlovers est un générateur de palettes qui prend la température de ce qui se fait de mieux en terme de nuanciers à travers le monde autant qu’il influe sur les tendances à venir. COLOURlovers permet à chacun (publicitaire, designer, graphiste, architecte, etc.) de chercher parmi des centaines de nuanciers, de les comparer entre eux et de se tenir au courant de ce qui se passe dans le milieu de la couleur, le tout en version française !
5. Pictaculous
L’originalité de cet outil est d’être compatible avec votre iphone : prenez une photo depuis votre appareil, envoyez-là à l’adresse colors@mailchimp.com et patientez pour la réponse !
6. Color Palette Generator
« Pour commencer, choisissez une couleur en utilisant le sélectionneur de couleur, et une palette composée d’un camaïeu de 6 couleurs sera calculée automatiquement. » Ce site comblera les fanas de couleurs grâce à la possibilité de sauvegarder des sets de couleurs aux formats Photoshop et Illutrator ! Voire de se faire envoyer les camaïeu par email !
7. colr
Dans le même esprit que Color Palette Generator le site extrait les couleurs d’une photo et propose une fonction « schemes » qui propose un dégradé selon les couleurs trouvées. Notez que si les couleurs ne vous conviennent pas, vous pourrez cliquer à nouveau pour avoir une autre proposition. Il est possible de tagger les couleurs et d’effectuer des recherches par tag ce qui s’avère très pratique quand on cherche une couleur par association d’idée.
8. Color Blender d’Eric Meyer
Un peu plus frustre d’apparence, mais néanmoins très utile. Voir ma petite note sur ce Color Blender pour une traduction du mode d’emploi.
9. colorschemer
Comme les autres, ce site permet de définir une palette de couleur mais se distingue en offrant l’utilitaire ColorPix pour prélever les couleurs visibles à l’écran. Le zoom va jusqu’à 2800% ce qui devrait suffire. L’application peut se lancer au démarrage et une option permet de placer la fenêtre au premier-plan ou la réduire dans la barre des tâches. En appuyant sur une touche, la couleurs sélectionnée est verrouillée. Redémarrez si cette fonction ne marche pas.
10. COLOROTATE
Colorotate offre une belle interface (bien qu’un peu confuse au premier abord) pour créer, mixer, mélanger les couleurs pour obtenir de palettes de couleurs. Le plus de Colorotate est d’afficher les palettes selon plusieurs types de déficiences visuelles.
11. Colorjack Studio
Je n’ai pas vraiment été convaincu par l’ergonomie et le look and feel de Colorjack Studio, mais qui sait, peut-être trouvera-t-il son public. En revanche, vous serez peut-être intéressés par les autres outils disponibles sur le site, comme Color Galaxy et Color Sphere.
12. Daily Color Scheme
Tous les jours une ressource colorée sous la forme d’une palette de couleur à télécharger pour Photoshop, Illustrator, etc. mais aussi sous forme de fichier CSS ou HTML.
13. Color Hunter
Crée une palette de couleur d’après un tag, une couleur hexadécimale (ne mettez pas le symbole# devant), l’URL d’une image ou en fonction d’une image sur votre disque dur. Propose également de modifier la tonalité des couleurs en diminuant la saturation.
14. Color Scheme Designer
Très bel outil pour créer des sets de couleurs modifiables globalement en jouant sur la saturation, le constraste ou en ajustant chaque couleur séparément.
Cet article provient de : Bruno Bichet, infographiste depuis 1993, formateur en création de site web depuis 2001 et intégrateur web depuis 2005.
N’oublions pas Fireworks pour les artistes du web
Dans les formations web, il y a toujours quelques jours dédiés au logiciel fireworks qui permet de résoudre rapidement les questions d’images pour le web sans faire appel au poids lourds du genre (Photoshop etc…)
Formation Adobe Fireworks : Découvrir l’espace de travail de Fireworks CS5 from Nakatomi on Vimeo.
Les Promos Borodine et Ellington
Dans la rubrique 2D une nouvelle page vous présente les travaux réalisés par les promotions Borodine et Ellington, 2 promotions de graphistes qui achèvent la période PAO, prépresse (Photoshop, indesign, illustrator). Catherine Biry, le chef de produits, vous invite à regarder leurs réalisations
Nextformation! nous n’y étions pas, et pourtant…
Nous n’y étions pas! du moins comme partenaire… Journée des 20 ans de Photoshop, ce n’était plus comme avant. Nous avons connu des temps plus fastes, des moments partagés, pendant les quels plusieurs centres de formations animaient l’espace. Ce n’est plus le cas aujourd’hui, Adobe s’abandonne au succès de ses suites logiciels. Il y avait beaucoup de monde, une vraie réussite!
Un catalogue des bonnes pratiques web! on en rêvait…
A tous nos futurs webdesigner et même webmaster, vous trouverez sur ce lien un catalogue des bonnes pratiques pour réaliser un site web correctement normé. C’est un travail remarquable, que vous devez consulter pour réussir vos productions. A mettre dans vos favoris et à consulter tant que de besoin
Les 20 ans de photoshop. Y serez-vous?
Photoshop a eu 20 ans, il y a quelques semaines et pour fêter ça, Adobe avait lancé un concours ouvert à tous les graphistes, artiste et créatifs. Au final, 20 gagnants ont été annoncés il y a quelques jours.
Pour continuer sur cette lancée de numéros « 20″, un gros Event est organisé le 20 Mai dans Paris ! Trois fois le chiffre « 20″ tout est fait pour représenter au mieux cette date anniversaire , ça va vraiment être la fête de l’art numérique ! L’event aura lieu à l’Espace Charenton à Paris ! Un mélange de conférences et démos autour de la CS5, une Battle graphique, des artistes qui créeront en live une fresque sur papier, des mini-formation genre Class-room, des plots questions réponses, des plots partenaires. Le tout se finira par une soirée Pecha Kucha, la fameuse soirée dédiée aux designers, les gagnants du concours 20 ans de Photoshop seront d’ailleurs récompensés en live durant la soirée ! Les conférences de l’après-midi seront animées par des experts de l’image et la présence d’une de nos plus grosses références françaises en terme de Photo-montage et retouche photo, Monsieur Christophe Huet ! Christophe parlera de son travail, de ce qu’il pense des nouveaux outils présents dans Photoshop CS5… De la retouche photo au Matt Painting en passant par le HDR, la vidéo, la 3D, la gestion de des tablettes Wacom avec les nouvelles Brush… Programme détaillé dans la suite. 20ansphotoshop1.jpg En gros, la team Wisibility va assurer le contenu de l’après midi de 14h à 19h et la team de la Pecha Kucha animera la suite de la soirée !
Dessiner en ligne sans faire grand chose
Voilà un petit site sympa pour dessiner en ligne. Il n’y a pas grand chose mais c’est bluffant!
