L'outil Frame, une nouvelle fonctionnalité de Photoshop CC 2019, facilite la mise en forme des images! Apprenez à dessiner des formes avec l'outil Cadre, comment placer des images dans vos formes, comment échanger instantanément des images avec d'autres images, et plus encore!

Photoshop CC 2019 introduit un tout nouvel outil dans la barre d'outils de Photoshop connu sous le nom d'outil Frame. L'outil Cadre est conçu pour rendre le placement des images dans des formes à la fois simples et intuitives, en particulier pour les utilisateurs novices de Photoshop. Il est idéal pour concevoir des mises en page et, en fait, si vous avez utilisé un programme de mise en page comme Adobe InDesign, vous connaissez déjà le fonctionnement de l'outil Frame. Il vous suffit de faire glisser un cadre à l'endroit où vous souhaitez placer une image sur la page (ou dans ce cas, dans votre document Photoshop), puis de faire glisser votre image dans le cadre!

Pour être juste, le nouvel outil Frame de Photoshop n'est pas nécessairement la meilleure façon de travailler. En effet, tout ce que vous pouvez faire avec l'outil Frame peut également être effectué à l'aide des masques d'écrêtage plus flexibles de Photoshop. Mais l'outil Frame est plus facile, surtout si vous êtes nouveau dans Photoshop. Et, l'outil Frame tire pleinement parti des puissants objets intelligents de Photoshop. Donc, même si vous êtes un utilisateur Photoshop plus expérimenté, l'outil Frame a toujours quelque chose à offrir. Voyons voir comment ça fonctionne.

Pour suivre, vous aurez besoin de Photoshop CC. Et si vous êtes déjà abonné à Adobe Creative Cloud, assurez-vous que votre copie de Photoshop CC est à jour. Commençons!

Comment utiliser l'outil Frame dans Photoshop CC 2019

L'utilisation du nouvel outil Frame dans Photoshop CC 2019 pour placer des images dans des formes est facile. Nous sélectionnons simplement l'outil Cadre, dessinons un cadre, faisons glisser une image dans le cadre, puis déplaçons ou redimensionnons l'image à l'intérieur du cadre. Vous pouvez ajouter un trait autour du cadre pour vous aider dans votre conception, et même échanger l'image existante avec une nouvelle image simplement en faisant glisser et en déposant la nouvelle image dans le cadre.

Pour vous montrer comment cela fonctionne, je suis allé de l'avant et j'ai créé un nouveau document:

Un nouveau document dans Photoshop CC 2019.

Étape 1: Sélectionnez l'outil Frame

Le nouvel outil Frame de Photoshop se trouve dans la barre d'outils. C'est l'outil qui ressemble à une boîte avec un X à travers. Cliquez dessus pour le sélectionner. Vous pouvez également sélectionner l'outil Cadre à partir de votre clavier en appuyant sur la lettre K :

Sélection de l'outil Frame dans la barre d'outils.

Étape 2: choisissez une forme pour votre cadre dans la barre des options

Avec l'outil Cadre sélectionné, choisissez une forme pour votre cadre dans la barre des options. Par défaut, vous dessinerez un cadre rectangulaire, mais vous pouvez également dessiner des cadres elliptiques. Sélectionnez la forme dont vous avez besoin en cliquant sur son icône. Je vais m'en tenir à la forme rectangulaire pour l'instant:

Choisissez une forme (rectangulaire ou elliptique) pour le cadre.

Étape 3: dessinez un cadre où vous souhaitez placer une image

Ensuite, faites glisser un cadre où vous souhaitez placer une image à l'intérieur de votre document:

Cliquez et faites glisser pour dessiner votre cadre.

Utilisation des touches de modification avec l'outil Cadre

Pour repositionner le cadre pendant que vous le dessinez, maintenez la barre d'espace enfoncée, faites glisser le cadre en position, puis relâchez la barre d'espace pour continuer à dessiner le cadre. Pour forcer un cadre rectangulaire dans un carré parfait, maintenez la touche Maj enfoncée pendant que vous faites glisser. Ou si vous dessinez un cadre elliptique, maintenez la touche Maj enfoncée pour le forcer à former un cercle parfait:

Maintenez la touche Maj enfoncée pour forcer les cadres rectangulaires en carrés ou les cadres elliptiques en cercles.

Dans mon cas, je vais dessiner un cadre large dans la moitié supérieure du document:

Dessiner un cadre rectangulaire où je veux placer une image.

Relâchez le bouton de votre souris et le cadre apparaît. Le cadre est un conteneur pour une image. Mais comme le cadre n'a pas encore de contenu, il commence vide:

Un cadre vide a été ajouté au document.

Le nouveau calque Frame dans le panneau Calques

Si nous regardons dans le panneau Calques, nous voyons que Photoshop a ajouté le cadre sur son propre calque de cadre distinct, qui est également nouveau dans CC 2019. La miniature à gauche représente le cadre lui-même (indiqué par la petite icône de cadre en bas à droite ). Et la vignette à droite est pour le contenu à l'intérieur du cadre. Puisqu'il n'y a pas encore de contenu, la vignette est juste remplie de blanc:

L'icône en bas à droite nous indique qu'il s'agit d'un calque Frame.

Étape 4: placez une image dans le cadre

Pour placer une image dans le cadre, accédez au menu Fichier dans la barre de menus et choisissez Placer intégré . Ou vous pouvez choisir Placer un lien . La différence est que Place Embedded incorporera l'image dans votre document, tandis que Place Linked se contentera de créer un lien vers l'image sur votre ordinateur. Dans la plupart des cas, Place Embedded est le meilleur choix:

Allez dans Fichier> Placer incorporé.

Ensuite, accédez à l'image sur votre ordinateur, sélectionnez-la et cliquez sur Placer :

Sélection de l'image à placer à l'intérieur du cadre.

Photoshop place l'image dans le cadre. Et il redimensionne automatiquement l'image pour correspondre à la taille du cadre (photo d'Adobe Stock):

L'image est placée et redimensionnée dans le cadre. Crédit photo: Adobe Stock.

Placement de l'image en tant qu'objet intelligent

Si nous regardons à nouveau le calque Frame dans le panneau Calques, nous voyons que le contenu du cadre apparaît maintenant dans la vignette à droite. Notez également l' icône de l' objet intelligent dans le coin inférieur droit de la miniature, nous indiquant que Photoshop a automatiquement converti l'image en objet intelligent.

Si vous êtes nouveau dans Photoshop, cela ne signifie peut-être pas grand-chose pour vous, mais les objets intelligents sont une bonne chose. Cela signifie que nous pouvons redimensionner l'image à l'intérieur du cadre sans perte de qualité. Et, nous pouvons facilement remplacer l'image par une autre, comme nous verrons comment faire dans quelques instants:

La couche Frame montrant le contenu ajouté en tant qu'objet intelligent.

Comment basculer entre le cadre et l'image

Maintenant que nous avons placé une image dans le cadre, voyons comment basculer entre le cadre et son contenu.

Depuis le panneau Calques

Le panneau Calques permet de basculer entre le cadre et l'image. Remarquez la bordure blanche autour de la vignette du contenu. Cela nous indique que l'image à l'intérieur du cadre est sélectionnée:

La bordure nous indique lequel (le cadre ou l'image) est sélectionné.

Sélection du cadre

Pour sélectionner le cadre lui-même, cliquez sur la vignette du cadre à gauche:

Sélection du cadre en cliquant sur la miniature de gauche.

Avec la bordure autour de la vignette, une autre façon de dire que le cadre est sélectionné est que nous pouvons voir les poignées de transformation autour du cadre dans le document. Nous utilisons les poignées pour redimensionner le cadre, et nous y reviendrons sous peu:

Les poignées de transformation signifient que le cadre est sélectionné.

Sélection de l'image

Pour revenir à l'image, cliquez sur la vignette à droite:

Sélection de l'image en cliquant sur la vignette droite.

Et avec l'image sélectionnée, les poignées de transformation autour du cadre disparaissent:

Les poignées de transformation du cadre ont disparu.

Sélection du cadre et de l'image

Pour sélectionner à la fois le cadre et l'image en même temps, maintenez la touche Maj enfoncée et cliquez sur celle qui n'est pas actuellement sélectionnée. La bordure blanche apparaît autour des deux miniatures:

Cliquez sur l'autre vignette tout en maintenant la touche Maj enfoncée pour les sélectionner simultanément.

Désélection du cadre ou de l'image

Et puis, pour revenir à la sélection du cadre ou de l'image, cliquez sur celui dont vous avez besoin. Je vais resélectionner le cadre, et cela désélectionne l'image:

Lorsque les deux sont sélectionnés, cliquez sur une miniature pour désélectionner l'autre.

Extrait du document

Une autre façon de basculer entre le cadre et son contenu est à partir du document.

Sélection de l'image

Pour sélectionner l'image, cliquez simplement dessus à l'intérieur du cadre. Remarquez le contour autour de l'image et qu'il inclut les parties de l'image qui sont cachées car elles s'étendent au-delà des limites du cadre:

Cliquer sur l'image pour la sélectionner.

Sélection du cadre

Pour sélectionner le cadre, cliquez directement sur le contour du cadre. Les poignées de transformation réapparaissent:

Cliquer sur le cadre pour le sélectionner.

Sélection du cadre et de l'image

Et pour sélectionner à la fois le cadre et l'image, double-cliquez sur l'image. Le contour autour de l'image disparaît et vous ne verrez que le contour autour du cadre:

Double-cliquez sur l'image pour sélectionner à la fois le cadre et l'image.

Avec le cadre et l'image sélectionnés, vous pouvez cliquer et faire glisser les deux ensemble dans le document:

Cliquez et faites glisser le cadre et l'image lorsque les deux sont sélectionnés.

Comment annuler une étape avec l'outil Frame

Je vais annuler cela en allant dans le menu Edition et en choisissant Annuler le déplacement . Photoshop nous offre plusieurs annulations avec l'outil Frame. Pour revenir en arrière dans vos étapes, appuyez plusieurs fois sur Ctrl + Z (Win) / Commande + Z (Mac). Et pour refaire une étape, appuyez sur Maj + Ctrl + Z (Win) / Maj + Commande + Z (Mac):

Annulation de la dernière étape avec l'outil Frame.

Désélectionner le cadre lorsque les deux sont sélectionnés

Enfin, lorsque vous avez sélectionné à la fois le cadre et l'image, vous pouvez revenir à la sélection de l'image uniquement en double-cliquant à nouveau dessus. Ainsi, lorsque l'image ou le cadre est sélectionné, double-cliquer sur l'image les sélectionnera tous les deux. Et lorsqu'ils sont tous les deux sélectionnés, un double-clic sélectionnera uniquement l'image:

Double-cliquez à nouveau pour sélectionner uniquement l'image.

Comment déplacer et redimensionner le contenu du cadre

Maintenant que nous savons sélectionner et basculer entre le cadre et son contenu, apprenons à déplacer et à redimensionner l'image à l'intérieur du cadre.

Comment déplacer l'image dans le cadre

Pour déplacer l'image, il suffit de cliquer et de la faire glisser. Seule la zone à l'intérieur du cadre reste visible:

Cliquez et faites glisser pour repositionner l'image à l'intérieur du cadre.

Comment redimensionner l'image dans le cadre

Pour redimensionner l'image, nous n'utilisons pas directement l'outil Cadre. Au lieu de cela, nous utilisons la commande Free Transform de Photoshop. Allez dans le menu Edition et choisissez Free Transform :

Allez dans Edition> Transformation gratuite.

Faites ensuite glisser les poignées pour redimensionner l'image. Dans Photoshop CC 2019, Free Transform verrouille automatiquement le rapport hauteur / largeur, il n'est donc pas nécessaire de maintenir la touche Maj enfoncée pendant que vous faites glisser. Mais si vous souhaitez redimensionner l'image à partir de son centre, maintenez la touche Alt (Win) / Option (Mac) enfoncée. Lorsque vous avez terminé, appuyez sur Entrée (Win) / Retour (Mac) pour l'accepter:

Redimensionner l'image à l'intérieur du cadre avec Free Transform.

Comment redimensionner le cadre

Pour redimensionner le cadre, pas le contenu, cliquez d'abord sur le contour du cadre pour le sélectionner:

Sélection du cadre en cliquant directement sur son contour.

Faites ensuite glisser l'une des poignées pour la remodeler et la redimensionner. Si vous maintenez la touche Maj enfoncée tout en faisant glisser une poignée d'angle, vous verrouillez le rapport hauteur / largeur d'origine du cadre:

Redimensionner le cadre en faisant glisser les poignées de transformation.

Une fois que vous avez redimensionné le cadre, vous pouvez cliquer et faire glisser l'image à l'intérieur du cadre pour le repositionner:

Déplacer l'image après avoir redimensionné le cadre.

Comment déplacer le cadre et l'image ensemble

Pour déplacer le cadre et l'image en même temps, double-cliquez sur l'image pour les sélectionner tous les deux:

Double-cliquez pour sélectionner le cadre et l'image.

Et puis cliquez et faites glisser pour les déplacer ensemble:

Faire glisser le cadre et son contenu en même temps.

Comment redimensionner le cadre et l'image ensemble

Pour redimensionner à la fois le cadre et l'image, assurez-vous à nouveau que les deux sont sélectionnés. Allez dans le menu Edition et choisissez Free Transform :

Revenons à Édition> Transformation gratuite.

Faites ensuite glisser les poignées pour redimensionner le cadre et son contenu:

Faites glisser les poignées Free Transform pour redimensionner le cadre et son contenu.

Vous pouvez également repositionner le cadre et son contenu en cliquant et en faisant glisser à l'intérieur de la zone Transformation libre. Ici, j'ai centré le cadre et l'image dans le document. Appuyez sur Entrée (Win) / Retour (Mac) lorsque vous avez terminé pour l'accepter:

Centrer le cadre et l'image dans le document avec Free Transform.

Catégorie: