Dans le tutoriel d'aujourd'hui, nous allons montrer comment créer une typographie 3D élégante et vitreuse à l'aide de Photoshop et Illustrator. Pour ce projet, j'ai utilisé le logo de mon entreprise. N'hésitez pas à appliquer cet effet à n’importe quel logo, texte ou forme. Commençons!
Ouvrez le fichier "LOGO.fh11" à partir du fichier téléchargé avec Illustrator ou ouvrez le vôtre. Importer la page: 1 sur 1, mode couleur: RVB.
Comme vous pouvez le constater, j'ai importé mon logo, avec un précédent dégradé de niveaux de gris déjà appliqué. Vous pouvez configurer un dégradé similaire en utilisant les paramètres ci-dessous..
Il est très important de ne pas oublier d'utiliser le panneau Calque. Nous avons inclus le logo sur le "LOGO FRONT A" et le slogan "SLOGAN FRONT A".
Insérez 2 nouveaux calques dans le panneau des calques> dupliquer et renommez-les en "LOGO FRONT B"
et "SLOGAN FRONT B".
Dupliquez le logo et le slogan. Pour insérer les deux éléments en double dans le nouveau calque, il suffit de sélectionner l'élément dupliqué et de cliquer sur le nouveau calque créé. Nous plaçons les deux nouveaux calques dans le panneau des calques et les faisons glisser sous le calque "AVANT A".
Ouvrez le panneau Transformer. Sélectionnez tous les 4 éléments et appliquez une distorsion de 17 degrés.
Ensuite, appliquez une rotation de 17 degrés.
Masquer les calques "AVANT A", à partir du panneau des calques.
Sélectionnez LOGO FRONT B et changez le remplissage du dégradé en couleur unie.
Supprimer le trait en cliquant sur l'icône du trait.
Appliquer une couleur unie pour la couche SLOGAN FRONT B.
Sélectionnez LOGO FRONT B et SLOGAN FRONT B, attribuez les deux éléments, la couleur RVB: 77-77-77 Dupliquez les éléments et déplacez-les à l'aide du panneau Transformer avec les paramètres suivants: X: 50, Y: +29, appliquez ensuite le RVB. couleur: 139-142-141.
Dans cette étape, appliquez un mélange comme indiqué. Pour ce faire, définissez les options de fusion: Objet> Fusion> Options de fusion, valeur d'étape spécifiée: 50. Ensuite, nous sélectionnons les deux logos et appliquons un effet de fusion en cliquant sur Objet> Fusion> Créer. Ensuite, nous devons également appliquer l'effet de mélange sur le slogan.
Après avoir créé le mélange, supprimez les calques dupliqués.
Réactivez les deux couches "LOGO FRONT A et SLOGAN FRONT A" et préparez tout pour créer le fichier pour Photoshop..
Sélectionnez un par un tous les éléments de la scène dans l'ordre des calques, coupez-les et collez-les dans un nouveau document Photoshop de 1200x1200px, n'oubliez pas de renommer le calque collé dans Photoshop, avec le même nom donné à Illustrator. La procédure est très simple, nécessite très peu de minutes, tous les niveaux individuels peuvent être collés ou en tant qu’objets intelligents ou image raster.
Une fois que vous avez collé tous les calques individuels, copiez et collez tous les calques qui composent le logo dans Illustartor, renommez «RIF». Placez cette couche sous tous les autres niveaux. Cette couche spéciale servira de référence pour aligner correctement les composants individuels importés séparément ci-dessus.
Pour faciliter cette tâche, activez l’option Aligner sur> Aligner et positionnez les calques un par un..
Une fois cette opération terminée, effacez le calque RIF et poursuivez avec la partie réfléchie du logo..
Pour créer la partie réfléchie du logo, nous ouvrons, dans Illustrator, le fichier
"LOGO REFLECTED.fh11"
Refléter le logo en utilisant Objet> Transformer> Refléter en insérant une valeur verticale de 180 °.
Renommez les calques (LOGO FRONT A_R - SLOGAN FRONT A_R) et
(LOGO FRONT B_R - SLOGAN FRONT B_R)
Nous répétons toutes les étapes de 1 à 19 pour obtenir la partie réfléchie du logo dans Photoshop..
Une fois que vous avez terminé toutes les étapes ci-dessus, votre image devrait ressembler à l'image ci-dessous. Assurez-vous que vos calques ressemblent à ceux ci-dessous.
Faites glisser les calques de la partie réfléchie du logo et placez-les sous le logo. Placez la partie miroir dans la scène correctement avec l'outil de déplacement.
Centrer tous les éléments de votre scène.
Créez un nouveau calque en accédant à Couche> Nouveau calque, renommez-le "BASE GRADIENT", appliquez une couleur de fond blanc et appliquez un dégradé radial à l'aide d'un style de calque. Les paramètres sont les suivants:.
Donnez à LOGO FRONT A un style de calque avec Inner Glow + Bevel and Gaufrage.
Copiez le style de calque que vous venez de créer et collez-le dans:
SLOGAN AVANT A
LOGO AVANT A_R
AVANT SLOGAN A_R
Donnez à LOGO FRONT B, un style de calque avec ces paramètres.
Copiez et collez le style de calque que vous venez de créer sur le calque LOGO FRONT B_R.
Copiez et collez également le style de calque que vous venez de créer également sur le calque LOGO FRONT B_R et SLOGAN FRONT B_R uniquement au niveau SLOGAN FRONT B, vous devez modifier, dans le panneau Satin, les valeurs de distance de 127 à 30. Désactiver le calque dégradé uniquement sur SLOGAN FRONT B_R et LOGO FRONT B_R.
Ajoutez un masque de calque aux calques LOGO FRONT A_R et LOGO FRONT B_R en cliquant sur le bouton
les icônes ajoutent un masque vectoriel.
Avec l'outil Dégradé (G), vous devez créer un dégradé sur le calque de masque avec un angle d'environ 15 degrés. Mais tout d’abord, nous devons éditer le type de dégradé à utiliser, cliquez sur la barre de dégradé. Nous allons utiliser le classique Noir et Blanc, le mode Multiplier.
L'effet du masque, dans la couche LOGO FRONT B_R, doit être plus fort que celui du masque LOGO FRONT A_R. Parce que le premier masque mieux les parties les plus sombres, tandis que le second montre un peu plus de réflexion des parties claires du logo. Pour améliorer le résultat des deux couches, changez l'opacité à 55% et 70%.
Nous définissons l'opacité dans le calque SLOGAN FRONT B_R à 40% et le nivelons SLOGAN FRONT A_R.
à 75%. Pour résoudre la transparence de chevauchement, entre SLOGAN B_R FRONT et
LOGO FRONT B_R, sélectionnez la couche SLOGAN FRONT B_R, activez la sélection par
Sélectionnez> Charger la sélection et laissez Ok.
Sélectionnez le masque de calque de LOGO FRONT B_R et appliquez un remplissage de couleur noir..
Pour créer l'ombre, chargez la sélection du calque SLOGAN FRONT B en sélectionnant> Sélection, créez un nouveau calque par calque> nouveau calque et renommez-le "OMBRES". Coloriez votre sélection en noir. Les calques d'ombres créés sont positionnés entre LOGO FRONT A_R et SLOGAN FRONT A_R, avec l'outil de déplacement, descendez un peu pour le rendre visible..
Créer une sélection à l'aide de l'outil Lasso, avec l'angle d'inclinaison du logo,
après cette étape, effacez l'ombre inutile.
Appliquer un effet de flou gaussien avec une valeur de rayon de 4 pixels.
Changer l'opacité de ce calque à 75%.
Il ne reste plus qu’à créer un nouveau calque, le renommer "LIGHT", le placer sur tous les calques.
Nous prenons un pinceau avec un rayon de 1 pixel, dessinons à l’aide de la touche Maj, bien définie
lignes droites dans toutes les parties pointues du texte du logo et du slogan. Cette étape produit un réaliste
effet de verre au logo.