Comment créer une maquette de logo de timbre en cuir dans Adobe Photoshop

Ce que vous allez créer

Dans ce didacticiel, vous apprendrez à créer une maquette de logo de tampon en cuir avec Adobe Photoshop à l'aide des techniques de styles de calque et d'objets intelligents..

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. 

Si vous souhaitez ignorer ce processus, vous pouvez acheter une maquette de logo sur Envato Elements ou GraphicRiver..

Atouts du tutoriel

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

  • Image en perspective réelle
  • Image de fond
  • Un badge vectoriel issu d'une collection de badges et de logos de style vintage
  • Autruche Sans Police
  • Black Jack Polices

1. Comment préparer la scène

Étape 1

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

Localisez le Couches panneau. Si vous ne voyez pas le panneau, ouvrez-le en choisissant Fenêtre> Calques.

Regarde le "Contexte"couche. Il pourrait être verrouillé (un petit cadenas apparaît près du bord droit de la couche): 

Pour déverrouiller le calque, choisissez Calque> Nouveau> Calque de fond puis appuyez sur D'accord.

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

Étape 2

Téléchargez l'image de fond et ouvrez-la avec Photoshop. 

Sélectionnez l'image en choisissant Sélectionnez> Tout ou en appuyant Command-A. Maintenant, copiez le contenu du calque, en allant à Édition> Copier ou en appuyant Command-C.

Revenez au document précédent (celui avec la perspective) en cliquant sur l'onglet approprié.

Maintenant, collez l'image de fond juste copiée en choisissant Édition> Coller ou en appuyant Commande-V.

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

Fermez le document de fond. Ne pas enregistrer les modifications apportées au document avant la fermeture.

Bouge le "Contexte"couche derrière"La perspective"en cliquant et en faisant glisser directement le calque dans le Couches panneau:

2. Comment déformer l'objet dynamique

Étape 1

Définissez la couleur de premier plan sur le vert (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 1100 x 793 px et 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.

Vous devriez maintenant avoir un rectangle (peu importe la couleur) sur l'image en perspective:

Étape 2

Choisir Édition> Transformer> Déformer

La distorsion vous permet de saisir des angles pour un mouvement individuel ou des points centraux pour déplacer tout le bord à votre goût.

Dans cette étape, il est extrêmement important de transformer le rectangle vert en utilisant uniquement les points de coin.

Faites glisser le point du coin supérieur gauche pour toucher le coin supérieur gauche du rectangle de perspective noir..

Continuez à faire glisser le point des coins pour ajuster le rectangle vert à celui en perspective noire:

Retirer le "La perspective"couche en le sélectionnant dans le Couches panneau et choix Calque> Supprimer> Calque

Bon travail! Maintenant, l'objet intelligent est dans la bonne perspective. Tout ce que nous mettons dans l'objet intelligent prendra l'angle du rectangle vert. 

Nous sommes maintenant prêts à remplacer le rectangle vert à l'intérieur de l'objet intelligent par un badge ou un logo pour personnaliser notre projet. Allons-y!

3. Comment importer le badge d'Illustrator vers Photoshop

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 cuir..

Dans ce didacticiel, nous utiliserons un badge issu d’une collection de badges et logos Vintage Style d’Envato Elements:

Étape 1

Choisir la Outil de sélection (V).

Sélectionnez ensuite le badge "Skateboards" (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.

Collez maintenant le badge que vous venez de copier en choisissant Édition> Coller ou en appuyant Commande-V.

Étape 2

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

Maintenant, le badge doit être développé et converti en formes vectorielles..

Si le badge n'est pas sélectionné, sélectionnez-le en cliquant dessus à l'aide du 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 3

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

Choisir Réduire. Le bouton Rogner supprime la ou les parties des objets qui se chevauchent ou sont masquées. Si les objets sont caressés, Réduire supprime les traits. Il ne fusionne pas les objets avec les mêmes attributs de couleur.

Étape 4

Choisir la Outil Baguette Magique:

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 à l’aide du bouton Outil de zoom (Z). 

Supprimer les zones blanches sélectionnées en choisissant, dans le menu supérieur, Édition> Couper. Continuez à supprimer toutes les zones claires du badge. Avec le Outil Baguette Magique, cliquez sur les éléments gris clair pour les sélectionner.

Supprimer les zones grises sélectionnées en choisissant, dans le menu supérieur, Édition> Couper.

Maintenant que vous avez supprimé toutes les zones blanches / claires, le badge devrait ressembler à ceci:

4. Comment inclure le badge dans la scène

Étape 1

Si le badge n'est pas sélectionné, sélectionnez-le en cliquant dessus à l'aide de la touche Outil de sélection (V). Copier le badge qui va à Édition> Copier ou en appuyant Command-C.

Étape 2

Retournez à Photoshop et double-cliquez sur le Objets intelligents la vignette.

Quand vous éditez un Objet intelligent, le contenu source est ouvert dans une nouvelle fenêtre de Photoshop. Vous pouvez y apporter les modifications souhaitées. Une fois que vous êtes satisfait, il ne vous reste plus qu'à enregistrer le fichier. Le Smart Object de Photoshop sera mis à jour à votre retour..

dans le Couches panneau, collez le badge que vous venez de copier en choisissant Édition> Coller ou en appuyant Commande-V, etenlever la couche de rectangle vert.

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

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

Étape 3

dans le Couches panneau, double-cliquez la couche en dehors du nom de la couche ou de la vignette pour ouvrir le Style de calque panneau. Ajouter un nouveau Incrustation en dégradé, met le Mode de fusion à Ordinaire et le Opacité à 100%, et définir la couleur de la superposition en cliquant sur la petite icône de couleur et en tapant le code hexadécimal #ffffff. presse D'accord confirmer.

Cette étape n'est pas nécessaire. Je fais cela uniquement pour que le badge soit visible sur le fond.

Étape 4

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

Nous avons mis à jour avec succès l'objet intelligent!

5. Comment estampiller l'insigne dans le cuir

Il est temps d'ajouter des effets significatifs à l'insigne pour lui donner une impression 3D, cohérente avec la scène..

Étape 1

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

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

Maintenant, renommez les couches 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 2

Commençons par ajouter des styles de calque au "Effet 2"couche. Ouvrez le Style de couches panneau et ajouter un nouveau Biseau et en relief effet et réglez-le comme indiqué dans l'image ci-dessous:

Étape 3

Ajouter un nouveau Incrustation en dégradé effet et réglez-le comme indiqué dans l'image ci-dessous:

Cliquez ensuite sur la petite fenêtre du dégradé pour éditer le dégradé. Définissez le premier arrêt de couleur sur Lieu 0% avec Couleur # 000000 et la deuxième couleur s'arrête à Lieu 100% et Couleur #ffffff.

Étape 4

Ajouter un nouveau Ombre portée effet et réglez-le comme indiqué dans l'image ci-dessous.

La couleur pour le Mode de fusion est blanc #ffffff.

Étape 5

Ajoutons des filtres intelligents à "Effet 1"couche en choisissant Filtre> Déformation> Ondulation. Définissez la quantité de filtre sur -60%:

Choisir Filtre> Flou> Flou Gaussien et définissez le rayon sur 1,0 pixels.

Étape 6

Ajoutons maintenant quelques styles de calque au "Effet 1"couche. Ouvrez le Style de couches panneau et ajouter un nouveau Biseau et en relief effet et réglez-le comme indiqué dans l'image ci-dessous.

La couleur est blanc #ffffff pour le Mode de surbrillance et noir # 000000 pour le Mode d'ombre.

Étape 7

Ajouter un nouveau Ombre intérieure effet et réglez-le comme indiqué dans l'image ci-dessous.

La couleur pour le Mode de fusion est noir # 000000.

Étape 8

Ajouter un nouveau Lueur intérieure effet et réglez-le comme indiqué dans l'image ci-dessous.

La couleur pour le Mode de fusion est noir # 000000.

Étape 9

Ajouter un nouveau Ombre portée effet et réglez-le comme indiqué dans l'image ci-dessous.

La couleur pour le Mode de fusion est blanc #ffffff.

Étape 10

Ajoutons des filtres intelligents à "Effet 2"couche en choisissant Filtre> Déformation> Ondulation. Définissez la quantité de filtre sur -60%:

Choisir Filtre> Flou> Flou Gaussien et définissez le rayon sur 1,0 pixels.

Félicitations, vous avez terminé!

Dans ce didacticiel, nous avons appris à créer une maquette du logo Leather Stamp 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!