L’idée de cette formation est de permettre à toute personne connaissant ou non Fireworks de comprendre l’environnement au sein duquel cette application opère. Nous allons découvrir les notions de base (vectorielles, bitmaps ou textuelles), mettre en place des flux de travail qui nous permettent de partir de l’idée brouillonnée sur papier pour arriver à une maquette fonctionnelle et enfin exporter notre travail vers n’importe quelle solution multimédia. Tout cela, sans perdre de vue que Fireworks est résolument central face aux diverses applications de la chaîne de communication qui se veut multimédia et à destination de l’écran.
Fireworks est souvent comparé à Illustrator pour son utilisation de tracé vectoriel pour dessiner l’ensemble des objets et éléments qui composent ses documents. Il est également comparé à Photoshop pour son approche très avancée de la gestion et de l’affichage du bitmap.
Si Fireworks est capable d’ouvrir, importer, enregistrer ou exporter vers un grand nombre de formats graphiques et notamment le PSD et l’AI, il peut également communiquer et échanger vers d’autres applications d’intégration multimédia telles que Flash, Flash Catalyst, Flex, Director, Dreamweaver, Device Central, etc. Fireworks peut aussi générer des formats d’exploitation multimédia (Acrobat PDF, Adobe Air, HTML, CSS et images, FXG, etc).
En résumé, Fireworks se positionne comme un outil de création pouvant nous aider à prototyper un grand nombre de nos applications de manière très rapide et avec des outils de grande précision. Bien sûr toutes les nouveautés de cette nouvelle version de Fireworks seront également abordées dans cette formation du formateur Birnou Sébarte.
Cette formation est donc découpée en quatre grands chapitres qui devraient nous permettre de prendre en main les bases fondamentales de cet outil en explorant tour à tour :
- Les formats graphiques et l’environnement de l’outil
- Le travail et l’approche des principaux médias comme le vectoriel, l’image et le texte
- Le prototypage d’applications et l’exportation de documents
- L’exploration détaillée du fonctionnement des divers outils qui composent la palette d’outils
Vue d'ensemble de la formation Fireworks CS5
- 1) Introduction à Fireworks CS5
Voici quelques vidéos de présentation sur cette formation vidéo. - 2) Préparation - Mise en place
Ce chapitre va permettre une prise en main progressive de Fireworks. Nous allons découvrir ses principales caractéristiques et ses fonctionnalités. Nous commencerons par situer l'application, puis nous explorerons son utilisation en tant qu'outil mais aussi en tant qu'interface applicative. - 3) Travailler avec Fireworks
Sans dire que nous n'avons fait qu'effleurer les possibilités de l'outil jusqu'à présent, nous irons encore plus loin dans ce chapitre dans l'utilisation et l'optimisation des divers aspects graphiques, vectoriels, visuels et textuels de Fireworks. - 4) Prototypage avec Fireworks
Beaucoup d'utilisateurs se servent de Fireworks comme d'un outil pouvant parfois remplacer Illustrator ou Photoshop (jusqu'à un certain stade). Ne perdons pas de vue que Fireworks reste avant tout un excellent outil dédié au prototypage. Ce chapitre lui est intégralement consacré. - 5) Plus en détails
Nous aurions pu aller encore plus loin au cours des chapitres précédents et explorer d'autres possibilités plus avancées de Fireworks. Mais nous avons choisi de se focaliser sur le coeur de métier de Fireworks et d'en présenter les principales forces. - 6) Les outils de la palette
Nous allons explorer un à un et de manière verticale l'utilisation de chacun des outils de la palette Outils. N'hésitez pas à les croiser avec l'exploration transversale faite au cours de certaines des étapes. - 7) En savoir plus…
Cette formation reprend les principales fonctionnalités de base de Fireworks. Certaines des fonctionnalités sont décrites dans la formation de techniques avancées. Mais nous vous invitons à creuser le sujet au travers des étapes suivantes.
Notez que vous pouvez acheter à l'unité toutes les vidéos de cette formation. Pour cela, cliquez sur l'onglet "table des matières".
Jetez un oeil à ces autres tuto Fireworks CS5
Créer un GIF animé
Dans ce tuto Fireworks CS5, en vidéo, vous apprendrez à créer…
Comprendre et gérer les états…
Dans cette vidéo, nous allons découvrir une particularité…
Créer un diaporama web
Depuis le menu Commande, il est possible d'accéder à une véritable…
Réaliser un prototype sous…
L'étape suivante consistera à apporter l'aspect évolutif,…
Images et découpes HTML
Lors du découpage de l'ensemble des zones de notre application…
Cette formation contient 86 leçons en vidéo (que vous pouvez acheter à l'unité) pour une durée totale de 10h35.
Voici le programme complet abordé au cours de cette formation :
Introduction à Fireworks CS5
- Présentation et introduction vidéo gratuite !
- Prise en main vidéo gratuite !
- Travailler avec Fireworks 1 crédit
- Prototyper avec Fireworks 1 crédit
- Aller plus loin 1 crédit
Préparation - Mise en place
- Qu'est-ce qu'une image bitmap ? vidéo gratuite !
- Qu'est-ce qu'une image vectorielle ? 1 crédit
- Comparaison des types d'images 1 crédit
- Gamut, mode de couleur, et impression 1 crédit
- Comprendre l'avantage et la force de Fireworks 1 crédit
- Les divers formats d'enregistrement d'images 1 crédit
- Le format .PNG natif et le .PNG d'export 1 crédit
- Wireframe, prototypes et Mockup 1 crédit
- Créer un nouveau document 1 crédit
- La palette Outils 1 crédit
- Les formes vectorielles et l'outil Plume 1 crédit
- L'Inspecteur de propriétés vidéo gratuite !
- Contours, remplissages et textures 1 crédit
- Les effets appliqués en temps réel 1 crédit
- Les effets en temps réel de Photoshop 1 crédit
- Combiner les objets 1 crédit
- Gestion de l'alignement 1 crédit
- Gérer le document 1 crédit
- Présentation de l'interface de Fireworks 1 crédit
- Organisation de l'espace de travail 1 crédit
- Règles, grilles et guides 1 crédit
- Les modes d'affichage 1 crédit
- La palette Préférences 1 crédit
Travailler avec Fireworks
- Pages, calques, états et bibliothèques 1 crédit
- Gestion des calques, calques imbriqués, objets 1 crédit
- Le calque web et son fonctionnement 1 crédit
- Les états vidéo gratuite !
- Création et gestion des symboles 1 crédit
- La découpe par l'échelle par 9 1 crédit
- Les bibliothèques 1 crédit
- Gestion des pages et des pages maîtresses 1 crédit
- Ouvrir et parcourir Bridge 1 crédit
- Niveaux et histogramme 1 crédit
- Les divers réglages sur une image 1 crédit
- Les diverses actions de copier-coller 1 crédit
- Les masques vectoriels et bitmap 1 crédit
- Exportation et optimisation d'image 1 crédit
- La gestion du texte 1 crédit
- Utiliser le texte 1 crédit
- Mettre le texte en forme 1 crédit
- Travailler le texte 1 crédit
- Gestion de la couleur 1 crédit
- Appliquer un dégradé vidéo gratuite !
- Travailler avec les styles 1 crédit
- Animation en image par image 1 crédit
- Créer des animations et des interpolations 1 crédit
- Animation par symboles animés 1 crédit
- L'exportation des animations 1 crédit
- Les outils vectoriels avancés 1 crédit
- Palette Tracé 1 crédit
- Les outils bitmap avancés 1 crédit
- Les formes automatiques (outils et palettes) 1 crédit
- Kuler et sa palette 1 crédit
Prototypage avec Fireworks
- Définition du travail sur papier vidéo gratuite !
- Réaliser un prototype sous Fireworks 1 crédit
- Aller plus loin dans le prototypage 1 crédit
- Images et découpes HTML 1 crédit
- Les symboles enrichis et leurs propriétés 1 crédit
- Prototype vs Mockup 1 crédit
- Mettre en place une arborescence de site 1 crédit
- Discuter directement avec ses partenaires 1 crédit
- Exporter et distribuer 1 crédit
- Différence entre tranche et zone sensible 1 crédit
- Comprendre et gérer les états et les boutons 1 crédit
- La gestion des survols simples 1 crédit
- Interfaces plus complexes 1 crédit
- Gestion des menus contextuels 1 crédit
- Gérer des bibliothèques d'URL vidéo gratuite !
- La palette Comportements 1 crédit
- Optimisation des tranches 1 crédit
- Démonstration du document actif 1 crédit
- HTML et images vers le web 1 crédit
- Exporter vers du .PDF vidéo gratuite !
- Exporter ses calques, ses pages, etc. 1 crédit
- Créer un diaporama web 1 crédit
- Les outils Explorer 1 crédit
- Travailler avec Flash 1 crédit
- Exporter pour une application AIR 1 crédit
Plus en détails
- L'aide en ligne - Live Docs 1 crédit
- Poster un souhait 1 crédit
- Les divers blogs et forums 1 crédit
Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto Fireworks CS5 de 10 heures 35 minutes est proposée dans une résolution plus grande que l’extrait suivant :
video2brain
, Editeur pro
Producteur de formations vidéo depuis 2002, video2brain est un des leaders européens sur le marché du e-learning. video2brain propose des formations vidéo, en ligne et sur DVD, sur les logiciels et les langages de programmation.
video2brain est également le fournisseur officiel de tutoriels certifiés Adobe.
Toutes les formations de Video2brain
Birnou Sébarte, auteur dans cette formation
Birnou Sébarte découvre en 1987, aux Etats-Unis, les métiers du multimédia. Il travaille principalement au début sur des applications avec des outils comme Director. La migration vers le web se fait dès 1996, et l’utilisation des standards du web le conduit progressivement à des interfaces plus riches.
Toutes les formations de Birnou Sébarte
Témoignage des clients de video2brain
![]()
Des formations de qualité et très précises, les formateurs sont clairs et permettent un apprentissage progressif très agréable à suivre.
![]()
Les formations sont très intuitives et très bien expliquées. Beaucoup de choses abordées dans ces formations sans pour autant nous noyer sous les tonnes d'explications.
![]()
videos accessibles pour tous, convient parfaitement pour les débutants!
![]()
Video2Brain possède de nombreuses vidéos intéressantes et très utiles. ça va certainement m’être utile et m'encourager à acheter plus de crédits.
![]()
Bonjour; Je voulais vous dire que vos vidéos sont géniales. Ça explique beaucoup de choses, les bases et des astuces. Voilà, s'était pour vous dire que ça m'a bien aidé. Continuez comme ça. Au revoir.
Lire les autres témoignages
D'autres tuto de video2brain
Les divers blogs et forums
La communauté des utilisateurs de Fireworks est vaste et l'information sur le sujet…
Poster un souhait
Si vous trouvez qu'une fonctionnalité fait défaut à l'outil ou que vous rencontrez…
L'aide en ligne - Live Docs
L'aide en ligne et les documentations Adobe, Adobe TV, DevNet, le DevNet Center et le…
Exporter pour une application AIR
Fireworks CS5 permet d'exporter vers la toute nouvelle mouture du moteur d'exécution…
Notes attribuées par les utilisateurs (2 votes)
Les avis / Questions des utilisateurs (4)
Donnez votre avis ou posez une question au formateur.
Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous
Ce tuto en résumé ...
Ce tuto Fireworks CS5 d’une durée de 10 heures 35 minutes a été acheté 101 fois et a reçu une note moyenne de 5/5.
Ce tuto a été publié le 20 mai 2010 par video2brain, éditeur professionnel, ayant reçu une note moyenne de 4,1/5 pour l’ensemble de ses vidéos, dans la catégorie Tuto Fireworks Formation.
Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette formation.
Cette formation qui se présente sous la forme de plusieurs vidéos, vous expliquera étape par étape, toutes les manipulations présentées par le formateur.
Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.















(auteur de ce tuto - 13 décembre 2012)
" @pierart
Merci pour votre commentaire et bonne continuation !
Votre équipe video2brain "
(a acheté ce tuto - 09 décembre 2012)
" Je vois les choses de façon différente avec cet exemple, à mettre en pratique et voir si j'aurai un gain de productivité. "
(auteur de ce tuto - 06 octobre 2011)
" @pierart : bonjour et merci pour votre commentaire !
Bonne continuation avec les formations de video2brain.
Cordialement,
Votre équipe video2brain. "
(a acheté ce tuto - 23 septembre 2011)
" Ca donne envie ! "