Comment créer une maquette de logo gravé sur bois dans Adobe Photoshop

Ce que vous allez créer

Apprenez à tirer parti des objets intelligents de Photoshop pour simuler votre logo avec des résultats photoréalistes. Grâce à l'utilisation de plusieurs styles de calque, nous sculpterons votre logo en bois!

Mais d'abord, avez-vous besoin de concevoir un logo? Découvrez ce créateur de logo en ligne simple et facile à utiliser. Plus de 745 modèles de logo SMART pour concevoir votre logo personnalisé en un seul endroit, Placeit. Aucune connaissance requise de Photoshop.

Si vous souhaitez obtenir une maquette de logo, rendez-vous à Envato Elements ou à GraphicRiver, où vous en trouverez de nombreux pour répondre à vos besoins, y compris cette étonnante maquette découpée au laser.

Atouts du tutoriel

Les ressources suivantes ont été utilisées lors de la production de ce didacticiel:

  • Texture du bois
  • Image en perspective
  • Un badge vectoriel issu de la collection: Badges and Logos Vol.01
  • Familiar Pro Font
  • Corleone Police

1. Comment créer un objet intelligent avec la bonne perspective

Étape 1

Téléchargez la texture du bois et ouvrez-la avec Photoshop.

Étape 2

Téléchargez l'image en perspective et ouvrez-la avec Photoshop.

Étape 3

Dans le menu du haut, choisissez Sélectionnez> Tout et alors Édition> Copier copier la sélection dans le presse-papier.

Retournez au document de fond et choisissez, dans le menu du haut, Édition> Coller coller l'image en perspective sur le fond.

Renommez la couche en double-clic directement sur le nom de la couche dans le Couches panneau et le changer pour "La perspective".

Étape 4

Définissez la couleur de premier plan sur jaune (toute couleur différente du noir est bonne).

Puis choisissez le Outil Rectangle, déplacez le curseur sur la toile et cliquez. Vous allez ouvrir une petite boîte de dialogue qui vous permet de saisir des dimensions précises pour votre nouvelle forme. Type 1267 x 814 px puis cliquez sur le D'accord bouton.

Renommez la couche en double-clic directement sur le nom de la couche dans le Couches panneau et le changer pour "Objet intelligent".

Avec le "Objet intelligent"couche sélectionnée, choisissez, dans le menu du haut, Couche> Objet intelligent> Convertir en objet intelligent.

Étape 5

Choisir Édition> Transformer> Déformer et déplacez le coin supérieur droit pour l'aligner avec le coin supérieur droit du rectangle noir

Étape 6

Continuez à faire glisser les points de coin jusqu'à ce que tous les coins du rectangle jaune soient alignés sur l'image en perspective noire et couvrez toute la zone:

Étape 7

Maintenant, vous pouvez supprimer le "La perspective"couche en le sélectionnant dans le Couches panneau et choix Calque> Supprimer> Calque

2. Comment préparer le badge avec Illustrator

Étape 1

Nous avons besoin d'un logo ou d'un badge pour compléter la scène. Ce badge sera un élément important qui sera gravé plus tard dans la texture du bois.

Heureusement, Envato Elements propose une large gamme de badges de haute qualité et d’éléments vectoriels prêts à être utilisés. Abonnez-vous pour débloquer des badges, des modèles, des photos et plus encore pour un nombre mensuel illimité!

Dans ce didacticiel, nous utiliserons un badge provenant de Badges and Logos Vol.01. Téléchargez-le et ouvrez avec Illustrator.

Étape 2

Ouvrez le fichier .ai vectoriel avec Adobe Illustrator. Pendant que vous ouvrez le fichier, une fenêtre peut apparaître vous avertissant que le document utilise des polices qui ne sont actuellement pas disponibles sur votre ordinateur. Ne vous inquiétez pas, toutes les polices sont gratuites et vous pouvez trouver un fichier texte dans le dossier avec toutes les références et liens pour télécharger chaque police..

Pour les besoins de ce tutoriel, j’ai utilisé les polices gratuites suivantes pour le badge:

  • Familiar Pro Font
  • Corleone Police

Étape 3

Une fois que vous avez terminé avec les polices, choisissez le Outil de sélection (V). Sélectionnez ensuite le badge "Vintage Knights" (ou le badge de votre choix)..

Copiez le badge en allant à Édition> Copier ou en appuyant Command-C.

Créer un nouveau 350 x 350 px document en Adobe Illustrator.

Enfin, collez le badge que vous venez de copier en choisissant Édition> Coller ou en appuyant Commande-V.

Étape 4

Avec le Outil de sélection (V), déplacez le badge sur la zone grise, hors de la toile blanche.

Étape 5

Avant d'importer le badge dans notre scène dans Photoshop, nous devons développer l'apparence, convertir tout le texte en formes vectorielles et supprimer la zone blanche révélée maintenant que nous avons déplacé le badge vers la zone grise..

Si le badge n'est pas sélectionné, sélectionnez-le en cliquant dessus avec le bouton Outil de sélection (V).

Dans le menu du haut, choisissez Objet> Développer l'apparence.

Encore une fois, choisissez Objet> Développer. Une fenêtre de dialogue apparaîtra. sélectionner Objet et Remplir et appuyez sur D'ACCORD:

Étape 6

Localisez le Éclaireur panneau. Si vous ne voyez pas le panneau, ouvrez-le en choisissant Fenêtre> Pathfinder.

Choisir Réduire.

Étape 7

Maintenant que le badge est composé à 100% de formes vectorielles, nous pouvons supprimer la zone blanche. Choisir la Outil Baguette Magique, et déplacez le curseur sur une zone blanche et cliquez pour sélectionner toutes les zones blanches du badge. Si vous avez besoin, agrandissez la toile en utilisant le Outil de zoom (Z). Lorsque toutes les zones blanches du badge sont sélectionnées, supprimez-les en choisissant, dans le menu supérieur, Édition> Couper.

3. Comment inclure le badge dans la scène

Étape 1

Nous sommes toujours dans l'espace de travail Adobe Illustrator. Si le badge n'est pas sélectionné, sélectionnez-le en cliquant dessus avec le bouton Outil de sélection (V). Copiez le badge en allant à Édition> Copier ou en appuyant Command-C.

Étape 2

Retournez dans Photoshop et double-cliquez sur le Objets intelligents la vignette. Cela ouvrira le contenu de l'objet intelligent dans une nouvelle fenêtre de Photoshop. Vous pouvez y apporter les modifications souhaitées. Une fois que vous êtes satisfait, il vous suffit de sauvegarder le fichier. Le Smart Object de Photoshop sera mis à jour à votre retour..

dans le Couches panneau, désactivez la visibilité du calque du rectangle jaune et collez le badge que vous venez de copier en choisissant Édition> Coller ou en appuyant Commande-V.

Dans la boîte de dialogue, choisissez Objet intelligent et appuyez sur D'accord:

Étape 3

Localisez la barre d’options supérieure et définissez la position du badge sur 633,50 x 406,50 px et sa dimension à 666% pour les deux Largeur et la taille des champs. Lorsque vous avez terminé, appuyez sur ENTRER sur votre clavier:

Étape 4

Enregistrez le document en choisissant Fichier> Enregistrer ou en utilisant le raccourci clavier Command-S.

Revenez au document principal et vous remarquerez que l'objet intelligent est maintenant mis à jour avec les dernières modifications. Le badge, en fait, a pris la perspective de l'objet intelligent.

4. Comment graver l’insigne dans le bois

Étape 1

Met le Remplir pour le "Objet intelligent"couche à 0%:

Étape 2

Dupliquer le "Objet intelligent"couche cinq fois en allant à Calque> Nouveau> Calque via copie.

Maintenant, renommez et regroupez les calques comme indiqué dans l'image ci-dessous.

À partir de maintenant, lorsque vous devez remplacer le badge dans votre objet intelligent, vous pouvez utiliser le "Objet intelligent"couche, en cliquant dessus et en modifiant le contenu.

Étape 3

Commençons par ajouter des styles de calque au "Effet 5"couche. Ouvrez le Style de calque panneau et ajouter un nouveau Biseau et en relief effet. Définir la couleur pour le Mode de surbrillance à #ffffff, la couleur pour le Mode d'ombre à # 000000, et définissez le reste comme suit:

Étape 4

Ajouter un nouveau Ombre intérieure effet, définissez la couleur du Mode de fusion à # 000000, et définissez le reste comme suit:

Étape 5

Ajouter un nouveau Satin effet, définissez la couleur du Mode de fusion à # 3b2b25, et définissez le reste comme suit:

Étape 6

Ajouter un nouveau Ombre portée effet, définissez la couleur du Mode de fusion à #ffffff, et définissez le reste comme suit:

Étape 7

Ajoutons maintenant quelques styles de calque au "Effet 4" couche. 

Ouvrez le Style de calque panneau et ajouter un nouveau Ombre intérieure effet, réglez le Mode de fusion couleur à # 000000, et définissez le reste comme suit:

Étape 8

Ajouter un nouveau Superposition de motifs effectuez et définissez les options comme indiqué dans l'image ci-dessous:

Cliquez sur la vignette du motif, puis sur le petit engrenage pour ouvrir le menu en cascade. Choisir Papier en niveaux de gris puis cliquez sur le premier motif nommé Tissé noir.

Étape 9

Ajouter un nouveau Ombre portée effet, réglez le Mode de fusion couleur à # b07555, et définissez le reste comme suit:

Étape 10

Ajoutons un style de calque au "Effet 3" couche. 

Ouvrez le Style de calque panneau et ajouter un nouveau Ombre intérieure effet, réglez le Mode de fusion couleur à # 000000, et définissez le reste comme suit:

Étape 11

Ajoutons un style de calque au "Effet 2" couche. 

Ouvrez le Style de calque panneau et ajouter un nouveau Ombre intérieure effet, réglez le Mode de fusion couleur à # 000000, et définissez le reste comme suit:

Étape 12

Ajoutons un style de calque au "Effet 1" couche. 

Ouvrez le Style de calque panneau et ajouter un nouveau Ombre intérieure effet, réglez le Mode de fusion couleur à # 000000, et définissez le reste comme suit:

Étape 13

Ajouter un nouveau Incrustation en dégradé effectuez et définissez les options comme suit:

Cliquez sur la petite fenêtre de dégradé pour éditer la couleur du dégradé.

  • Définissez le premier arrêt de couleur sur Couleur # 696969 et Lieu 0%.
  • Réglez le deuxième arrêt de couleur sur Couleur # d9d9d9  et Lieu 100%.

Félicitations, vous avez terminé!

Dans ce tutoriel, nous avons appris à créer une maquette de logo en bois gravé avec Adobe Photoshop.!

J'espère que vous avez apprécié mon tutoriel et appris quelque chose de nouveau. N'hésitez pas à laisser vos commentaires, suggestions et résultats ci-dessous.

Profitez de Photoshopping!