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 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

nettoyage du matériel Le matériel photographique comme tout matériel optique mérite soin et propreté. Avec l’arrivée du numérique, le boîtier de votre appareil photo reflex a en son cœur un élément crucial qui une fois sale ou abimé, altérera vous images: le capteur. Il est donc nécessaire d’éviter qu’il s’encrasse ou qu’il s’abime. Les objectifs moins fragiles mais plus exposés méritent la même attention. 1- Nettoyez c’est bien, ne pas salir c’est mieux… En rangeant votre matériel photographique dans un lieu fermée et propre vous le mettrez à l’abri de la poussière et des chutes. 2- Passez l’aspirateur dans son sac photo Voici quelque chose de facile à faire et de diablement efficace. 3- Passez un coup de bombe dépoussiérante après chaque sortie photo Après chaque sortie photo, il est bon de passer un coup de bombe dépoussiérante dans son boîtier et sur ses objectifs pour enlever toutes les poussières et grains de sables que vous auriez pu rapporter avec vous.

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 !

RECHERCHE filtre ND-400 : Accessoires objectifs ND2 : on perd 1 diaph ND4 : on perd 2 diaph (4 = 2 au carré) ND8 : on perd 3 diaph (8 = 2 au cube) ND16: on perd 4 diaphs (16 = 2 exposant 4) ND32: on perd 5 diaphs (2 exposant 5=32) ND64:6 diaphs (2 exposant 6 = 64) ND128: 7 diaphs (2 exposant 7=128) ND256: 8 diaphs (2 exposant 8=256) ND512: 9 diahps (2 exposant 9=512) ND400? : on perd +/- 8 diaphs 2/3 Histoire d'être précis... Smile Mais si c'est indiqué ND 4.0 (et pas 400) le filtre vaut alors 13 diaphragmes 1/3 (la valeur d'un diaph en densité est de 0,30) Perso j'ai un B& ND 3.0 soit 10 diaphs... Toutes infos complémentaires dans mon cours de sensito... ci-dessous (Jetée de Sopot près de Gdansk - Pologne) est faite sans polarisant mais avec un filtre neutre B&W de 3.0 de densité (soit 10 diaphragmes...)

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

Roue chromatique | Modèles de couleurs Roue chromatique Extraire le thème Extraire le dégradé Nouveau Appliquer la règle d’harmonie chromatique Mode colorimétrique Connectez-vous à Creative Cloud pour enregistrer ce thème de couleur. Découvrez la dernière expérience de création sur Adobe Color, avec les dégradés ! Utilisez vos photos et images pour extraire de magnifiques dégradés. Votre utilisation du service Color, notamment votre envoi de commentaires, d’idées, de demandes de fonctionnalité et de techniques, ainsi que le droit d’Adobe d’utiliser de tels matériels, sont régis par le(s) Conditions d’utilisation d’Adobe. Cookies and other technologies notions de base Parmi les questions qui reviennent le plus souvent de la part des débutants en photo numérique, il y a tout ce qui concerne les notions de base de la photo : qu’est-ce que l’ouverture, qu’est-ce que la vitesse d’obturation, comment régler la sensibilité, qu’est-ce que le second rideau, etc. Nous vous proposons de revenir sur certaines de ces notions. Pour en savoir plus, n’hésitez pas à laisser une question dans les commentaires ou à nous rejoindre sur le forum Technique Photo. Introduction générale à la technique photo En préambule, cet article n’est qu’une approche simplifiée de la technique photo et n’a pas d’autre prétention que de rappeler quelques principes de base. Je n’aborderai aucune formule « savante » ou autre calcul compliqué que je ne maîtrise pas ou qu’il ne me semble pas nécessaire de maîtriser par ailleurs. Il existe 3 facteurs principaux dans la maîtrise technique d’une photo : le diaphragmela vitesse d’obturationla sensibilité 1- Le diaphragme f/2.8 f/5.6 f/11 Q = O x V x S

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 :

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 ?

cascades en photo Les cascades sont des sujets photographiques très classiques, et pour cause, ce sont de très jolis endroits, dans lesquels ont peut souvent bénéficier d'une jolie lumière. On a tous déjà vu une jolie photo de cascade avec l'eau filée qui semble presque irréelle. Mais comment faire pour reproduire cet effet de mouvement ? Prérequis : le temps de pose ou vitesse d'obturation Les cascades sont par définition un sujet en mouvement (si ce n'est pas le cas, attention, vous regardez peut-être une flaque d'eau :D). Utilisez un trépied Le problème quand vous utilisez une pose longue, c'est que si vous tenez votre appareil à la main, toute votre image va être floue, puisque vous bougerez forcément en tenant votre appareil. Choisissez le mode priorité à la vitesse En effet, l'ouverture nous intéresse peu : il faut qu'elle soit suffisamment faible (= f grand) pour avoir une profondeur de champ suffisante, mais avec le temps de pose que nous allons régler, ce sera toujours le cas. Utilisez des filtres

Ui Tiles la ressource pour préparer vos web designs Cette semaine une ressource très intéressante à découvrir avec Ui Tiles qui propose un véritable kit pour réaliser des wireframes en toute simplicité ! Un kit complet pour préparer vos sites web Si vous avez l'habitude de réaliser en amont de vos web designs des wireframes ou croquis pour imaginer l'ensemble des pages et fonctionnalités de votre projet, vous devrez aimer Ui Tiles. Cette ressource regroupe une grande diversité de pages et d'éléments afin de composer facilement et rapidement vos idées. Ce travail peut s'avérer très utile pour valider avec un client son site web avant d'entamer la partie graphique, mais également poser à plat un site complexe. Une ressource complète, libre de droits et gratuite ! Ui Tiles propose 72 modèles de bases, ensuite vous êtes libre de pouvoir composer les vôtres selon vos idées et besoins. Si vous êtes webdesigner, chef de projet, ergonome ou simplement passionné par le web, cette ressource devrait vous servir.

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+

l'hyperfocale En cette veille de week-end, Carole Clément nous propose une petite virée dans les méandres de l'hyperfocale. Cette notion optique, souvent mise en œuvre avec des objectifs à mise au point manuelle, est de nouveau en vogue avec les nombreuses possibilités d'adaptation d'optiques anciennes qui possèdent une bague de diaphragme. Sur les reflex et les compacts à objectifs interchangeables, vous pouvez redécouvrir le déclenchement instantané sans mise au point grâce à l'hyperfocale. > L'hyperfocale et la profondeur de champ Lire également : > Le glossaire de Focus Numérique

Related: