Créer une typographie qui va dans le sens inverse

Ce que vous allez créer
Ce didacticiel a été publié en février 2011 sous la forme d'un didacticiel Tuts + Premium. Il est maintenant disponible gratuitement pour voir. Bien que ce didacticiel n'utilise pas la dernière version d'Adobe Illustrator et de Photoshop, ses techniques et ses processus sont toujours pertinents..

Aujourd'hui, je vais vous montrer comment créer un autre traitement typographique à partir de zéro en utilisant des tuyaux et des tuyaux pour les lettres. Dans ce tutoriel, vous apprendrez à planifier des chemins dans Illustrateur, les modeler dans Cinéma 4D et les amener en vie dans Photoshop.

Vous allez avoir besoin de connaître les bases de Cinema 4D pour celui-ci, car l'accent est mis aujourd'hui sur Photoshop. Commençons!

Créez des effets de texte incroyables en moins de temps! Parcourez notre incroyable sélection d'effets de texte Photoshop disponibles via GraphicRiver pour transformer instantanément vos conceptions. Ou faites appel à un professionnel du design d'Envato Studio pour tous vos besoins typographiques.


1. Comment configurer le texte

Étape 1

Avant de commencer, permettez-moi de vous avertir. Ce didacticiel est centré sur Photoshop et non sur Illustrator et C4D. J'ai déjà expliqué la technique pour créer des objets 3D à partir de chemins créés dans Illustrator. Pour plus d'informations sur ce sujet, consultez mon autre didacticiel intitulé Créer un traitement de type Delicious. Le processus est très similaire, mais si vous prévoyez de vous familiariser avec les techniques de modélisation de base dans C4D, il est rarement suffisant de vous fier à un seul tutoriel. Donc, dans la première partie, je vais expliquer brièvement comment créer le rendu final, puis nous allons nous concentrer sur ce que Envato Tuts + représente - Photoshop.

Maintenant, ci-dessous vous avez en image de ma scène Illustrator. Vous pouvez également l'ouvrir à partir du dossier de téléchargement pour voir exactement comment il a été créé. J'ai commencé avec les lettres de base, puis j'ai parcouru le fichier en ajoutant des tuyaux et des tuyaux. Le poids déterminé dans le fichier est important, car il deviendra le diamètre dans C4D. Alors utilisez avec précaution Poids qui sont uniques à chaque type de tuyau. Les pipes noires sont 30 pt, les PVC blancs sont 20 et les tuyaux sont 15. Garder les poids distincts et choisir des couleurs différentes évite toute confusion lors de l'importation des chemins dans C4D. Se souvenir de sauvegarder votre fichier dans Illustrator en tant que version héritée 8 ou antérieure, sinon C4D ne l'importera pas.



Étape 2

Une fois que vous avez créé la scène entière dans Illustrator, Copie et Coller en place (Contrôle-F) le premier poids dans une nouvelle scène.



Étape 3

Copie et Coller en place l'un des traits verticaux des mots. Aller à Objet> Développer. Avec Guides intelligents activé, créer un Cercle d'un côté à l'autre des sentiers. Copie et Coller placez le cercle, puis rendez-le plus petit. Utilisez le Éclaireur découper le petit cercle du plus grand. Nous allons utiliser cela comme diamètre pour le tuyau, que nous allons balayer le long des chemins de mots. Effacer le grand chemin que vous avez développé en tant que support de la lettre "d".



Étape 4

Casser le cercle de diamètre dans le coin inférieur gauche de la scène et sauvegarder comme un Fichier Illustrator 8, ou plus bas.



2. Comment créer du texte 3D

Étape 1

Ouvrir C4D et allez à Fichier> Fusionner. Tout sélectionner les chemins à l'intérieur du groupe, à l'exception du (des) cercle (s) utilisé (s) pour créer le diamètre. Clic-droit sur l'un des chemins sélectionnés et allez à Relier. Effacer les chemins supplémentaires de sorte qu'il ne vous reste qu'un seul type et le diamètre.



Étape 2

Traîne le chemin et le diamètre sous un SweepNURBS pour obtenir un effet similaire. Utilisez le Casquette paramètres trouvés dans la deuxième capture d'écran.




Étape 3

Répétez cette procédure pour chacun des tuyaux. Rappelez-vous que le tuyau devra être édité point par point, de sorte qu'il passe entre les tuyaux et non par eux.. modifier et Tourner chaque point jusqu'à ce que vous obteniez un chemin lisse et sans intersection.



Étape 4

Utilisez des formes de base pour créer une jauge, une trappe de pression à libération automatique, des robinets, etc. Amusez-vous avec elle!



3. Comment ajuster l'éclairage

Étape 1

Pour l'éclairage, un simple Surface légère (intensité de 50%) avant gauche et un Objet du ciel avec Non Matériel fera très bien.



Étape 2

Activer l'illumination globale, changer la Anti crénelage option de Meilleur, Taille à 3500 x 2500 px et frapper le Rendre bouton. Assurez-vous de vérifier le Masque Alpha option sous sauvegarder pour pouvoir facilement le découper de l'arrière-plan dans Photoshop. sauvegarder comme un .Fichier PSD.



Étape 3

Ouvrez le rendu Photoshop nouvellement créé, allez à la Masque panneau. Clic de contrôle la Alpha Channel et aller au Couches panneau. Frappé le Masque de calque bouton pour cacher le reste.



4. Comment ajouter la mousse

Étape 1

Il est temps d'ajouter de la mousse. Créer un Nouvelle Couche et prenez votre tablette. Vous allez en avoir besoin pour cette partie. Faites glisser le Remplir option de 20% et commencez à dessiner avec un 35% de noir, brosse douce.



Étape 2

Comme vous allez plus lourd avec le gris moyen Brosse, Gardez à l'esprit que c'est de la mousse que vous dessinez. Gardez-le moelleux!



Étape 3

Swatch la Couleur de fond et commencez à dessiner du côté source de lumière de la mousse.



Étape 4

Changer la Couleur de premier plan au blanc et commencer à ajouter plus de contraste.



Étape 5

Avec le blanc, vous pouvez maintenant sortir de la zone grise et donner à la mousse une forme plus précise..



Étape 6

Changer pour un plus petit Taille de la brosse et ajouter des éclaboussures sur les objets proches.



Étape 7

Utiliser un Pinceau 5 px ajouter des détails. Changer la Remplir à 50% sur celui-ci.



Étape 8

Enfin, utilisez le noir et un 20% de remplissage pour ajouter encore plus de contraste sur les zones les plus sombres.



Étape 9

Répétez cette procédure sur le tuyau supérieur.



5. Comment vieillir les pipes

Étape 1

Nous allons maintenant vieillir les tuyaux. Utilisez le même Brosse réglages sur les extrémités des tuyaux avec une couleur marron foncé. Je l'ai surligné en rouge dans la première capture d'écran pour faciliter le repérage.




Étape 2

ensuite Swatch une couleur cyan sur le tuyau, et commencer à s'oxyder!



Étape 3

Répétez ce processus sur toute la toile où il y a des tuyaux en cuivre.



Étape 4

Changez la couleur en gris moyen et salissez légèrement les pipes blanches.



Étape 5

Swatch la partie la plus sombre des tuyaux noirs et raser une partie de cet éclat.




6. Comment ajouter le manomètre

Étape 1

Dans cette prochaine partie, vous aurez besoin de cette image de manomètre. Coller dans ta scène.



Étape 2

Transformer ça et Tourner de sorte que les mots 80 et psi s'alignent avec le bord de la toile. Ceci est juste pour redresser l'image.



Étape 3

Utilisez le Outil de chapiteau elliptique pour ne sélectionner que la partie blanche du gaudge.



Étape 4

Rétrécir pour s'adapter au boîtier de la jauge que nous avons faite en C4D et placer comme on le voit ci-dessous.



Étape 5

Changer la Opacité à peu près 60% donc on dirait que c'est derrière la vitre.



7. Comment créer de l'eau

Étape 1

Il est maintenant temps de puiser de l'eau. Prenez un très Petite brosse fixé à 20% de remplissage. Tracez le contour général de l'eau jaillissant du dessous de l'anneau de tuyau.



Étape 2

Prenez un Pinceau plus gros avec un plus petit Remplir range et dessine à l'intérieur du contour.



Étape 3

Crank le Remplir sauvegarder et continuer le contour comme gouttes d'eau jaillissant.



Étape 4

Ajouter plus d'eau sous forme de petits ruisseaux.



Étape 5

Jouez avec différents niveaux de Remplir et Taille pour obtenir un motif qui frappe autour du ring.



Étape 6

Rendre l'eau chaude en ajoutant de la vapeur. Utiliser un Grande taille avec très bas Remplir pour y parvenir.



Étape 7

Comme avec la mousse, donnez un peu de détail avec un Petite brosse.



Étape 8

Répétez ce processus sur toute la scène.



8. Comment ajuster les couleurs

Étape 1

Enfin, nous allons changer un peu les couleurs et le contraste. Ajouter un Réglage de la teinte et de la saturation couche et de la Menu déroulant choisir Cyans. Faites glisser le Niveau de saturation à +30.



Étape 2

Puis ajoutez un Carte de dégradé noir et blanc et changer le Mode de fusion à Lumière douce et Opacité à 70%.



Étape 3

Enfin, ajoutons un subtil effet de traitement croisé en utilisant un Couche de réglage des courbes. Modifier les paramètres comme indiqué ci-dessous.





Image finale

Et nous y sommes enfin. À première vue, cette image peut sembler être un travail 3D laborieux, mais le secret réside dans Illustrator. Prendre le temps de créer une bonne mise en page est essentiel. Ne prenez pas votre temps d'avance sur votre travail. Concentrez-vous sur les détails et planifiez à l'avance..

Effets de texte incroyables de GraphicRiver

Créez des effets de texte superbes en quelques secondes! Parcourez notre sélection étonnante d'actions d'effet de texte Photoshop disponibles via GraphicRiver. Téléchargez ces actions pour transformer vos conceptions et découvrez l'un de nos favoris ci-dessous.!

Effets de texte 3D Vol.2

Créez des affiches typographiques impressionnantes avec ces étonnants effets de texte Photoshop. Ce paquet comprend 10 fichiers Photoshop entièrement modifiables et faciles à utiliser. Il vous suffit de choisir le style que vous souhaitez utiliser et de remplacer le texte pour créer des designs incroyables!