fr32c blog

Aller au contenu | Aller au menu | Aller à la recherche

samedi 4 mai 2013

Aubenas, nouvel'R

Je rentre d'Ardèche où je suis allé roder le programme de formation sur Adobe Muse avec l'équipe de nouvel'R, une petite agence pleine de gens sympathiques, qui en connaissent un rayon sur la partie print, édition, identité, packaging et web.

Panorama-Aubenas-700.jpg

Tout cela a eu lieu dans une ambiance fort détendue. Stéphane, Jérôme, Bruno et Thierry connaissent bien leur métier, mais aussi leur région, fort belle comme en témoigne la vue de la fenêtre de l'agence.

On a donc parlé rivière, montagne, châtaignes, Clinton (le vin, pas le président ni celui du p-funk), cinéma à Aubenas, et on y a très bien mangé, notamment un dernier repas au Salon d'Ann-Sophie.

Brioude-Aubenas-IMAG4087.jpg

lundi 22 avril 2013

Utiliser des fontes japonaises WebSafe dans Muse

Pour la création de sites internet, Muse vous propose d'utiliser des polices websafe ou d'intégrer des polices Edge Webfonts. L'utilisation de polices système les convertit en images.

Confronté au besoin de saisir du texte en japonais, je ne me voyais pas me résoudre à utiliser les polices websafe présentes, et pour cause, quelque soit le choix effectué, j'obtenais, pour les katakana/hiragana/kanji la même typo, sérif, beaucoup trop fine pour l'usage qui m'intéressait, et surtout déconnectée de mon choix de sans-sérif de départ.

Mu-JType-Fr-J.png

Or, la bandelette de menu du bas en atteste, j'ai trouvé une astuce pour avoir du texte officiellement choisi parmi les polices web-safe… japonaise.

C'est donc possible, même si indirect : voir ci-dessous pour la méthode.

Lire la suite...

vendredi 1 mars 2013

Choisir la langue de Muse

Les nouveaux logiciels Adobe sont multilingues, ça vous permet à partir d'une seule installation (et souvent après un redémarrage de l'appli) d'en changer la langue. Mais si vous êtes habitués à ne travailler qu'en français, me direz-vous, à quoi bon changer, puisque c'est une préférence à lors de la première installation.

En fait, je vois 1 cas bien précis et très récurrent du besoin de changer de langue : le dépannage.

Edit du 22 avril 2013

Dans le cadre de la réalisation d'un site bilingue Français/Japonais, j'ai eu à utiliser des polices web-safe japonaise… et là aussi, changement de langue obligatoire. Plus de détails dans l'article qui y est consacré.

Lire la suite...

mardi 23 octobre 2012

Muse - Publier son site internet

Mu-Fichier-Exports.pngUne fois votre site internet réalisé grâce à Adobe Muse, il vous faut le publier.

3 options s'offrent alors à vous :

  • Publier et héberger directement via Business Catalyst et le Creative Cloud;
  • Exporter l'ensemble des fichiers en HTML pour les publier manuellement;
  • Télécharger vers un FTP.

Quelques explications supplémentaires ci-dessous.

Lire la suite...

mardi 5 juin 2012

Muse et Web Design sans code

Lors du eSéminaire Adobe consacré à Muse, je vous ai fait passer le lien vers cette page, avec la liste des liens abordés durant l'heure.

Quelques liens pour me présenter :

Mon Delicious (Franck Payen / fr32c) ou celui de Stéphane Baril (Une partie des liens mentionnés durant ce e-séminaire, plus d'autres) Me suivre sur Twitter (et avoir des actualités sur ce sujet et d’autres) e-séminaires (pour vous inscrire aux sujets suivants) Mon blog Pro (Spécifiquement l’article où je présente les applications et la formation video2brain à venir)

Découvrir Muse (et se former) :

Muse (La page principale sur le site Adobe, et en Français) Le Creative Cloud Adobe (L’abonnement pour installer des applications, partager ses fichiers, et aussi bénéficier de TypeKit et Business Catalyst) Adobe KB (La base de connaissance [Knowledge Base] avec des tas d'exemples, de tutoriels… en anglais.) Katie's Cafe (à la fois démonstration d'un petit site vitrine et tutoriel des fonctions) Kevin's Koffee Kart (Pareil que pour Katie, plein de détails, d'astuces, et les fichiers de base pour les exemples [À voir le site AdobeKB]) La présentation d'introduction chez video2brain (Découverte, prise en main pour les abonnés) La formation complète sur Muse chez video2brain (prise en main complète et efficace, liens vers le site…) Adobe TV, spécial Muse (avec tous les éléments pour démarrer et aborder l'outil), Google Translate (pour les textes)Les forums de la communauté (Questions/Réponses, trucs et astuces, échanges avec les utilisateurs et les experts)

mardi 15 mai 2012

Adobe Muse 1.0

Muse est enfin disponible en version 1.0, et la formation video2brain réalisée sur le sujet aussi, depuis le 21 mai : . J'y explique Muse, la manière de concevoir un site, les liens avec des applis connues comme inDesign, les trucs et astuces, en détail, sur le fonctionnement. Bref, comment gagner du temps et être efficace sur le sujet.

Lire la suite...

vendredi 6 avril 2012

Edge et Muse

''Note pour plus tard'' : c'est pas bien compliqué de coller une animation Edge dans Muse, mais faut juste pas s'attendre à voir du rendu en direct comme pour les Google Maps.

Ah, et faut aussi bien connaître sa hiérarchie de dossiers.

Donc, par exemple, dans mon dossier MuseExport (là où Muse met tout son site), j'irai poser mon dossier EdgeAnim, dans lequel je pourrai cibler Animation.html

Y'aura plus qu'à mettre une taille, virer les bords, et zou.

Si je laisse ça en wiki, c'est très lisible, si je place en html, vous allez juste voir l'anim, pas le code :)

<iframe src="EdgeAnim/Animation.html" width="600px" height="200px" frameborder="0" scrolling="no"> </iframe>

dimanche 23 octobre 2011

Muse + Edge (non, je ne parle pas de musique avec U2)

Le gros avantage avec les formations que je donne, c'est qu'en général, on me pose des questions que je ne m'étais pas posé avant, et qu'en échangeant, on finit par trouver des solutions.

Parfois, on a le temps de faire le tour complet d'un logiciel ensemble, parfois, on n'a le temps que d'effleurer, et ça suffit pour la base du travail. Après tout, je ne programme pas (encore) des robots, je fournis des outils à des graphistes et des designers pour qu'ils puissent créer plus vite, mieux, en adaptant leurs contraintes.

Prenons par exemple Muse et Edge. À l'heure où j'écris ces lignes, les deux outils sont en béta, pas encore finis, pas encore rodés, quelques bugs qui traînent, mais un bon aperçu des technologies disponibles.

Donc, Muse, c'est une appli pour réaliser des sites internet, en html5/css, avec du javascript partout, développé par des membres de l'équipe d'inDesign, ce qui fait que les graphistes (même print) arrivent à s'en servir, ne sont pas perdus (Place loader, repères commentés, etc.). Un (gros) défaut, le code, même s'il a été amélioré sur la dernière version, n'est pas forcément assez organisé pour les moteurs de recherche et autre (pas assez "sémantique", trop de divs, etc), et surtout, surtout, en largeur fixe. Comme aux débuts du web. Quand on supposait que tous les écrans faisaient 800x600 pixels, moins les menus, tout ça. Et puis en fait 1024x768, et puis en fait, 1280... bref, du fixe, je code pour une taille, et les autres scrollent ou ont une petite fenêtre perdue dans leur navigateur. Et à l'heure des smartphones, des tablettes, de la navigation à la souris, au doigt, c'est un chouya problématique cette taille fixe et ces éléments fixes...

Et à coté, il y a Edge, l'outil d'animation, basé, non plus sur la timeline de Flash, mais plutôt sur ce qu'on trouve chez After Effects, de l'anim à la seconde plutôt qu'à l'image. Et le tout sur des objets internet, html5, css, js (jquery), à base d'images en png, jpg, svg, textes sélectionnables, joli, tout en couleur, efficace.

Or, comme je forme sur la Digital Publishing Suite, et qu'une des problématiques récurrentes est de réussir à faire de jolies animations, on en revient souvent à la problématique html5/css/js.

Du coup, un outil web, en largeur fixe, ça me choque pas tant que ça, pour placer le tout, ça marche bien. Et si je peux animer tout ça dans la foulée, alors c'est parfait. Ce que je montrais l'autre jour chez Trebbe.com, je crée ma page/élément sur Muse, j'importe dans Edge, je rajoute de l'animation, et c'est super.

Sauf qu'à l'export, rien, nada, tout est figé que c'en est triste.

Et c'est là que j'ai apprécié de bosser avec Bertrand, Manu, Delphine et Sophie. Parce que dans cette toute petite agence, tout le monde est prêt à avancer pour améliorer sa manière de produire les documents (pour dire, quand je les ai quitté, ils allaient renoncer aux styles de caractère et leur préférer les styles de paragraphes, quand même). Et surtout, Manu a pris 2 minutes, pour regarder le code généré par Muse, puis remélangé par Edge pour trouver qu'en effet, Muse appelait un jQuery 1.4, après que Edge appelle un jQuery 1.6 Et du coup désactive la version plus récente. Ballot, il suffit donc de supprimer les 2 lignes d'appel au script jQuery 1.4 et j'anime mon site Muse avec Edge, y'a plus qu'à importer en tant que contenu web dans inDesign et l'Overlay Creator.

Merci Manu !