effets de texte

Comment diviser du texte dans Photoshop

Comment diviser du texte dans Photoshop

Étape 1 : Ajoutez votre texte au document

La première étape pour créer un effet de texte fractionné consiste à ajouter du texte. J'ai ajouté le texte à mon document, mais vous pouvez facilement suivre en Créer un nouveau document Et ajoutez le texte de votre choix :

Document Photoshop brut avec texte ajouté

Document Photoshop brut avec texte ajouté.

Si nous regardons Panneau Calques Nous verrons donc comment mon document est mis en place. L'image principale se trouve à Couche d'arrière-plan , et le mot « SLICE » se trouve sur le calque Type au-dessus. J'ai ajouté une bordure autour des caractères, qui est répertoriée comme effet sous le calque Type.

Le texte restant (« ACHETEZ-EN UN », « Obtenez-en UN GRATUIT », etc.) se trouve dans un groupe de calques en haut appelé « Texte supplémentaire ». Je l'ai mis dans un groupe juste pour l'éliminer. A cet effet, le seul texte qui nous importe est le mot « SLICE » :

Le panneau Calques de Photoshop affiche le texte ajouté au document

Le panneau Calques affiche la configuration du document.

Désactiver le texte supplémentaire

Pour simplifier les choses, je vais désactiver le groupe de calques pour l'instant en cliquant sur Symbole visuel Sa propre:

Désactiver le texte supplémentaire dans un document Photoshop

Désactivez le groupe de calques « Texte supplémentaire ».

Maintenant, nous ne voyons que le mot « SLICE » devant l’image d’arrière-plan.

Lire plus:Comment mettre plusieurs images dans du texte à l'aide de Photoshop

Document Photoshop avec le mot « SLICE » juste devant l'image d'arrière-plan

Document après avoir désactivé le texte supplémentaire. Crédit image : Adobe Stock.

Étape 2 : Convertir le calque de texte en objet intelligent

Pour que le texte reste modifiable pendant que vous le découpez, tournez le calque Type sur Être intelligent . Tout d’abord, assurez-vous de sélectionner le calque de texte dont vous avez besoin :

Sélectionnez le calque de texte dans le panneau Calques de Photoshop

Sélectionnez le calque de texte dans le panneau Calques.

Puis cliquez sur Icône de menu En haut à droite du panneau Calques :

Cliquez sur l'icône du menu du panneau Calques

Cliquez sur l'icône du menu du panneau Calques.

Et sélectionnez Convertir en objet intelligent De la liste:

Comment convertir un calque de texte en objet intelligent dans Photoshop

Choisissez la commande « Convertir en objet intelligent ».

Code d'objet intelligent Il apparaît en bas à droite de l'aperçu miniature, nous indiquant que notre texte est désormais en sécurité à l'intérieur de l'objet intelligent :

Panneau Calques après avoir converti un calque de texte en objet intelligent dans Photoshop

Les objets intelligents sont indiqués par leur icône dans la vignette d'aperçu.

Étape 3 : Sélectionnez l'outil Rectangle

Pour dessiner des tranches, nous utiliserons Outil Rectangle Dans Photoshop. Sélectionnez l'outil Rectangle dans Barre d'outils :

Sélectionnez l'outil Rectangle de Photoshop dans la barre d'outils

Choisissez l'outil Rectangle.

Étape 4 : Ajuster la position de l'outil sur la trajectoire

Puis dans la barre d'options, définissez Réglage de l'outil على Suivre :

Lire plus:Comment créer du texte 3D avec Photoshop

Définissez la position de l'outil Rectangle de Photoshop sur Chemin dans la barre d'options.

Ajustez la position de l'outil Rectangle sur le chemin.

Étape 5 : Tracez un chemin autour de la moitié inférieure du texte

Faites glisser un chemin rectangulaire autour de la moitié inférieure du texte. Nous utiliserons ce chemin pour créer la tranche inférieure. Pour de meilleurs résultats, essayez de rendre le chemin plus large que le texte lui-même, de sorte que si vous devez modifier le texte ultérieurement et que le nouveau texte est un peu plus long que l'original, le nouveau texte tiendra toujours sur la diapositive.

Si vous devez modifier la position du chemin pendant que vous le dessinez, appuyez et maintenez ESPACE , faites glisser le chemin en place, puis relâchez la barre d'espace pour continuer à dessiner le chemin :

Tracez un chemin rectangulaire autour de la moitié inférieure du texte dans Photoshop

Tracez un chemin rectangulaire autour de la moitié inférieure du texte.

Étape 6 : Choisissez l'outil de sélection directe

Maintenant que nous avons notre chemin, nous allons le remodeler en une tranche diagonale.

Sélectionner Outil de sélection directe Photoshop depuis la barre d'outils. Par défaut, il se cache derrière l'outil de sélection de chemin (outil flèche noire). Vous devrez cliquer et maintenir l'outil Sélectionner un chemin jusqu'à ce qu'un menu contextuel apparaisse, puis choisir l'outil de sélection directe (outil flèche blanche) dans le menu :

Sélectionnez l'outil Sélection directe dans la barre d'outils de Photoshop

Sélectionnez l’outil de sélection directe derrière l’outil de sélection de chemin.

Étape 7 : Désélectionnez le chemin

Cliquez n'importe où en dehors du chemin pour le désélectionner. Et point d'ancrage Et à chaque coin du chemin il disparaît, ne laissant que le contour du chemin lui-même :

Lire plus:Comment mettre plusieurs images dans du texte à l'aide de Photoshop

Désélectionnez un chemin en cliquant dessus dans un document Photoshop

Cliquez en dehors du chemin pour le désélectionner.

Étape 8 : Sélectionnez et faites glisser le point d'ancrage en haut à gauche vers le bas

Cliquez ensuite dans le coin supérieur gauche du chemin pour sélectionner un seul point d'ancrage :

Sélectionnez le point d'ancrage en haut à gauche sur le chemin dans Photoshop

Cliquez pour sélectionner le point d’ancrage supérieur gauche.

Et faites glisser le point vers le bas pour transformer le haut du chemin en une ligne diagonale :

Faites glisser le point d'ancrage en haut à gauche vers le bas pour remodeler le haut du chemin.

Faites glisser le point d’ancrage supérieur gauche vers le bas.

Convertir une forme directe en chemin régulier

Photoshop vous demandera si vous souhaitez convertir la forme dynamique en un chemin normal. Cliquez sur نعم :

Cliquez sur Oui pour convertir la forme dynamique en un chemin normal dans Photoshop

Cliquez sur Oui pour convertir la forme dynamique en chemin normal.

Étape 9 : Sélectionnez et faites glisser le point d'ancrage supérieur droit vers le haut

Cliquez ensuite sur le point d'ancrage dans le coin supérieur droit du chemin pour le sélectionner :

Sélectionnez le point d'ancrage dans le coin supérieur droit du chemin dans Photoshop

Cliquez pour sélectionner le point d’ancrage en haut à droite.

Et faites glisser ce point vers le haut. Vous pouvez vous déplacer d'avant en arrière avec les deux points, en cliquant dessus et en les faisant glisser vers le haut ou vers le bas selon vos besoins, jusqu'à ce que vous soyez satisfait de l'angle de glissement :

Faites glisser le point d'ancrage en haut à droite sur le chemin vers le haut

Tirez le point d’ancrage supérieur droit vers le haut.

Étape 10 : Convertir le chemin en masque vectoriel

Pour créer le segment, nous devons convertir le chemin en Masque vectoriel . Aller à Panneau Calques votre, appuyez et maintenez Touche Ctrl (Gagner) / Command (Mac) sur votre clavier, puis cliquez sur l'icône Ajouter un masque de calque :

Comment convertir un chemin en masque vectoriel dans Photoshop

Maintenez la touche Ctrl (Win) / Commande (Mac) enfoncée et cliquez sur l'icône Ajouter un masque de calque.

Masque vectoriel miniature Un aperçu miniature apparaît à côté de l'objet intelligent :

Une vignette de masque vectoriel dans le panneau Calques de Photoshop

Miniature du masque vectoriel dans le panneau Calques.

Et dans le document, on voit que la partie supérieure du texte a disparu. Seule la partie inférieure du masque vectoriel reste visible, créant ainsi notre première tranche :

La première diapositive de texte a été créée dans Photoshop

La première diapositive a été créée.

Étape 11 : faire une copie de l'objet intelligent

Pour créer la tranche supérieure, faites une copie de l'objet intelligent en accédant à Liste classer , choisir Nouveau , Alors choisi Calque via copie . Ou vous pouvez appuyer sur un raccourci clavier Ctrl + J (Gagner) / Commande + J (Mac):

Sélectionnez la commande Nouveau calque via Copier dans Photoshop

Accédez à Calque > Nouveau > Calque via Copier.

Dans le panneau Calques, une copie de l'objet intelligent apparaît par-dessus l'original :

Le panneau Calques de Photoshop affiche la copie de l'objet intelligent

Le panneau Calques affiche la copie de l'objet intelligent.

Étape 12 : Choisissez « Soustraire la forme du devant »

En Barre d'options , cliquez sur l'icône Suivre les opérations :

 

Cliquez sur l'icône Opérations sur le chemin dans la barre d'options de Photoshop

Cliquez sur l'icône Opérations sur chemin dans la barre d'options.

Et sélectionnez Soustraire la forme du devant De la liste:

Choisissez « Soustraire la forme avant » dans le menu Opérations sur le chemin de Photoshop.

Choisissez «Soustraire la forme de premier plan» dans le menu Opérations sur le chemin.

Cela inverse le masque vectoriel, rendant la tranche supérieure visible, et nous avons maintenant les deux tranches :

La tranche supérieure du texte apparaît dans Photoshop

La tranche supérieure apparaît après avoir sélectionné « Soustraire la forme du premier plan ».

Cacher le chemin

Nous n'avons plus besoin de voir le diagramme du chemin. Donc, pour masquer le chemin, cliquez n'importe où en dehors de celui-ci :

Masquez le contour du chemin en cliquant sur le document Photoshop

Masquez le chemin en cliquant dans le document.

Diaporama

Il peut sembler que notre texte soit encore en un seul morceau. Mais vous pouvez activer et désactiver des diapositives individuelles en cliquant sur Icônes de vision dans le panneau Calques.

Si vous cliquez sur l'icône Visibilité pour désactiver l'objet intelligent supérieur :

Désactivez la diapositive de texte supérieure dans le panneau Calques de Photoshop

Éteignez la diapositive supérieure.

On ne voit que le bas du texte :

Afficher uniquement la diapositive inférieure du texte dans un document Photoshop

L'objet intelligent du bas contient la diapositive du bas.

Je clique à nouveau sur la même icône de visibilité pour redémarrer la diapositive supérieure. Et si vous désactivez ensuite la diapositive du bas en cliquant sur son icône de visibilité :

Désactivez la diapositive de texte inférieure dans le panneau Calques de Photoshop

Éteignez la diapositive inférieure.

Nous ne voyons que la partie supérieure du texte. Pour réactiver la diapositive inférieure, cliquez à nouveau sur son icône de visibilité :

Afficher uniquement la diapositive de texte supérieure dans un document Photoshop

L'objet intelligent supérieur contient la diapositive supérieure.

Étape 13 : Sélectionnez l'outil de déplacement

Pour séparer les tranches, sélectionnez Outil de déplacement Dans Photoshop depuis la barre d'outils :

Sélectionnez l'outil Déplacer dans la barre d'outils de Photoshop

Choisissez l'outil de déplacement.

Étape 14 : Faites glisser les diapositives pour les séparer

Choisissez la diapositive que vous souhaitez déplacer en cliquant dessus dans le panneau Calques, puis en la faisant glisser dans le document. Ou, au lieu de faire glisser avec l'outil Déplacer, vous pouvez appuyer sur Touches fléchées sur le clavier pour mettre la diapositive en place (vous devrez toujours sélectionner l'outil Déplacer).

Je vais sélectionner la tranche inférieure dans le panneau Calques :

Sélectionnez la tranche inférieure du texte dans le panneau Calques de Photoshop

Choisissez la diapositive du bas.

Ensuite, j'utiliserai les touches fléchées de mon clavier pour pousser le curseur inférieur vers le bas et vers la droite :

Comment séparer les segments de texte dans Photoshop

Séparez les diapositives à l’aide des touches fléchées du clavier.

Relire le texte supplémentaire

Je vais relancer mon script supplémentaire en cliquant Symbole visuel Groupe de calques :

Activer le texte supplémentaire dans un document Photoshop

Exécutez le groupe de calques.

Nous voyons ici le formatage avec l'ajout de l'effet de texte haché :

Comment diviser du texte dans Photoshop

Effet de texte coupé.

Comment modifier le texte dans les diapositives

Maintenant que nous avons créé l'effet de texte recadré, apprenons à modifier le texte à l'intérieur des diapositives.

Bien que nous ayons créé les diapositives à l'aide de deux objets Intelligent Séparément, chaque objet intelligent porte exactement le même calque de type. Ainsi, si nous modifions le texte dans un objet intelligent, le même changement apparaîtra dans les deux.

Étape 1 : Double-cliquez sur la vignette de l'objet intelligent

Pour modifier du texte, Double-cliquez une Miniatures d'objets intelligents . L’un ou l’autre fonctionnera :

Comment modifier du texte à l'intérieur d'un objet intelligent dans Photoshop

Double-cliquez sur l'une des vignettes d'objet intelligent.

Le texte s'ouvre dans son propre document séparé :

Le texte à l'intérieur de l'objet intelligent s'ouvre dans un document Photoshop distinct

Le texte apparaît prêt à être modifié.

Étape 2 : Sélectionnez l'outil Texte

Sélectionner Outil Tapez Photoshop dans la barre d'outils :

Sélectionnez l'outil Texte dans la barre d'outils de Photoshop

Prenez un outil d'écriture.

Étape 3 : Modifiez votre texte

Modifiez ensuite votre texte. je vais appuyer À deux reprises Sur le texte pour surligner le mot entier :

Surligner le texte à modifier dans Photoshop

Double-cliquez pour mettre le texte en surbrillance.

Ensuite, je changerai le mot « SLICE » en « PIZZA » :

Modifier le texte à l'intérieur de l'effet recadré dans Photoshop

Remplacez le mot d'origine par un nouveau mot.

Étape 4 : Cliquez sur la coche dans la barre d'options

accepter le changement, je vais appuyer على Coche Dans la barre d'options :

Acceptez le nouveau texte en cliquant sur la coche dans Photoshop

Cliquez sur la coche.

Étape 5 : Choisissez « Révéler tout » si nécessaire

Notez que dans ce cas, la modification du texte a créé un problème. Le nouveau texte est trop long pour tenir dans la zone visible du document, donc une partie de la lettre « A » à droite s'étend à l'extérieur du panneau :

Le nouveau texte est trop long pour tenir sur le canevas d'un document Photoshop.

Le nouveau texte ne rentre pas dans le panneau.

Si cela se produit avec votre texte, allez dans Menu الصور dans la barre de menu et sélectionnez Révèle tout :

Choisissez la commande Révéler tout dans Photoshop

Accédez à Image > Révéler tout.

Et Photoshop redimensionne instantanément le canevas pour l'adapter à tout le texte :

Tout le texte est désormais visible après avoir choisi la commande Révéler tout dans Photoshop

Le mot entier est désormais visible après avoir sélectionné « Révéler tout ».

Étape 6 : Enregistrez et fermez le document d'objet intelligent

Pour accepter la modification et revenir au document principal, nous devons enregistrer et fermer le document d'objet intelligent.

"Monter à la liste" Fichier "choisir" Enregistrer " :

Enregistrer les modifications apportées au texte dans l'objet intelligent

Allez dans Fichier > Enregistrer.

Revenez ensuite à la liste. Fichier "choisir" Fermer" :

Fermez le document d'objet intelligent pour revenir au document d'effet de texte fractionné

Allez dans Fichier > Fermer.

De retour dans le document principal, nous constatons le même effet, mais cette fois avec notre texte édité :

Un deuxième effet de texte divisé créé dans Photoshop

Même effet, texte différent.
Précédent
Comment créer du texte peint à la bombe dans Photoshop
Suivant
Comment créer du texte avec le feu dans Photoshop