Créer un magnifique en-tête web

Dimension: px
Commencer à balayer dès la page:

Download "Créer un magnifique en-tête web"

Transcription

1 Projets Créer un magnifique en-tête web Créez un en-tête efficace le plus aisément possible. Pensez simplement en sections. L en-tête d une simple page web est son élément visuel le plus important. Sur de nombreux blogues, c est le seul élément visuel. Aussi la tâche qui lui incombe est-elle importante! Il doit identifier le site et définir sa tonalité visuelle. Il doit permettre de savoir d un simple coup d œil de quel type de site il s agit et de connaître son esprit. L en-tête doit aussi permettre de naviguer aisément. À cette fin, il suffit de créer trois sections, une pour chaque fonction, et de les unifier à l aide de similitudes visuelles. Voici comment assembler les différents éléments. Gros travail, espace peu profond L en-tête s étend sur toute la largeur de la page et constitue souvent le seul élément visuel non textuel. Bienvenue à la La de la vous propose de vous détendre dans un cadre enchanteur et agréable autour d une merveilleuse cuisine et de mille et une activités.nullum ad ea feu feugiatie dolor sustrud eugiat velesto del utpat nis amconse mod etue consent aliqui ero erostin ulpute commy nit nim zzrit, sit, con ullandipit wiscidu ipsuscidunt lumsandrer illa faccum verilit. Nullum ad ea feu feugiatie dolor sustrud eugiat velesto del utpat nis amconse mod etue consent aliqui ero erostin ulpute commy nit nim zzrit, sit, con ullandipit wiscidu ipsuscidunt lumsandrer illa faccum verilit, commy nullupt atummy nulla feugait vercidu issequip euipit la acil exero con et adit accum nismolore vendrero consequat, velenim quisl dui blaor sum in vullaor tincidunt accum dions niate. Nullum ad ea feu feugiatie dolor sustrud eugiat velesto del utpat nis amconse mod etue consent aliqui ero erostin ulpute commy nit nim zzrit, sit, con ullandipit wiscidu ipsuscidunt lumsandrer illa faccum verilit, commy nullupt atummy nulla feugait vercidu issequip euipit la acil exero con et adit accum nismolore vendrero consequat, velenim quisl dui blaor sum in vullaor tincidunt accum dions niate modolesequam irit at eugue Nullum ad ea feu feugiatie dolor sustrud eugiat velesto del utpat nis amconse mod etue consent aliqui ero erostin ulpute commy nit nim zzrit, sit, con ullandipit wiscidu ipsuscidunt lumsandrer illa faccum verilit, commy nullupt atummy nulla feugait vercidu issequip euipit la acil exero con et adit accum nismolore vendrero consequat, velenim quisl dui blaor sum in vullaor tincidunt accum dions niate modolesequam irit at eugue 194 Projets

2 1 Commencer par diviser l espace Un en-tête web couvre toute la largeur de la page et est extrêmement peu profond. Divisez-le en trois sections : nom, image et liens de navigation. Travaillez sur chacune d elles séparément. Quelle taille exactement? À titre de règle, le nom prend place dans le coin supérieur gauche et la barre de navigation en bas. Ne passez pas vos nuits à créer des divisions exactes ; les tailles des sections dépendent du nom (court ou long) et de l image. Cependant, évitez de fractionner l espace supérieur en deux moitiés, qui tendent à attirer l attention sur les sections plutôt que sur le contenu ; il est préférable de recourir à des divisions asymétriques. Déconseillé : Moitiés Préférable : Asymétrique 1) Nom 2) Image 3) Navigation 2 Trouver une photo expressive Une belle photo est un élément clé d un en-tête réussi. Recherchez une image qui communique ses informations d un simple fragment. Vous serez surpris par la facilité avec laquelle vous la trouverez. Capturer autant d informations que possible La scène pastorale comporte des arbres, de l herbe, des montagnes et du soleil, et tout ceci en un seule tranche! Voici ce que vous désirez, à savoir un peu de tout. Il est intéressant de constater qu il suffit de très peu de choses pour communiquer une signification une branche, un brin d herbe, un morceau de ciel. Recherchez particulièrement la profondeur, qui s exprime souvent à l aide de valeurs foncées-claires (à l extrémité droite) ; dans cette image, vous voyez le premier plan, le plan intermédiaire et l arrière-plan. Créer un magnifique en-tête web 195

3 3 Colorier les sections Prélevez une gamme de couleurs sur la photo, triez-les de la plus foncée à la plus claire, puis appliquez une couleur à chaque section. Prêtez attention aux contrastes. Du foncé au clair Un fort contraste sépare Clair Un faible contraste unit Un fort contraste est source d énergie Une palette de couleurs communes unifie les trois sections. Comme toutes les couleurs existent dans la photo, les sections travaillent ensemble indépendamment (en principe) de la façon dont vous mélangez et assortissez. Plus le contraste est élevé entre les sections, plus l énergie dégagée est importante ; les faibles contrastes sont plus paisibles (mais, généralement, moins marquants). Clair Médian 4 Définir le nom et la navigation Si vous avez le choix, privilégiez une police qui complète la photo : photo chargée/police sobre ; photo élégante/ police élégante ; photo ordinaire/police ostentatoire. Les couleurs alternatives police verte sur fond or et police or sur fond vert permettent d unifier les sections. Privilégier un cadre simple (1) Un nom très long peut s écrire sur deux ou plusieurs lignes. Sans risque de collision entre les hampes ascendantes et les hampes descendantes, une police en caractères majuscules constitue une solution idéale. Dans le cas présent, une police discrète et élégante représente un bon complément à la très belle image picturale. (2) Évitez les polices amusantes, mais qui volent la vedette et (3) les polices aux styles aboutis, mais incompatibles Projets

4 5 Utiliser la couleur opposée Ici, une photo au contenu quelque peu abstrait communique le style d architecture du cabinet D&T, mais ses couleurs bleu/gris sont trop effacées pour le logo. La solution consiste à utiliser la couleur opposée. Du foncé au clair D&T ARCHITECTE S PORTFOLIO DERNIERS PROJETS PRIX PRESSE CONTACT Le bleu de la phot paraît approprié, mais il ne communique pas la qualité souhaitée. D&T A R C H I T E C T E S PORTFOLIO DERNIERS PROJETS PRIX PRESSE CONTACT Couleurs opposées à forte énergie La photo comporte un bleu froid en quantité élevée, qui ne traduit pas le caractère énergique du cabinet d architectes. La solution : contenez l influence de la couleur bleue en utilisant sa couleur opposée, ou complémentaire, pour le logo. Recherchez le bleu sur le cercle chromatique, puis déplacez-vous jusqu au secteur opposé (à gauche). Les couleurs complémentaires ne possèdent pas de nuances communes (contrairement, par exemple, au vert et à l orange, qui partagent le jaune) et présentent par conséquent un contraste très élevé. Le violet et le jaune offrent le contraste à la valeur (foncé/clair) la plus élevée sur le cercle chromatique. Créer un magnifique en-tête web 197

5 6 Concevoir le logo ou autres éléments graphiques Fairweather Downs utilise pratiquement le même logo depuis cinq décennies. Il est un classique! Dans ce cas, la meilleure chose à faire est de s appuyer, non sur la photo, mais sur le logo. Les deux mots Fairweather et DOWNS offrent un fort contraste script/roman, petit/grand, minuscules/majuscules ; cependant les graisses et la qualité du travail d artiste sont similaires. Vert et beige sont des couleurs secondaires, l une froide, l autre chaude. Emprunter les caractéristiques du logo (En bas) Les bordures à double ligne et les coins en forme de coquille du logo peuvent aisément être transférés aux autres sections et produire un aspect classique. Comme c est le logo qui détermine l aspect, les photos peuvent varier Bordures chic dans InDesign (1) Tracez un rectangle et choisissez un trait égal à la largeur totale de la double ligne ; ici, deux points. (2) Dans Contour > Type (à droite), sélectionnez Fin Fin, qui convertit le trait simple en trait double. (3) Dans la boîte de dialogue Objet > Options d arrondis, sélectionnez Arrondi inversé, spécifiez une taille (ici 0p9, soit 3 mm), puis cliquez sur OK. 198 Projets

Le cercle chromatique

Le cercle chromatique Bases Le cercle chromatique Le cercle chromatique est l outil idéal pour apprendre à associer les couleurs. Qui dit lumière, dit couleur. Même si nous considérons les couleurs comme indépendantes le bleu,

Plus en détail

CHARTE GRAPHIQUE. par Patrick Becker

CHARTE GRAPHIQUE. par Patrick Becker CHARTE GRAPHIQUE par Patrick Becker COULEURS INSTITUTIONNELLES / Palettes Palette couleur primaire Palette CMJN / RVB / Hexa C 82 M 18 J 94 N 5 C 5 M 64 J 89 N 0 C 0 M 0 J 100 N 0 C 94 M 36 J 4 N 1 (%)

Plus en détail

Le choix des couleurs

Le choix des couleurs Le choix des couleurs La couleur est importante dans la composition d une page. Elle permet de compléter ou mettre en valeur une photo. Elle donne le ton et l ambiance. Les couleurs froides sont les bleus,

Plus en détail

Utilisation des outils Easy Interactive Tools sous Mac OS

Utilisation des outils Easy Interactive Tools sous Mac OS Utilisation des outils Easy Interactive Tools sous Mac OS Après avoir téléchargé et installé les outils Easy Interactive Tools, vous pouvez utiliser les crayons inclus avec le projecteur BrightLinkMC pour

Plus en détail

asp64 CHARTE GRAPHIQUE

asp64 CHARTE GRAPHIQUE asp64 CHARTE GRAPHIQUE Ce document a pour vocation de guider ses lecteurs dans l utilisation du logotype ASP64. Il garantit la cohérence de l identité visuelle de la société sur les différents supports

Plus en détail

Mini Théorie des couleurs

Mini Théorie des couleurs Les trois couleurs PRIMAIRES : Mini Théorie des couleurs THÉORIE Jaune : Le jaune Cadmium s'en rapporche le plus Bleu (Cyan) : Le bleu Outremer s'en rapproche le plus Rouge : Ce n'est pas véritablement

Plus en détail

Lexique du langage plastique F3.7

Lexique du langage plastique F3.7 1 La nature de la forme Définition Exemple Le point Le point est la plus petite marque qui soit; il a la même dimension qu une piqûre. La ligne La ligne est soit une suite de petites marques, soit un trait

Plus en détail

Les images. ! Ce qu il faut savoir. Les natures d images

Les images. ! Ce qu il faut savoir. Les natures d images Chapitre 2 Les images! Ce qu il faut savoir GIMP permet de retoucher et de composer des images. Celles-ci peuvent se caractériser principalement par leur nature (photo, dessin ou peinture), les couleurs

Plus en détail

Produit par: Julie Robidoux. Demander autorisation avant d utiliser ce guide.

Produit par: Julie Robidoux. Demander autorisation avant d utiliser ce guide. Produit par: Julie Robidoux Demander autorisation avant d utiliser ce guide. Qui n a jamais rêvé de peindre des tableaux grandioses avec facilité? Dans ce guide, je vous présente une nouvelle forme d art.

Plus en détail

L ECHELLE DES TONS ET DES REFLETS.

L ECHELLE DES TONS ET DES REFLETS. Nom : Date : Séquence Séance L échelle des tons et des reflets. Objectif intermédiaire : indiquer la numérotation des hauteurs de tons et des reflets. SITUATION PROFESSIONNELLE Toujours en stage au salon

Plus en détail

1.0 Composition du logo

1.0 Composition du logo Annexe 1 1.0 Composition du logo L espace à respecter entre le symbole et le bloc texte Cégep de Sainte-Foy correspond à la ligne tracée entre la pointe supérieure droite du symbole et la pointe inférieure

Plus en détail

Les secrets des couleurs 1

Les secrets des couleurs 1 Les secrets des couleurs 1 Les secrets des couleurs L autre jour, mon artiste m a fait une farce. Elle m a demandé de fabriquer du rouge en mélangeant d autres couleurs. J ai pris mes crayons de couleurs

Plus en détail

SUR LES TRACES DE CLÉMENT BÉRINI, un des nôtres

SUR LES TRACES DE CLÉMENT BÉRINI, un des nôtres SUR LES TRACES DE CLÉMENT BÉRINI, un des nôtres Activités de 3 e année adaptables à d autres niveaux d'études dessin crayons de couleur Au regard du programme-cadre Éducation artistique, Le curriculum

Plus en détail

Ouvrir Paint. Outils Paint

Ouvrir Paint. Outils Paint Ouvrir Paint Paint est un programme de dessin qui vous permet de créer des dessins ou de modifier des images numériques. Paint vous permet aussi d enregistrer des fichiers d image à l aide de différents

Plus en détail

expo communication visuelle expographie expographie communication visuelle impression numérique création graphique matériel

expo communication visuelle expographie expographie communication visuelle impression numérique création graphique matériel atum dip er aliquis atis eugiatum euisim aute mod min elis acidunt lore tatem ipsum ing et utem ex exer sendiam vulluptat lam, sustie ver alisl iliquat lorem zzrilis do etum quismod oloborting ex eu faccum

Plus en détail

Guide des normes graphiques de l identité visuelle

Guide des normes graphiques de l identité visuelle Guide des normes graphiques de l identité visuelle Septembre 2013 Introduction Le mandat de ce guide de normes graphiques consiste à établir certaines règles afin d assurer le bon usage de l identité visuelle

Plus en détail

Contrastes de couleurs et de valeurs

Contrastes de couleurs et de valeurs Le contraste de couleurs Deux couleurs opposées sur le cercle chromatique sont dites complémentaires. Utilisées dans une même image, elles se mettent mutuellement en valeur en créant un effet de contraste

Plus en détail

Créations graphiques. John McWade Before&After. 2010 Pearson Education France Créations graphiques John McWade

Créations graphiques. John McWade Before&After. 2010 Pearson Education France Créations graphiques John McWade Créations graphiques John McWade Before&After Pearson Education France a apporté le plus grand soin à la réalisation de ce livre afin de vous fournir une information complète et fiable. Cependant, Pearson

Plus en détail

Microsoft Publisher. Notions de base. Versions Office 2007. Association Informatique Pour Tous - Vieillevigne - 1 - PUBLISHER 2007 NOTIONS DE BASE

Microsoft Publisher. Notions de base. Versions Office 2007. Association Informatique Pour Tous - Vieillevigne - 1 - PUBLISHER 2007 NOTIONS DE BASE Microsoft Publisher Notions de base Versions Office 2007 Gilbert Lecocq 1 2 SOMMAIRE Notions de base La fenêtre de travail page 3 Les modes de travail page 4 Les objets à insérer page 6 Insérer un texte

Plus en détail

Bienvenue dans CorelDRAW, programme de dessin vectoriel et de conception graphique complet destiné aux professionnels de l image.

Bienvenue dans CorelDRAW, programme de dessin vectoriel et de conception graphique complet destiné aux professionnels de l image. Création d un logo Bienvenue dans CorelDRAW, programme de dessin vectoriel et de conception graphique complet destiné aux professionnels de l image. Dans ce didacticiel, vous allez créer un logo pour un

Plus en détail

Carnet de jeux. musée des beaux-arts de Liège

Carnet de jeux. musée des beaux-arts de Liège Carnet de jeux musée des beaux-arts de Liège Luis Enrique Salazar est né en 9 à San Sebastian (Pays Basque Espagne). L enfance de l artiste est marquée par l atmosphère tendue qui règne dans l Espagne

Plus en détail

À propos des couleurs

À propos des couleurs Chapitre 13 À propos des couleurs CERCLE CHROMATIQUE COULEURS FROIDES COULEURS CHAUDES JAUNE 156 Il est temps de vous parler des couleurs, car LES COULEURS SECONDAIRES VERT MOUSSE 157 ORANGE elles sont

Plus en détail

Couleur, ombre et lumière

Couleur, ombre et lumière Travaux pratiques de peinture Couleur, ombre et lumière atelier du 12 avril 2013 Animé par Luis Clemente, Maurice Lopès et Jean Pierre Pons Sommaire 1. LA COULEUR DE LA LUMIÈRE... 2 2. LA COULEUR DE LA

Plus en détail

Charte graphique. Un outil de communication pour tous

Charte graphique. Un outil de communication pour tous Charte graphique Un outil de communication pour tous Sommaire Introduction 3 Logos 4 Exemples d utilisation des logos 5 Couleurs 6 Polices 7 Flyers A5 portrait 8 Flyers A5 paysage 9 Affi chettes internes

Plus en détail

Sommaire. Les principes de base 3

Sommaire. Les principes de base 3 > Charte Graphique Sommaire Les principes de base 3 Le logotype 4 Les couleurs 5 Le logotype en monochrome 5 Le blanc tournant 6 La taille minimum du logotype 6 L utilisation sur fonds de couleur 7 Les

Plus en détail

Plan de conception TCS : correspondance Guide pour une mise en scène cohérente de la marque

Plan de conception TCS : correspondance Guide pour une mise en scène cohérente de la marque Plan de conception TCS : correspondance Guide pour une mise en scène cohérente Version 2. 4/212 - Département Gestion Correspondance Sommaire Correspondance Préambule 3 Corporate Design Éléments de personnalisation

Plus en détail

AFFICHAGE DU ZONAGE DU PLAN LOCAL D URBANISME (PLU) SUR LE PORTAIL CARTOGRAPHIQUE

AFFICHAGE DU ZONAGE DU PLAN LOCAL D URBANISME (PLU) SUR LE PORTAIL CARTOGRAPHIQUE AFFICHAGE DU ZONAGE DU PLAN LOCAL D URBANISME (PLU) SUR LE PORTAIL CARTOGRAPHIQUE Le site web du Conseil Général du Puy De Dôme permet de consulter les pièces écrites du document d urbanisme approuvé par

Plus en détail

Nom : Prénom :. Date :..Classe : 2 TECHNIQUES DE MODIFICATION DE LA COULEUR DES CHEVEUX

Nom : Prénom :. Date :..Classe : 2 TECHNIQUES DE MODIFICATION DE LA COULEUR DES CHEVEUX 2 TECHNIQUES DE MODIFICATION DE LA COULEUR DES CHEVEUX Objectif : Indiquer les règles de base de colorimétrie en coiffure (échelle de tons, reflets) LA COLORIMETRIE Du soleil nous parvient la lumière du

Plus en détail

Théorie de la couleur

Théorie de la couleur Théorie de la couleur Il ne serait sans doute pas exagéré d'affirmer que la couleur est l'outille plus efficace dont dispose un graphiste pour transmettre un message. Elle fournit un moyen très puissant

Plus en détail

***** Introduction. Le problème esthétique de la couleur s articule autour de 3 points de vue, qui se bousculent et se complètent à la fois :

***** Introduction. Le problème esthétique de la couleur s articule autour de 3 points de vue, qui se bousculent et se complètent à la fois : Collection Théories Créatives Les couleurs sensibilisation à destination des artistes A R Tournadre - Introduction - Le cercle chromatique définition et vocabulaire des couleurs o les couleurs primaires,

Plus en détail

Charte graphique janvier 2008

Charte graphique janvier 2008 Charte graphique janvier 2008 Dans un souci d économie et de respect de l environnement, nous vous conseillons de consulter cette charte en document PDF et de ne l imprimer qu en cas de nécessité. Introduction

Plus en détail

LE LOGOTYPE. LE LOGOTYPE - La construction. Le logotype en quadrichromie. La grille de construction du logotype

LE LOGOTYPE. LE LOGOTYPE - La construction. Le logotype en quadrichromie. La grille de construction du logotype CHARTE GRAPHIQUE LE LOGOTYPE LE LOGOTYPE - La construction Le logotype en quadrichromie Penser, agir et dire Depuis sa création en 1981, Fert s est illustrée par sa discrétion. Porteuse des valeurs humanistes

Plus en détail

Guide des normes d identification visuelle UN OUTIL POUR FAIRE NOTRE MARQUE

Guide des normes d identification visuelle UN OUTIL POUR FAIRE NOTRE MARQUE Guide des normes d identification visuelle UN OUTIL POUR FAIRE NOTRE MARQUE Le logo d Agropur a fait l objet d un rajeunissement en 2004 pour souligner les 65 ans d existence de la Coopérative. Les composantes

Plus en détail

NOTE : Les couleurs chaudes projettent le sujet en avant tandis que les couleurs froides le font reculer à l arrière de la toile.

NOTE : Les couleurs chaudes projettent le sujet en avant tandis que les couleurs froides le font reculer à l arrière de la toile. La pose des couleurs sur la toile et leur mélange A) Les couleurs de base Tout tableau peut être réalisé avec les couleurs primaires (rouge, jaune et bleu) ainsi que du noir et du blanc qui ne sont pas

Plus en détail

La couleur Les mélanges de couleurs en peinture

La couleur Les mélanges de couleurs en peinture La couleur Les mélanges de couleurs en peinture 1. Les couleurs primaires. Le rouge (magenta), le jaune et le bleu (cyan) sont les couleurs primaires qui, comme le blanc, ne peuvent pas être obtenues en

Plus en détail

Titel BLACK Osto odo odolenibh erat. Ecte tio eummy nonumsandit er susciliquam dionsenim nosto ex ero odolum iurem ipis non henibh exer sissi.

Titel BLACK Osto odo odolenibh erat. Ecte tio eummy nonumsandit er susciliquam dionsenim nosto ex ero odolum iurem ipis non henibh exer sissi. Prévoyance professionnelle Des valeurs solides/ In velit ad dolobortie enim zzrilla feumsan henisci blaoreros nonsenim nos ero et dolorem dipsum vel ulla am quis nis numsandre dolenim nissequat. Perosto

Plus en détail

Une déco réussie... 1 - Définir son style - Sortir des magasins habituels - Sélectionner des magazines - Créer des planches tendances

Une déco réussie... 1 - Définir son style - Sortir des magasins habituels - Sélectionner des magazines - Créer des planches tendances http://elagone.fr Une déco réussie... Une décoration d intérieur réussie, c est une décoration avec un mixte de matériaux, de matières différentes et d associations de couleurs. Mais surtout n oublions

Plus en détail

c h a r t e g r a p h i q u e

c h a r t e g r a p h i q u e charte graphique les références couleur pantone 411c pantone 382c C 0 M 27 J 36 N 72 R 105 V 85 B 71 C 29 M 0 J 100 N 0 R 203 V 211 B 0 pantone 7531c C 0 M 10 J 27 N 50 R 155 V 144 B 124 Mode d utilisation

Plus en détail

Institut d'enseignement de promotion sociale de la Fédération Wallonie-Bruxelles Arlon Athus Musson Virton

Institut d'enseignement de promotion sociale de la Fédération Wallonie-Bruxelles Arlon Athus Musson Virton Institut d'enseignement de promotion sociale de la Fédération Wallonie-Bruxelles Arlon Athus Musson Virton POWERPOINT Compléments Dominique Lieffrig LISTE DES EXERCICES Exercice complémentaire n 1 Utiliser

Plus en détail

LIGNE - SURFACE COULEUR

LIGNE - SURFACE COULEUR ARTS PLASTIQUES Cours 3 M IBANEZ Recherche : Pompéi, Herculanum, (peintures murales, mosaïques, éruption du Vésuve). Vocabulaire : couleur primaire, couleur complémentaire, contraste, aplat, demi-teinte,

Plus en détail

Ergonomie des IHM. Karim Sehaba Maître de Conférences en Informatique. karim.sehaba@univ-lyon2.fr http://liris.cnrs.fr/~ksehaba

Ergonomie des IHM. Karim Sehaba Maître de Conférences en Informatique. karim.sehaba@univ-lyon2.fr http://liris.cnrs.fr/~ksehaba Ergonomie des IHM Karim Sehaba Maître de Conférences en Informatique karim.sehaba@univ-lyon2.fr http://liris.cnrs.fr/~ksehaba Université Lumière Lyon2 Conception Web Organisation du contenu Navigation

Plus en détail

Chapitre 4 Les tableaux

Chapitre 4 Les tableaux Chapitre 4 Les tableaux A. Introduction AutoCAD 2010 permet la création automatisée d objets tableaux. Ceci vous évite de concevoir des tableaux à partir de lignes individuelles, textes, et blocs. Après

Plus en détail

Conseils à suivre pour créer un fichier imprimable

Conseils à suivre pour créer un fichier imprimable Z.I. Les Milles - Actimart 1140, rue Ampère - 3, allée des Ingénieurs 13851 Aix-en-Provence cedex 3 Tél. 04 42 90 04 21 - Fax 04 42 90 04 75 contact@dfs-plus.fr - www.dfs-plus.fr Conseils à suivre pour

Plus en détail

ÉRIC SAINTE-CROIX. Cahier. Illustrator. Spécial débutants. Groupe Eyrolles, 2010 ISBN : 978-2-212-12555-9

ÉRIC SAINTE-CROIX. Cahier. Illustrator. Spécial débutants. Groupe Eyrolles, 2010 ISBN : 978-2-212-12555-9 Cahier ÉRIC SAINTE-CROIX Illustrator Spécial débutants Groupe Eyrolles, 2010 ISBN : 978-2-212-12555-9 Table des matières Les bases 01 10 Modifier les couleurs d une illustration..............................

Plus en détail

Pixlr Editor - Retouches usuelles et fonctionnelles

Pixlr Editor - Retouches usuelles et fonctionnelles Pixlr Editor - Retouches usuelles et fonctionnelles Les solutions proposées par le site www.pixlr.com se déclinent en 3 modules : Pixlr-O-Matic : le module le plus simple et le plus ludique des 3 pour

Plus en détail

Direction Générale des Études Technologiques Institut Supérieur des Etudes Technologiques de Djerba Département Technologies de l informatique

Direction Générale des Études Technologiques Institut Supérieur des Etudes Technologiques de Djerba Département Technologies de l informatique Direction Générale des Études Technologiques Institut Supérieur des Etudes Technologiques de Djerba Département Technologies de l informatique Design graphique Mejdi BLAGHGI m.blaghgi@gmail.com Introduction

Plus en détail

6 RECETTES POUR PRENDRE DE MEILLEURES PHOTOS

6 RECETTES POUR PRENDRE DE MEILLEURES PHOTOS 6 RECETTES POUR PRENDRE DE MEILLEURES PHOTOS THIBAUT SIMONART UN EBOOK GRATUIT? Si vous êtes en train de lire cet ebook, c est que vous venez de vous inscrire à la newsletter de PHOTO ET RETOUCHE. A ce

Plus en détail

Pour attirer l attention sur un emballage (ex. : Coke et DuMaurier). Pour provoquer une émotion vive. Bleu

Pour attirer l attention sur un emballage (ex. : Coke et DuMaurier). Pour provoquer une émotion vive. Bleu Par Serge Parent I. Les connotations associées aux couleurs II. L accord des couleurs I. Les connotations associées aux couleurs Couleur Connotations Usage en graphisme Rouge L énergie, la force et la

Plus en détail

Adobe Indesign. L art de la mise en page CHAPITRE 2

Adobe Indesign. L art de la mise en page CHAPITRE 2 M2 Caweb 2014-2015 Enseignant : Boris Epp Adobe Indesign L art de la mise en page CHAPITRE 2 Sommaire 1. Les blocs a. Types de blocs b. Manipuler les blocs c. Interactions entre les blocs d. Appliquer

Plus en détail

Inspiration 8.0. Sans plus tarder, partez à la découverte d Inspiration. Vous verrez comme ce logiciel est amusant à explorer.

Inspiration 8.0. Sans plus tarder, partez à la découverte d Inspiration. Vous verrez comme ce logiciel est amusant à explorer. Inspiration 8.0 Inspiration est un logiciel pour l organisation des idées. Avec Inspiration, vous représentez vos idées sous la forme de schémas, de cartes mentales ou de plans. Inspiration s avère un

Plus en détail

Chapitre 1 La perception de la lumière et des couleurs par l'œil humain

Chapitre 1 La perception de la lumière et des couleurs par l'œil humain 1 1 9 9 7 7 2 2 Perception des couleurs par l œil humain................ 4 La température des couleurs et la balance des blancs.......... 4 La compensation de la lumière par l œil................ Le gamma..............................

Plus en détail

Identité visuelle. Joseph Diaz. À propos de l auteur. À propos de l auteur

Identité visuelle. Joseph Diaz. À propos de l auteur. À propos de l auteur Identité visuelle Joseph Diaz À propos de l auteur À propos de l auteur Joseph Diaz a grandi dans une entreprise familiale de signalétique située à Pontiac, en Illinois. Il a créé ses premiers logos pendant

Plus en détail

Charte Graphique logotype & charte d utilisation

Charte Graphique logotype & charte d utilisation Charte Graphique logotype & charte d utilisation Introduction a fait évoluer son identité graphique et les codes visuels qui l accompagnent. La charte graphique a pour objectifs d établir les règles d

Plus en détail

Lamia Rmila Adeline Lelièvre Chartre Graphique

Lamia Rmila Adeline Lelièvre Chartre Graphique Lamia Rmila Adeline Lelièvre Chartre Graphique PREAMBULE Dans le cadre du module de communication du deuxième semestre du DUT QLIO, la mission confiée aux étudiants était la refonte totale du graphisme

Plus en détail

Photoshop propose de nombreux outils pour utiliser la couleur ou pour changer de mode colorimétrique.

Photoshop propose de nombreux outils pour utiliser la couleur ou pour changer de mode colorimétrique. Photoshop propose de nombreux outils pour utiliser la couleur ou pour changer de mode colorimétrique. Dans photoshop il est possible de définir 2 couleurs qui apparaissent dans la palette outils, la case

Plus en détail

Création d'une invitation

Création d'une invitation Création d'une invitation Michaela Maginot Concept et élaboration Invitation avec boîte à cadeau, carte et enveloppe transparente. L'objectif était de créer une invitation pouvant être utilisée et réorientée

Plus en détail

Analyse comparative de trois sites d e commerce

Analyse comparative de trois sites d e commerce Analyse comparative de trois sites d e commerce M1105 Par Benjamin ANDRE Romain LUTIC - Jérémy MONIER (A/B) I/ Analyse des sites Amazon.com 1 ère 1 ère impression bonne, site épuré, bien organisé, on reconnait

Plus en détail

analyse De La situation

analyse De La situation 66 n Photographier l urbain atelier 3 Faire ViBrer les COUleUrS analyse De La situation Nikon D800 35 mm ƒ/7.1 1/60 s 100 ISO Les couleurs sont présentes partout autour de nous, il suffit parfois de lever

Plus en détail

RÈGLES D UTILISATION DU LOGO POUR LES PARTENAIRES D Inria

RÈGLES D UTILISATION DU LOGO POUR LES PARTENAIRES D Inria INVENTEURS DU MONDE NUMÉRIQUE RÈGLES D UTILISATION DU LOGO POUR LES PARTENAIRES D Inria Inria a fait évoluer son identité graphique et les codes visuels qui l accompagnent. Ce guide s adresse à tous ceux

Plus en détail

Corrections chromatiques de l image

Corrections chromatiques de l image Corrections chromatiques de l image 1. Réglages en amont 2. Utilisation d un histogramme et de la palette infos 3. Réglage du point blanc - point noir 4. Réglage du gamma, correction tonale Pour quadri

Plus en détail

bleu cyan vert rouge magenta violet jaune orange

bleu cyan vert rouge magenta violet jaune orange 99 Les liens chromatiques simples 1 secondaire Soit: Utilisez une des deux teintes soit en rabattue, soit en rompue et l autre pure. bleu cyan vert rouge magenta violet jaune orange Soit: Utilisez l une

Plus en détail

REALISER UNE CARTE GEOGRAPHIQUE SUR MESURE

REALISER UNE CARTE GEOGRAPHIQUE SUR MESURE REALISER UNE CARTE GEOGRAPHIQUE SUR MESURE Que fait-on? On crée une carte géographique sur laquelle on n affiche que l information strictement nécessaire à la présentation d une oeuvre. Pourquoi le fait-on?

Plus en détail

Leçon 1 : PRESENTATION ET PRISE EN MAIN DE PHOTOSHOP

Leçon 1 : PRESENTATION ET PRISE EN MAIN DE PHOTOSHOP I. CONTENU DU COURS THÉORIQUE ET PRATIQUE CHAPITREIV : CREATION DE BOUTONS Leçon 1 : PRESENTATION ET PRISE EN MAIN DE PHOTOSHOP OBJECTIF PEDAGOGIQUE OPERATIONNEL : A la fin de cette leçon, l élève doit

Plus en détail

Vectorisation des images

Vectorisation des images Vectorisation des images Bienvenue dans CorelDRAW, programme de dessin vectoriel et de conception graphique complet destiné aux professionnels de l image. Dans ce didacticiel, vous apprendrez à vectoriser

Plus en détail

La couleur sans faute de goût

La couleur sans faute de goût Page 1/5 -OIE DECO La couleur sans faute de goût Elles pourraient avoir une influence sur notre moral et notre équilibre et révéleraient aussi une part de notre personnalité. Choisir les teintes pour sa

Plus en détail

Prise en main du logiciel Smart BOARD Notebook 10

Prise en main du logiciel Smart BOARD Notebook 10 Prise en main du logiciel Smart BOARD Notebook 10 Ce document traite de la version 10 de Notebook. La version 11 existe et reste assez proche de la 10. Attention si vous n utilisez pas un TBI de marque

Plus en détail

Retouche Photo. I/ Téléchargement et Installation. Bazillier Maud-Animatrice Cyberbase

Retouche Photo. I/ Téléchargement et Installation. Bazillier Maud-Animatrice Cyberbase Retouche Photo PhotoFiltre est un logiciel de retouche d images. Il permet d effectuer des réglages simples sur une image et de lui appliquer un large éventail de filtres. Son utilisation simple et intuitive

Plus en détail

PROGRAMME DU JOUR. Rôle de Rhône Fleurissement La nouvelle grille d évaluation Concevoir un massif Atelier

PROGRAMME DU JOUR. Rôle de Rhône Fleurissement La nouvelle grille d évaluation Concevoir un massif Atelier Journée technique PROGRAMME DU JOUR Rôle de Rhône Fleurissement La nouvelle grille d évaluation Concevoir un massif Atelier Rappel des principes de fleurissement Intégrer le décor floral dans l ensemble

Plus en détail

Chapitre 11 : Outil clé

Chapitre 11 : Outil clé Outil clé 11-1 Outil clé 11 : Outil clé Ce qu il permet Utilisez cet outil pour créer des changements de clés n importe où dans la partition, même en milieu de mesure. Voir CLÉS pour des instructions complètes.

Plus en détail

NOM : Classe : Travaux Pratiques Cours / Synthèse Prénom : Date : Travaux Dirigés Evaluation

NOM : Classe : Travaux Pratiques Cours / Synthèse Prénom : Date : Travaux Dirigés Evaluation CI44.. LLA REPRESENTTATTI ION DU REELL Sccéénnaarri ioo K11 1/1 NOM : Classe : Travaux Pratiques Cours / Synthèse Prénom : Date : Travaux Dirigés Evaluation Objectif : Le but de ce TP est de réaliser le

Plus en détail

http://www.le-nouvel-encrier.com - SARL L'ENCRIER - 68, bd de Metz - 35000 RENNES

http://www.le-nouvel-encrier.com - SARL L'ENCRIER - 68, bd de Metz - 35000 RENNES http://www.le-nouvel-encrier.com - SARL L'ENCRIER - 68, bd de Metz - 35000 RENNES 4- La décoration Votre faire-part a une dimension déterminée, la surface allouée au texte convient. Comment le décorer?

Plus en détail

Leçon N 11 Faire un Album de photo avec ALBELLI 2 ème partie

Leçon N 11 Faire un Album de photo avec ALBELLI 2 ème partie Leçon N 11 Faire un Album de photo avec ALBELLI 2 ème partie Vous allez créer avec cette leçon un album de photo avec le logiciel «Albelli livre photo». 2 La préparation Le travail le plus important pour

Plus en détail

Présentation assistée par ordinateur

Présentation assistée par ordinateur Présentation assistée par ordinateur (PowerPoint) Guide d élaboration à l intention des conférenciers Colloque sur la sécurité civile et incendie Résumé Taille et disposition o 20 diapositives au maximum

Plus en détail

ARTS VISUELS PROPOSITION D EXERCICES-1 re À 8 e année. Techniques. Atelier pour 3 e année. Atelier pour 1 re année

ARTS VISUELS PROPOSITION D EXERCICES-1 re À 8 e année. Techniques. Atelier pour 3 e année. Atelier pour 1 re année ARTS VISUELS PROPOSITION D EXERCICES-1 re À 8 e année Techniques Atelier pour 1 re année J imprime un monotype B1.4 utiliser des techniques simples dans ses propres œuvres (p. ex., dessin à la craie, peinture

Plus en détail

GENERALITES ANALYSE ET ETUDES DE MARCHE MASTER 2 MARKETING ET COMMUNICATION COMMERCIALE E.MARTIN VERDIER 2012/2013. Photoshop

GENERALITES ANALYSE ET ETUDES DE MARCHE MASTER 2 MARKETING ET COMMUNICATION COMMERCIALE E.MARTIN VERDIER 2012/2013. Photoshop GENERALITES ANALYSE ET ETUDES DE MARCHE MASTER 2 MARKETING ET COMMUNICATION COMMERCIALE E.MARTIN VERDIER 2012/2013 Photoshop Présentation des différents outils On peut regrouper les outils de Photoshop

Plus en détail

CREER UN TEST. Sur la page d accueil du site, cliquez. sur l icône d accès au générateur de création de test

CREER UN TEST. Sur la page d accueil du site, cliquez. sur l icône d accès au générateur de création de test CREER UN TEST Sur la page d accueil du site, cliquez sur l icône d accès au générateur de création de test Dans la page de création de tests http://www.anglaisfacile.com/cgi2/m yexam/choice.php Cliquez

Plus en détail

norament 926 satura. Une plus grande liberté pour un aménagement personnalisé. Un design ton sur ton élégant pour une création sans limite.

norament 926 satura. Une plus grande liberté pour un aménagement personnalisé. Un design ton sur ton élégant pour une création sans limite. norament 926 satura. Une plus grande liberté pour un aménagement personnalisé. Un design ton sur ton élégant pour une création sans limite. Un design discret aux effets prononcés. norament 926 satura offre

Plus en détail

Edupen PRO 2.2.5-06 / 2014. Manuel d utilisation

Edupen PRO 2.2.5-06 / 2014. Manuel d utilisation Edupen PRO 2.2.5-06 / 2014 Manuel d utilisation Sommaire 3 1. Prérequis système et installation 3 1.1 Logiciel multitouch 3 1.2 Prérequis système 4 1.3 Installer le Framework Microsoft.NET 4 1.4 Installer

Plus en détail

Au nom du pôle de compétences de l académie de ROUEN

Au nom du pôle de compétences de l académie de ROUEN SBSSA http://sbssa.ac-rouen.fr/ Au nom du pôle de compétences de l académie de ROUEN Secteur d enseignement «Soins personnels» OBJECTIFS LUMIERE & COULEUR IMAGE SOURCE «EUGENE-PERMA» AVANT PROPOS Que signifient

Plus en détail

1 Module 1 : feuille de style, position des blocs, nombre d éléments

1 Module 1 : feuille de style, position des blocs, nombre d éléments Plugin d'habillage d'eva-web 4 Le plugin d'habillage d'eva-web permet de : adapter la position, la taille des divers éléments la composant choisir les couleurs de fonds des divers secteurs choisir la taille,

Plus en détail

CAHIER DE NORMES GRAPHIQUES. Décembre 2010

CAHIER DE NORMES GRAPHIQUES. Décembre 2010 CAHIER DE NORMES GRAPHIQUES Décembre 2010 Table des matières 1. MISE EN SITUATION 1.1 Présentation de la MCA - Sénégal 1.2 Pourquoi un cahier de normes 1.3 Lexique 2. PRÉSENTATION DU LOGO 2.1 Signification

Plus en détail

Styler un document sous Word 2010*

Styler un document sous Word 2010* Février 2014 Styler un document sous Word 2010* Un style est un ensemble de caractéristiques de mise en forme (police, taille, espacement, etc.) qui sert à structurer un document en l organisant de manière

Plus en détail

FICHE 10 : MODIFIER LES OBJETS

FICHE 10 : MODIFIER LES OBJETS 1. SELECTIONNER UN OBJET FICHE 10 : MODIFIER LES OBJETS Avant d'éditer un objet (zone de texte, tableau, image, objet ), vous devez le sélectionner en cliquant au milieu de l'objet. Des petits carrés noirs

Plus en détail

O T I Z U. O T I Z U Design Photographic Frames. 2014 Template Simet voluptaspis eos accupta tiostiasimi fugitatestia. Design Photographic Frames

O T I Z U. O T I Z U Design Photographic Frames. 2014 Template Simet voluptaspis eos accupta tiostiasimi fugitatestia. Design Photographic Frames O T I Z U Design Photographic Frames O T I Z U Design Photographic Frames 2014 Template Simet voluptaspis eos accupta tiostiasimi fugitatestia INDEX MAISON OTIZU MAISON OTIZU Un concept innovant UNE PASSION

Plus en détail

Couleur Noir et blanc Monochrome Au trait. Imprimé Gabarit Imprimé Gabarit C6 DL C5 C4 Placement Planche Gabarit. Imprimé Gabarit

Couleur Noir et blanc Monochrome Au trait. Imprimé Gabarit Imprimé Gabarit C6 DL C5 C4 Placement Planche Gabarit. Imprimé Gabarit Sommaire Système Introduction Typographie Trames Couleurs Présentation Déclinaison couleur Placement En-tête Suite de lettre Enveloppes Étiquettes Cartes de visite Cartes de correspondance Dossier de presse

Plus en détail

Didacticiel du logiciel GIMP :

Didacticiel du logiciel GIMP : Didacticiel du logiciel GIMP : GIMP (GNU, Image, Manipulation, Programme) est un logiciel libre de modifications, de retouches et de création d images numériques. Il est doté de nombreux outils et filtres.

Plus en détail

Création de travaux réalistes avec une surface Maille

Création de travaux réalistes avec une surface Maille Création de travaux réalistes avec une surface Maille Ariel Garaza Díaz Né à Montevideo, en Uruguay, Ariel vit et travaille à Madrid, en Espagne. Depuis 1980, il est dessinateur professionnel et utilise

Plus en détail

Normes graphiques de la marque Identité visuelle

Normes graphiques de la marque Identité visuelle Normes graphiques de la marque Identité visuelle Juin 2014 1.2 Logo Couleur Noir Inversé couleur Écu seul Inversé noir Inversé couleur sur fond rouge Le logo comprend deux éléments : le nom, en français

Plus en détail

Projet d Arts Visuels «Quand la sculpture rencontre la couleur»

Projet d Arts Visuels «Quand la sculpture rencontre la couleur» Projet d Arts Visuels «Quand la sculpture rencontre la couleur» Langage oral Histoire de l art Rencontre de différents artistes : Kandinsky, Niki de Saint Phalle, Klein, Malevitch, Van Gogh, Hundertwasser.

Plus en détail

Fondation l Impériale

Fondation l Impériale Signatures et logos Guide de référence 5.9.5.1/F 01/03 Compagnie Pétrolière Impériale Ltée Complément du manuel de la signature visuelle Guide de référence Introduction Le présent Guide de référence énonce

Plus en détail

2013 Pearson France Photoshop Elements 12 pour les photographes du numérique Loïc Olive

2013 Pearson France Photoshop Elements 12 pour les photographes du numérique Loïc Olive améliorer les PhOtOs L amélioration d une photo passe quasiment toujours par les mêmes étapes. On commence par la redresser, puis on s attelle à corriger ses dominantes de couleurs et sa tonalité. Vient

Plus en détail

Création d une newsletter

Création d une newsletter L objectif d une newsletter efficace est de séduire le lecteur et de l inciter à lire les informations qu elle contient. Choisissez soigneusement le style de mise en page, son intitulé, les polices et

Plus en détail

Harmonie des couleurs vocabulaire

Harmonie des couleurs vocabulaire Source : La couleur et ses accords - Robert Montchaud - Editions Fleurus - 2004 Harmonie des couleurs vocabulaire primaire intermédiaire intermédiaire secondaire Tonique pure secondaire intermédiaire intermédiaire

Plus en détail

Glacis à l acrylique

Glacis à l acrylique Sommaire 1. Le glacis 2. Notions de base en acrylique 3. Réalisation pratique: tableau avec glacis 4. Modèle Séance du 31 janvier 2014 dirigée par Maurice Lopès Travaux pratiques de peinture Glacis à l

Plus en détail

Principes d accessibilité avec Adobe InDesign

Principes d accessibilité avec Adobe InDesign Principes d accessibilité avec Adobe InDesign Par Nicholas Grenier, Designer graphique et chef d équipe de l édition et du graphisme Mars 2013 Table des matières Introduction 2 Principes de base 3 Les

Plus en détail

Sélectionner les cellules à copier Cliquer sur copier Cliquer dans la première cellule de destination Menu Edition / Collage spécial

Sélectionner les cellules à copier Cliquer sur copier Cliquer dans la première cellule de destination Menu Edition / Collage spécial Collage spécial Sélectionner les cellules à copier Cliquer sur copier Cliquer dans la première cellule de destination Menu Edition / Collage spécial Définir le type de collage à réaliser Transposé : inverse

Plus en détail

TP Réaliser un dépliant publicitaire

TP Réaliser un dépliant publicitaire TP Réaliser un dépliant publicitaire Enfin un peu de pratique! Si besoin est, toutes les techniques utilisées seront expliquées en détail dans la correction. Nettoyez vos souris, faites craquer vos doigts

Plus en détail

Les Eléments du Design

Les Eléments du Design Les Eléments du Design Introduction Dans «Les Principes du Design», nous avons étudié la moitié des principes de base qui du Design. Ces principes représentent les assumptions de base de l univers qui

Plus en détail

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. 1 Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. Voici un mode opératoire qui vous guidera dans l utilisation de

Plus en détail