Créer un effet de texte cousu pour un fond d'écran iPad

Dans ce didacticiel, nous allons vous montrer comment créer un effet de texte personnalisé pour un fond d'écran iPad. Commençons!


Étape 1

Nous allons commencer par créer le tissu. Créez un nouveau document à n'importe quelle taille (j'ai créé un canevas de 250 px par 250 px).


Étape 2

A l'aide de l'outil Rectangle, créez un petit rectangle noir sur un nouveau calque..


Étape 3

Pour créer une texture pour cette forme, ajoutez les styles de calque suivants:

Le résultat est la pierre angulaire de notre texture.


Étape 4

Créez plusieurs occurrences de cette forme et position comme indiqué.


Étape 5

Aplatissez l'image et utilisez l'outil Rectangle de sélection pour effectuer une sélection. Notez que j'ai fait une sélection qui donnera un motif homogène.


Étape 6

Une fois que vous êtes à l'aise avec la sélection que vous avez faite, allez à Edition> Définir un motif. Nommez le motif et cliquez sur OK.


Étape 7

Maintenant que nous avons un motif, nous allons l’utiliser pour créer un échantillon de tissu plus grand que nous ajouterons à notre scène finale. Créer un nouveau document 2500 px par 2500 px.


Étape 8

Allez dans Edition> Remplir. Sélectionnez un motif dans le menu déroulant et choisissez le nouveau motif personnalisé que nous venons de créer (il devrait être au bas de la liste)..


Étape 9

Pour ajouter de la couleur, attribuez à ce calque le style de calque suivant:


Étape 10

Je veux ajouter un peu de variation à mon modèle. Commencez par créer un nouveau calque rempli de blanc. Ajoutez le bruit réglé à 100% et créez un effet de flou directionnel avec un réglage de 40 px à un angle de 55 degrés. Réglez le mode de fusion sur Multiplier et l'opacité sur 75%.


Étape 11

Pour continuer à ajouter des variations à notre texture, créez un autre calque et effectuez un rendu des nuages ​​(Filtre> Afficher les nuages). Définissez le mode de fusion et l'opacité comme indiqué.


Étape 12

Sélectionnez tous les calques dans le panneau Calques et cliquez avec le bouton droit de la souris, puis sélectionnez Convertir en objet intelligent. Renommer l'objet intelligent? Fabric? et sauvegarder ce fichier.


Étape 13

Nous devons créer un nouveau document pour notre fond d'écran iPad. La résolution de l'iPad est de 1024 px sur 768 px, ce qui signifie que lorsqu'il est tourné horizontalement ou verticalement, il aura au plus 1024 cm de large ou 1024 cm de haut. Pour vous assurer que notre papier peint s'adapte à l'écran, quelle que soit l'orientation, nous devons créer un nouveau document 1024 px sur 1024 px.


Étape 14

Pour m'aider visuellement, j'ai créé un nouveau groupe contenant des guides pour les orientations horizontale et verticale de l'iPad..


Étape 15

Pour l'instant, nous pouvons cacher les guides. Importer un objet dynamique du motif de structure dans cette scène. Transformer (Commande / Ctrl + T) cette texture dans une perspective souhaitable. Enregistrez votre document.


Étape 16

Nous devons créer les points de suture dans un document séparé. Nous devons également nous assurer que le document est suffisamment volumineux pour qu'il y ait peu de distorsion lorsque nous le mettrons en perspective. La taille globale de votre document dépendra de votre texte ou de votre logo. Pour ce projet, j'ai créé un nouveau document 2200 px par 500 px.


Étape 17

Trouvez un logo ou un texte que vous aimez et collez-le dans votre scène. Mettez-le à l'échelle (Commande / Ctrl + T) pour remplir l'espace.


Étape 18

Nous allons maintenant créer les points individuels. Si vous connaissez bien Illustrator, il sera peut-être plus facile de les créer ici (en particulier avec l'outil de fusion), mais comme il s'agit d'un didacticiel Photoshop, je vais les créer ici. Comme vous pouvez le constater, j'ai modifié l'opacité du calque Logo afin de faciliter la visualisation de mon travail. Sur un nouveau calque, utilisez l’outil Ligne pour tracer des points sur votre graphique, comme indiqué..

Pour réduire votre travail, tracez une ligne et faites-en une copie (Commande / Ctrl + J). Appuyez sur Commande / Ctrl + T pour passer en mode transformation. Déplacez légèrement la ligne et appuyez sur Entrée pour valider les modifications. Maintenant, appuyez sur Commande / Ctrl + Alt + Maj + T pour répéter la transformation. Continuez à appuyer sur ce raccourci jusqu'à ce que vous ayez une ligne de points.

Ce processus se traduira par plusieurs couches. Assurez-vous de les fusionner puis utilisez ces points pour remplir les zones appropriées de votre logo..


Étape 19

Continuez à faire des points de suture pour les zones arrondies de votre logo.


Étape 20

Maintenant que nous avons converti un logo en lignes, nous devons arrondir les extrémités de chaque ligne. Ajouter le filtre médian (Filtre> Bruit> Médian) avec un paramètre de 1 px.


Étape 21

Vous remarquerez peut-être que le filtre a provoqué la fusion de certains points. Utilisez simplement la gomme pour nettoyer ces zones. Maintenant que les points sont terminés, nous pouvons terminer la construction de notre papier peint.


Étape 22

Chargez les points dans la scène de notre fond d'écran iPad et transformez (Commande / Ctrl + T) en perspective sur le fond de la structure. Assurez-vous d’allumer les guides pour vérifier l’allure du positionnement dans les orientations horizontale et verticale..


Étape 23

Nous devons ajouter l'aspect des points de suture élevés au-dessus de la surface. Pour ce faire, nous utiliserons le filtre Liquify pour ajouter un léger pli à la couture. Allez dans Filtre> Liquéfier et, avec l'outil Déformation vers l'avant sélectionné, réglez la densité du pinceau sur 99 et la pression de pinceau sur 10..


Étape 24

Commencez avec une taille de pinceau de 76 et commencez à pousser les points de suture de manière à ce qu'ils paraissent en relief. Traversez tous les points en modifiant la taille du pinceau si nécessaire.

Le résultat devrait ressembler à ceci:


Étape 25

Puisque nous voulons que les points soient blancs, allez-y et ajustez les niveaux (Commande / Ctrl + L) en utilisant les curseurs du bas.


Étape 26

Faites une copie de cette couche et ajoutez le filtre antiparasite avec une quantité de 100%. Ensuite, sélectionnez Filtre> Flou> Flou Plus pour atténuer le bruit. Cela nous donnera cette texture rugueuse d'un point de parcours.


Étape 27

Fusionner ces deux calques et renommer? Stitches.?


Étape 28

Pour ajouter une dimension à cette couche, ajoutez le style de couche suivant:


Étape 29

Faites une copie du calque "Points de suture" et renommez-le en "Ombre". Supprimez le style de calque et ajustez les niveaux (Commande / Ctrl + L) jusqu'à obtenir un noir pur. Placez cette nouvelle couche sous le? Stitches? couche.


Étape 30

Donnez à cette couche un flou gaussien de 14 px et définissez le mode de fusion sur Multiplier et l'opacité sur 50%..


Étape 31

Ensuite, faites une autre copie du? Stitches? couche et ajoutez les styles de couche suivants (notez que nous remplaçons les styles de couche existants en procédant de la sorte):

Le résultat devrait ressembler à ceci:


Étape 32

Renommez ce calque en? Texture de point? et utilisez les touches fléchées pour déplacer cette couche vers le haut et à droite.


Étape 33

Avec la? Texture de point? couche sélectionnée, Commande / Ctrl + clic sur la vignette de la couche pour en sélectionner le contenu.


Étape 34

Sur un nouveau calque, remplissez la sélection avec du blanc. Ajoutez du bruit avec une quantité de 87% et allez dans Filtre> Flou> Flou. Enfin, réglez le mode de fusion sur l’écran et l’opacité sur 35%..


Étape 35

Pour terminer les points de suture, faites une copie des? Points de suture? couche. Supprimez les styles de calque et ajustez les niveaux (Commande / Ctrl + L) jusqu'à obtenir un noir pur, comme nous l'avons fait à l'étape 29. Déplacez ce calque sous les points? couche et appliquer un flou gaussien avec un réglage de 1,8 px. Enfin, définissez l'Opacité sur 71% et déplacez légèrement le calque pour qu'il soit plus visible. C'est un effet subtil qui aidera les points de suture sur le tissu.


Étape 36

La dernière chose à faire est d'appliquer un effet de profondeur de champ à l'image. Commencez à fusionner une copie des calques (Maj + Commande / Ctrl + Alt + E).


Étape 37

Sur un nouveau calque, utilisez l’outil Dégradé avec l’option Dégradé réfléchi sélectionnée pour créer le dégradé suivant..


Étape 38

Sélectionnez Tout (Commande / Ctrl + A) et Copiez (Commande / Ctrl + C) ce calque et accédez au Panneau de canaux. Créez un nouveau calque dans le panneau Canaux et collez (Commande / Ctrl + V) la sélection. Nous allons utiliser ce canal alpha nouvellement créé lors de l'ajout du flou de l'objectif.


Étape 39

Allez-y et supprimez le calque dégradé; nous n'avons plus besoin de cela. Sélectionnez la scène fusionnée et accédez à Filtre> Flou> Flou de l'objectif. Ajoutez les paramètres suivants:


Conclusion

Enfin, j'ai ajouté une vignette noire personnalisée pour terminer la scène. Votre image devrait ressembler à ceci: