Qu’est-ce qu’une affiche

Lisibilité de la page

 L’oeil du lecteur occidental est conditionné à explorer la page imprimée de haut en bas et gauche à droite.

  Les réseaux

Une annonce publicitaire ne se perçoit pas dansa totalité. L’oeil est d’abord accroché par un point particulier, puis il suit un circuit qui le mène jusqu’à un point, le dernier perçu par le spectateur.

1 l’accroche : est le point que l’on voit en premier, qui attire le regard.

2 le circuit de lecture, permet de cheminer par proximité (l’objet proche de l’accroche), ressemblance (l’objet qui ressemble à l’accroche par sa forme ou sa couleur), direction indiqué (lignes de forces indiquées), direction normale (schéma 1)

3 le verrouillage, ou dernier point perçu, il est aussi important que l’accroche.

La composition

L’oeil balaie la surface de l’image afin d’en voir la totalité. Ainsi une bonne image est celle dont la composition guide le mouvement des yeux du spectateur.

 

Composition basées sur la diagonale : mouvement

de l’accroche « Nord », au circuit qui suit la diagonale naturelle du sens de lecture (voir schéma 1), au verrouillage qui indique les destinations « exotiques » du voyage

Cassandre, années 30

Composition, symétrique basée sur un jeu de triangles : équilibrée et vivante

1 de l’accroche, le pic et les pentes, au nom du lieu et au verrouillage qui présente la calme petite bourgade et le nom de l’hotel

zoomer du grand au petit : de la montagne au havre de paix de l’hôtel

Pierre Kramer,années 30

Composition presque symétrique basée sur la verticale : étrangeté

de l’accroche, la tête de jeune femme à l’envers, au circuit, recherche d’information (le texte en petit caractère) et au verrouillage, le nom du photographe, ou le message surréaliste AA.

Werner Jeker, années 80

Ces quelques exemples célèbres sont extraits de Graphis Typography 1 | The International Compilation of The Best Typographic Design, présentés sur le site de Peter Gabor

Premiers pas sur Indesign

Ouvrez un nouveau document dans IndesignChoisir le format A4 Portrait ou Paysage 

Dans votre document vous allez mettre en place  un bloc pour importer votre image

Puis Importer l’image : Fichier, Importer

 

Il faut ensuite ajuster l’image  : Objet, Ajuster….au bloc proportionnellement

Ensuite si nécessaire vous devrez ajuster le bloc au contenu…

 

Pour le texte on utilise le bloc rectangulaire et l’outil texte

IMPORTANT

Les images sont importées, donc si vous les déplacez, la prochaine fois que vous ouvrirez votre fichier Indesign, elle aurons disparus… Il faut donc créer un dossier dans lequel les images seront rassemblées et les polices aussi….

Enregistrez le fichier Indesign, puis faire : Fichier, Assemblage

Vous aurez donc un dossier regroupant : les Fonts, Links, et le fichier Indesign

Sculpter un dragon avec Google sketchup

Séquence : Comprendre le volume avec Google sketchup, dessiner librement avec une tablette graphique.
Google sketchup

Quelques conseils et outils

Travail demandé
Faire l’esquisse en volume d’un Dragon sur Google sketchup, à partir de cônes.
Commencez par dessiner 3 cônes pour la queue du dragon
Dessiner un cylindre
Dessiner un cône, puis pour faire la queue du dragon, dessiner 3 cônes
ensuite, en déplaçant les cercles intercalaires des cônes avec l’outil Déplacer , donnez lui une forme
Créer un composant, pour qu’une forme ne se déforme pus et puisse être reproduite
Dessiner une série de cônes pour le corps, le cou et la tête, les pattes….
Une autre manière simple de créer des cônes avec l’outil , puis  en appuyant sur la touche Pomme
[youtube]http://www.youtube.com/watch?v=AZlGZBZBwhQ[/youtube]
 des exemples, un exemple
Dragon chinois, gravure sur bois en couleur, école chinois,XIXe siècle, bibliothèque des Arts décoratifs, Paris
Saint Georges et le dragon de Paolo Ucello, 1450, National Gallery, Londres.
D’autres outils
Pour dessiner un parallélépipède 
Sculpter un parallélépipède 
Outil Ligne
Outil gomme

Pour Dessiner une sphère

Pour reproduire un objet en miroir  : à partir du menu contextuel (menu déroulant apparaissant après un clic droit) ou avec l’ (raccourcis S)

[youtube]http://www.youtube.com/watch?v=6W-tYDkyIOk[/youtube]

ressource: tutoriel Google sketchup, didacticiel vidéo (en anglais, mais avec des encadré écrit et l’image est parlante)
  3 Blender
4 La tablette graphique
Un fois le dragon sculpté en volumes simples,  vous le re-dessinerez au trait libre et mettrez ensuite en couleur sur Photoshop, en utilisant une tablette graphique… mais c’est une autre histoire !!!!

Dessiner un dragon

 

 

 

La modélisation consiste à créer des facettes (scales) de plus en plus petites pour affiner le volume

Exemple de modélisation d’un visage, à partir d’un volume simple

[youtube]http://www.youtube.com/watch?v=LFqopkUTO0Q[/youtube]

Sintel

« Sintel » is an independently produced short film, initiated by the Blender Foundation as a means to further improve and validate the free/open source 3D creation suite Blender.

[youtube]http://www.youtube.com/watch?v=R2OO_-wO984[/youtube]

[youtube]http://www.youtube.com/watch?v=im5XhbpGXjw&feature[/youtube]

[youtube]http://www.youtube.com/watch?v=eRsGyueVLvQ[/youtube]

Créer un mobilier hybride inspiré de la nature

Faire une recherche documentaire

Se constituer une bibliothèque

Utiliser les masques de fusion

 Recherche documentaire

Vous ferez une recherche documentaire sur le mobilier de 4 périodes (ères) différentes, en récoltant 2 documents par style au minimum)  dans la base de données du Musée des Arts décoratifs :

– le Style Louis XV (1725-1750)

– le Style Art nouveau (1870-1914)

– Le style organique contemporain du XXe

– le Style organique contemporain du XXIe

Dans la base de donnée vous affinerez vos recherches de la manière suivante

Attention, rien ne doit être coché dans Ensemble

 Vous prendrez garde aux dates pour qu’elles correspondent aux périodes des recherches

Votre Bibliothèque

Vous enregistrerez vos documents dans un dossier que vous nommerez Bibliothèque, avec des sous-dossiers aux noms des différentes périodes : avec le nom de l’objet, le nom de son auteur, la date de sa création  suivi de l’indication MAD (Musée des Arts décoratifs)

Vous commencerez ainsi à vous constituer une bibliothèque d’images bien rangées.

Créer des hybrides

  1. Créer un dossier >Hybride nature dans >Documents
  2. Ouvrez vos images, transformez leur calque de fond en calque normal, détourez les  mobiliers avec l’outil baguette magique (en tenant la touche Shift pour sélectionner plusieurs surfaces) et plume si nécessaire, transformez vos images en objet dynamique, et enregistrez les en PSD dans le dossier Hybride nature. Fermez les ensuite.
  3. Dans photoshop ouvrez un Nouveau fichier 21×29,7, Résolution 150dpi, Contenu de l’arrière plan  : Blanc
  4. Enregistrez votre document avec le racourci Ctrl/Cmd S, dans le dossier que vous venez de créer, et nommez le Hybride nature (HN)
  5. Superposer deux images sur votre page, en transformant si nécessaire leur taille respective, puis après avoir sélectionné le calque supérieur créer dans >Calque >Masque de fusion> Tout faire apparaître
  6. Un rectangle blanc apparait à côté du calque, cliquez dessus et dans la fenêtre qui s’ouvre choisissez : Couleur noire, opacité 50% Tout ce qui est peint en blanc apparait et tous ce qui est peint en noire disparait.
  7. Peignez avec un pinceau noir à bord flou, les parties qui doivent disparaître pour qu’apparaisse les détails du mobilier qui est en dessous.
  8. Sélectionnez ave la baguette magique le fond autour de votre mobilier et cliquez sur le calque du mobilier qui est en dessous.
  9. Créer un masque de fusion comme expliqué ci-dessus et peignez en noir tout ce dont vous n’avez pas besoin.Fusionnez les 2 calques
  10. Ouvrez les 2 autres document créez un nouvel hybride dans la même page.
  11. Fusionnez les 2 calques de cet hybride.
  12. Placez les deux hybrides comme vous voulez.
  13. Reportez en dessous en police 10 le nom des mobiliers que vous avez utilisés
  14. Puis enregistrez votre image dans le dossier HN et dans la clé USB du professeur à votre nom.

Lien vers les travaux d’élèves

Exprimer le mouvement et l’espace : le cheval

Le cheval blanc d’Uffington (Angleterre), 123m de long creusé dans la craie, visible du ciel, 1000 ans av. JC

Cheval volant, dynastie Han, Chine, IIe siècle

Cheval en mouvement, Jules Etienne Marey, chronophotographie, fin XIXe siècle

Dessin de Picasso, à la plume, début XXe siècle

 Dessin de Picasso, à la plume, début XXe siècle

Pure race espagnol, photographie de Yann Arthus Bertrand

MOUVEMENT ET ESPACE

En vous servant de cette dernière photographie, vous allez créer une image en ne gardant que l’expression du mouvement du cheval.

Vous réaliserez votre image en suivant l’exemple suivant…

  1. Ouvrez dans photoshop un fichier format A4 en longueur : 21×29,7, mode RVB, résolution 300 dpi.
  2. Double cliquez sur le calque de fond pour le transformer en calque normal, et activez le pot de peinture pour lui appliquer une couleur sombre, ici noire.
  3. Importez votre image au dessus du calque de couleur sombre, et agrandissez-la dans la majeure partie de la page A4.Passez ensuite l’opacité du calque de votre image à 60%.
  4. Sur un nouveau calque que vous nommerez Dos, avec la plume (option Tracée), dessinez la ligne du dos de l’animal, veillez à dessiner une ligne souple pour indiquer le mouvement avec les poignées de l’outil plume.
  5. Choisissez une couleur, et sélectionnez une forme de pinceau rond, diamètre 9.
  6. Dans le menu déroulant de la Palette de Tracé, sélectionnez, Contour du tracé en cochant Simuler la pression.
  7. Faites de même avec les différentes parties du corps sur des calques différents, en allongeant les lignes et en les superposant. 
  8. Sélectionnez tous les calques contenant les tracés que vous venez de faire (Clic sur le 1er,  maintenez la touche Shift, clic sur le dernier) puis fusionnez les (Ctrl/clic droit Fusionner les calques).
  9. Dupliquez ce  nouveau calque (ctrl/clic droit, Dupliquer le calque)
  10. Et déplacez le tracé manière à accentuer l’impression de mouvement.
  11. Vous pouvez faire ça plusieurs fois.
  12. Fusionnez les différents calques de tracé comme indiqué précédemment.
  13. Faites un clic droit sur le calque sur lequel tous les tracés sont fusionnés, cochez Lueur externe  et entrez les paramètres suivant : Mode de fusion : Superposition, Opacité : 75%, Bruit, 0%, Choisissez une couleur (ici vert), mettez Grossi 0%, Taille 50 px, Etendue 50%, Variation 0%.
  14. Pour intensifier l’effet lumineux, dupliquez ce calque et réglez son Opacité su 70%, sans le déplacer.
  15. Donnez du volume sur un nouveau calque, avec l’outil pinceau, forme flou de diamètre 300, opacité 15%. Suivez les volumes de l’animal. Vous pouvez rendre invisible le calque de l’animal (clic sur l’oeil du calque).
  16. Sur un nouveau calque  nommé Effet de fumée suivez vos tracés avec un outil pinceau Fumée que vous devez charger
  17.  
  18. Cliquez plusieurs fois en suivant les tracés ou faites des gestes courts plutôt que de faire glisser le pinceau,pour un meilleur résultat. Varier les fumées et la taille du pinceau, pour un résultat harmonieux.
  19. Sur nouveau calque nommé Poussières, peignez des poussières de lumière avec un pinceau rond dureté 0%, en changeant des réglages comme expliqué ci-après
  20. Ouvrez la fenêtre Formes prédéfinis
  21. Cliquez sur Forme de pointe, cochez Dynamique de forme et Diffusion puis entrez les réglages suivants, Taille 100 px, Pas, 1000%
  22. Peignez sur votre nouveau calque en variant la taille du pinceau…
  23. Pour accentuer l’effet lumineux, créez un nouveau calque pour lequel vous choisirez le mode de fusion Incrustation, remplissez le de Blanc avec le Pot de peinture…
  24. Finaliser en jouant avec les Niveaux : >Image> Réglage>Niveaux> changez les curseurs de place…
  25. Vous pouvez ajouter un autre calque blanc en incrustation
  26. Vous pouvez fusionner tous les calques et utiliser le Filtre Déformation, Sphérisation ou Tourbillon…
  27. Enregistrez votre travail à votre nom dans les Documents et sur la clé USB du professeur.

 Lien vers les travaux d’élèves

S’asseoir dans une icône du design des frères Campana

Nouvelle manipulation sur Photoshop  : le détourage

1

Les frères Campana

Les productions des frères Campana hésitent entre art et design, artisanat et production industrielle.

Recyclage

Célèbre pour leur fauteuil Favela , réalisé (en 1991 pour le 1er exemplaire)à partir de bout de bois recyclés cloué à la main dans leur atelier au Brésil

 Fauteuil Favela, 1991

Chair, Banquete, 2002

« …la méthode de travail des Campana, influencée par diverses sources d’inspiration – la nature exubérante de la forêt vierge du Brésil, les improvisations de marchands ambulants et les baraques des bidonvilles, ainsi que les films, la musique et les beaux Art. »

Extrait du site de l’APCI (Agence pour la Promotion de la Création Industrielle)

Du fait main au « High-tech fait main »

«Au Brésil, il y a une grande tradition artisanale. Nous nous efforçons d’exploiter le potentiel de cet artisanat dans nos travaux. Nous avons la faculté de travailler avec nos mains et nous commençons d’emblée à réaliser des prototypes en vraie grandeur.»

Les meubles en corde de coton ou en carton, poils de balai ou filtres d’écoulement ont rendu célèbre dans le monde entier le style «bidonville» des Brésiliens.

 Travail manuel et technologies modernes, tradition et design ne s’opposent pas dans les œuvres des deux frères, mais se complètent. Fernando appelle cela «high-tech fait main», avec un charmant sourire.

Poésie des objets du quotidien

Leur langage formel original et caractéristique est basé sur des matériaux simples, plutôt inhabituels pour le marché du meuble – une corde en coton pour la chaise «Vermelha» ou de simples chutes de bois assemblées en forme de trône pour la chaise Favela, qui rappelle les baraquements des bidonvilles brésiliens. Il s’agit plutôt de poésie de la vie, estime Humberto Campana.

Extrait de Vitra campus

Détournement

Ils procèdent à un premier travail de récupération de bouts de bois, de ferraille ou de plastique, de pièces de tissus ou d’autres éléments insolites comme des jouets, puis ils les détournent de leur usage initial, allant jusqu’à la transgression des normes esthétiques, en les agençant tantôt selon des procédés artisanaux, tantôt selon des techniques de pointe. Ils n’hésitent pas à définir leur univers à la limite du « kitsch » et du « régionalisme », mais également à la frontière du design, des arts appliqués et de l’art contemporain.

Extrait de Les-freres-Campana-barroco-rococo aux Musée des Arts décoratifs

site des frères Campana

2

 Détouré un objet avec l’outil plume

– Ouvrez dans Photoshop la photo vous représentant assis(e)

– Dans taille de l’image réglez la résolution : 72 pixels/pouce

– > dans la Palette de calque, double cliquez sur le calque d’arrière plan pour le transformer en calque normal

– Entourer votre forme avec l’outil plume, en cliquant régulièrement autour de sa forme

– Avec l’outil de Conversion de point (que vous trouvez dans le menu déroulant de la plume), arrondissez votre sélection pour détourer le plus finement possible votre forme, en tirant sur les poignées qui apparaissent de chaque côté du point.

Vous pouvez entrer de nouveaux points d’ancrage

Vous pouvez déplacer les points d’ancrage existant avec l’Outil de sélection directe

– Une fois le détourage terminé, allez dans la palette Tracé

 

– Dans le menu déroulant de la Palette de Tracé > Définir une sélection, rayon 0 pixel

  

– >Sélection >Intervertir

– > Edition> Effacer (le fond doit être en damier blanc et gris)

– Dans le menu déroulant de la Palette de calque > Convertir en objet dynamique

> Enregistrer votre image en PSD

Anemona
de Fernando et Humberto Campana, 2001, édité par Edra

– Vous ouvrirez  maintenant le siège Anémone des Campana en faisant glisser la photo ci-dessus dans Photoshop

– Vou sferez glisser le siège derrière votre forme et le mettrez aux bonnes dimensions (Commande T)

> Enregistrez votre image dans le Dossier de votre groupe classe.

Travaux d’élèves ici

Recherche : les années 60

Lorsque vous aurez fini vos « Portraits Pop »inspirés d’Andy Warhol et du Pop art des années 60, vous ferez une recherche sur le design des années 60.

Pour cela vous irez dans le site de Tribu design

Plusieurs modes de recherche vous sont proposés, choisissez le mode de recherche Chronologique…

 

 

Dans le menu vous cliquerez sur 1960 et commencerez votre recherche

Sélectionnez 10 créations et enregistrez leur image accompagnée de leur nom, du nom de leur auteur et de leur date de création dans un dossier « années 6O »

Exemple : Lampadaire Cactus, Serge Mouille, 1961

Pour enregistrer l’image, il suffit de faire un clic droit et de choisir enregistrer sous >votre dossier « années 60 ».

Travail noté

Dans Photoshop, faites une page « Design des années 60 »,  format 21 x 29, dans laquelle vous rassemblerez les 10 créations sans oublier leur légende.

Pour écrire le titre et ajouter la légende sous la vignette utilisez l’outil texte.

A enregistrer dans votre dossier « années 60 » et dans la clé USB du professeur

 

Génération Sacco

Une image POP : le mode de fusion des calques, la taille de l’image et de la zone de travail

Andy Warhol, artiste POP

A partir des années 60,  le sujet des toiles d’Andy Wahrol sont les objets de consommation : objets de consommation standardisés des supermarchés : boîtes de soupe Campbell, bouteilles de Coca Colas…et objets de consommation de l’industrie du spectacle  : Marilyn, Monroe, Liz Taylor,, Mick Jaegger…, dont il fait des icônes de la société de consommation, puisqu’il en fait des tableaux ; tableaux qui deviennent des objets de consommation puisqu’ils sont reproduits  de multiples fois par la technique de la sérigraphie.

Les portraits de gens célèbres

Les photographies noir et blanc sont coloriées d’aplats de couleurs artificielles, outrancières, et de lignes qui détruisent et recomposent l’image.

Ses toiles sont une critique de la société de consommation, de l’objet industriel, de la perfection mécanique.

Andy_Warhol : un cours d’histoire de l’art

Exercice

 – Travailler à partir d’une photo de vous, prise avec la caméra de l’ordinateur.

– Supprimer la couleur : Image/Mode/Niveau de gris.

    

– Retravailler les niveaux de gris de l’image : Image/Réglges/Niveaux

– revenez à une image couleur : Image/Mode/Couleur CMJN

– Sur un nouveau calque dessiner des surfacse colorées, des lignes sur votre visage…

– Pour obtenir la transparence nécessaire à la lecture de votre visage sous la couleur, il faut agir sur le mode de fusion des calques.

Vous ferez une série de photographies re-travaillées à la manières d’Andy Warhol, que vous assemblerez  comme les Marylin.

Rassembler vos photos sur un même fichier

Ouvrez un de vos portraits Pop

Si ce n’est pas fait  dans Calque > Fusionner les calques visibles

Changer la largeur de l’image dans > Image > Taille de l’image, dans la fenêtre qui s’ouvre (voir ci-dessous, en haut à droite) choisissez 20 cm, vous remarquerez que la hauteur change en proportion

Changer maintenant la taille de la zone de travail > Image > Taille de la zone de travail, dans la fenêtre qui s’ouvre (voir ci-dessus à droite), déplacerez le carré symbolisant votre image vers le coin droit en haut.

Puis changer les dimensions  : multipliez par 2 la hauteur et la largeur + 1cm en hauteur et 1cm en largeur (pour les réserves blanches entre les images).

Puis ouvrez une 2ème portrait, et changer sa larguer : 20 cm

Sélectionnez et copiez l’image : Pomme A (sélectionner), et Pomme C (copier)

Revenez sur votre 1er document et collez le 2ème portrait : Pomme V

Mettez le en place avec l’outil de déplacement.

Puis faites de même pour vos 2 derniers portraits.

Enregistrez votre document final dans un dossier « années 60 ».