Gestion des dégradés avec Photoshop

de : Les nouveautés d´Adobe Fireworks CS5

Acheter

À propos de cette vidéo

La gestion des dégradés entre Photoshop et Fireworks est devenue transparente. On crée un dégradé dans Fireworks qui le gère à sa façon. Photoshop ouvre le document et traite le dégradé à sa façon en lui apportant des modifications. De retour dans Fireworks, les modifications ont été prises en compte et restent éditables.

Un extrait de : Les nouveautés d´Adobe Fireworks CS5

Ce logiciel incontournable d’optimisation de graphiques web se positionne toujours plus comme l’outil universel pour le développement web, grâce auquel le design et la conception de sites web se présentent et s’organisent de manière optimale.

EUR 19,95

45min

Acheter

Formations similaires

Fireworks se positionne avant tout comme un outil central dans la chaîne d’outils pour la création d’applications à destination d’écrans. Il est souvent injustement comparé à Illustrator de par ses capacités d’outil vectoriel ou à un ‘Photoshop’ pour le web. Certes, bien que cet outil recèle d’excellentes capacités dans ces deux domaines, son principal atout réside avant tout dans le prototypage d’interfaces et d’applications à destination de l’écran.

Qu'est-ce que Fireworks CS5 ?
- Cette étape vous propose un rapide tour d’horizon des ces possibilités souvent mal utilisées ou même parfois ignorées qui font de Fireworks un outil unique et incontournable dans le paysage des applications que tout bon intégrateur ou concepteur d’interfaces se doit d’avoir dans sa besace.
  
  Qu'est-ce que Fireworks CS5 ?
  
  06:41
Le moteur de la gestion de texte a été largement amélioré avec la version CS5. En complément d'un meilleur affichage, quelques compléments, non des moindres, ont été apportés autour du texte et de sa gestion. Je vous propose d'en faire le tour avec ces quelques étapes.

Gestion du texte
- Pour rendre plus ergonomique et intuitive la sélection de portion de texte, le triple-clic fait son apparition. Il sélectionne l'ensemble du paragraphe dans lequel il est effectué. De même, si on utilise le cliquer-glisser pour sélectionner du contenu de texte, on peut sélectionner d'autres portions de texte (avec la touche MAJ) même si elles ne sont pas contigües à la sélection en cours.
  
  Double-clic et multiples sélections
  
  01:01
- Dans les précédentes versions, il n'était pas possible de distinguer l'ensemble des calques d'objets qui s'affichaient dans la palette des calques. Avec Fireworks CS5, un nouvel icône T repère les calques de type texte. Il s'agit là d'une petite innovation qui devrait ouvrir la porte à d'autres icônes pour les prochaines versions.
  
  Les calques de type texte
  
  00:32
- Au moment d'éditer le contenu d'une zone texte, tant que le moteur d'historique ne s'est pas activé, il est possible de faire Ctrl-Z et Ctrl-Y (Commande pour Mac) afin d'annuler ou refaire les modifications apportées.
  
  Ctrl-Z et Ctrl-Y
  
  01:11
- Dans les précédentes versions de Fireworks, lorsque l'on modifiait la mise à l'échelle d'un symbole usant de l'outil Mise à l'échelle en 9 tranches et contenant du texte éditable, il arrivait que le texte saute sur la partie haute du symbole. Dorénavant, Fireworks CS5 gère cet élément de texte en préservant sa position relative.
  
  Mise à l'échelle en 9 tranches
  
  01:28
La principale particularité de Fireworks est le travail des graphiques vectoriels. Les améliorations de la CS5 ne pouvaient pas omettre cet aspect du logiciel.

Formes vectorielles
- On reproche souvent à Fireworks son aspect flou au niveau des contours lorsque ceux-ci sont mis à l'échelle et qu'ils s'assoient 'entre deux pixels'. La CS5 apporte une nouvelle fonctionnalité : l'accrochage aux pixels. Au cours de cette étape, nous allons mettre en évidence son efficacité et son utilisation.
  
  Alignement au pixel
  
  01:18
- Il est dorénavant possible de créer de nouvelles formes de brosse, puis de les gérer en les sauvegardant ou en les supprimant directement depuis l'inspecteur de propriétés. L'outil très complet propose trois panneaux de réglage et conserve un aperçu du résultat obtenu en temps réel.
  
  Les brosses
  
  02:33
- Avec la version CS4, il était possible de combiner les tracés. Avec Fireworks CS5, l'inspecteur de propriétés se dote d'un véritable outil de gestion des formes composées. Cet outil se présente sous forme de masques transparents entièrement éditables ou combinables en une seule et unique forme.
  
  Outil de formes composées
  
  02:32
- Dans cette étape, nous allons découvrir un nouvel outil de Dreamweaver CS5 : l'outil Accrocher au pixel.
  
  Outil Accrocher au pixel
  
  00:53
- L'outil de dégradé se dote d'une fonction Tramage qui nous permet de simuler un ensemble coloré plus lumineux et plus sûr en matière de portabilité.
  
  La fonction Tramage
  
  01:16
Le flux de travail depuis Fireworks s'améliore lui aussi avec la sortie de Fireworks CS5. Bien que pouvant paraître minimes, certaines de ces améliorations vont largement contribuer à assouplir notre manière de travailler.

Interface et flux de travail
- A la demande de certains utilisateurs, deux outils d'aide lors d'un éventuel crash de l'application sont apparus. Sous Macintosh, une copie de sauvegarde des fichiers en cours s'effectue automatiquement sur le bureau. Sous Windows, il existe deux nouveaux fichiers rapport qui vont pouvoir nous renseigner sur les causes du crash.
  
  Copie de sécurité
  
  01:31
- Cette vidéo montre l'utilisation depuis Flash d'un fichier graphique issu de Fireworks. Nous allons voir comment mettre à jour le fichier grâce au flux de travail simplifié entre les deux applications.
  
  Flux de travail entre Flash et Fireworks
  
  02:58
- Lorsque l'on ouvre ou importe un document multipage, il est maintenant possible de visionner l'aperçu de chacune des pages et d'ouvrir le document directement à la page souhaitée.
  
  Aperçu des pages
  
  00:39
- Une petite amélioration a été apportée au nuancier. Cette amélioration va nous permettre de gagner un peu de temps lors de multiples opérations et lors du travail sur la couleur. Il existe donc un nouvel icône pour copier le code hexadécimal de couleur et un autre qui nous permet de permuter les couleurs.
  
  Copie du code couleur depuis la palette
  
  00:56
- Dans l'inspecteur de propriétés, une petite case à cocher a fait son apparition en parallèle des champs de largeur et hauteur d'un objet. Cette case permet de verrouiller le rapport entre les deux valeurs. Cela fonctionne également si nous manipulons l'objet à la souris.
  
  Ajout du verrouillage de l'homothétie
  
  00:38
- Lors de la création d'un document, il est maintenant possible de faire appel à des modèles. Par défaut, Fireworks CS5 est installé avec 5 familles de modèles : présélection de documents, mode grille, mobile, web et Wireframe. Vous pouvez également compléter, enrichir ou même créer vos propres modèles.
  
  Création et utilisation de modèles
  
  02:16
- Fireworks CS5 intègre la toute nouvelle mouture du moteur d'exécution d'applications RIA, AIR 2. Bien que l'idée ne soit pas de rivaliser avec les applications riches publiées à partir de Flash ou Flex, Fireworks permet d'exporter vers cette technologie des prototypes fonctionnels que nous pourrons échanger avec nos partenaires ou nos clients.
  
  Intégration du nouveau moteur AIR 2
  
  06:32
Fireworks s'intègre de mieux en mieux en tant qu'outil central de communication graphique à destination du web. Qu'il s'agisse d'échanges avec d'autres applications ou d'exportations, Fireworks CS5 se munit des derniers besoins pour travailler plus confortablement.

Roundtrip dans la suite
- La gestion des dégradés entre Photoshop et Fireworks est devenue transparente. On crée un dégradé dans Fireworks qui le gère à sa façon. Photoshop ouvre le document et traite le dégradé à sa façon en lui apportant des modifications. De retour dans Fireworks, les modifications ont été prises en compte et restent éditables.
  
  Gestion des dégradés avec Photoshop
  
  02:02
- Pour garder une cohérence entre tous les outils graphiques de la Creative Suite, le format de nuancier ASE (Adobe Swatch Exchange) se devait d'être supporté et généré par Fireworks. Avec cette version CS5, c'est chose faite !
  
  Support du format ASE
  
  01:18
- Device Central CS4 ne permettait pas de créer un aller-retour aussi souple entre Fireworks et le simulateur de rendu pour appareil mobile. Que l'on crée un document depuis Fireworks, qu'il s'agisse d'un document vierge, d'un modèle ou que l'on crée son document depuis un jeu d'appareil cible, l'aller-retour entre les deux applications reste cohérent.
  
  Echanges avec Device Central
  
  01:32
Dans cette seconde partie sur l'intégration de Fireworks au sein de la Creative Suite, nous allons explorer les nouveautés de la version CS5. Au programme : améliorations et des nouveaux formats d'exportation.

Améliorations et exportations
- Pouvant paraître anodin pour certains et grandement attendu par d'autres, il est dorénavant possible d'intervenir sur le nommage des fichiers générés.
  
  Possibilité d'intervenir sur le nommage
  
  01:19
- Les documents de Fireworks supportent les multipages. Avec la CS4, nous ne pouvions pas les exporter intégralement lors de l'exportation. Avec la CS5, nous pouvons sélectionner les pages à exporter, depuis la palette des pages ou depuis la palette d'exportation.
  
  Exportation des pages sélectionnées
  
  00:50
- Le format FXG (Flash XML Graphics) deuxième du nom est maintenant supporté par Fireworks, ce qui le place à un clic de souris de l'échange avec des applications comme Flash, Flash Catalyst, Illustrator ou encore Photoshop.
  
  Exportation vers le format FXG2
  
  01:37