Photoshop CC 2017 : Les nouveautés

Travailler avec Adobe Experience Design

Testez gratuitement nos 1300 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Vous avez la possibilité de glisser et déposer des fichiers de Photoshop à Adobe Experience Design. Voyez comment copier et coller en format SVG.
06:20

Transcription

Photoshop CC 2015 vous permettait à travers les préférences de Photoshop accessibles dans le menu Edition sur un PC ou dans le menu Photoshop sur un Mac, puis tout en bas, dans la partie Aperçus de technologie..., de tester une fonctionnalité en cours de développement. C'est le cas de cet espace où des fonctionnalités peuvent être testées par les utilisateurs qui pourront bien entendu faire des commentaires en retour. J'ai en l'occurrence demandé d'Activer l'espace de conception qui était disponible dans CC 2015 et qui ne l'est plus dans la CC 2017. Pourquoi ? Tout simplement pour un choix stratégique de porter l'application de façon autonome. Alors, à quoi servait cet Espace de travail dans le menu Fenêtre ? Parmi les espaces de travail que l'on trouvait, on pouvait trouver l'Espace de conception (Aperçu). Et on y retrouvait un espace autonome permettant avec des outils de créer des éléments sur des pages et bien entendu d'affecter à chacun des éléments contenus sur la page une couleur de contour, une couleur de fond, j'en passe et des meilleurs pour essayer de construire un document qui corresponde à une page d'accueil par exemple sur un smartphone ou sur une tablette, et puis construire également évidemment les différentes pages qui peuvent y être associées. À l'issu de ce travail, en cliquant sur le bouton situé tout en bas, on retournait dans l'interface Photoshop traditionnel où on retrouve la logique de Plan de travail. Je vais rebasculer ici dans une application donc autonome, proposée là aussi sous la forme de test au niveau de votre page Creative Cloud, permettant de créer un design, puis de prototyper, et enfin de partager pour tester. Cette application autonome s'appelle Adobe Experience Design. On y choisit le format du matériel sur lequel on veut travailler ou le personnalise, et puis à partir de là on va pouvoir donc travailler sur un plan de travail ou plusieurs. Un outil de plan de travail correspondant à celui de Photoshop, vous permettant d'en appliquer d'autres. Ici, j'ai bien deux écrans d'Iphone 6 ou 7, mais bien entendu on retrouvera différentes machines disponibles à ce niveau. Sur chacune de ces pages que l'on va créer, on va pouvoir donc sans problème positionner les éléments. Je vais reculer pour voir les différentes pages. Et je peux construire des éléments graphiques. Les outils ici sont relativement légers et nous permettent de faire un rectangle ou un carré que l'on pourra bien sûr mettre en couleur : couleur de Fond, couleur de Bordure, Ombre, Flou en arrière-plan. J'ai sur l'opacité la possibilité de construire des boutons. Je vais pouvoir le faire également avec un outil sous la forme d'une ellipse et à ce moment-là je réaliserai un cercle. Là aussi, je vais changer son comportement, en demandant à ce qu'il soit d'une autre couleur, et voilà le cercle vert qui est positionné sur cette première page. On va donc pouvoir construire différents éléments et pour chacun d'eux, à travers la fonction de prototypage, on va pouvoir définir que cet élément m'amène par un simple glissement à cette page alors que celui-ci m'amène à celle-ci. On pourra imaginer bien entendu, en retour d'une page, un lien vers la page de départ. Soit par un objet qui y sera présent, soit sur la totalité de la page. Je vous montre ici un élément que j'ai construit de la même façon, qui me donne une page sur laquelle je trouve des boutons, chacun m'amenant bien sûr au niveau du prototype vers la page correspondant à la couleur du bouton et pour chacune de ces pages, le retour se faisant sur la page d'origine. Pour tester votre travail, vous allez pouvoir le faire en prenant ce bouton de partage. Vous pouvez donc choisir de partager votre élément sous la forme d'un lien. Je vais donc demander de Créer un lien qui se construit automatiquement, et ce lien, je peux le copier ou l'intégrer dans une mise en page. Si je le copie, bien entendu je pourrais aller le visualiser immédiatement à travers un navigateur. Dans ce cas, je demande de coller mon lien et je l'atteins directement. J'arrive bien sur une page qui est la page 1 sur 6. Je retourne sur la page d'origine. J'arrive bien sur cette page. Quand je clique dessus, j'arrive bien sur la page rouge. Si je re-clique dessus, je reviens sur la page d'origine. Le vert, sur le vert. Je clique, je reviens sur l'autre page. Et ainsi de suite. Nous avons donc créé ici un prototype de mise en page, tout simplement. Si je rebascule dans Photoshop CC 2017, je vais pouvoir constater dans le menu Préférences, Aperçus de technologie, qu'il n'y a plus de possibilité de travailler avec la fonction intégrée de Photoshop. Par contre, ce qui est intéressant, c'est que si vous travaillez ici avec des modules vectoriels que vous pourriez construire avec la plume ou encore tout simplement en utilisant des formes pré-établies, comme celles qui sont fournies par défaut dans Photoshop, et bien vous allez pouvoir à partir de n'importe quelle forme que vous avez construit, la récupérer et la copier/coller, ou encore la glisser/déposer. Si vous prenez l'option du copier/coller, ce sera dans le menu Edition, et vous allez demander de faire un Copier (spécial), un copier en format SVG. Scalable Vector Graphic, qui va nous permettre d'emmener un élément purement vectoriel vers notre page de conception. J'y bascule donc et dans la page en question, je peux très bien imaginer positionner un élément par Coller. Je viens bien donc sur la zone de Design, je demande de coller l'élément que je peux agrandir ou réduire, positionner où je veux, et bien entendu colorer différemment. On pourra le faire de la même façon par du glisser/déposer. Il me suffit alors de revenir dans Photoshop. Je vais sélectionner un autre élément graphique, par exemple cette petite ampoule. Et en prenant l'outil, je peux cliquer et glisser, et à l'aide du raccourci clavier permettant de changer d'application, Alt + Tabulation sur PC ou Cmd + Tabulation sur Mac, je bascule dans une autre fenêtre et je peux tout simplement glisser mon élément sur la page qui me convient. Voilà donc comment vous pouvez faire en sorte que Photoshop soit toujours prêt à fonctionner dans les développements futurs et que si ces développements évoluent, comme vous pouvez le voir, et bien vous pouvez toujours les tester pour probablement un jour avoir une application mature à votre disposition.

Photoshop CC 2017 : Les nouveautés

Découvrez les nouveautés de Photoshop. Effectuez des recherches simplement, travaillez avec Adobe Experience Design, exploitez les polices vectorielles colorées au format SVG, etc.

31 min (7 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Spécial abonnés
Date de parution :2 nov. 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !