Bilan du travail EAU

Même si globalement vous avez bien travaillé, nous devons analyser la semaine prochaine ce travail pour optimiser les visuels :
> choix de composition
> choix de typos
> rapport texte / image
> choix des éléments à mettre en mouvement
> déformation à donner pour accentuer les effets recherchés
Vous devrez retravailler vos visuels en prenant en compte les modifications suggérées.
Technologie :
mini intéro sur le travail fait durant le cours du 26 mars.

affiche eau

affiche eau
Albeaux Audric à donné son effet de mouvement sur les bras des personnages.

Bailly Salins Aurélien

Bailly Salins Aurélien
Aurélien à ajouté à son effet de mouvement une couleur bleutée.

Brien Morgane

Brien Morgane
un peu plus difficile de trouver l'effet de mouvement sur ce visuel.

Dubois Nastasia

Dubois Nastasia
Le personnage travaillé se trouve dans la goutte d'eau mais nous devions avoir en fond de visuel ce même personnage en mouvement et écho...

Chevallier Yann

Chevallier Yann

Hoang Sonia

Hoang Sonia

Esnault Jordy

Esnault Jordy

Housset Marion

Housset Marion

Création d'un visuel illustrant une chorégraphie de Carolyn Carlson : EAU

Création d'un visuel illustrant une chorégraphie de Carolyn Carlson : EAU
Nous allons tenter de donner un effet de mouvement en jouant sur la répétition, le déplacement, les degré d'opacité, le flou directionnel et les masques de dégradé... nous travaillerons d'abord les différents éléments constitutionnels puis nous les assemblerons pour réaliser notre visuel.

Effet de mouvement...

Effet de mouvement...
Après avoir détouré votre objet, contracter de 1px votre sélection pour éviter le petit filet de contour.

... effet de mouvement ...

... effet de mouvement ...
cmd J pour dupliquer la sélection. dupliquez deux fois pour travailler sur le troisième calque.

... effet de mouvement ...

... effet de mouvement ...
Sur le troisième calque utilisez le flou directionnel (menu > filtre > Atténuation > flou directionnel) vous dupliquerez ce calque et réutiliserez le même flou (cmd F) sur le nouveau calque

... effet de mouvement ...

... effet de mouvement ...
dans la fenêtre de dialogue vous choisissez l'angle c'est à dire la direction du mouvement et la distance soit l'"aura" du flou.

... effet de mouvement ...

... effet de mouvement ...
Nous allons maintenant créer une nouvelle forme pour notre gomme : nouveau document de 100 x 100 pixels. nous dessinons des rectangles dont la direction est la même que le déplacement de notre objet. dans la palette tracé, convertir la forme en tracé. Menu > Édition > Créer une forme personnalisée. prenez l'outil gomme sur votre document initial, une nouvelle forme est créée.

... effet de mouvement ...

... effet de mouvement ...
sur une dernière duplication, vous utiliserez votre nouvelle forme et vous devez gommer par de longs "tracés" //. Vous complétez par un un flou directionnel qui va accompagner votre effet.

... effet de mouvement ...

... effet de mouvement ...
Vous décalez chaque calque dans le sens du mouvement avec un degré d'opacité de plus en plus faible au fur et à mesure de l'éloignement. Sur le premier calque vous appliquerez un masque de dégradé d'opacité pour accentuer l'effet. Vous pouvez utiliser cet effet pour juste une partie du corps.

Mise en situation d'un visuel dans un espace

Mise en situation d'un visuel dans un espace
On vous demande de faire une mise en situation pour le projet d'un panneau publicitaire. Vous avez fait plusieurs recherches. On va utiliser le filtre Point de fuite dans Photoshop pour remplacer le panneau existant. (recherche de gain de temps)

... point de fuite...

... point de fuite...
Une fenêtre s'ouvre. Vous devez créer une grille en vous basant sur la perspective architecturale. tracez au plus large pour être précis

... point de fuite...

... point de fuite...
Vous ajusterez votre cadrage en ajustant la grille que vous venez de créer

... point de fuite...

... point de fuite...
Dans le menu déroulant, renvoyez le calque 3D vers photoshop > ok!

... point de fuite...

... point de fuite...
Dans la palette calque vous devez double cliquer sur temp0 pour "entrer dedans et mettre votre nouveau visuel "à la place" de l'ancien

... point de fuite...

... point de fuite...
ajustez manuellement votre visuel (cmd T) à la même dimension que le panneau précédent (les dimensions sont en principe identiques) mais votre nouveau visuel est forcément plus grand)

... point de fuite...

... point de fuite...
Revenez sur votre fichier initial... vous avez la bonne surprise de voir votre visuel en place. quelques réglages pour l'intégrer dans la luminosité ambiante et ce sera gagné!

Vendredi 22 janvier

Vendredi 22 janvier
Poursuite de la réalisation du carnet de bord. Chaque élève doit réaliser le texte qui correspond à un travail fait depuis le début de l'année. ensuite : application du cours de technologie.

enregistrement pour le web

enregistrement pour le web
GIF 2 couleurs

image numérique

Une image numérique est enregistrée sous forme de fichier dans l'ordinateur.

Elle est caractérisée principalement par :

* Son type de fichier

* Sa résolution en pixels

* Sa profondeur de couleur

Le type de fichier

Le codage de l'image dépend de son type. Celui-ci est caractérisé par son extension, composé de trois lettres. Nous avons par exemple :

* Les images non-compressées : par exemple du type bitmap (.bmp) ou TIFF (.tif)

* Les images compressées : par exemple du type JPEG (.jpg) ou GIF (.gif)

Pour cette première partie, nous allons nous intéresser aux images non compressées du type bitmap (bmp) car c'est

l'image numérique la plus simple à interpréter. Il nous faut en effet commencer par l'étude de ce format simple car il faut un certain nombre de connaissances pour étudier les images numériques compressées.

Une image numérique est définie par sa résolution et sa profondeur de couleur.

La résolution

La résolution
Nous parlerons d'abord de la résolution. Elle est exprimée en pixels. Qu'est ce qu'un pixel ? Un pixel est le plus petit constituant d’une image. Pixel est la contraction de Picture et element. C’est un point caractérisé par une couleur : La résolution est le nombre de pixels en largeur et en longueur. Par exemple, 254x112. On peut ainsi calculer le nombre total de pixels dans l'image. Ici, nous aurions 28 448 pixels en tout. La taille de l'image dépend donc de la résolution, mais aussi, comme nous allons le voir, de la profondeur de couleur.

La profondeur de couleur

La profondeur de couleur
La profondeur de couleur est plus communément appelée " Nombre de bits par pixel ". Plus elle est importante, plus l'image peut afficher de couleurs différentes. Soit 28 = 256 possibilités. Chaque octet peut donc prendre 256 valeurs différentes. Ici, nous sommes en système binaire.

Une couleur sur un écran d’ordinateur est définie par : * L’intensité du rouge * L’intensité du vert * L’intensité du bleu C’est un système RVB (Rouge Vert Bleu). La quantité de chacune de ces couleurs peut varier de 0 (nulle) à 255 (maximale). Sur cette image, nous avons 43 de rouge, 213 de vert et 145 de bleu. L’association de ces informations indiquent à l’ordinateur d’afficher une couleur bleue-verte.

La profondeur de couleur

La profondeur de couleur
La profondeur de couleur d’une image bitmap peut être de 1, 4, 8 ou 24 bpp. Voyons les différences perceptibles entre ces différents codages :

Audric Albeaux

Audric Albeaux

Aurélien Bailly-Sailins

Aurélien Bailly-Sailins

Florian Claro

Florian Claro
un progrès sur la maîtrise du logiciel et sur la rapidité d'exécution

Jordy Esnault

Jordy Esnault

Marion Housset

Marion Housset

Jeanne-Claude est décédée à New York le 19 novembre. Elle et Christo, nés le (15 juin 1935) signaient « Christo » leurs œuvres. pour mémoire:l'emballage du Pont Neuf à Paris (1985), du Reichstag à Berlin (1995), l'installation d'une ceinture fuchsia autour d'îles de la baie de Biscayne à Miami (1983) un parcours à travers Central Park, ponctué de portiques tendus de vinyle safran, New York 2005...

Vendredi 20 Novembre

Marion et Romane sont absentes.
Nous avons revu la synthèse additive et soustractive, la différence entre le bitmap et le vectoriel.
interrogation en technologie.

Infographie

Vous deviez poursuivre vos travaux de packaging.
les rendus doivent se faire la semaine prochaine.
Nous avons vu comment réaliser un script et un droplet

Claro Florian

Claro Florian

Vendredi 13 Novembre - Illustrator

Illustrator est un logiciel de dessin vectoriel. Il est couramment utilisé par les graphistes de la PAO. Illustrator est un outil de conception graphique utilisé pour créer des illustrations de divers types :

> Logotypes

> Pictogrammes

> designs

> Effets typographiques pour titre

> shémas

> facings et pochettes de CD

> dessins et portraits

> affichettes

> Boîtes d'emballage (packaging)

> Bandes dessinées

> plans ou cartes

> dessins d' architecture

> Motifs de stylisme


VECTORIEL

Illustrator est un logiciel de dessin vectoriel. Les images vectorielles sont constituées de traits et de courbes définis par des équations mathématiques appelés vecteurs.

Ainsi, un cercle est déterminé par :

- une origine

- un rayon

- une couleur et épaisseur de ligne

- une couleur de remplissage.

Il est possible de redimensionner le cercle sans altérer la qualité de l'image, car il est défini par une formule mathématique. De ce fait, la taille du fichier reste la même quelles que soient les dimensions de l'image.

Les images vectorielles sont définies par des points d'ancrage.

La taille des tangentes et l'orientation des points directeurs

(aussi appelés « poignées ») dessinent des courbes de Béziers.

La qualité des images vectorielles est indépendante des dimensions et de la résolution. Elles restent nettes et précises aussi bien à l'affichage écran qu'à l'impression

Travail à faire:

"FIVE O'CLOCK"

Pour le goûter des enfants en visite au zoo, les organisateurs des visites à thèmes vous demandent de créer un sac pouvant contenir un goûter.

Ce sac en carton doit être conçu pour des enfants de 3 à 7 ans et doit sur chaque face présenter un animal que vous devez stylisé et dessiner sur illustrator.


Technologie

Technologie
Qu’est ce que la couleur? La lumière résulte de la sensation produite par les ondes électromagnétiques dans un domaine spectral allant des infrarouges aux ultraviolets (appelé «spectre visible» ou «spectre des couleurs»). Une couleur correspond à une longueur d’onde appartenant au spectre visible. Celui ci est constitué des couleurs suivantes: rouge, jaune, vert, cyan, bleu, indigo, violet Une couleur est définie par : sa teinte sa luminosité sa saturation

Synthèse additive :

Synthèse additive :
La synthèse additive est utilisée par nos écrans et est constituée des trois lumières de base. Les couleurs primaires qui sont le rouge, le vert et le bleu. (RVB) Sur Photoshop, les images peuvent ainsi être décomposées en couches et on peut alors ainsi voir l’affichage des couches rouge, verte et bleue séparément, soit en niveaux de gris, soit dans leur propre couleur. Sur ces couches, les parties sombres correspondent à l’absence de lumière. (exercice fait en cours))

Synthèse soustractive :

Synthèse soustractive :
La synthèse soustractive est utilisée dans l’imprimerie, les couleurs primaires sont le cyan, le magenta, le jaune et le noir (que l’on est obligé de rajouter car sa formation à partir des trois autres couleurs est, pour des raisons d’impureté, impossible). > (CMJN) L’affichage des différentes couches des couleurs primaires en niveaux de gris est utilisé en quadrichromie afin de devenir des films offset. Si nous mélangeons deux couleurs primaires, le résultat sera une couleur secondaire plus sombre qui absorbera donc plus de lumière à c’est pour cette raison que cette synthèse est nommée soustractive.

Vendredi 9 Octobre

TECHNOLOGIE:
Suite du cours: principes de création graphiques
Les différentes étapes:
Après avoir vu la demande, l'organisation du plan de travail et les recherches documentaires, nous verrons durant ce cours:
4) Recherches graphiques et maquette
5) Présentations des recherches
6) Execution.

INFOGRAPHIE:
Présentation du logiciel et des fonctions élémentaires.
Démo à l'aide du vidéo projecteur.
Les élèves qui n'ont pas fini leur travail sur photoshop pourront le faire sur 1h00
l'ensemble de la classe va mettre en page sur In'design le travail fait les cours précédents (descriptif + importation d'image)

Travail de Romane Lehmann

Travail de Romane Lehmann

Le travail de Morgane Brien

Le travail de Morgane Brien

le travail de florian Claro

le travail de florian Claro

travail de Clément Cocula

travail de Clément Cocula

Vendredi 2 Octobre

Travail sur Photoshop:
enregistrement d'une photographie pour le web afin de dégager 4 couleurs
Travail sur Illustrator:
Détourage de forme à la plume puis remplissage en aplat de couleur

Vendredi 25 Septembre

Présentation des photos prisent lors de la sortie au château de Fontainebleau. Demande d'autorisation de mettre les photos sur le blog et le site du lycée (Autorisation à faire signer aux parents)

TECHNOLOGIE

La chaîne graphique

1- Principes de création graphiques


1°) Demande


2°) Organisation du plan de travail


3°) Recherches documentaires


INFOGRAPHIE


rappel des détourages

sujet BOLD'R


Écrire un argumentaire sur ses choix esthétiques.



Audric Albeaux

Audric Albeaux

Jordy Esnault

Jordy Esnault

PHOTOSHOP - plan de travail

PHOTOSHOP - plan de travail
vocabulaire à apprendre

vendredi 18 septembre 2009

Vendredi 18 Septembre

Bienvenue à Salamata Ba qui est arrivée ce matin au lycée.

Technologie:
La chaîne graphique, résumé

Infographie:
Les différents détourages
> 1/ la plume
> 2/ Plage de couleur
> 3/ Masque

vendredi 11 septembre 2009

Infographie

La classe à été très motivée pour travailler sur photoshop.
Nous avons fait notre premier détourage pour créer un photomontage.
Prise de photographies puis mise en situation dans des espaces différents:
Les élèves ont utilisé les outils suivants:

> pour détourer: Filtre/Extraire
il faut alors faire le tour de l'objet (ici le portrait) en fermant bien le contour. On rempli la partie à sauvegarder à l'aide du pot de peinture. On affine avec la gomme et OK!
reprise de quelques détails avec l'aide de la gomme. (aperçu des différentes gomme)
> Importation de fichiers sur calque.
> Modification de l'ordre des calques.
> Transformation pour changer la taille des calques.
> Transformation et torsion pour placer une image dans un cadre.


VENDREDI 11 SEPTEMBRE

Cours de technologie lié au logiciel photoshop
configurer ses préférences

Techno sur Photoshop

Techno sur Photoshop
configurer ses préférences > photoshop > Édition > Préférences

Techno sur Photoshop

Techno sur Photoshop
Sélecteur et interpolation