contenu 2013-2014

PROGRAMME INDICATIF - 8 SÉANCES

  • Séances 1-3 initiation à Illustrator (dessin vectoriel). Outils de dessin, calques, couleurs, formats d'export, définitions. Exercices à rendre (logo, bannière de site...). Illustrator sera ensuite utilisé pour réaliser le web design d'une page web. Evaluation: logo (déposé sur Eprel).
  • Séances 4-6 Sites web statiques et dynamiques, bases de données, ergonomie, analyse du fonctionnement de quelques CMS courants (possibilités techniques, modalités de maintenance, modification esthétique, plugins, rédaction, travail collaboratif, utilisateurs)
    Initiation à la pratique du web design: conception, zoning, arborescence, implémentation en HTML avec feuille de style (Dreamweaver+illustrator). Evaluation: Dossier de conception et réalisation de la page web (déposé sur Eprel).
  • Séances 6-8: Initiation à flash CS5.5 et au montage avec Final Cut. Evaluation: Bannière animé pour un site web, (bases des notions technique d’animation et de motion typo) Montage sous forme de teaser de l’ensemble des productions du semestre (acquisition du vocabulaire et des bases du montage vidéo)
    Installation/modification d'un CMS de type Wordpress et mise en ligne des travaux : Evaluation : installation, habillage et remplissage du CMS (l’ensemble des travaux produits dans le semestre seront mis en ligne et accessible via le Wordpress - travail finalisé en dehors du cours)

 

 

Evaluation

Exercices et dossier de conception

  • Conception réalisation d'un logo sous illustrator (rendu sur Eprel du fichier source et des déclinaisons demandées)
  • Rapport de conception et webdesign: Un dossier de conception d'une page web avec arborescence, zoning, analyse de l'existant sera conçus et rédigé hors cours et rendu sur Eprel (Dossier mis en forme avec Word ou tout autre traitement de texte et rendu en pdf).
  • L’implémentation en page web faites avec Dreamweaver sera déposée sur Eprel et mise en ligne sur un serveur. La page doit être fonctionnelle, avec liens, CSS...
  • Bannière animée en flash (fichier source et .swf déposé sur Eprel); storyboard indicatif (document illustrator)
  • Teaser : rendu du projet Final Cut, du Storyboard complet et du film final au format .mov
  • CMS

Travaux et exercices seront déposés sur Eprel sous la forme d'un fichier compressé. Pas d'envoi par courrier électronique. Les réalisations (logos, flash et page html seront en outre mises en ligne sur un serveur et rendu accessible via le CMS).

   

Ressources

Illustrator – initiation au dessin vectoriel - Ressources en ligne

Polices et caratères

>> Choix des polices de caractère : Pour la projection (diaporama, site web...) on choisit en général une police simple et sans enjambements.

>> Lien vers un article à ce sujet sur la revue en ligne medialog.

http://infotext.free.fr/spip/IMG/pdf/police43.pdf

>> DAFONT Un site utile de téléchargement de polices (beaucoup de polices libres ou gratuites...), dafont.

http://www.dafont.com/fr/

>> Droits : Toujours vérifier qu’une police est libre de droits. (Même chose pour une image)

 

>> LOREM IPSUM : Lien vers un générateur de texte de substitution : Lorem Ipsum

http://fr.lipsum.com/

 

Couleurs et composition

>> Harmoniser les couleurs : Un site intéressant et utile pour créer et importer des nuanciers sous illustrator ou indesign (s'inscrire pour avoir accès aux fonctionnalités avancées).

http://kuler.adobe.com/

>> Couleur, composition quelques supports de cours

http://leblanc.jeanmarc.free.fr/couleur.pdf

http://leblanc.jeanmarc.free.fr/composition.pdf

 

Informations complémentaires et tutoriels

>> A consulter, tutoriels illustrator, régulièrement mis à jour.

http://infotext.free.fr/joomla/index.php/infographie/tutorielsillustrator

 

>> Fenêtre transformation : attribuer à une forme donnée une taille précise en pixelx ou autre mesure.

>> Enregistrement de fichiers : attention au choix des options : inclure les fichiers liés génère des formats AI volumineux.

Si cette option n’est pas cochée, fournir dans un dossier avec le fichier illustrator les polices utilisées, et les images. Sinon, risque de lien manquant.

 

INKSCAPE : Logiciel gratuit de dessin vectoriel

http://www.inkscape.org/download/ ?lang=fr

>> tutoriels Inkscape sur Infotext

 

…