background preloader

Généralités sur les couleurs dans le guide de la gestion des couleurs

Généralités sur les couleurs dans le guide de la gestion des couleurs
Ce guide se veut une initiation à la gestion des couleurs. Il n'est pas écrit par un "théoricien" des couleurs mais par un photographe passionné qui s'intéresse au sujet depuis quinze ans. Vous n'y trouverez donc pas de tests avec plein de chiffres après la virgule mais bien un retour d'expérience pragmatique, concret. A travers ces dix pages, je souhaite vous accompagner dans le vocabulaire spécifique à la gestion des couleurs. La gestion des couleurs, voici une étape à ne surtout pas négliger et qui pourtant est encore trop souvent délaissée par les photographes ou les graphistes lorsque qu'ils travaillent leurs images sur un ordinateur. J'espère cependant vous montrer dans les pages de ce guide d'initiation que la gestion des couleurs n'est pas réservée à une élite mais doit faire partie de la culture de tout photographe - amateur ou professionnel - au même titre que la mise au point, la profondeur de champ ou la mesure de la lumière. Remerciements... Dans un monde parfait (!) Related:  palettes de couleurskarsatagoutils couleurs

Quelle gestion des couleurs sur Internet ? Quels navigateurs gèrent les couleurs ? Curieusement, c’est un évènement extérieur à Internet qui a révélé comment nos navigateurs gèrent réellement les couleurs. En effet, depuis l’avènement des écrans dits large gamut donc montrant approximativement l’espace Adobe RVB 1998, les couleurs affichées sur Internet ont commencée à être parfois flashy ! Faisons donc le point sur la gestion des couleurs des navigateurs et quelle attitude adopter pour diffuser vos propres images sur Internet… Avant – Avant il n’y avait que des écrans montrant le sRGB. Avant, tout ce passait à peu près bien sur Internet. Tous les sites affichaient de belles couleurs « normales ». Maintenant – Maintenant, il faut faire avec une nouveauté qui n’a rien à voir avec Internet mais qui a de lourdes conséquences sur nos images sur Internet : le gamut de certains écrans c’est agrandi pour montrer, en gros, l’espace couleurs Adobe RVB 1998. État des lieux… Donc commençons par comprendre ce qui se passe. Une exception intéressante : Firefox ! – Ma chaine Youtube

- Hacking citoyen - projet de diplôme Geoffrey Dorne - Ensad Four Quick Tips For Improving Color Harmony In Your Theme Customizations “With great power comes great responsibility.” That’s what Spider Man would tell you if he was teaching you about color theory. When using our themes, the Theme Customizer gives you full control over the colors in your design; but how do you make sure that you don’t ruin a great design by choosing disharmonious color combinations? 1. Step One: Learn Basic Color Terminology Hue – The hue refers to the position of a color on the color-wheel, each of which represents a certain spectrum of light. Value – This refers to the relative lightness and darkness of a color. Saturation – This term refers to the relative “strength” and “weakness” of a hue. 2. Starting off with complimentary colors is a great way to begin exploring ideas for your website’s color-scheme. In the above example, I begin with the complimentary colors Green and Red. 3. Using colors that are next to each other on the color wheel is also a great way to ensure that your colors don’t clash. 4. The Moral Of The Story?

TOP 14 des répertoires d'images gratuites! (usage commercial) Par Olivier Lambert, dans Design , publié le 2014-11-10 La photo a toujours été partie intégrante de toutes campagnes de communication et de marketing. Comme on dit: "une image vaut mille mots"! Eh bien dans ce cas, vaut mieux choisir la bonne image! Malheureusement, les banques d'images photo "stock" ont été un peu abusées au fil des ans. Non seulement ces images commencent à être clichées, mais ces dernières peuvent coûter cher! Personnellement, j'utilise Dollar Photo Club qui offre ses photos à 1 $ seulement, mais la plupart des autres sites (tels que Shutterstock) offrent leurs images à plus de 10 $ chacune! Merci aux z'Internet, un nombre grandissant de sites web propose de superbes banques d'images libres au téléchargement, et ce, complètement gratuitement! Dans ce billet de blogue, j'ai rassemblé une liste des meilleurs sites d'images stocks gratuites! À propos des droits d'auteurs Cependant, certaines de ces photos peuvent demander l'attribution à l'auteur. Unsplash Gratisography IM Free

Réussir vos compositions d’affiches à tous les coups | Orignal Communication Nombreux sont ceux qui, dans un cadre personnel ou professionnel, s’improvisent graphistes, pour « dépanner », pour le plaisir ou par souci d’économie. Il peut s’agir simplement du faire-part de naissance de la petite cousine, de l’invitation à l’inauguration du nouveau boulodrome ou de la couverture du nouveau magazine municipal (Je pense particulièrement ici aux chargés de com). Mais qu’on se le dise, en communication, tous les sujets et supports sont importants et méritent une grande attention. C’est le message et votre image de marque qui sont en jeu. Alors au risque de vous frustrer, je vais ici vous conseiller de mettre de côté votre frénésie artistique, d’oublier les filtres photoshop, de vous asseoir en tailleur, de prendre une profonde respiration et de lire posément la suite de cet article. Maintenant que vous êtes en condition, je vais vous présenter deux règles de base de mise en page. « la simplicité est l’ultime sophistication »Léonard De Vinci Mais attention aux pièges !

A quoi ressemblera le design graphique en 2033 ? Le graphisme est un univers en perpétuel mouvement. Il influence et est influencé en permanence par les changements technologiques, les évolutions sociales et les effets de mode qui animent nos sociétés. De nombreux articles ont déjà fait l’étalage des différentes tendances du moment dans leurs moindres détails, mais peu ont encore essayé de se projeter quelques années plus loin. Prenons donc un moment en ce début d’année pour imaginer le futur et dresser une ébauche de ce que sera la graphisme dans 5, 10, 20 ans. 1. La tablette Microsoft (à gauche) utilise le flat design. Le « Flat design » (design plat) fait l’objet d’un véritable buzz aujourd’hui. D’ici 2033, même le flat design sera considéré comme lourd et abrasif, et l’on demandera aux designers de trouver quelque chose de plus élégant que ces formes visuelles qui seront devenues somme toute banales. 2. L’esprit vintage, inspiré par le mouvement consumérisme des années 60 est toujours à la mode de nos jours. 3. 4. 6. 7. 8. 9. 10.

Color The Web - Color Tools For Designers Color trends in web design come and go but what about good color tools? We thought it was about time to whip around the web and check the state of play in the world of color tools for designers. The result? 1. Not a fan of complicated tools? That wraps up at our search for the best color tools for designers. HTML5 : structure globale du document Pour débuter sereinement avec une nouvelle intégration HTML5 et comprendre ses implications, nous allons commencer par le début : la structure globale d'un document. La conception d'une page web en suivant la philosophie du standard HTML5 spécifié par le W3C (ou du standard vivant tel que désigné par le WhatWG) répond à quelques réflexes de base. La structure d'un document (l'imbrication des balises à la racine) est simplfiiée pour répondre aux attentes pragmatiques des intégrateurs et webdesigners. Un document HTML5 minimal Sans surprise, les bases d'un code HTML5 ressemblent beaucoup à celles rédigées à l'aide des précédentes versions HTML 4 et XHTML 1.x. Rétro-compatibilité oblige. <! Le doctype La première ligne d'en-tête a été considérablement simplifiée. Ce doctype allégé a été mûrement testé et réfléchi : il permet toujours - pour les anciens navigateurs - de rester dans le mode d'interprétation conforme aux standards et d'éviter le mode quirks. L'élément racine <html> Initializr

Comprendre les couleurs hexadécimales Qu’est-ce que c’est ? Bien qu’il soit autorisé de mettre les noms des couleurs (en anglais) dans vos fichiers CSS, vous n’utilisez pas souvent cette méthode car la palette disponible est très limitée. Pour désigner une couleur en CSS, on utilise le plus souvent sa notation hexadécimale, soit un code commençant par un dièse (#), composé de 3 paires de chiffres et/ou de lettres. La notation héxadécimale Un triplet hexadécimal est un nombre hexadécimal à 6 chiffres mémorisé sur trois octets utilisé en HTML et dans les feuilles de style en cascade (CSS), et d’autres applications, pour représenter les couleurs. Les octets représentent les composantes rouge, vert et bleu de la couleur. Regardons tout de suite un exemple, ce sera plus clair Résultat: Voici un texte en rouge Dans cet exemple, la couleur est désignée par le code « FF0000″. FF désigne la composante Rouge00 la composante Verteet 00 la composante Bleue Comment écrire ces codes de couleurs ? Les couleurs primaires Soit: Simple, n’est-ce pas ?

Les splendides digital paintings de Jana Schirmer à ne pas manquer ! Je suis instantanément tombé amoureux des superbes digital paintings de Jana Schirmer. Son style réaliste et sa maîtrise des lumières sont éblouissants ! C’est beau, c’est chatoyant, ça fourmille de détails, ça respire la maîtrise. Jana Schirmer sur Art Station Jana Schirmer sur DeviantArt Ci-dessous une habituelle sélection de quelques-uns de ses digital paintings, comme toujours je vous conseille de les visionner en grand afin de profiter des détails : Auteur: Gaétan Weltzer, comme toujours en fait. Partagez l'article et l'amour qui s'en dégage ! inPartager0 Articles qui pourraient vous plaire

100 Brilliant Color Combinations: And How to Apply Them to Your Designs Color makes a design come alive. It can attract attention, set a mood, and even influence our emotions and perceptions. But sometimes it can be hard to know where to start when choosing a color palette for your design project. So we’ve done the hard work for you— giving you 100 color combinations inspired by nature, food & drink, travel, and everyday items. Want to use these color combinations in Canva? Canva lets you change the colors of your design by entering the hex code in the color menu. Nature 01. Fresh greenery and colorful blossoms make springtime a welcome sight after a long winter. 02. Red and blue are some of the most common colors that businesses use for branding, and for good reason. 03. Desert landscapes are full of dramatic contrasts, and so is this color scheme. 04. Iceland’s natural beauty is legendary, and this palette tries to capture its dramatic contrasts. 05. 06. 07. 08. 09. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. Food & Drink 26. 27. 28. 29.

Se lancer dans le HTML 5 Nous allons voir ensemble comment se familiariser avec les nouveautés HTML 5. Nous verrons quelques balises importantes de la prochaine version majeure du HTML. » La version 5 de HTML apporte à tous les webdesigners des outils pour simplifier le développement. « Nous allons tout d’abord parler de compatibilité. Et voici le code : Nous allons voir les différentes déclarations de type de document ou doctype. → Voici à quoi ressemble le doctype de l’HTML 4.01 : → Voici à quoi ressemble le doctype de l’XHTML 1.0 : → Voici le doctype ultra simplifié de l’HTML 5 : Balises meta, script et link → Voila la balise meta d’un document en HTML 4.01 : → Voila la balise meta d’un document en HTML 5 : → Pour la balise script, là ou avant le html 5 il fallait préciser type= »text/javascript », désormais plus besoin de le préciser. → Il est aussi inutile de préciser type= »text/css » pour la balise link en HTML 5 : Balise Canvas → La balise canvas sert à afficher des graphiques. Balise audio Balise video → une date :

Web design : un outil gratuit pour définir une palette de couleurs Trouver une palette de couleurs harmonieuse pour votre web design peut relever du casse-tête. Supposez que vous ayez un goût aussi épouvantable que le mien pour accorder plusieurs couleurs. Imaginez encore que vous ayez trouvé une jolie couleur et que vous cherchiez à identifier les couleurs complémentaires qui vont bien. Pltts (ça se prononce un peu comme palettes) va vous faciliter la vie, que vous soyez web designers avertis ou débutants. J’ai donc testé avec la couleur de Choblab #320001 et obtenu pas moins de 14 propositions de palettes ! Sur Choblab, j’ai fait un choix assez improbable au lancement du blog. Nota bene : Pltts est une initiative d’un jeune Allemand, que vous pouvez suivre sur Twitter ou sur Dribbble. Voir aussi Passionné par le digital sous toutes ses formes : médias sociaux, web design, emarketing, outils utiles, blogging, open data, dataviz... 543 articles, certains bons, d'autres moins ;-) Profil Google+

45 nouveaux Tutoriels de qualité gratuits sur Photoshop Avec ces 45 nouveaux tutoriels de qualité glanés sur le web, le célèbre Adobe Photoshop ne devrait plus avoir de secret pour vous. Que vous utilisiez Photoshop pour faire de la retouche photo, du webdesign, des illustrations à partir de texte ou d’effets spéciaux, cette sélection de tutoriels vous permettra de parfaire vos connaissances, de comprendre les nouveaux outils et d’améliorer votre technique. On peut noter dans cette sélection la multiplication de tutoriels utilisant l’outil de création 3D incorporé à notre logiciel favori. La plupart des tutoriels ci-dessous sont accompagnés de vidéo et toujours en anglais. Afin de vous y retrouver plus facilement, ils ont été classé comme suit : – 3D et effets de texte – Photomanipulation – Illustration – Webdesign – Vidéo et animation – Tutoriels payants Si vous connaissez vous aussi des tutoriels de qualité pour Photoshop qui ne sont pas listés ici ou des sites de tutoriels méritant le détour, je vous invite à les poster en commentaires ! Webdesign

Related: