Share
Ce que vous allez créerDans ce didacticiel, je vais vous montrer, étape par étape, comment créer une maquette de logo photo-réaliste avec Adobe Photoshop à l'aide de plusieurs styles de calque et d'un objet intelligent..
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 acheter une maquette de logo dans ce style, au lieu de suivre le didacticiel, nous vous recommandons cet ensemble de maquette réaliste disponible sur GraphicRiver..
Les ressources suivantes ont été utilisées lors de la production de ce didacticiel:
Téléchargez la texture du papier et ouvrez-le avec Photoshop.
Téléchargez l'image en perspective et ouvrez-la avec Photoshop.
Choisissez, dans le menu du haut, Sélectionnez> Tout, et ensuite choisir É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".
Définissez la couleur de premier plan sur orange (toute couleur différente du noir est bonne).
Choisir la 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 1317 x 947 px et cliquez D'accord.
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.
Choisir Édition> Transformer> Échelle.
Si nous regardons de près, un mince cadre englobant apparaît autour du rectangle. Nous pouvons également voir un petit carré en haut au centre, en bas au centre, à gauche et au centre à droite, ainsi qu’un carré à chacun des quatre coins. Ces petits carrés sont appelés "poignées", et nous pouvons transformer tout ce qui se trouve à l'intérieur du cadre de sélection en faisant simplement glisser ces poignées.
Dans cette étape, il est extrêmement important de transformer le rectangle en utilisant uniquement les poignées situées aux coins du cadre de sélection..
Placez le curseur de la souris sur la poignée dans le coin supérieur droit, maintenez la touche enfoncée. Commander le bouton de votre clavier (le curseur se transformera en une petite flèche blanche), puis cliquez et faites glisser la poignée jusqu'à ce que vous touchiez le coin supérieur droit du carré de perspective noir avec le curseur de votre souris:
Continuez à faire glisser les poignées pour couvrir toute la zone noire avec le rectangle orange:
Maintenant nous n'avons plus besoin de "La perspective"couche plus, afin que nous puissions le supprimer en le sélectionnant dans le Couches panneau et choix Calque> Supprimer> Calque.
Bon travail! A partir de maintenant, tout ce que nous mettons à l'intérieur de l'objet dynamique prendra l'angle du rectangle orange..
Il nous faut maintenant un badge pour mener à bien notre projet. 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.
Choisir la Outil de sélection (V). Sélectionnez ensuite le badge "Kexolo" (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.
Avec le Outil de sélection (V), déplacez le badge sur la zone grise, hors de la toile blanche.
Avant d'importer le badge de 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. Une fenêtre de dialogue apparaîtra. sélectionner Objet et Remplir et appuyez sur D'ACCORD:
Localisez le Éclaireur panneau. Si vous ne voyez pas le panneau, ouvrez-le en choisissant Fenêtre> Pathfinder.
Choisir Réduire supprimer les éléments qui se chevauchent et nettoyer les badges des formes inutiles.
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.
Copiez le badge en allant à Édition> Copier ou en appuyant Command-C.
dans le Couches panneau de Photoshop, double-cliquez sur la vignette de l'objet intelligent pour le modifier.
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 vous suffit de sauvegarder 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 etsupprimer la couche de rectangle orange en cliquant sur Calque> Supprimer> Calque.
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 658 x 472 px et sa dimension à 685% pour les deux Largeur et la taille des champs. Lorsque vous avez terminé, appuyez sur Entrer sur votre clavier:
Enregistrez le document en choisissant Fichier> Enregistrer ou en utilisant le raccourci clavier Command-S.
En revenant au document principal, vous remarquerez que l'objet intelligent est maintenant mis à jour avec les dernières modifications..
Il est temps d'ajouter des effets significatifs à l'insigne pour lui donner une impression 3D, cohérente avec la scène..
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 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.
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, définissez la couleur du Mode de surbrillance et Mode d'ombre à # 000000, puis définissez le reste comme suit:
Ajouter un nouveau Ombre intérieure effet, définissez la couleur du Mode de fusion à # 000000, et définissez le reste comme suit:
Ajouter un nouveau Satin effet, définissez la couleur du Mode de fusion à #ffffff, et définissez le reste comme suit:
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é.
Ajouter un nouveau Ombre portée effet, définissez la couleur du Mode de fusion à # 000000, et définissez le reste comme suit:
Ajoutons des filtres intelligents au "Effet 2"couche en choisissant Filtre> Déformation> Ondulation. Définissez la quantité de filtre sur -50%:
Choisir Filtre> Flou> Flou Gaussien et définissez le rayon sur 1,7 pixels.
Ajoutons maintenant un style de calque au "Effet 1" couche.
Ouvrez le Style de couches panneau et ajouter un nouveau Ombre portée effet, réglez le Mode de fusion couleur à #ffffff, et définissez le reste comme suit:
Enfin, ajoutez 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 0.8 pixels.
Dans ce tutoriel, vous avez appris à créer une maquette de logo en papier pressé 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!
Accentsconagua