samedi 14 décembre 2019    Inscription

 

 

PARTIE 3 : DÉVELOPPEMENT

1. TÉLÉCHARGEMENT DE LA LIBRAIRIE TWEENMAX

Nous allons à présent commencer à coder notre site en ActionScript3. Etant donné que nous allons animer un peu nos transitions entre les pages, nous allons avoir besoin de la librairie Tweenmax de Greensock. Rendez vous donc à cette adresse et téléchargez la version AS3 de la librairie (colonne de droite, tout en haut, cliquez sur l’image «DownloadAS3») : www.greensock.com/tweenmax/

 

Une fois téléchargé, dé-zippez le fichier et copiez le dossier «com» contenu dans cette archive dans le même dossier que celui qui contient le .fla de votre site.

Plus précisément, voici comment j’ai organisé mes fichiers. J’ai donc un dossier du nom de «Site». Dans celui-ci j’enregistre mon fichier Flash sous le nom «site.fla». Dans le dossier «Site» j’ai également le dossier «com» de Greensock nécessaire pour pouvoir utiliser la librairie TweenMax.

2. CRÉATION DU FICHIER FLASH DE LA GALERIE ET DE LA PAGE À PROPOS

Nous allons à présent nous atteler à la réalisation de la galerie du site. Indiqué plus haut, cette galerie va aller chercher les images dans un fi chier XML. Cela vous permettra dans le futur de mettre à jour votre site très facilement, sans ouvrir Flash, simplement en rajoutant quelques lignes de code dans ce fi chier XML. La réalisation de ce type de galerie nécessite toutefois pas mal de lignes de code, c’est pourquoi nous allons la créer dans un nouveau fi chier Flash afin de faire un swf indépendant que nous appellerons depuis le site lui-même grâce à un loader. Rendez vous donc maintenant dans le menu «Fichier» puis «Nouveau». Créez un fichier de type «Fichier Flash (AS 3.0)» et enregistrez-le sous le nom «Contenu.fla», toujours dans le dossier «Site». Modifiez la taille du document en passant par le panneau «Propriétés», et donnez-lui une largeur de 1400 pixels pour une hauteur de 350 pixels.


Vous vous demandez sûrement pourquoi fixer une largeur de 1400 pixels pour ce nouveau document alors que le site n’en fait que 700.Voyons…nous avons deux pages de contenu, pour aller plus vite, nous allons créer les deux pages dans ce fichier (donc deux fois 700 pixels de largeur) et il ne nous restera qu’à faire slider le contenu pour passer d’une page à l’autre. Futé hein ! En plus cela nous donnera l’occasion d’animer le changement de contenu et cela en mettra plein la vue à vos visiteurs !Les 350 pixels en hauteur quant à eux sont dû au fait que notre site fait une hauteur totale de 425 pixels, toutefois, dans ces 425 pixels on en a déjà réservé50 pour la hauteur du menu et 25 pour le pied de page. Du coup, 425 moins75 nous donnent bien 350 pixels en hauteur de libre pour la zone de contenu.

Notations 

Autres tutoriels Flash

Ecoles & formations - derniers articles
3IS : Une pédagogie sur projets
Par la rédaction le 20/08/2012
3IS, l’école des métiers du Cinéma et de l’Audiovisuel, a ouvert une filière Arts Numériques en 2011, avec l’idée de former des élèves afin qu’ils soient « multi-compétences », capables de répondre à tous les enjeux du monde professionnel.

[Lire le dossier...]

Aries : Une école en pleine mutation
Par la rédaction le 20/08/2012
Présent dans six villes en France, le groupe d’écoles Ariès présente plusieurs avantages : multiples filières (2D, 3D), qualité d’enseignement et une réelle volonté de proposer des formations qualifiantes pour les années à venir.

[Lire le dossier...]

Bellecour - ESIA 3D : Une fourmilière de talents pour l’industrie créative
Par Emilien Ercolani le 04/01/2012
Connue et reconnue, l’école Bellecour, située, comme son nom l’indique, à Lyon, ne se repose pas sur ses lauriers, et continue de proposer des formations au goût du jour à ses élèves, notamment dans la section ESIA 3D. Revue et actualité de l’école du Rhône. 

[Lire le dossier...]

COM'ART : Tentez une nouvelle expérience !
Par Emilien Ercolani le 19/10/2011
Voici une nouvelle école située à Paris. Baptisée Com'Art, elle propose une mise à niveau après le Bac (MANAA) puis des BTS et des formations, de la communication visuelle au design produit en passant par la décoration d'intérieur et l'animation 3D.

[Lire le dossier...]

 Livres et DVD CréaNum

Get Aggregated RSS

Maîtrisez Adobe Lightroom 4

Emmanuel Molia  Elephorm  50 euros

Apprendre Adobe Photoshop CS6

L’éditeur bien connu de DVD de formations Elephorm est en avance sur le calendrier officiel de l’éditeur de la suite et propose d’ores et déjà une sélection très complète sur les versions CS6 des logiciels d’Adobe:

Blender 2.6 : 3D pour l’architecture

Matthieu Dupont de Dinechin  Édition Eyrolles  324 pages  34 euros

L’art de l’éclairage

Le guide complet de la vidéo et l’audio HTML5 Jean Turco  Édition Pearson  496 pages  29 euros

Big Brand Theory

Wang Shaoqiang  Édition Page One Publishing  255 pages  45 euros

Concept Art sur Photoshop

/// Atelier pratique Photoshop /// Auteur : Antoine Defarges. /// Elephorm - Durée : 4h22 /// Prix : 40 euros

Le manuel du Mangaka – Débutant

/// Auteur : Kaori Yoshikawa. /// Edition Eyrolles – 158 pages /// Prix : 19 euros

Débutez dans la 3D avec Blender

Le logiciel libre pour réaliser toutes vos images et animations 3D /// Auteur : Antoine Veyrat. /// Editions Le livre du Zéro – 382 pages /// Prix : 29 euros

HTML5 (Video)

Le guide complet de la vidéo et l’audio HTML5 /// Auteur : Silvia Pfeiffer /// Edition Pearson – 368 pages /// Prix : 36 euros

L’animation numérique

Principes, pratiques et techniques : le guide essentiel pour les futurs animateurs /// Auteur : Andy Wyatt /// Edition : Pearson - 144 pages /// Prix : 24 euros

Créer votre application iPhone/ iPad

Apprendre à programer en Objective-C avec Xcode /// Stéphane Le Boiselier /// Elephorm, durée : 3h40 /// 49,90 euros

Apprendre Cinema 4D R13

Les Fondamentaux Vol 1/2 /// Stéphane Anquetil /// Elephorm, durée : 8h15 /// 49,90 euros

Guide pratique de la création graphique

/// Jason Simmons /// Editions Dunod - 2011 - 256 pages /// 22 euros

Responsive webdesign

/// Ethan Marcotte /// Editions Eyrolles - 2011 - 160 pages /// 11,40 euros

Peinture numérique avec Photoshop

Le portrait hyper-réaliste /// Eric Tranchefeux /// Elephorm /// Durée : 5h /// Prix : 39,90 euros 

Apprendre Motion 5

Les fondamentaux  /// Erwan Le Cloirec /// Elephorm /// Durée : 10h25 /// Prix :70 euros

Guide pratique du droit d’auteur 2ème édition

/// Anne-Laure Stérin /// Editions Maxima – 2011 - 544 pages /// Prix : 44,50 euros

Logos et identité visuelle

Principes fondamentaux et études de cas : 300 logos du monde entier, analysés et commentés  /// Auteur : Matthew Healey  /// Edition : Dunod – 2011 – 240 pages –  /// Prix : 29 euros 

L’animation de personnages 3D

Avec 3DS Max 2012 et Character Studio  /// Alain Maindron /// Elephorm /// Durée : 5h30 /// Prix : 50 euros

Apprendre Blender 2.5x 2.6x

Les fondamentaux /// Avec Mickael Guedon /// Elephorm /// Durée : 8h30 /// Prix : 50 euros

Joomla! Les meilleures extensions

/// Par Didier Mazier /// Editions ENI – 394 pages /// 26 euros en version papier /// 21 euros en version numérique

Travaux pratiques avec After Effects

/// Olivier Cotte /// Editions Dunod – 128 pages /// Prix : 22 euros

Le Matte Painting

Ateliers Créatifs  /// Ludovic Iochem  /// Elephorm  /// Durée : 4h45 /// Prix : 50 euros 

Apprendre HTML 5 et CSS3

/// Tutoriel vidéo avec un expert du Web Avec Thierry Audoux  /// Elephorm  /// Durée : 8h20 /// Prix : 50 euros 

Sketchup 8

/// Jean-Luc Clauss  /// Éditions ENI  /// Prix : nc