Comment fabriquer un woofer Bangin 'intégré au bois

Dans ce tutoriel, nous allons illustrer un woofer et créer une texture de bois simple pour l'arrière-plan. Nous placerons le haut-parleur de sorte qu'il semble être à l'intérieur de la texture du bois. Nous allons également créer des vis qui semblent le maintenir en place. Mettez de la bonne musique et laissez-vous travailler!

Aperçu de l'image finale

Avant de commencer, jetons un coup d'œil à l'image que nous allons créer. Comme toujours, le fichier Photoshop en couches est disponible via notre abonnement Psdtuts + Plus. Vous pouvez voir l'aperçu final de l'image ci-dessous ou voir une version plus grande ici.

Étape 1

Créez un nouveau document d'une largeur de 800 px et d'une hauteur de 800 px à une résolution de 300 pixels / pouce. Faites glisser un guide horizontal et un guide vertical et enclenchez-les au milieu du document. Remplir le calque "Arrière-plan" avec 65% de gris.

Obtenez l’outil elliptique de sélection, définissez le style sur Taille fixe et définissez la largeur et la hauteur sur 220 px. Cliquez n'importe où sur le canevas, déplacez le curseur dans la sélection, puis déplacez-vous au centre de la page et accrochez-vous aux guides. Créez un nouveau calque et nommez-le "Centre". Remplissez la sélection avec la couleur # 1e2f29. Appuyez sur Command + D pour désélectionner.

Étape 2

Nous appliquerons deux styles de calque pour donner à ce cercle un aspect hémisphérique. Appliquez d’abord un éclat intérieur avec les paramètres suivants: Mode de fusion multiplié, Opacité définie à 100%, Couleur définie sur noir et Taille définie sur 25 px. Appliquez ensuite une superposition de dégradé à l’aide des paramètres suivants: Mode de fusion défini sur Multiplier, Dégradé défini du noir au blanc, Contrôle inversé avec style de radial, Angle de 75 degrés et Échelle de 150%..

Étape 3

Créez un nouveau calque et nommez-le "Surbrillance centrale". Choisissez le blanc comme couleur de premier plan et récupérez l'outil Pinceau. Cliquez une fois sur les zones comme dans l'image ci-dessous avec des brosses de 55 px, 30 px et 10 px avec une dureté de 100%. Cliquez sur la vignette de la couche "Centre" en maintenant la touche Commande enfoncée pour charger la sélection, sélectionnez Filtre> Flou> Flou gaussien et appliquez-le avec un rayon de 16 px..

Étape 4

Créez un nouveau calque et nommez-le "Anneau central". Assurez-vous que la sélection est toujours active, puis sélectionnez Edition> Contour. Définissez la couleur sur # 2e453d, définissez Emplacement sur Extérieur et cliquez sur OK. Appliquez un style de couche luminescente externe avec les paramètres suivants: Mode de fusion Multiplier, Opacité définie sur 40%, Couleur définie sur Noir et Taille définie sur 8 px. Appliquez ensuite un style de couche biseautée et en relief et utilisez les paramètres suivants: Style du biseau intérieur, Direction définie sur Haut, Taille définie sur 7 px, Adoucissement défini sur 0 px, Angle et Altitude définis sur 50 et Opacité de la surbrillance définie sur 0%..

Étape 5

Créez un nouveau calque sous le calque "Centre" et nommez-le "Cône". Procurez-vous l’outil elliptique. Cette fois, définissez la largeur et la hauteur sur 382 px. Cliquez n'importe où sur la toile, puis déplacez le curseur à l'intérieur de la sélection. Ensuite, déplacez-vous au centre de la page et accrochez-vous aux guides. Remplissez la sélection avec la couleur # 425d54. Appliquez un style de calque superposé en dégradé avec les paramètres suivants: Mode de fusion défini sur Multiplier, Opacité défini à 70%, Dégradé défini du noir au blanc, Style de linéaire et Angle défini à -90 degrés..

Étape 6

Créez un nouveau calque au-dessus du calque "Cone" et nommez-le "Cone Edge". Cliquez sur le calque "Cône" tout en maintenant la touche Commande enfoncée et remplissez la sélection de blanc. Assurez-vous que l’outil elliptique est toujours sélectionné, déplacez la sélection de 1 px vers la droite à l’aide de la touche Flèche droite du clavier, puis appuyez sur Supprimer pour effacer. Désélectionnez en appuyant sur Commande + D. Obtenir l'outil Gomme, définissez le Diamètre principal sur 215 px et la Dureté sur 0%. Effacez les bords supérieur et inférieur du calque en un clic, comme vous pouvez le voir sur l'image ci-dessous. Définissez l'opacité de la couche "Bord cône" sur 40%.

Étape 7

Nous ferons la même chose pour le bord droit du cône. Cliquez sur le calque "Cône" en maintenant la touche Commande enfoncée pour charger la sélection. Créez un nouveau calque au-dessus du calque "Cone Edge" et attribuez-lui le même nom, "Cone Edge". Remplissez la sélection avec du blanc. Procurez-vous l’outil elliptique et déplacez la sélection de 1 px vers la gauche en utilisant la touche Flèche gauche. Appuyez sur Supprimer pour effacer, puis désélectionnez. Saisissez l'outil Gomme et effacez les bords supérieur et inférieur. Enfin, définissez l’opacité de la couche sur 40%.

Étape 8

Nous allons maintenant faire les réflexions sur le cône. Créez un nouveau calque au-dessus du calque "Cône" et nommez-le "Réflexion". Procurez-vous l’outil Rectangle de sélection et faites une sélection, comme dans l’image ci-dessous. Remplissez-le de blanc et appuyez sur Commande + D pour désélectionner.

Allez dans Edition> Transformation> Perspective, saisissez la poignée en haut à droite du cadre de sélection et faites-la glisser vers le milieu de la page avant de l'appliquer. Allez dans Filtre> Flou> Flou gaussien et appliquez-le avec un rayon de 25 px. Cliquez sur le calque "Cône" en maintenant la touche Commande enfoncée pour charger la sélection. Allez à Select> Inverse et appuyez sur Supprimer pour effacer, puis définissez l'opacité du calque à 50%.

Étape 9

Nous allons faire deux autres réflexions sur le cône. Commencez par créer un nouveau calque au-dessus du calque "Réflexion" et nommez-le également "Réflection". Obtenez l'outil Rectangle de sélection, sélectionnez une zone rectangulaire à droite du cône, comme dans l'image ci-dessous, et remplissez-la de blanc. Notez que ce deuxième rectangle est plus grand que le premier. Appuyez sur Command + D pour désélectionner.

Allez dans Edition> Transformation> Perspective, saisissez la poignée en haut à gauche du cadre de sélection et faites-la glisser vers le centre de la page avant de l'appliquer. Allez dans Filtre> Flou> Flou gaussien et appliquez-le avec un rayon de 25 px. Cliquez sur le calque "Cône" en maintenant la touche Commande enfoncée pour charger la sélection. Allez à Select> Inverse et appuyez sur Supprimer pour effacer, puis définissez l'opacité du calque à 50%.

Afin de créer la réflexion finale sur le cône, faites une sélection rectangulaire dans la partie inférieure du cône, puis créez un nouveau calque nommé "Réflexion" et remplissez la sélection de blanc. Désélectionnez en appuyant sur Commande + D. Cliquez sur Edition> Transformer> Perspective, puis saisissez la poignée supérieure gauche ou supérieure droite et déplacez-la au centre de la page avant de postuler. Une fois de plus, sélectionnez Filtre> Flou> Flou gaussien et appliquez-le avec un rayon de 25 px. Cliquez sur le calque "Cône" en maintenant la touche Commande enfoncée pour charger la sélection. Allez à Select> Inverse et appuyez sur Supprimer pour effacer, puis définissez l'opacité du calque à 50%.

Étape 10

Créez un nouveau calque sous le calque "Cône" et nommez-le "Plaque". Procurez-vous l’outil elliptique. Cette fois, définissez la largeur et la hauteur sur 423 px. Cliquez n'importe où sur la toile, puis déplacez le curseur à l'intérieur de la sélection et vers le centre de la page, puis accrochez-vous sur les guides. Remplissez la sélection avec la couleur # 48685d. Sélectionnez Filtre> Bruit> Ajouter du bruit, définissez Quantité à 2%, définissez Distribution sur Gaussien, cochez l'option Monochromatique, puis appuyez sur OK, puis Désélectionnez..

Appliquez un style de calque superposé en dégradé avec les paramètres suivants: Mode de fusion défini sur Multiplier, Opacité à 60%, Dégradé défini du noir au blanc, Style de linéaire, Angle défini à -90 degrés et Échelle défini à 150%. Appliquez une lueur intérieure et utilisez les paramètres suivants: Mode de fusion du mode Multiplier, Opacité définie à 25%, Couleur définie sur noir et Taille définie sur 13 px..

Étape 11

Créez un nouveau calque au-dessus du calque "Arrière-plan" et nommez-le "Retour". Obtenez l'outil de rectangle de sélection elliptique. Cette fois, définissez la largeur et la hauteur sur 534 px. Cliquez n'importe où sur le canevas, puis déplacez le curseur dans la sélection et au centre de la page dans les repères. Remplir la sélection avec la couleur # 13221d puis désélectionner.

Étape 12

Maintenant, nettoyons un peu notre palette de calques. Il y a des couches avec le même nom et nous allons les fusionner. Sélectionnez tous les calques "Bord de cône" et accédez à Calque> Fusionner les calques. Sélectionner tous les calques "de réflexion" et les fusionner également.

Étape 13

Créez un nouveau calque en haut de la pile de calques et nommez-le "Gros anneau". Procurez-vous l’outil elliptique. Cette fois, définissez la largeur et la hauteur sur 474 px. Cliquez n'importe où sur la toile, puis déplacez le curseur à l'intérieur de la sélection et vers le centre de la page dans les repères. Remplissez la sélection avec la couleur # 445852. Appuyez sur Command + D pour désélectionner.

Prenez l’outil elliptique, définissez la largeur et la hauteur sur 418 px. Cliquez n'importe où dans le canevas, puis déplacez le curseur dans la sélection et vers le centre de la page dans les repères. Nous allons maintenant effacer la zone sélectionnée en appuyant sur Supprimer. Appuyez sur Command + D pour désélectionner.

Étape 14

Appliquez les styles de calque Bevel et Emboss au calque "Big Ring" avec les paramètres suivants: Style défini sur Biseau intérieur, Profondeur à 365%, Direction définie sur Haut, Taille définie sur 30 px et Adoucissement défini sur 7 px. De plus, dans les contrôles Ombrage, définissez Angle et Altitude sur 50 degrés, puis définissez Contour de brillant sur Crique - Profond, réglez l’opacité de la surbrillance sur 30% et définissez l’opacité de l’ombre sur 65%. Nous appliquerons également un effet Inner Glow à l'aide des paramètres suivants: Mode de fusion défini sur Multiplier, Opacité à 90%, Couleur définie sur Noir et Taille définie sur 7 px..

Étape 15

Créez un nouveau calque au-dessus du calque "Précédent" et nommez-le "Sombre". Saisissez l'outil de sélection elliptique et, dans les options de l'outil, définissez la largeur et la hauteur sur 490 px. Cliquez n'importe où dans le canevas, puis déplacez le curseur dans la sélection et vers le centre de la page dans les repères. Remplir la sélection en noir et désélectionner.

Étape 16

Créez un nouveau calque au-dessus du calque "Précédent" et nommez-le "Trou". Obtenez l'outil Rectangle arrondi, réglez-le sur Remplir les pixels et définissez Rayon sur 10 px. Ensuite, dessinez un rectangle arrondi, comme dans l'image ci-dessous. Assurez-vous qu’il est centré sur le guide vertical et qu’il est placé quelques pixels au-dessus du calque "foncé".

Accédez à la palette des calques et dupliquez le calque "Trou". Appuyez sur Command + T pour le mode de transformation libre. Déplacez l'origine de la transformation au centre de la page. Si vous ne pouvez pas saisir l'origine, essayez de la saisir en maintenant la touche Alt enfoncée. Faire pivoter le calque de 180 degrés.

Sélectionnez maintenant les deux calques de trous et accédez à Calque> Fusionner les calques (Commande + E.). Dupliquez à nouveau le calque de trous. Appuyez sur Commande + T et faites pivoter le calque de 90 degrés. Sélectionnez les deux couches de trous et fusionnez-les à nouveau. Dupliquez le calque une fois de plus. Appuyez sur Commande + T et faites pivoter le calque de 45 degrés cette fois-ci. Sélectionnez les deux couches de trous et fusionnez-les. Nommez le calque fusionné "Trous".

Étape 17

Créez un nouveau calque au-dessus du calque "Précédent" et nommez-le "Bague extérieure". Appuyez sur la vignette de la couche "Précédent" pour lancer la sélection. Remplissez la sélection avec la couleur # 2a3732. Maintenant, maintenez la touche Commande enfoncée et cliquez sur la vignette de la couche "Trous" pour charger la sélection. Cachez le calque "Trous". Assurez-vous que le calque "Bague extérieure" est sélectionné dans la palette des calques. Appuyez sur Supprimer pour effacer la zone sélectionnée. Désélectionnez en appuyant sur Commande + D, puis supprimez le calque "Trous".

Étape 18

Appliquez un style de couche biseautée et en relief au calque "Bague extérieure" en utilisant les paramètres suivants: Style défini sur Biseau intérieur, Profondeur défini à 1%, Direction définie sur Haut, Taille définie sur 1 px, Angle et Altitude définis sur 50 degrés. Appliquez également un biseau et un estampage au calque "foncé", avec les paramètres suivants: Style défini sur Biseau intérieur, Profondeur défini sur 32%, Direction définie sur Bas, Taille définie sur 2 px et Angle et altitude définis sur 50 degrés. Appliquez également une superposition de dégradé avec les paramètres suivants: Mode de fusion défini sur Normal, Opacité à 30%, Dégradé défini du noir au blanc, Style de linéaire et Angle défini à 50 degrés..

Étape 19

Créez un nouveau calque en haut de la pile de calques. Nommez-le "Vis." Saisissez l'outil de sélection elliptique et définissez le style sur Normal. Faites une sélection, comme dans l'image ci-dessous, puis remplissez la sélection avec 10% de gris. Ensuite, appliquez ces styles de calque au calque "Vis":

  • Superposition de dégradé avec les paramètres suivants: Mode de fusion défini sur Normal, Opacité à 80, Dégradé défini sur Noir sur blanc, Inverse coché, avec un style radial, un angle défini à 90 degrés et une échelle définie à 115%. En outre, faites glisser le centre du dégradé vers le haut et vers la droite.
  • Inner Glow utilisant les paramètres suivants: Mode de fusion multiplié, Opacité définie sur 15%, Couleur définie sur Noir et Taille définie sur 5 px..
  • Ombre portée avec ces paramètres: Mode de fusion défini sur Multiplier, Opacité à 100%, Couleur définie sur Noir, Angle défini sur 50 degrés, Distance défini sur 0 et Taille définie sur 2 px..

Créez un nouveau calque au-dessus de la "Vis" et nommez-le "Vis en surbrillance". Cliquez sur la couche "Vis" tout en maintenant la touche Commande enfoncée. Vignette pour charger la sélection et la remplir en blanc. Assurez-vous que l’outil elliptique est sélectionné, puis déplacez la sélection de 1 px vers la droite et de 1 px vers le haut à l’aide des touches fléchées. Appuyez sur delete pour effacer, puis désélectionnez. Définissez également l'opacité de la couche sur 40%.

Étape 20

Saisissez l'outil Rectangle de sélection, puis effectuez une sélection comme indiqué ci-dessous. Créer un nouveau calque en haut et nommez-le "Vis Dent". Remplissez la sélection avec 10% de gris. Faites une autre sélection rectangulaire et remplissez-la à nouveau avec 10% de gris. Désélectionnez en appuyant sur Commande + D.

Appliquez un style de calque d'ombre interne à ce calque et utilisez les paramètres suivants: Mode de fusion défini sur Multiplier, Opacité défini sur 100%, Angle défini sur 50 degrés, Distance définie sur 1 px et Taille définie sur 2 px. Réglez le mode de fusion de la couche "Vis en creux" sur Différence. Sélectionnez les couches "Vis", "Surlignage de vis" et "Vissage" dans la palette des calques, puis fusionnez-les en sélectionnant Calque> Fusionner les calques (Commande + E). Nommez le calque fusionné "Vis".

Étape 21

Maintenant, dupliquez le calque "Vis" et placez une vis à chaque trou de vis. Vous pouvez les faire glisser pour les copier tout en maintenant la touche Alt enfoncée. Nous allons maintenant fusionner tous les calques sauf le calque "Arrière-plan". Rendre le calque "Arrière-plan" invisible. Assurez-vous que l'un des calques visibles est sélectionné, accédez à Calque> Fusionner le visible. Maintenant, nous pouvons commencer à faire la texture du bois.

Étape 22

Créez un nouveau calque au-dessus du calque "Arrière-plan" et nommez-le "Bois". Choisissez # bb9966 comme premier plan et # 885533 comme couleur de fond. Remplissez le calque avec la couleur de premier plan et accédez à Filtre> Rendu> Fibres. Définissez Variance sur 16 et Force sur 42, puis appuyez sur OK. Appliquez ensuite un style de calque superposé en dégradé avec les paramètres suivants: Mode de fusion défini sur Lumière douce, Opacité à 45%, dégradé défini sur noir à blanc, Contrôle inversé, Style défini sur Radial, Angle défini sur 75 degrés et Échelle définie sur 150%. . Lorsque la boîte de dialogue Superposition de dégradé est ouverte, déplacez le centre du dégradé vers le coin supérieur droit en cliquant dessus et en le faisant glisser..

Étape 23

Maintenant, cliquez avec le bouton droit sur le logo Psdtuts + en haut de cette page et cliquez sur Copier. Collez dans Photoshop et placez-le comme indiqué. Renommez la couche en "PSDtuts". Assurez-vous que le calque "Bois" est sélectionné dans la palette des calques. Appuyez sur Commande + A pour tout sélectionner et sur Commande + C pour copier. Accédez à la palette Canaux, puis créez un nouveau canal et appuyez sur Commande + V pour coller la texture du bois dans ce canal. Allez à Image> Ajuster> Niveaux et modifiez les niveaux comme indiqué ci-dessous.

Étape 24

Cliquez sur la miniature de la chaîne de commande pour effectuer une sélection dans les zones blanches, puis revenez à la palette Calques. Allez sur le calque "PSDtuts" et cliquez sur Supprimer pour effacer les zones sélectionnées, puis désélectionnez.

Conclusion

Accédez au calque "Haut-parleur" et appliquez un style de calque Ombre portée avec les paramètres suivants: Mode de fusion défini sur Multiplier, Opacité à 100%, Angle défini sur 50 degrés, Distance définie sur 10 px, Écartement défini sur 3 px et Taille définie. à 27 px.

Cette ombre portée était la dernière étape de notre tutoriel. J'espère que vous avez appris quelque chose de nouveau et que vous vous êtes amusés. Vous pouvez voir l'image finale ci-dessous ou voir une version plus grande ici.

Abonnez-vous au fil RSS Psdtuts + pour les meilleurs tuts et articles Photoshop sur le Web.