Créez de superbes textes 3D gratuitement avec SketchUp

Tout le monde aime le texte en 3D.

Malheureusement, tout le monde ne peut se permettre le logiciel de modélisation 3D nécessaire pour le construire. Aujourd'hui, je vais vous apprendre à créer du texte 3D impressionnant en utilisant uniquement Photoshop et une application gratuite de Google. Intrigué? Continuer à lire!

Ce que nous construisons

Voici un aperçu de ce que nous allons construire aujourd'hui. J'ai également téléchargé un fichier PSD réduit, mais avec plusieurs couches, afin que vous puissiez jeter un coup d'œil. Cliquez ici pour télécharger le fichier PSD.

Nous allons commencer par construire le texte de base dans SketchUp. Cependant, cela ne servira que de fondement. Nous ferons l'essentiel du style et des éléments amusants dans Photoshop.

Pourquoi SketchUp?

Je sais qu'il existe des tonnes de didacticiels de texte 3D, mais je voulais faire quelque chose d'un peu différent. Il n’existe vraiment aucun moyen simple et rapide de créer du texte 3D dans Photoshop sans dessiner manuellement des portions. Certains concepteurs construisent le texte dans Illustrator, mais je ne suis pas un grand fan de l'interface d'Illustrator pour la création d'objets 3D. Cela ressemble plus à une fausse 3D qu'à une modélisation réelle.

D'autres didacticiels commencent dans un programme de modélisation 3D coûteux tel que 3ds Max que vous ne possédez probablement même pas.

Je voulais vous montrer que vous pouvez obtenir de très bons résultats avec SketchUp, un programme de modélisation 3D totalement gratuit et facile à apprendre de Google.

Démarrage

Après avoir téléchargé et ouvert SketchUp, créez un nouveau fichier vierge. Vous devriez être amené dans l'interface principale de SketchUp avec diverses fenêtres et palettes.

Si vous n'avez jamais utilisé SketchUp ni aucun autre logiciel 3D, familiarisez-vous avec les fonctionnalités de base en visionnant certains des didacticiels vidéo gratuits proposés par Google.

Une fois que vous avez compris la navigation de base et que vous avez une bonne idée de la manière de déplacer et de redimensionner les objets, vous serez prêt à partir. Commencez par supprimer le petit type d'espace réservé du modèle. ensuite sélectionnez l'outil de texte 3D dans la barre d’outils à gauche (devrait ressembler à une majuscule 3D? A?). Cliquez maintenant n'importe où sur la grille SketchUp pour afficher la boîte de dialogue suivante.

Ici, vous pouvez saisir du texte, choisir une police et spécifier une profondeur d'extrusion. J'utilise la police Pincoyablack, téléchargeable gratuitement à partir de Font Squirrel.

Comme vous pouvez le constater, j’ai également choisi une profondeur d’extrusion de 8 "et coché la case" Rempli ". Cela devrait vous donner à peu près le résultat suivant:

Positionner le texte

Maintenant que nous avons du bon texte 3D, nous devons le faire pivoter pour le tenir droit et le déplacer en position. Après avoir joué avec quelques alignements, j'ai décidé que le texte sur une seule ligne n'était pas ce que je voulais. Nous allons donc empiler les deux mots.

Hit 'Q' pour saisir le Outil de rotation, cliquez une fois à l’endroit où vous souhaitez placer le pivot et cliquez à nouveau sur le côté opposé de l’objet. Maintenant, faites pivoter les mots pour qu'ils soient debout.

Appuyez ensuite sur la touche «O» pour saisir le Outil orbite et pivoter vers la vue de face. Tapez 'V' pour afficher l'outil de sélection et double-cliquez sur le groupe contenant les mots pour développer les lettres en éléments sélectionnables individuellement.

Maintenant, sélectionnez uniquement le premier mot. Triple clic sur chaque lettre pour vous assurer de sélectionner chaque face et chaque bord.

Maintenant, déplacez le mot? Design? sur le mot? Shack? en utilisant l'outil de déplacement (M). Déplacer des objets dans SketchUp peut être délicat si vous n'y êtes pas habitué. Essayez d’utiliser les touches fléchées pour verrouiller un axe pendant que vous effectuez le déplacement..

A titre facultatif, vous pouvez réduire la taille du mot mot supérieur pour qu’elle soit un peu plus proportionnelle avec le mot du bas, jusqu’à obtenir l’image suivante.

Touches finales

Notre texte est sur le point d'être prêt à être exporté mais nécessite quelques ajustements pour le rendre parfait. Nous en voulons bon contraste entre la face des lettres et les côtés, ouvrez la fenêtre Matériaux et appliquez un gris foncé à tout sauf aux faces. Pour ce faire, sélectionnez simplement les faces, puis choisissez Edition> Masquer (Commande + E). Ensuite, vous pouvez appliquer la couleur plus sombre à tout et afficher les visages. Vous pouvez également tout sélectionner, puis désélectionner les faces.

Vous voudrez aussi faire apparaître le Paramètres de l'ombre fenêtre et vérifier? Afficher les ombres.? Il suffit de jouer avec ces paramètres jusqu'à obtenir quelque chose qui aide à distinguer les visages des autres parties des lettres.

Affiner les styles

Nous allons exporter un fichier JPG plat vers Photoshop, puis créer des sélections. La dernière étape consiste donc à faciliter la sélection en ajoutant plus de contraste et en effectuant un petit nettoyage. Afficher la palette Styles et décocher ? Afficher les bords? sous l'onglet Edition. Cela vous donnera un aspect 3D plus agréable et plus crédible.

J'ai également donné une couleur unie à l'arrière-plan via l'onglet Mélanger. Ceci plus éteindre les ombres au sol facilitera la création d'une sélection Photoshop pour le texte.

Utilisez l’outil Orbite une dernière fois pour positionner le texte comme vous le souhaitez, puis exporter le modèle sous forme de graphique 2D à n'importe quelle taille que vous voulez (j'ai fait 1500 px de large).

Photoshop Work

Nous sommes maintenant prêts à ouvrir l’image dans Photoshop et à la soigner. Vous pouvez utiliser l'outil Plume pour sélectionner méticuleusement les mots mais le Baguette magique, plus affiner le bord fait un travail étonnamment bon. Prenez votre baguette magique, désélectionnez la case "contiguë". option et cliquez sur l'arrière-plan. Cela sélectionnera non seulement l’arrière-plan, mais également les endroits entre les lettres où l’arrière-plan est inséré.

Suivant inverser la sélection et utilisez Affiner le bord pour vous assurer que vous avez une belle sélection de bords durs sans couleur de fond visible. Lorsque votre sélection est terminée, appliquez un masque pour extraire toute la couleur d'arrière-plan de l'image.

Ajout de texture

Vous voudrez une belle texture réaliste pour les lettres.Je me suis arrêté sur Flickr et en ai attrapé un qui s'appelle "Texture de sable et de pierre".

Déposez cette texture sur le calque contenant votre texte SketchUp et allez à Calque> Créer un masque de découpage.

Cela devrait couper la texture dans la forme des lettres comme dans l'image ci-dessus. Maintenant, définissez cette couche sur Multiplier pour qu'il prenne en compte le contraste du texte SketchUp.

Ensuite, j'ai ajouté un calque de réglage des niveaux pour ajouter du contraste.

L'arrière-plan

Maintenant, créez un calque solide sur le calque d’arrière-plan noir et appliquez un incrustation en dégradé. Dans l'éditeur de dégradé, chargez les spectres et choisissez celui que vous préférez.

Cela devrait vous donner un fond hippie coloré fou.

Pour le rendre moins hippie, créez un nouveau calque, remplissez-le de blanc et allez à Filtre> Rendu> Fibres (assurez-vous que vos couleurs sélectionnées étaient en noir et blanc). Appliquez un flou de mouvement vertical sur les fibres (Filtre> Flou> Flou de mouvement) et configurez le calque pour qu'il se multiplie.

Maintenant, fusionnez ces deux couches, réduisez l'opacité, appliquez un masque noir uni et peignez le spectre en zones sélectives à l'aide d'un grosse brosse douce.

Finir

Pour finir l’image, j’ai peint des ombres près du bas et ajouté un reflet. Aussi, pour que tout soit un peu plus réaliste, je suis allé à Render> Effets d'éclairage et appliqué un effet de projecteur.

Enfin, j’ai parcouru toutes les coutures et tous les bords du texte et les ai gravés un peu pour augmenter le contraste et rendre les ombres plus sombres.

Résultat final

Et avec ça, notre image est complètement finie.

Conclusion

Comme vous pouvez le constater, SketchUp est plus que capable de produire un excellent objet de base sur lequel créer du texte 3D. Il est beaucoup plus facile d'obtenir le résultat souhaité qu'avec Illustrator et son utilisation ne vous coûte pas un cent. Tant que vous connaissez votre chemin dans Photoshop et que vous avez une bonne quantité de créativité, de grandes choses sont possibles.

Utilisez les commentaires ci-dessous pour nous dire ce que vous avez pensé du tutoriel. Je me suis débrouillé rapidement, alors n'hésitez pas à poser des questions détaillées sur n'importe quelle partie du processus.