Concevez une couverture d'album à l'aide de spectrogrammes

Comment illustreriez-vous les sons? Souhaitez-vous les faire comme des notes de musique, des signatures de clés, des tourbillons élégants ou des swooshes sauvages? Mettons de côté tout cela pour le moment et examinons les spectrogrammes - enregistrements audio au format visuel. Nous allons les utiliser pour concevoir une jaquette pour un album de piano solo intitulé La tempête. Et pour couronner le tout, nous afficherons également la couverture dans un environnement optimisé pour Photoshop.

Aperçu de l'image finale

Avant de commencer, jetons un coup d'œil à l'image que nous allons créer. Cliquez sur la capture d'écran ci-dessous pour afficher l'image en taille réelle. Comme toujours, le fichier Photoshop en couches est disponible via notre abonnement Psdtuts + Plus.

introduction

La tempête C’est mon album de piano solo en préparation, tous basés sur une piste, qui porte le même nom. Bien que l'album ne soit pas encore sorti, et que le temps soit écoulé, vous pouvez obtenir le titre de Lulu. Il est évident que la musique est la principale source d’inspiration pour le design que nous sommes sur le point de faire. En l’écoutant, cela vous permettra de mieux comprendre le tutoriel..

Afin de créer un design, nous analyserons la piste. La première caractéristique notable est l'ambiance. L’atmosphère de plus en plus tendue est à prendre en considération. Nous allons appliquer cela en utilisant un fond sombre. Nous allons également utiliser des contrastes élevés et éviter les couleurs chaudes telles que le jaune, les oranges ou le rouge. Ceux-ci créent une sensation joviale, ce que nous voulons éviter.

Dans la chanson, des notes de base prédominantes prennent en charge de plus en plus de sons et, une fois le climax atteint, elles s’arrêtent. En d'autres termes, la structure musicale est géométrique et planifiée avec précision. Nous allons donc utiliser des lignes droites et nettes et nous éloigner des éléments courbes et sphériques.

Décisions finales: fond sombre, éléments géométriques bleus, typographie blanche et contraste élevé. La présentation de base sera basée sur un carré simple, mais conservée dynamique en utilisant de légers angles sur les éléments de conception.

Étape 1

Tout d’abord, nous devons créer le spectrogramme de cette piste. Alors qu'est-ce qu'un spectrogramme? Pensez-y comme une boîte à musique. Une boîte à musique typique crée des sons en épilant des dents en métal de différentes tailles qui créent des notes de musique. De la même manière, le logiciel d’édition sonore incorporera dents numériques dans une image bitmap. En termes simples, il s’agit d’une forme visuelle précise d’un enregistrement audio.

Pour pouvoir en créer un nous-mêmes, nous utiliserons un programme simple et gratuit appelé Bitmaps and Waves. Vous pouvez aller sur leur site et le télécharger.

Étape 2

Après avoir téléchargé le logiciel, ouvrez le fichier et exécutez le programme. Aucune installation n'est nécessaire. Il suffit d'extraire le fichier compressé et d'ouvrir le programme. Maintenant, cliquez sur l'onglet Fourie et utilisez les paramètres indiqués ci-dessous.

Pour la taille du document utilisé ici, nous avons besoin d’une image bitmap d’une taille de 4096. Vous voudrez peut-être une taille plus petite ou plus grande, selon la taille et la résolution de votre document. Si vous souhaitez créer le même projet que moi, utilisez les paramètres indiqués ci-dessous. Puis cliquez sur Charger et ouvrez le fichier que vous voulez convertir.

Remarque: Ce programme ne fonctionne qu'avec les fichiers au format WAV. Un fichier WAV est un enregistrement brut qui peut être compressé dans d'autres formats, tels que MP3, de la même manière que les fichiers PSD de Photoshop sont compressés dans des formats JPG. Ainsi, votre piste devra être un fichier WAV brut ou sans perte. Si vous n'avez pas de fichier WAV ou de logiciel capable de conversion, trouvez un convertisseur simple en ligne.

Ok, alors entrez les spécifications et cliquez sur Charger. Puis ouvrez votre fichier WAV.

Étape 3

Maintenant, vous devez convertir le fichier. Alors, appuyez simplement sur le bouton Convertir. Puis mordez vos ongles pendant quelques minutes pendant le chargement.

Étape 4

Voila! Votre nouveau spectrogramme est terminé. Il ne vous reste plus qu'à cliquer sur le bouton Enregistrer et à le ranger..

Étape 5

Si vous rencontrez des problèmes avec le logiciel, utilisez ce spectrogramme (d'après Claire de Lune de Claude Debussy), présenté ci-dessous. C'est plus grand, mais vous pouvez l'incliner pour qu'il ressemble à celui que nous créons.

Étape 6

Ouvrez le spectrogramme nouvellement créé avec Photoshop. Nous allons en parler un peu avant de l'insérer dans le fichier de couverture de l'album. La première chose à faire est d’améliorer le contraste. Allez à Image> Réglages> Courbes. Ensuite, utilisez les paramètres indiqués ci-dessous:

Étape 7

Maintenant changez la teinte de l'image. Allez à Image> Réglages> Teinte / Saturation. Insérer les valeurs suivantes.

Étape 8

Il y a des zones du spectrogramme dont nous n'avons pas besoin pour la conception. Pour vous en débarrasser, utilisez simplement un pinceau et peignez les zones en noir, comme indiqué par les flèches en jaune.

Étape 9

Bon, créons maintenant notre nouveau projet. Utilisez les paramètres indiqués ci-dessous et nommez le fichier "The Storm".

Étape 10

Nous allons maintenant utiliser notre spectrogramme. Nous allons l'utiliser comme illustration pour les nuages. Je voulais que la couverture reste simple, nette, solide et suffisamment claire pour éviter toute surcharge d'informations au nom du téléspectateur. Heureusement, vu de près, le spectrogramme comporte également des détails complexes qui donneront à la conception le niveau de sophistication approprié..

Insérez donc le spectrogramme édité dans le nouveau projet et positionnez-le en haut de la page, à l'envers. Ensuite, faites-le pivoter d'environ cinq degrés vers l'arrière de manière à avoir une inclinaison subtile..

Étape 11

Nous voulons que la couleur soit plus vive et plus profonde. Donc, dupliquez le spectrogramme dans la position exacte, définissez son mode de fusion des calques sur Color Dodge et son opacité de calque sur 70%. Fusionner ces deux couches et nommez la nouvelle couche "Cloud".

Étape 12

Dupliquez le calque "Cloud" et positionnez-le plus à gauche et plus bas que sa position actuelle.

Étape 13

Faites une autre copie et placez-la de l'autre côté, encore plus bas cette fois.

Étape 14

Maintenant, obtenez cette photo abstraite vraiment impressionnante de sxc.hu. Nous allons utiliser cela pour ajouter une profondeur subtile aux nuages. Insérez-le dans le projet, désaturez-le en appuyant sur Ctrl + Maj + U. Puis alignez-le avec l'un des "nuages". Le mien est à 70% d'opacité pour que vous puissiez remarquer l'alignement, mais conservez ce calque sur 100% d'opacité lorsque vous l'alignez vous-même..

Étape 15

Maintenant, changez le style de calque en Lumière douce. Le résultat devrait ressembler à l'image suivante.

Étape 16

Répétez ensuite le même processus pour les deux autres "nuages".

Étape 17

Il est temps d'ajouter le texte. J'ai utilisé une police appelée Placard Condensed pour la plupart des caractères. Dans l'image ci-dessous, vous avez également une disposition simple affichée. Une planification minutieuse de la grille gardera la toile bien organisée et éliminera la confusion, plutôt que de simplement gifler du texte ici et là..

Dans ce cas, le titre est le texte le plus grand et sert d'ancre à la mise en page. La petite case suit le titre et maintient le sous-titre du genre (piano solo) aligné. Mais pour éviter de rendre tout monotone, j'ai cassé la grille en ayant deux lignes de texte opposées sortant de l'alignement initial, d'où la seconde et plus grande boîte d'alignement..

En outre, considérez la hiérarchie. Vous souhaitez guider le regard des téléspectateurs de l'occurrence d'information la plus pertinente au moins importante. Ceci est ma commande: le titre devrait être la première chose à noter. Il est également assez grand pour être lu à distance et dans des vignettes de petite taille. Vient ensuite le nom de l'auteur et enfin le genre.

La plupart des pochettes de CD ne comportent même pas de sous-titre de genre, mais j’ai jugé utile de faciliter l’identification du style de musique par le téléspectateur. La conception de la couverture pouvant s’appliquer à d’autres styles de musique, le sous-titre permettra aux clients potentiels de savoir ce qu’ils achètent..

Créez le texte en utilisant l'image suivante comme référence.

Étape 18

Ensuite, nous présenterons la pochette sur un boîtier de CD et l’intégrerons dans un environnement amélioré par Photoshop. Téléchargez donc ces deux images de sxc.hu: une texture de bois et un étui pour CD. Pour ce faire, nous allons utiliser les bonnes techniques décrites dans le tutoriel de Fabio: Utiliser le filtre de point de fuite pour simuler une carte de visite.

Alors ouvrez un nouveau projet (sans fermer le précédent) dans lequel nous allons présenter la couverture. Nommez ce fichier "Storm_CD.psd" (ce sera notre fichier de démonstration final). Le mien est une taille de fond standard de 1600x1280 à 72 ppp. Insérez la photo de texture du bois sur le fond et positionnez-la en conséquence. Vous pouvez également vouloir l'incliner de manière à ce qu'il corresponde à la perspective, qui est étroite en haut et large en bas.

Étape 19

Nous allons réduire la saturation de la photo en utilisant un calque de réglage. Alors allez dans Calque> Nouveau calque de réglage> Teinte / Saturation et réduisez la saturation de 50.

Étape 20

Ensuite, insérez et positionnez l'image du CD sur le fond en bois.

Étape 21

À l’aide de l’outil Plume, découpez le boîtier du CD dans l’arrière-plan blanc. Ne vous inquiétez pas pour son ombre, car nous en créerons une par nous-mêmes, coupez simplement le boîtier du CD. Puis nommez la couche résultante comme "boîtier du CD".

Étape 22

Définissez le calque "Boîtier du CD" sur Opacité à 50%. Puis le dupliquer. En outre, tout en sélectionnant ce nouveau calque, réglez le mode de fusion du calque sur Multiplier et l'opacité sur 100%. Puis désaturez en appuyant sur Ctrl + U.

Étape 23

Il est maintenant temps d'ajouter l'illustration. Dupliquez le dernier calque décrit à l'étape précédente (le boîtier du CD défini sur multiplier) et réglez Style de calque sur Normal. Celui-ci sera tout simplement un accessoire pour l’application de l’illustration bientôt.

Retournez maintenant dans le fichier "The Storm" (fichier PSD avec la pochette) et fusionnez tous les calques ensemble en appuyant sur Ctrl + Maj + E. Appuyez ensuite sur Ctrl + A pour sélectionner le canevas entier et sur Ctrl + C pour copier la sélection. Nous faisons cela pour pouvoir coller l'image sur le boîtier du CD à l'aide du filtre de point de fuite.

Remarque: Vous devez redimensionner la jaquette en fonction du projet de vitrine du CD afin qu’elle s’intègre dans la zone de travail. Il sera plus facile à insérer dans le filtre de point de fuite.

Retournez maintenant au fichier de démonstration principal "Storm_CD.psd". De plus, tout en ayant sélectionné le calque "Artwork Prop", accédez à Filtre> Point de fuite. Dessinez un plan à l'aide de l'outil Créer un plan. Utilisez les limites du boîtier du CD comme référence:

Étape 24

Développer la boîte dans tous les sens.

Étape 25

Appuyez sur Ctrl + V pour coller l'illustration. Ensuite, faites-le simplement glisser sur le plan et redimensionnez-le pour qu'il s'adapte.

Étape 26

Appuyez sur OK une fois que vous l'avez correctement positionné. Nous allons maintenant découper la couverture dans la couche "Artwork Prop". Sélectionnez donc les quatre coins (de l’étiquette seulement et non du boîtier du CD) avec l’outil Lasso polygonal (L). Cliquez ensuite avec le bouton droit de la souris dans la zone sélectionnée et sélectionnez Layer Via Cut. Supprimer le calque dont vous l'avez extrait.

Les bords du filtre de point de fuite sont maintenant assez durs. Sélectionnez donc l’outil Flou (Flou) (R) et effacez légèrement les bords avec un pinceau très petit et une force de 50%. Puis nommez cette couche "Label".

Étape 27

À ce stade, nous allons créer des réflexions. Alors Ctrl + clic sur l'icône du calque "Label" et appuyez sur Ctrl + Maj + N pour créer un nouveau calque. Dans ce nouveau calque, sélectionnez l'outil Dégradé (G) et faites glisser les deux tiers de la surface de haut en bas. Utilisez un dégradé entre le blanc (opacité 30%) et le blanc (opacité 0%).

Étape 28

Tout en conservant la sélection sélectionnée, créez un autre calque. Utilisez différentes tailles de brosses douces rondes, tout en maintenant la touche Maj enfoncée, pour créer des traits angulaires longs à 45 degrés. Peignez avec différentes nuances de gris jusqu'à obtenir quelque chose de similaire à l'image ci-dessous.

Étape 29

Définissez le style du calque sur Soft Light. Voilà pour les réflexions!

Étape 30

Ajoutez une ombre rapide sur le CD. Double-cliquez sur le calque "Boîtier CD" actuellement défini sur Multiplier et donnez-lui une ombre portée avec les paramètres suivants..

Étape 31

Sur un nouveau calque, saisissez l'outil Dégradé, définissez-le en mode radial, sélectionnez une couleur de premier plan de blanc et une couleur d'arrière-plan de gris moyen, puis faites-le glisser en partant du centre. Définissez ensuite le mode de fusion du calque sur Color Burn..

Étape 32

Nous allons maintenant ajouter de la profondeur à l'image. Donc, fusionnez tous les calques ensemble en appuyant sur Ctrl + Maj + E. Assurez-vous de conserver vos fichiers originaux en guise de sauvegarde au cas où vous souhaiteriez apporter des modifications ultérieurement..

Passez en mode Masque rapide (Q) et créez un large dégradé linéaire avec le noir (Opacité 100%) au premier plan et le blanc (Opacité 100%) comme couleur d’arrière-plan. Faites glisser du milieu vers les deux tiers de la toile, faites-le vers le bas.. 

Étape 33

Quittez maintenant le mode masque rapide en appuyant à nouveau sur Q. Ensuite, sélectionnez Filtre> Flou> Flou de l'objectif. Il suffit de changer le rayon à 12 et de le définir sur Plus précis. Appliquez le flou de l'objectif et désélectionnez le rectangle de sélection en appuyant sur les touches Ctr + D.

Image finale

Et nous avons fini! Nous avons créé des spectrogrammes, les avons ajoutés à la pochette de l'album et avons présenté la pochette sur un boîtier de CD brillant..