Comment créer une affiche musicale en utilisant le mode Bitmap dans Photoshop

Ce que vous allez créer

Dans ce tutoriel, vous allez apprendre à utiliser le mode Bitmap dans Photoshop. Nous allons examiner différents modèles que vous pouvez utiliser sur une photo pour créer un effet sérigraphié.. 

Ce dont vous aurez besoin

Vous aurez besoin d'accéder à Adobe Photoshop. Si vous ne possédez pas le logiciel, vous pouvez télécharger une version d'évaluation à partir du site Web d'Adobe. Nous utiliserons également les ressources suivantes:

  • DJ Vintage Disco Lady
  • Casque isolé sur fond blanc
  • US Bill Sans

Téléchargez les images et installez la police, et vous êtes prêt à commencer! 

1. Comment configurer un nouveau fichier Photoshop

Étape 1

Dans Photoshop, aller à Fichier> Nouveau. Nommez le document Affiche de musique. Met le Largeur à 1270 px et la taille à 1600 px. Met le Résolution à 72 pixels / pouce. Cliquez sur D'accord.

Étape 2

presse Commande-R pour faire apparaître les règles autour du document. Rendez-vous sur Voir> Nouveau guide. Sur le Nouveau guide option de fenêtre, sélectionnez Horizontal et configurer le guide pour 50 px. Cliquez sur D'accord.

Faites la même chose pour les autres côtés du document en soustrayant 50 px de la taille finale. 

Étape 3

Afin de créer une mise en page intéressante, nous allons créer une mise en page légèrement décentrée. Le but est de créer quelque chose d'inattendu, au lieu de la disposition centrée régulière. 

J'ai déterminé cette disposition en appliquant la règle des tiers. Cette technique est appliquée en divisant la taille de l'affiche en trois rangées et colonnes. Les guides que nous avons créés ne sont pas divisés en tiers, ils sont légèrement décalés pour accueillir le texte et les images. En faisant cela, nous nous échappons déjà de l'affiche normale. Nous allons créer quatre espaces pour mélanger du texte et des images.

Rendez-vous sur Voir> Nouveau guide. Sur le Nouveau guide option de fenêtre, sélectionnez Verticale et configurer le guide pour 800 px. Cliquez sur D'accord. Faisons de même pour le horizontal guide, le mettre à 980 px. Cliquez sur D'accord.

Pour activer et désactiver les guides, appuyez sur Commander-;. Je vais cacher mes guides pour l'instant jusqu'à ce que nous en ayons besoin.

2. Comment utiliser le mode bitmap

Un bitmap est une alternative au vecteur dans lequel une image est convertie en pixels noir et blanc. Cette technique est couramment utilisée pour la sérigraphie ou les journaux.

Nous pouvons choisir entre une poignée de modèles différents et définir la quantité de détails que nous souhaitons conserver. Pour créer des images tramées, nous devons les ouvrir séparément.. 

Étape 1

Ouvrir l'image du casque isolé.

Sur le Couches panneau, déverrouillez la couche principale en cliquant deux fois sur le verrou. Cliquez sur D'accord sur le Nouvelle Couche fenêtre d'option.

Étape 2

Rendez-vous sur Image> Mode> Niveaux de gris, suivi par Image> Mode> Bitmap. Cliquez sur D'accord sur le Aplatir les couches fenêtre d'option.

Étape 3

Sur le Bitmap fenêtre d'option, définissez le Sortie à 72 pixels / pouce. Sous Méthode, utilisation: trame de demi-teintes. Cliquez sur D'accord.

Étape 4

Sur le Écran en demi-teinte fenêtre d'option, définissez le La fréquence à 2 lignes / pouce, la Angle à 45 degrés et le Forme à Ligne. Cliquez sur D'accord.

Étape 5

Pour utiliser l'image, nous devons la rétablir en niveaux de gris. Rendez-vous sur Image> Mode> Niveaux de gris. dans le Niveaux de gris fenêtre d'option, définissez le Ratio de taille à 1. Cliquez sur D'accord.

Étape 6

Reproduisons cette image sur le Affiche de musique. Sur leCouches panneau, Clic droit> Dupliquer le calque. dans le Dupliquer la couche fenêtre d'option, nommez la couche écouteurs. Sous Destination, sélectionnez le Affiche de musique Fichier Photoshop. Cliquez sur D'accord.

Fermez l'image du casque isolé. Nous n'aurons pas besoin de le sauvegarder car nous l'avons déjà dupliqué dans le fichier Photoshop principal..

Étape 7

Ouvrez l'image DJ. Sur le Couches panneau, double-cliquez sur le calque pour le déverrouiller. dans le Nouvelle Couche fenêtre d'option, cliquez sur D'accord.

Étape 8

Pour cette image spécifique, nous devons supprimer l’arrière-plan pour avoir un DJ isolé. Sur le Couches panneau, cliquez sur le Ajouter un masque de calque bouton. 

Sur le Outils panneau, sélectionnez le Outil Baguette Magique (W). Cliquez pour sélectionner l'arrière-plan et maintenez enfoncé Décalage sur votre clavier pour ajouter à la sélection. Il n'a pas besoin d'être parfait, mais nous devons supprimer autant que possible l'arrière-plan..

Étape 9

Une fois l’arrière-plan sélectionné, appuyez sur Command-I sur votre clavier pour inverser le masque. Assurez-vous de le faire sur le Masque de calque nous avons ajouté à la couche principale.

Pour désélectionner, appuyez sur Commande-D.

Étape 10

Pour continuer, nous devons appliquer les Masque de calque à la couche principale. Sélectionnez le Masque de calque (Clic droit> Appliquer le masque de calque).

Étape 11

Rendez-vous sur Image> Mode> Niveaux de gris, suivi par Image> Mode> Bitmap. Cliquez sur OK jeEt le Aplatir les couches fenêtre d'option.

dans le Bitmap fenêtre d'option, définissez le Sortie à 240 pixels / pouce. Sous Méthode, utilisation: trame de demi-teintes. Cliquez sur D'accord.

dans le Écran en demi-teinte fenêtre d'option, définissez le La fréquence à 25 lignes / pouce, la Angle à 45 degrés, et le Forme à Rond. Cliquez sur D'accord.

Retournez le fichier en niveaux de gris. Rendez-vous sur Image> Mode> Niveaux de gris. dans le Niveaux de gris fenêtre d'option, définissez le Ratio de taille à 1. Cliquez sur D'accord.

Étape 12

Reproduisons cette image sur le Affiche de musique. Sur lecouche, Clic droit> Dupliquer le calque. dans le Dupliquer la couche fenêtre d'option, nommez la couche DJ. Sous Destination, sélectionnez le Affiche de musique Fichier Photoshop. Cliquez sur D'accord.

Fermez l'image. Nous n'aurons pas besoin de le sauvegarder car nous l'avons déjà dupliqué dans le fichier Photoshop principal..

Étape 13

Revenons à la principale Affiche de musique fichier pour redimensionner les images filtrées. 

Pour afficher les guides, appuyez sur Commander-;.

En utilisant les guides que nous avons créés au début de ce didacticiel, nous redimensionnerons les images pour les adapter aux espaces. Commençons par le DJ couche. presse Command-T transformer. Dirigez-vous vers le Les options barre, et activer le Maintenir le ratio d'aspect bouton. Met le Largeur ou Height à 85%, et appuyez sur Entrer. Placez l'image sur le côté droit de l'affiche.  

Étape 14

Nous pouvons ajouter un Masque de calque supprimer des parties de la couche que nous n'utilisons pas. Clique sur le Ajouter un masque de calque bouton. En utilisant le Outil de chapiteau rectangulaire (M), sélectionnez le côté gauche de l'affiche. presse Command-I inverser le masque. presse Commande-D désélectionner. 

Étape 15

Travaillons sur le écouteurs couche. presse Command-T transformer. Dirigez-vous vers le Les options barre, et activer le Maintenir le ratio d'aspect bouton. Met le Largeur ou Height à 22%, et appuyez sur Entrer. Placez l'image dans le quadrant inférieur gauche de l'affiche.

Comme dans l'étape ci-dessus, nous pouvons ajouter un Masque de calque et supprimez les parties que nous n'utiliserons pas. Clique sur le Ajouter un masque de calque bouton. En utilisant le Outil de chapiteau rectangulaire (M), sélectionnez la partie supérieure de l'image. presse Command-I inverser le masque. presse Commande-D désélectionner. 

3. Comment créer un effet d'écran numérique

Étape 1

Sur le Couches panneau, créez un nouveau calque en appuyant sur Maj-Commande-N. prénom la couche Écran. Cliquez sur D'accord.

Sélectionnez le Pinceau (B) du Outils panneau. Clic-droit pour changer les paramètres. Met le Taille à 400 px et le Dureté à 0%. En utilisant les codes de couleur ci-dessous, appliquez une brosse sur la page pour la couvrir.. 

  • Jaune: # ffb20e
  • Rose: # ff12de
  • Bleu: # 0078ff

Étape 2

Rendez-vous sur Filtre> Déformation> Vague. dans le Vague fenêtre d’option, utilisez les paramètres suivants:

  • Nombre de générateurs: 1
  • Type: Sinus
  • Longueur d'onde: Min. 1 et Max. 2
  • Amplitude: Min. 295 et Max. 375
  • Échelle: Horiz. 100% et Vert. 100%.
  • Zones non définies: Répéter les pixels de contour

Cliquez sur D'accord. 

Étape 3

Pour créer le motif de style cardioïde, nous devons exécuter cette image via un second processus. Sur le même calque, rendez-vous sur Filtre> Déformation> Coordonnées polaires. 

dans le Coordonnées polaires fenêtre d'option, sélectionnez le Polaire Rectangulaire option. Cliquez sur D'accord.

Si les couleurs ne correspondent pas à vos attentes, nous pourrons les modifier ultérieurement. S'il vous plaît noter que le résultat variera, et c'est la partie amusante! 

Étape 4

En utilisant le Outil de chapiteau rectangulaire (M), sélectionnez le quadrant supérieur gauche de l'affiche. presse Décalage à ajouter à la sélection et sélectionnez une petite section en bas à droite. Nous l'utiliserons plus tard lorsque nous ajouterons des informations. Une fois que vous avez ces deux sélections, cliquez sur le bouton Masque de calque bouton. Cela créera un masque autour de la sélection.

Étape 5

Pour changer la couleur de la Écran couche, cliquez sur Créer un nouveau calque de remplissage ou de réglage> Teinte / Saturation. le Propriétés Le panneau s'ouvrira automatiquement. Si le contraire, double-cliquez sur le Teinte / Saturation vignette de calque. J'ajuste le Teinte à -25. N'hésitez pas à expérimenter! 

Nous voulons appliquer cette couche de réglage uniquement à la Écran couche. Clic droit> Créer un masque d'écrêtage.

Étape 6

À ce stade, l’affiche est légèrement à plat. Le but est de créer une tension qui conduira le spectateur de la copie principale au reste de l'information..

La tension est importante dans une affiche, car elle offre une mise au point et un contraste par rapport aux autres éléments. Cela crée également un chemin vers la destination des yeux. Quelque chose d'aussi petit qu'un rectangle peut faire la plus grande différence. 

Du Outils panneau, sélectionnez le Outil Rectangle (U). Cliquez sur la page et configurez le Largeur à 30 px et le la taille à 1600 px. Cliquez sur D'accord. Dirigez-vous vers le Les options bar, et régler le Remplir au noir. Placez le rectangle verticalement entre le Écran l'image et le dJ.

4. Comment ajouter du texte

Pour pouvoir utiliser une taille de police plus grande, je scie le mot Introspektive sur deux lignes. De plus, j'ai utilisé un poids plus léger sur Musique comme il vient secondaire au mot principal. Comme il se passe beaucoup de choses visuellement, j'ai choisi de conserver le reste des informations dans un poids et une taille uniques..

Sur le Outils panneau, sélectionnez le Outil Texte (T). J'ai utilisé du texte blanc pour contraster avec l'arrière-plan. Le caractère que j'ai utilisé est US Bill Sans de Formatika, de Envato Elements. Amenez le Outils panneau en allant à Type> Panneaux> Panneau de caractères. Voici les détails que j'ai ajoutés; chaque puce est un calque séparé. Utilisez les guides que nous avons créés au début du didacticiel pour aligner le texte.. 

  • INTROS-
    PEKTIVE
    LA MUSIQUE
    (US Bill en ExtraBold et Light, taille: 120 pt, interligne: 100 pt, suivi: 200 pt)
  • 10-23. JULI 2019
    Francfort sur le Main
    02.-17. OKT 2019
    BERLIN
    06.-19. JÄN 2020
    MUNCHEN
    (US Bill en gras, taille: 30 pt, interligne: 40 pt, suivi: 200 pt)
  • MWM.DE
    (US Bill en gras, taille: 30 pt, interligne: 40 pt, suivi: 200 pt)

5. Comment enregistrer le fichier pour le Web

Rendez-vous sur Fichier> Enregistrer et enregistrez le fichier comme vous le feriez normalement. 

Pour enregistrer un fichier JPEG pour le Web, allez à Fichier> Enregistrer pour le Web ou Maj-Option-Commande-S. Sélectionnez le type de fichier dans lequel vous souhaitez enregistrer le document. Je le choisis. JPEG-Et mettre 100 pour Qualité. Sous Taille de l'image, vous pouvez modifier la taille en pixels de l'image si vous avez des contraintes de taille. 

En bas à gauche, vous pouvez voir un aperçu de la taille du fichier. Ceci est utile lorsqu'il existe des contraintes de taille sur un site Web et que vous devez réduire la qualité ou la taille de l'image.. 

Cliquer sur Sauvegarder… pour choisir l'emplacement dans la nouvelle fenêtre, et cliquez sur sauvegarder encore.

Impressionnant! Vous avez terminé ce tutoriel!

Dans ce tutoriel, nous avons couvert quelques effets intéressants qui fourniront des résultats différents pour tout le monde. Assurez-vous de poster le vôtre dans les commentaires ci-dessous! Aujourd'hui, nous avons appris à:

  • Convertir des images en mode Bitmap afin de créer un effet sérigraphié.
  • Utilisez les masques de calque et de masquage d'écrêtage pour modifier les couleurs d'un seul calque.
  • Utilisez les filtres Wave et Polar Coordinate pour créer un effet d'écran numérique..
  • Appliquer certaines théories du design, telles que les grilles, la typographie, la hiérarchie et la tension visuelle. 

Si vous avez aimé ce tutoriel, vous pourriez aimer: