Share
Dans ce tutoriel, je vais vous montrer comment créer une icône de carnet d'adresses à l'aide d'Adobe Photoshop. Je commencerai par expliquer comment configurer une grille simple et comment tirer pleinement parti de la fonctionnalité Aligner sur la grille. Ensuite, je vais expliquer comment créer un ensemble de formes vectorielles simples et comment les colorer à l'aide des attributs de style de calque de base et de certains préréglages de modèle Photoshop. Enfin, je vais vous montrer comment ajouter des nuances et des rehauts subtils en utilisant des techniques de fusion de base et des effets simples. Commençons!
Vous aurez besoin des ressources suivantes pour compléter ce didacticiel. Veuillez les télécharger avant de commencer. S'ils ne sont pas disponibles, s'il vous plaît trouver des alternatives.
Ouvrez Photoshop et appuyez sur Commande / Ctrl-N créer un nouveau document. Entrez toutes les données affichées dans l'image suivante et cliquez sur D'accord. Activer la grille (Voir> Afficher> Grille) et l’alignement sur la grille (Affichage> Aligner sur> Grille). Pour commencer, vous aurez besoin d’une grille chaque 10px, alors allez à Édition> Préférences> Guides, grille et tranches. Entrer dix dans le Quadrillage chaque boîte et 1 dans le Subdivision boîte. Définissez également la couleur de la grille sur # a7a7a7. Une fois que vous avez défini toutes ces propriétés, cliquez sur le bouton D'accord bouton. Ne vous découragez pas pour toutes ces grilles, cela facilitera votre travail plus tard. N'oubliez pas que vous pouvez facilement l'activer ou le désactiver à l'aide du bouton Commande / Ctrl- ' raccourci clavier. Vous devriez aussi ouvrir le Info panneau (Fenêtre> Info) pour un aperçu en direct avec la taille et la position de vos formes.
Définissez la couleur de premier plan sur # aecef5. Choisissez le Outil Rectangle Arrondi, passer au panneau de commande et régler le Rayon à 5px. Créer un 240 x 380px rectangle arrondi, le Aligner sur la grille devrait faciliter votre travail.
Choisissez le Outil Rectangle. Tenez le Alt bouton sur votre clavier et créer un 40 x 330px rectangle comme indiqué dans l'image suivante.
Avec votre forme vectorielle sélectionnée, choisissez la Outil Rectangle Arrondi. Tenez le Décalage bouton de votre clavier et créer un 50 x 20px rectangle arrondi comme indiqué dans l'image suivante.
Maintenant, choisissez le Outil Rectangle Arrondi. Tenez le Décalage bouton de votre clavier et créer un 20 x 340px rectangle arrondi comme indiqué dans l'image suivante.
Avec le Outil Rectangle, tenir le Alt bouton de votre clavier et créer un 10 x 380px rectangle comme indiqué dans l'image suivante.
dans le Couches panneau, double-cliquez sur votre forme vectorielle pour ouvrir le Style de calque la fenêtre. Activer le Biseau et estampage et le Contour, la Ombre intérieure, la Satin, la Incrustation en dégradé et le Superposition de motifs puis entrez les attributs indiqués dans l'image suivante. Ici vous pouvez trouver le modèle en cuir dont vous aurez besoin pour le Superposition de motifs section.
Assurez-vous que votre forme vectorielle est toujours sélectionnée et appuyez sur Commande / Ctrl-J le dupliquer. dans le Couches panneau, faites un clic droit sur votre copie et allez à Effacer le style de calque. dans le Couches panneau, abaissez son Remplir à 0% puis ouvrez le Style de calque la fenêtre. Activer le Ombre intérieure puis entrez les attributs montrés dans l'image suivante.
Définissez la couleur de premier plan sur # 384445, choisir le Outil Rectangle Arrondi, créer un 40 x 380px forme de vecteur et placez-le comme indiqué dans l'image suivante. Assurez-vous que ce nouveau rectangle arrondi reste sélectionné, envoyez-le à l’arrière (Commande / Ctrl-Maj- [) ensuite, ouvrez le Style de calque la fenêtre. Activer le Accident vasculaire cérébral et le Ombre intérieure puis entrez les attributs montrés dans les images suivantes.
Définissez la couleur de premier plan sur # c7baac, choisir le Outil Rectangle, créer un 20 x 50px forme de vecteur et placez-le comme indiqué dans l'image suivante. Ouvrez le Style de calque fenêtre pour ce nouveau rectangle et entrez les attributs montrés dans les images suivantes.
Définissez la couleur de premier plan sur # dbcec0, choisir le Outil Rectangle, créer une seconde 20 x 50px forme de vecteur et placez-le comme indiqué dans l'image suivante. Ouvrez le Style de calque fenêtre pour ce nouveau rectangle et entrez les attributs montrés dans les images suivantes.
Dupliquer (Commande / Ctrl-J) les deux rectangles qui composent les morceaux de papier et placez les copies comme indiqué dans l’image suivante. Encore une fois, le Aligner sur la grille fonctionnalité sera utile.
Désactiver la grille (Voir> Afficher> Grille). Choisissez le Outil de type (T) et cliquez sur votre toile pour ajouter vos petites lettres. Utilisez la police Calibri, définissez la taille sur 12 pt et la couleur au noir (# 000000). Assurez-vous que tout votre texte est sélectionné et dans le Couches panneau, changez le Mode de fusion à Recouvrir. Ensuite, ouvrez le Style de calque la fenêtre. Activer le Ombre portée et entrez les attributs indiqués dans l'image suivante. Resélectionnez les six rectangles qui composent les morceaux de papier avec tous les morceaux de texte et Groupe leur (Commande / Ctrl-G). Déplacer vers le Couches panneau et faites glisser ce nouveau groupe sous la forme vectorielle constituant la couverture de votre carnet d'adresses..
Activer la grille (Voir> Afficher> Grille). Définissez la couleur de premier plan sur # 384445, choisir le Outil Rectangle Arrondi, créer un 40 x 380px forme de vecteur et placez-le comme indiqué dans l'image suivante. dans le Couches panneau, tenez le Commande / Ctrl bouton de votre clavier, cliquez sur la forme vectorielle qui constitue la couverture de votre carnet d’adresses et vous obtiendrez une sélection simple autour de celui-ci. Assurez-vous que cette sélection reste active et que Couches panneau, resélectionnez le rectangle arrondi créé au début de l’étape, maintenez la touche Alt bouton de votre clavier et cliquez sur le Ajouter un masque de calque bouton (illustré par le cercle bleu dans l'image suivante). En fin de compte, votre forme vectorielle masquée devrait ressembler à la troisième image. Une fois que vous avez terminé, appuyez sur Commande / Ctrl-D se débarrasser de cette sélection.
Assurez-vous que votre forme vectorielle masquée est toujours sélectionnée et dans le Couches panneau, abaissez son Remplir à 0% puis ouvrez le Style de calque fenêtre, activez le Ombre intérieure et entrez les attributs montrés dans l'image suivante.
En utilisant le Outil Rectangle, créer un 30 x 380px forme vectorielle et placez-le comme indiqué dans la première image. Ouvrez le Style de calque fenêtre pour ce nouveau rectangle et entrez les attributs montrés dans les images suivantes.
Pour les étapes suivantes, vous aurez besoin d’une grille chaque 5px, alors allez à Édition> Préférences> Guides, grille et tranches et entrez 5 dans le Quadrillage chaque boîte. Choisissez le Outil Rectangle Arrondi, et mettre le Rayon à 3px. Définissez la couleur de premier plan sur # d11812, revenez sur votre toile, créez un 25 x 380px rectangle arrondi et placez-le comme indiqué dans la première image. Assurez-vous que votre rectangle arrondi rouge reste sélectionné et basculez vers le Outil Rectangle. Tenez le Alt bouton de votre clavier et créer un 10 x 380px forme vectorielle comme indiqué dans la deuxième image. À la fin, les choses devraient ressembler à la deuxième image. Ouvrez le Style de calque fenêtre pour votre forme vectorielle rouge, activez le bouton Incrustation en dégradé et entrez les attributs montrés dans l'image suivante.
Pour les étapes suivantes, vous aurez besoin d’une grille tous les 1px, alors allez à Édition> Préférences> Guides, grille et tranches et entrez 1 dans le Quadrillage chaque boîte. Définissez la couleur de premier plan sur # 6c1c07, choisir le Outil Rectangle, créer un 5 x 376px forme de vecteur et placez-le comme indiqué dans l'image suivante.
Ouvrez le Style de couches fenêtre de la forme vectorielle créée à l'étape précédente, activez le bouton Ombre intérieure et entrez les attributs montrés dans l'image suivante.
Définissez la couleur de premier plan sur # 7c2d0c, choisir le Outil Rectangle Arrondi, créer un 2 x 7px forme de vecteur et placez-le comme indiqué dans l'image suivante.
Dupliquez votre petit rectangle arrondi (Commande / Ctrl-J), sélectionnez la copie et faites-la glisser 13px vers le bas. Répétez cette technique et ajoutez vingt-six autres copies, comme indiqué dans l’image suivante. Une fois que vous avez terminé, sélectionnez tous vos petits rectangles arrondis, et dans le Couches panneau, faites un clic droit sur l’une de ces formes vectorielles et allez à Fusionner les formes.
Ouvrez le Style de couches fenêtre pour la forme vectorielle faite à l'étape précédente et entrez les attributs montrés dans les images suivantes.
Créer un Ligne de la grille chaque 10px. Pour ce faire, allez à Édition> Préférences> Guides, grille et tranches et entrez dix dans le Quadrillage chaque boîte. Définissez la couleur de premier plan sur blanc (#ffffff), choisissez le Outil Rectangle, créer un 100 x 50px forme vectorielle et placez-le comme indiqué dans la première image. Assurez-vous que votre nouveau rectangle reste sélectionné et dans le Couches panneau, abaissez son Remplir à 0% puis ouvrez le Style de calque fenêtre et entrez les attributs montrés dans les images suivantes.
Maintenant, placez un Ligne de la grille chaque 5px. Pour ce faire, allez à Édition> Préférences> Guides, grille et tranches et entrez 5 dans le Quadrillage chaque boîte. En utilisant le Outil Rectangle, créer un 90 x 40px la forme et le placer comme indiqué dans la première image. Assurez-vous que cette nouvelle forme vectorielle reste sélectionnée, passez à la Outil Ellipse, tenir le Alt bouton de votre clavier et créer un 10px cercle comme indiqué dans la deuxième image. Retour à la Couches panneau, abaissez le Remplir à 0% puis ouvrez le Style de calque fenêtre et entrez les attributs montrés dans les images suivantes. Gardez à l’esprit que les chiffres jaunes de la Incrustation en dégradé image stand pour Opacité pourcentage tandis que les chiffres blancs représentent Emplacement pourcentage.
En utilisant le Outil Ellipse, créer un 10px entourez-le et placez-le comme indiqué dans la première image. Assurez-vous que cette nouvelle forme vectorielle reste sélectionnée, passez à la Outil Rectangle, tenir le Alt bouton de votre clavier et créer un 5x 10px forme comme indiqué dans la deuxième image. Retour à la Couches panneau, abaissez le Remplir à 0% puis ouvrez le Style de calque fenêtre et entrez les attributs montrés dans les images suivantes.
dans le Couches panneau, sélectionnez toutes les formes vectorielles qui composent votre carnet d’adresses et Groupe leur (Commande / Ctrl-G). Double-cliquez sur le nom de votre nouveau groupe et renommez-le. carnet d'adresses. dans le Couches panneau, tenez le Alt bouton de votre clavier et double-cliquez sur votre Contexte couche pour le déverrouiller. Assurez-vous que ce calque blanc reste sélectionné et définissez la couleur de premier plan sur # 736357. Choisissez le Outil Pot De Peinture et cliquez sur votre toile pour changer la couleur de l'arrière-plan comme indiqué dans l'image suivante.
Ouvrez le Style de calque fenêtre pour votre couche d’arrière-plan et entrez les propriétés indiquées dans l’image suivante. Ici vous pouvez trouver le modèle en bois.
Choisissez le Outil Rectangle Arrondi, met le Rayon à 5px. Définissez la couleur de premier plan sur le noir (# 000000), créer un 280 x 380px rectangle arrondi et placez-le comme indiqué dans l'image suivante.
dans le Couches panneau, faites un clic droit sur le rectangle noir et arrondi créé à l'étape précédente et allez à Convertir en objet intelligent. Assurez-vous que votre nouvel objet intelligent reste sélectionné et dans le Couches panneau, faites-le glisser sous votre carnet d'adresses groupe, changez le Mode de fusion à Recouvrir et allez à Filtre> Flou> Flou Gaussien. Faites glisser le Rayon curseur à 10px rayon et clic D'accord.
Dupliquer votre carnet d'adresses groupe (Commande / Ctrl-J). Sélectionnez ce nouveau groupe et convertissez-le en objet intelligent. Assurez-vous que votre nouvel objet intelligent reste sélectionné et dans le Couches panneau, faites-le glisser sous votre carnet d'adresses groupe, baisser le Remplir à 0% puis ouvrez le Style de calque fenêtre et entrez les attributs montrés dans les images suivantes.
Dupliquer votre carnet d'adresses groupe (Commande / Ctrl-J). Sélectionnez ce nouveau groupe et convertissez-le en objet intelligent. Avec votre nouvel objet intelligent sélectionné, faites-le glisser au-dessus de votre carnet d'adresses groupe dans le Couches panneau, abaissez le Remplir à 0% puis ouvrez le Style de calque fenêtre et entrez les attributs montrés dans l'image suivante.
Dupliquez l'objet intelligent créé à l'étape précédente. Ouvrez le Style de calque fenêtre pour ce nouvel objet intelligent et remplacez les attributs existants par ceux indiqués dans l'image suivante.
Voici à quoi cela devrait ressembler. J'espère que vous avez apprécié ce tutoriel et que vous pouvez appliquer ces techniques à vos projets futurs..
Accentsconagua