Arts technos

3e sec

cartes à jouer //
Playing Arts

Proposition de crEation

Ce projet, vous permettra de travailler l'illustration en expérimentant l'image vectorielle ... sur l'essentiel logiciel de la suite Adobe: Illustrator !

 

Inspirés du travail du collectif "Playing Arts", chaque élève fera 2 designs d'un paquet de cartes à jouer. Dans une deuxième phase, chacune des cartes aura sa propre animation qui sera visible grâce à la réalité augmentée .

A-deck-of-playing-cards-illustrated-and-
1/16
Echeancier

30 août

  • Présentation brève du projet.

  • Observation des cartes playing arts en essayant la réalité augmentée (playing arts + édition cohorte AT 2021)

  • Choisir 5 cartes intéressantes et les annoter (consignes ci-contre)

31 août

  • Choisir sa carte professionnelle préférée et en faire l'appréciation (consignes ci-contre).

2 sept

3 sept

  • Formation des équipes et choix des cartes.

  • Réalisation des croquis

8 sept

  • Terminer les croquis + scanner + encrage

10 sept

15 sept
(per. double)

  • Exercices de base 3 sur Illustrator

16 sept

  • Créer le fichier pour sa carte à l'aide des paramètres demandés (avec Mme Ross)

  • Insérer dans l'arrière-plan de son fichier la photo de son sketch. Verrouiller l'image pour qu'elle ne bouge plus.

  • Démarrer la création de sa carte.

  • Remise des exercices de base 2 (illustrator)

  • Remise des 2 illustrations vectorisées terminées (bien placées dans le modèle offert)

  • Exercices de base After Effects terminées

  • Animations de vos cartes réalisées sur After Effects

  • Production du paquet de cartes coupé, assemblé, complété.

https___i.pinimg.com_originals_95_1a_49_

consignes
et Etapes
de rEalisation

Les étapes ci-bas doivent t'aider à t'assurer de laisser des traces dans ton portfolio web...

1. Exercices illustrator

* Exercice 1: jeu d'introduction - the bézier game

  • Pratiquer son habileté avec le PEN TOOL avec le jeu the bézier game.

  • Au minimum, réaliser le défi de l'automobile (compétence AT2)

*Vous devriez DÉJÀ être à l'aise avec les éléments des tutos "Création d'illustrations à l'aide de formes simples"  Allons-y tout de même encore avec un peu de révision.

* Exercice 2: jeu d'introduction - the boolean game

  • Pratiquer son habileté les combinaisons de formes avec le jeu the boolean game.

  • Prendre une copie d'écran du dernier stage réalisé.

*Exercices 3: Adobe Illustrator

Fichiers à télécharger ici.

Consignes du tuto "Création et modification de formes".

a) Robot (formes simples)

b) Ville (traits)

c) Logo oeil (associations de formes)

  • Réaliser chacun des 3 tutos à partir des fichiers téléchargeables.

  • Personnaliser et colorer le résultat final de l'exercice. Si tu ne sais pas comment, suis les consignes ici.

* Prendre des copies d'écrans des défis réalisés. Remise dans TEAMS

2. Inspiration: playing arts

* 5 images inspirantes commentées

  • Sélectionner 5 cartes que tu trouves intéressantes. Les déposer dans une section "INSPIRATION" de ta page de projet.

  • Annoter/commenter brièvement pourquoi tu les a choisies (ex: style de l'artiste, composition, couleurs, textures, symbolique, animation intéressante, etc.)

 

* 1 carte bien analysée

Choisir une des cartes de la série "Playing Arts" et en faire l'appréciation.

  • Qui est l'artiste ? Essaie de faire une petite description de son travail, son pays de provenance, etc.

  • Faire une description de l'image (figuratif/semi-figuratif/abstrait, description des éléments, organisation de l'espace, couleurs, textures/motifs, etc.)

  • Quels sont les éléments qui sont symboliques ou inspirés du type de carte représentée (ex: 7 de coeur = personnage avec robe à motif avec 7 petits coeurs)

  • Trouves-tu que l'artiste a fait un bon boulot? Pourquoi ? (arguments AVEC justifications sur des éléments observés)

* Intégrer ton oeuvre d'inspiration et ta petite appréciation dans ton Portfolio Web . Prendre une copie d'écran de cette section du PW et remise de ton travail dans TEAMS.

3. idées: plusieurs croquis

Tu te verras attribuer 1 carte à réaliser seul et 1 carte à réaliser en équipe.

  • Dans ton cahier de croquis ou sur une feuille blanche, mettre ses idées sur papier. Ces versions ne sont pas "propres".

  • Faire un croquis plus "propre" montrant ton design avec le cadre blanc et le nom de la carte dans ton cahier aquarelle, pleine page. Encrer ton design au feutre et prendre une photo (droite, claire)

  • Tu peux ensuite colorer ton design à l'aide de feutre, crayon de bois ou aquarelle.

4. Design - Adobe Illustrator

  • Sur Adobe Illustrator, utiliser les paramètres suivants:

    • 2,5 po x 3,5po​

    • 300 dpi et mode colorimétrique CMYK

    • Enregistrer son fichier DANS TON DOSSIER PERSONNEL en AI avec le nom:

      • 00_ndfamille_prenom_8frefle.ai

  • Comme dans n'importe quel design numérique, respecter le "cadre de sécurité" (visuellement environ 1cm du bord en mode général) et n'y mettre aucune information importante.

  • Bien organiser tes calques et tracés. Les renommer pour plus de facilité à se repérer.

  • Ton fichier de travail reste en .AI ton fichier pour ton PW sera une image en .JPG

* Prendre une copie d'écran à chaque cours pour avoir des traces dans ton PW.

5. Exercices After effects

  • Ouvrir le tutoriel sur ton ordinateur personnel

  • Suivre le tutoriel ci-contre (feu de camp) tout en réalisant ton exercice sur ton MacBook Pro.

  • Tu auras besoin de télécharger ces deux éléments sur le Mac. Une fois téléchargé, va dans "'Mes téléchargements" puis double-clique sur chacun des ZIP pour extraire son contenu :

  Voici également comment installer les motions tools ici.

Vidéos à réaliser sur EDPUZZLE

  • Chapitre 1: débuter avec l'environnement de travail + les bases (24 mins)

    • le poisson-volant *

  • Chapitre 2: éléments de l'arrière-plan (28 mins)

    • les plantes et arbres *

    • les étoiles et l'étoile filante *

    • l'intégration du poisson-volant et les éclaboussures *

  • Chapitre 3: éléments principaux:

    • personnage 1: guitariste *

    • personnage 2: accroupi

    • personnage 3: guimauve

    • feu, crépite et lueur *

  • Chapitre 4: 

    • à venir.

*Obligatoire.

6. INSPIRATION "MOTION DESIGN"

SVA MOTION SCREENINGS

  • Taper sur google "SVA MOTION SCREENING" et choisir une des éditions de cette présentation des portfolios de la "School of Visual Arts". Les étudiants produisent à chaque année de magnifiques illustrations, allons nous en inspirer !

  • Choisir un extrait intéressant et prendre une copie d'écran (vidéo). Déposer cet extrait dans son Portfolio Web.

  • Commenter pourquoi l'avoir choisi, pourquoi il est inspirant. Que vas-tu intégrer comme idée pour ta propre carte ?

PLAYING ARTS

  • Tu peux aussi aller déposer des exemples des artistes de playing arts qui t'intéressent.

6. Animation After effects

  • Détails à venir.

  • Sur Adobe After Effects, créer un fichier de montage.

  • Intégrer son projet Illustrator réalisé précédemment

  • Animer au moins 2 éléments de chacune de vos cartes.

6. RÉALITÉ AuGMENTÉE

7. Assemblage / packaging

  • T'assurer d'avoir les 54 cartes différentes imprimées (6 pages de 9 cartes) + 6 pages de verso de cartes

  • Assembler/découper les cartes.

    • Dans un endroit ventilé, couvrir de colle aérosol les 2 surfaces à coller.

    • Aligner soigneusement les deux cartons dos à dos.

    • À l'aide d'un rouleau/presse propre, s'assurer que les deux surfaces sont bien assemblées, sans bulle.

    • À l'aide d'un exacto et d'une règle, découper chacune des cartes proprement.

  • Assembler/découper la boîte de rangement.

    • Découper à l'exacto les contours.​

    • Utiliser un plioir sur les sections pointillées puis plier la boîte.

    • Utiliser de la colle-caoutchouc sur les rabats.

 

  • Pleurer de joie devant le résultat magnifique !!!

ressources
bezier.png

The Bézier Game

og-image.png

Inspiration

Playing Arts

Playing Arts Edition Zero - Exemples de réalité augmentée

Tutoriel: faire un symbole PIQUE en courbes de bézier

Tuto: du croquis ... à Illustrator

unnamed.png

Palettes de couleurs: COOLORS

Illustrator: 3 façons d'ajouter des textures

La "cheat sheet" pour les tracés dans Illustrator

hiclipart.com.png

MODÈLE ILLUSTRATOR pour ta carte

Tutoriel:  transférer illustrator à after effects

Tutos complémentaires (tutos officiels ADOBE After effects)