photoshop

sélections, calques et colorimétrie

conception, création et formation : Joël Berne

Thé Vert présente

les formations graphiques

Le programme Découverte des différents aspects de la création d'un site Web afin d'appréhender les relations entre Html, Css, le design et l'ergonomie. Si le cours est axé sur les techniques Html et Css, il abordera aussi la méthodologie de conception et de création de contenus pour le Web ainsi que les règles du design et de l'ergonomie pour vous offrir un aperçu des règles d'usage et des contraintes du Web applicables à de nombreux domaines.

Les domaines utiles Découverte des différents aspects de la création d'un site Web afin d'appréhender les relations entre Html, Css, le design et l'ergonomie. Si le cours est axé sur les techniques Html et Css.

les bases d'Adobe Photoshop

initiation au bon usage des calques

Découverte des bases techniques de la création Web et des contraintes spécifiques aux langages Html et Css. Cette première partie est destinée à vous aider à comprendre le rôle des balises dans la structure des contenus Web et vous apprendre à distinguer ce qui est visible de ce qui est programmé.

partie 1

les sélections partie 1

Tout commence par un choix pertinent, tout commence par une sélection.

|| essentiel || Rapide historique du développement Internet et découverte de "l'envers du décor" avec une première inititation aux principes de création d'une page Web à l'aide de "balises" et sensibilisation au rôle des feuilles de style pour en gérer son design. Cette première approche est destinée à sensibiliser aux règles spécifiques du Web. Les exercices vous demanderont de replacer des balises h1 h2, h3, p, ul, li, dans une page dont le contenu est déjà créé, mais sans la moindre structure Html. S'initier progressivement à la notion de cascade et d'imbrication.

C1fichiers cours25Mo

les sélections partie 2

La sélection c'est la vie, la sélection c'est la perfection dans Photoshop.

Utilisation des balises spécifiques à la mise en place des textes et initiation à l'usage des Css pour les personnaliser. Découverte des balises de textes h1, h2, h3, p, ul, ol, li, span, br et de l'habillage des images avec la balise img. Méthode d'intégration des polices Google. Utilisation de certains attributs Css dont color, text-align, font-size, font-weight, ou float, introduction des attributs de padding et de margin.

C2fichiers cours25Mo

la colorimétrie

Si tu ne vis pas en couleur, tu vis dans le noir.

Utilisation des balises spécifiques à la mise en place des textes et initiation à l'usage des Css pour les personnaliser. Découverte des balises de textes h1, h2, h3, p, ul, ol, li, span, br et de l'habillage des images avec la balise img. Méthode d'intégration des polices Google. Utilisation de certains attributs Css dont color, text-align, font-size, font-weight, ou float, introduction des attributs de padding et de margin.

C3fichiers cours23Mo

les calques

Les piliers de l'univers Photoshop

|| essentiel || Utilisation des balises spécifiques à la mise en place des textes et initiation à l'usage des Css pour les personnaliser. Découverte des balises de textes h1, h2, h3, p, ul, ol, li, span, br et de l'habillage des images avec la balise img. Méthode d'intégration des polices Google. Utilisation de certains attributs Css dont color, text-align, font-size, font-weight, ou float, introduction des attributs de padding et de margin.

C4fichiers cours13Mo

les masques de fusion

découvrir le rôle des balises dans une mise en page Web
et appréhender ses liens avec les css et le design Web.

|| le secret || Rapide historique du développement Internet et découverte de "l'envers du décor" avec une première inititation aux principes de création d'une page Web à l'aide de "balises" et sensibilisation au rôle des feuilles de style pour en gérer son design. Cette première approche est destinée à sensibiliser aux règles spécifiques du Web. Les exercices vous demanderont de replacer des balises h1 h2, h3, p, ul, li, dans une page dont le contenu est déjà créé, mais sans la moindre structure Html. S'initier progressivement à la notion de cascade et d'imbrication.

C5fichiers cours42Mo

les modes de fusion

Utilisation des balises spécifiques à la gestion des textes dans une page Html
et méthode pour les personnaliser avec les css

|| essentiel || Utilisation des balises spécifiques à la mise en place des textes et initiation à l'usage des Css pour les personnaliser. Découverte des balises de textes h1, h2, h3, p, ul, ol, li, span, br et de l'habillage des images avec la balise img. Méthode d'intégration des polices Google. Utilisation de certains attributs Css dont color, text-align, font-size, font-weight, ou float, introduction des attributs de padding et de margin.

C6fichiers cours27Mo

la méthodologie utile

initiation au bon usage des balises

Découverte des bases techniques de la création Web et des contraintes spécifiques aux langages Html et Css. Cette première partie est destinée à vous aider à comprendre le rôle des balises dans la structure des contenus Web et vous apprendre à distinguer ce qui est visible de ce qui est programmé.

partie 2

mettre en forme les textes

Maitrisez l'équilibre entre images et textes.

Utilisation des balises spécifiques à la mise en place des textes et initiation à l'usage des Css pour les personnaliser. Découverte des balises de textes h1, h2, h3, p, ul, ol, li, span, br et de l'habillage des images avec la balise img. Méthode d'intégration des polices Google. Utilisation de certains attributs Css dont color, text-align, font-size, font-weight, ou float, introduction des attributs de padding et de margin.

C7fichiers cours11Mo

colorimétrie avancée

Maitrisez l'équilbre des contrastes

Utilisation des balises spécifiques à la mise en place des textes et initiation à l'usage des Css pour les personnaliser. Découverte des balises de textes h1, h2, h3, p, ul, ol, li, span, br et de l'habillage des images avec la balise img. Méthode d'intégration des polices Google. Utilisation de certains attributs Css dont color, text-align, font-size, font-weight, ou float, introduction des attributs de padding et de margin.

C8fichiers cours39Mo

premier montage

La vérité est dans les livres, pas sur les réseaux.

|| application || Rapide historique du développement Internet et découverte de "l'envers du décor" avec une première inititation aux principes de création d'une page Web à l'aide de "balises" et sensibilisation au rôle des feuilles de style pour en gérer son design. Cette première approche est destinée à sensibiliser aux règles spécifiques du Web. Les exercices vous demanderont de replacer des balises h1 h2, h3, p, ul, li, dans une page dont le contenu est déjà créé, mais sans la moindre structure Html. S'initier progressivement à la notion de cascade et d'imbrication.

C9fichiers cours23Mo

deuxième montage

Harley, où est Batman ? Joker, dans ton… dos.

|| application || Utilisation des balises spécifiques à la mise en place des textes et initiation à l'usage des Css pour les personnaliser. Découverte des balises de textes h1, h2, h3, p, ul, ol, li, span, br et de l'habillage des images avec la balise img. Méthode d'intégration des polices Google. Utilisation de certains attributs Css dont color, text-align, font-size, font-weight, ou float, introduction des attributs de padding et de margin.

C10fichiers cours10Mo

trucages

Marionnette et autres manipulations

Utilisation des balises spécifiques à la mise en place des textes et initiation à l'usage des Css pour les personnaliser. Découverte des balises de textes h1, h2, h3, p, ul, ol, li, span, br et de l'habillage des images avec la balise img. Méthode d'intégration des polices Google. Utilisation de certains attributs Css dont color, text-align, font-size, font-weight, ou float, introduction des attributs de padding et de margin.

C11fichiers cours10Mo

les applications

initiation au bon usage des balises

Découverte des bases techniques de la création Web et des contraintes spécifiques aux langages Html et Css. Cette première partie est destinée à vous aider à comprendre le rôle des balises dans la structure des contenus Web et vous apprendre à distinguer ce qui est visible de ce qui est programmé.

partie 3

troisième montage

Créer des univers et des atmosphères

|| application || Utilisation des balises spécifiques à la mise en place des textes et initiation à l'usage des Css pour les personnaliser. Découverte des balises de textes h1, h2, h3, p, ul, ol, li, span, br et de l'habillage des images avec la balise img. Méthode d'intégration des polices Google. Utilisation de certains attributs Css dont color, text-align, font-size, font-weight, ou float, introduction des attributs de padding et de margin.

C12fichiers cours50Mo

quatrième montage

Peindre la forêt et son environnement

|| complexe || Rapide historique du développement Internet et découverte de "l'envers du décor" avec une première inititation aux principes de création d'une page Web à l'aide de "balises" et sensibilisation au rôle des feuilles de style pour en gérer son design. Cette première approche est destinée à sensibiliser aux règles spécifiques du Web. Les exercices vous demanderont de replacer des balises h1 h2, h3, p, ul, li, dans une page dont le contenu est déjà créé, mais sans la moindre structure Html. S'initier progressivement à la notion de cascade et d'imbrication.

C13fichiers cours12Mo

cinquième montage

mettre en couleur des illustrations au trait

Utilisation des balises spécifiques à la mise en place des textes et initiation à l'usage des Css pour les personnaliser. Découverte des balises de textes h1, h2, h3, p, ul, ol, li, span, br et de l'habillage des images avec la balise img. Méthode d'intégration des polices Google. Utilisation de certains attributs Css dont color, text-align, font-size, font-weight, ou float, introduction des attributs de padding et de margin.

C14fichiers cours10Mo

dernier montage

Utilisation des masques vectoriels

Utilisation des balises spécifiques à la mise en place des textes et initiation à l'usage des Css pour les personnaliser. Découverte des balises de textes h1, h2, h3, p, ul, ol, li, span, br et de l'habillage des images avec la balise img. Méthode d'intégration des polices Google. Utilisation de certains attributs Css dont color, text-align, font-size, font-weight, ou float, introduction des attributs de padding et de margin.

C15fichiers cours9Mo