L'animation dans Edge Animate peut être réalisée en automatique, via des images-clés, ou par le biais des propriétés d'objets. Edge Animate génère lui-même les transitions.

Au choix, via le menu Fichier/Importer, ou par glissement depuis le bureau, Edge génère automatiquement une copie dans le répertoire de ma scène.

Puisqu'il s'agit ici d'animer, nous disposons ici d'une vue efficace et colorée, calée sur la grille de temps, avec la punaise de verrouillage et les transitions.

Il est souvent intéressant d'anticiper la dégradation du contenu sur des navigateurs anciens ou inadaptés.

Edge Animate peut aussi modifier et animer les éléments existants d'une page Internet.

On peut ajouter de l'interactivité à chaque élément d'une composition Edge Animate, soit via un curseur, soit via une action (click, touch, etc.) et renseigner le code choisi (ouvrir une URL, rejouer la scène…).

Vos animations sont prêtes, préparez l'affiche (l'image fixe la plus représentative) et insérez tout simplement votre rendu sous InDesign.

Au-delà des polices web-safe, de type Arial ou Times, Edge Animate nous donne accès à une multitude d'options pour enrichir nos compositions, depuis des typos libres et gratuites, téléchargeables ou encore sous abonnement.

Toute la partie compression des images se fait en amont de Edge (via Photoshop et Enregistrer pour le web).

Quoique sommaire, l'outil Texte permettra de placer des contenus de texte simples.

Les symboles permettent d'associer et de réutiliser plusieurs éléments. Ils simplifient le scénario de base et centralisent les actions et les animations.

La manipulation des éléments sur ma scène est très instinctive : sélectionner un objet, ou entrer dans un symbole, appliquer des transformations, ou écrêter (masquer) une partie de mon objet, je peux tout modifier et animer à souhait.

Bénéficiez d'un choix de polices et de styles typographiques professionnels aussi large que pour les contenus imprimés.

Une comparaison technique des outils et frameworks d'animation interactive pour les standards du web, DOM et canvas. Cette session s'adresse aux développeurs web et aux web designers et motion designers disposant de bonnes connaissances en JavaScript. Outils utilisés : Edge Animate, Flash Pro CS6, Brackets.

Si Adobe Photoshop CS6 est à l'origine un outil de traitement d'images fixes, il est possible avec la version Extended de faire de la vidéo. Il est également possible de réaliser de petites animations pour le web, voyez ici comment faire avec le formateur Yves Chatain.

Quels choix de standards pour la diffusion de contenu interactif ? HTML5, standard web pour la publication et Flash, pour le gaming et la vidéo, quelle réalité pour les créateurs de contenu?

Pendant cette session, nous présenterons les nouveautés à venir côté Flash, avant de passer à la partie HTML5 et standards du web. Au programme : une comparaison entre Edge et createJS, la présentation d’un projet jQuery Mobile et PhoneGap ainsi qu’un focus sur le débuggage multi-écrans avec Adobe Shadow.

Le formateur Franck Payen vous montre qu'importer un bout de carte ou un flux Twitter dans une publication numérique InDesign CS6 est désormais aussi simple qu'un copier-coller, avec possibilité de mise à jour.

Le spécialiste Paul Trani nous présente les dernières innovations en matière de standards web dans CS6 Design & Web Premium.

Le spécialiste Paul Trani nous présente les dernières innovations en matière de standards web dans CS6 Design & Web Premium.

Dans Adobe Illustrator CS5, c'est au sein de la fenêtre Enregistrer pour le web que l'on va faire des réglages d'export afin de trouver le meilleur compromis qualité de l'image / poids de fichier en jonglant entre les formats .GIF, .JPEG et .PNG. Voyez cela dans cette vidéo avec le formateur Jérôme Bareille.

Définissez des zones réactives ou déclencheurs affichant du contenu supplémentaire lorsqu'on clique dessus ou qu'on les survole.

Créez une incrustation pour attirer l'attention sur une image, une vidéo ou un autre contenu, en le faisant apparaître dans un calque modal.

Morcelez le contenu volumineux pour le rendre plus clair visuellement, à l'aide de panneaux à onglets ou en accordéon personnalisables.

Placez facilement un diaporama personnalisable sur une page pour présenter des images de façon attrayante.

Créez facilement des liens d'ancrage permettant aux visiteurs d'atteindre un emplacement spécifique sur une page.

Incorporez des extraits de code HTML arbitraire provenant de Google Maps, YouTube, etc. Utilisez cette fonction par exemple pour ajouter des boutons et flux de médias sociaux.

Appliquez différents états aux éléments de menu. Créez des boutons Photoshop en appliquant des états à vos calques Photoshop.

Ajoutez des éléments de navigation intelligents qui reflètent automatiquement le plan du site. Utilisez les liens et définitions d'état pour personnaliser les menus.

Pour maîtriser parfaitement votre projet, vous pouvez configurer les éléments de sorte qu'ils s'affichent sur toute la largeur du navigateur en s'adaptant à la taille de la fenêtre.

Définissez des zones d'en-tête et de pied de page pour les éléments présents sur toutes les pages. Les pieds de page se déplacent automatiquement, quelle que soit la longueur de la page.

Épinglez facilement un objet pour qu'il reste en place dans la fenêtre du navigateur lorsque le reste du contenu défile.

Remplissez l'arrière-plan avec les images de votre choix. Muse se charge de les optimiser lors de la publication.

Modifiez des images avec Photoshop ou Fireworks via l'option Modifier l'original. Les modifications seront automatiquement appliquées dans Muse.

Observez les pages de votre site se redimensionner automatiquement dans le sens de la longueur à mesure que vous ajoutez du contenu.

Créez vos mises en pages de manière intuitive à l'aide de fonctionnalités qui existent déjà dans d'autres produits Adobe : repères commentés, Coller sur place, Modifier l'original, Pipette et bien d'autres.

Définissez et contrôlez des éléments communs à plusieurs pages en les ajoutant dans un gabarit.

Configurez rapidement la structure de votre site en ajoutant et en organisant les pages à l'aide d'outils très simples.

La nouvelle formule d'abonnement d'Adobe vous permet de profiter des dernières fonctionnalités de Creative Suite moyennant des mensualités modiques. Découvrez à quel point il est simple d'acheter, d'utiliser et de gérer votre produit par abonnement.

Depuis le menu Commande, il est possible d'accéder à une véritable interface logicielle qui va nous permettre de mettre en place des diaporamas d'images soit sous HTML soit sous Flash. Ces diaporamas n'ont rien à envier à un grand nombre de widgets disponibles ici et là sur le web.

Agence Design du Groupe Publicis, Carré Noir détaillé, à partir de plusieurs projets, pourquoi les solutions Adobe Photoshop et Illustrator font partie de son processus de conception.

La direction du Design Industriel chez Renault utilise Adobe Creative Suite pour concevoir et prototyper les designs des ses futurs modèles, ainsi que pour communiquer autour. Jacques Labouret, Responsable Logiciel Créatif, revient sur un processus de production.

Chef de produit Adobe, Richard Galvan nous présente les nouveautés d'Adobe Creative Suite 5.5.

Explorez les nouveaux processus de création de contenus pour le web et les terminaux mobiles. Apprenez à élaborer des applications et sites web standard ainsi que des contenus numériques captivants et à les diffuser sur les postes de travail, les smartphones, les tablettes et les téléviseurs avec Creative Suite Web Premium 5.5. Produisez du contenu avec HTML5 et CSS3 et le framework jQuery Mobile. Ciblez diverses plates-formes, dont Android™, iOS, Blackberry RIM et Adobe AIR®.

Maintenant que la plupart des navigateurs modernes prennent en charge le standard CSS3, concepteurs et développeurs peuvent créer des effets à fort impact visuel, tels que des angles arrondis, des dégradés, des opacités et des ombres, sans utiliser de fichiers d'image. Cette vidéo présente la prise en charge CSS3 étendue de Dreamweaver CS5.5 et vous montre comment en tirer parti pour améliorer vos sites et projets.

Dans cette vidéo, Terry White montre comment créer des magazines numériques captivants pour les tablettes à l'aide d'InDesign CS5.5. Découvrez les remarquables interactions que vous pouvez ajouter dans vos publications, telles que les séquences d'images et la possibilité d'effectuer un panoramique ou de zoomer sur le contenu, et apprenez à tester vos créations sur votre poste de travail avec Adobe Content Viewer.

Dans cette vidéo, Terry White présente toutes les nouveautés d'InDesign CS5.5 : texte lié, panneau Articles, possibilité d'incorporer du contenu audio et vidéo, etc. Autant de fonctions qui rendront vos livres électroniques plus engageants que jamais !

Vous n'allez plus hésiter à travailler en haute sensibilité ISO à la prise de vue après avoir vu de quelle façon Camera Raw 6 fait disparaître l'effet granuleux dû au bruit de l'image !

Photoshop permet de modifier une image de façon non destructive. Ce mode d'édition permet de garder intactes les données d'origine qui restent toujours disponibles, et donc de préserver la qualité de l'image lorsque vous apportez des modifications.

Voyons ici comment aborder l'amélioration de la netteté d'une image avec le module externe Camera Raw 6 qui est disponible dans Photoshop ou dans Bridge.

Voici ici deux exemples d'utilisation des filtres de déformation. N'hésitez pas à découvrir les autres par vous-même !

Découvrez dans cette vidéo les caractéristiques et particularités des calques de texte, des couches de forme, des calques de réglage, des objets intelligents, et des couches de pixels.

Grâce aux espaces de travail, vous pourrez mémoriser le positionnement des panneaux, le choix des menus à afficher, ainsi que les raccourcis clavier.

Avec la nouvelle fonction Redresser, faites pivoter et recadrez automatiquement votre image. Avec l'outil de la nouvelle version, vous pouvez afficher une grille.

Comment faire pour créer des sélections avec les outils Lasso ? Quelles sont les différences entre le lasso à main levée, le lasso polygonal et le lasso magnétique ? Comment combiner les trois outils en un raccourci ?

Recadrer, redresser une image ou encore la découper en tranches pour une optimisation web par zone : c'est le sujet de cette vidéo.

Avec la fonction d'alignement des pixels dans les tracés et dans les symboles, le nouvel anti-aliasing des textes Illustrator permet la réalisation de graphismes mieux adaptés au web ou aux écrans des mobiles.

Illustrator est le programme de dessin vectoriel par excellence. Il permet de réaliser des illustrations diverses d'une qualité optimale, aussi bien pour l'impression que pour le web. Vous allez découvrir ici plusieurs facettes d'Illustrator.

Photoshop CS5 offre la possibilité de correction automatique des distorsions Coussinet barillet, du vignettage et des aberrations chromatiques de la plupart des objectifs et appareils photos.

La nouvelle méthode d'analyse globale d'image de Photoshop CS5 permet de reconstituer des éléments manquants d'une image avec des zones prélevées. Voyez ici comment éliminer de petits défauts mais également de grandes zones.

Dans le domaine de la 3D, Photoshop CS5 propose une nouveauté : la fonction Repoussé, qui s'applique au texte ou aux formes, et qui permet le rendu et offre de multiples options.

Découvrez des possibilités surprenantes de correction et de retouche de vos photos. Vous apprendrez à créer des montages et des compositions créatives en y intégrant des éléments 3D.

Via Acrobat.com, Buzzword vous permet de créer des documents et des présentations en ligne. Buzzword est un éditeur de texte web qui permet aux utilisateurs de créer et de stocker des textes sur un serveur.

Cette vidéo vous démontre la puissance de Photoshop CS5 avec les menus Améliorer la sélection et Améliorer les masques : le réglage des contours et la décontamination des couleurs permettent les détourages les plus fins, en quelques clics seulement.

Une nouvelle fonctionnalité, présente sur certains logiciels de la Creative Suite 5, permet de se connecter à une salle de réunion virtuelle afin de pouvoir partager son écran avec un autre participant.

Cette vidéo fait un tour d'horizon global des améliorations et nouveautés de Bridge. Il suffit de quelques minutes pour tout savoir ou presque.

Illustrator CS5 apporte des améliorations dans la gestion des plans de travail. Un nouveau panneau Plan de travail est désormais disponible pour personnaliser leurs dispositions ou leurs noms.

La création d'objet complexe est facilitée par le nouvel outil Concepteur de forme ainsi que par deux nouveaux modes de dessin : Dessin arrière et Dessin à l'intérieur.

Les symboles bénéficient d'améliorations, avec la possibilité de définir la zone de mise à l'échelle en 9 tranches et le point d'enregistrement, tous deux utilisés par Flash mais aussi directement par Illustrator CS5.

Illustrator CS5 peut ajouter directement différents types de pointe de flèche et en gérer la position et la taille. Un meilleur contrôle des traits en pointillés, des formes artistiques ou des motifs permet aussi d'améliorer l'aspect des contours.

Profitez des nouvelles performances 3D en termes d'éclairage et de matière. Finalisez vos images avec un rendu réaliste, grâce au mode Lancer de rayon.

Flash Catalyst est une application de conception qui permet de créer des sites web interactifs. Avantage majeur de ce logiciel : vous n’avez pas besoin d'être formé à la programmation pour produire un travail de qualité avec Flash Catalyst !

Découvrez les 3 nouvelles fonctions essentielles de Flash Professional CS5 : le moteur de texte Flash, le développement d'applications pour l'iPhone, et le flux de production rationalisé grâce à la prise en charge du format FXG.

Adobe BrowserLab est un service en ligne extrêmement simple d'utilisation. À l'aide de BrowserLab, prévisualisez vos pages web (statiques et interactives) sans avoir à lancer une machine virtuelle ou utiliser un autre poste.

Découvrez les 3 nouvelles fonctions essentielles de Dreamweaver CS5 : les fichiers associés dynamiquement, la navigation en mode Affichage, et les perfectionnements des feuilles de style CSS, mode Inspection, activation/désactivation des styles CSS.

Créez des pages Web complètes avec l'environnement graphique robuste de Fireworks. Exportez en respectant les standards Web et les mises en page CSS.