L’en-tête Instructables a toujours été assez simple, mais nous avons pensé qu’il serait amusant de jouer avec des images qui se rapportent à la fabrication de choses.

Pour la rendre un peu plus intéressante, nous n’avons pas voulu ajouter d’éléments à la photo ultérieurement dans Photoshop. Nous pourrions modifier un peu les images et supprimer des éléments, mais rien ne pourrait être ajouté. Cela signifiait que le logo devait être vraiment présent.

Merci à Adobe de nous avoir permis de tester une version préliminaire de Photoshop CS5 pour obtenir cet effet rapidement et facilement.

Provisions:

Étape 1: Créer le logo

Nous adorons le découpage au laser et ce logo ne fait pas exception. Le logo ici est découpé dans de l'acrylique blanc 1/8 "sur notre découpeuse au laser Epilog.

Les lettres ont été légèrement coupées, de sorte que la couche protectrice supérieure a été coupée sans creuser très profondément dans l’acrylique. Cela permet de ne supprimer que les lettres et de couvrir le reste de l'espace.

Étape 2: peinture

Avec la couche protectrice agissant comme un pochoir, il est facile de vaporiser le logo sur l’acrylique. J'ai masqué les côtés avec du ruban-cache et appliqué quelques couches de spraypaint noir.

Après cela, il est facile de retirer la couche protectrice. La seule astuce consiste à insérer les petites îles dans quelques couches. Il suffit d'insérer la pointe de la lame d'un couteau X-acto à l'intérieur et cela vient de l'extérieur.

Étape 3: Fixer des supports

Les supports du logo ne sont que quelques épingles attachées à l’arrière avec de petits morceaux de ruban adhésif pour gorille.

Étape 4: Placez le logo dans les scènes

Dans cette scène, nous avons utilisé une planche à découper, le logo et un couteau. Très simple.

Cette scène était unique en ce que les épingles ne collaient pas dans la planche à découper car c'était très difficile. Une troisième jambe composée de ruban adhésif supplémentaire pour gorille et d’une goupille de sécurité était fixée à l’arrière. Heureusement, cela a également permis de faire en sorte que le logo soit face à la caméra.

La chaux est là pour apporter un soutien émotionnel au couteau.

Étape 5: Out Damn Spot!

L'outil le plus cool ici est la brosse de suppression de tache améliorée. Quelques coups de pinceau et POOF! les épingles sont de l'histoire. Cela n'aurait pas été une si mauvaise tâche auparavant, mais maintenant c'est simplement incroyablement facile.

Sérieusement, enlever les deux broches a pris toutes les 10 secondes. C'est comme par magie. Douce, douce magie algorithmique.

Et se débarrasser du logo sur le couteau? Juste une autre utilisation de la brosse de suppression ponctuelle dans quelques secondes de plus. Impressionnant!

Étape 6: Mise à l'échelle

Après avoir créé l'image et intégré le nouveau design, il est apparu que le couteau était trop proche du logo.Il dominait les éléments du menu et je voulais que ce soit un peu plus subtil alors je devais les séparer.

Pour cela, j'ai utilisé la mise à l'échelle en fonction du contenu. Par défaut, la photo est mise à l'échelle et les zones contenant plus de détails sont conservées car le fond plus similaire s'efface ou s'étire. Cela ne fonctionnerait pas car le logo comporte des zones blanches qui s'étirent comme de la tire. Voici comment conserver le logo et le couteau comme nous le voulons.

1. Faites une sélection qui inclut les éléments que vous ne voulez pas modifier
2. Enregistrez la sélection avec un nom de fantaisie, comme "stuff"
3. Sélectionnez Edition> Échelle en fonction du contenu.
4. Dans le menu déroulant Protéger, sélectionnez "matériel"
5. Étirer l'image

Très rapidement, il y a maintenant beaucoup de place pour que les éléments de menu apparaissent.

Étape 7: Nettoyez les couleurs et coupez-les

Une fois les goupilles retirées rapidement, le reste du travail consiste à jouer avec les niveaux pendant un moment, puis il reste un peu de travail de préparation à envoyer aux codeurs pour qu'il puisse être utilisé comme nouvel en-tête. Il s’agit simplement de transformer le logo lui-même en un nouveau calque pour en faire un bouton sur le site.

Et avec cela, nous avons un nouvel en-tête qui n’ajoute rien par la suite et implique le logo dans différentes scènes. Cela correspond à notre propre philosophie de bricolage et, avec l'aide de Photoshop CS5, nous pourrions passer plus rapidement de l'idée à l'image.

Étape 8: Autres en-têtes

Ce processus a également été utilisé sur les 4 autres en-têtes de la semaine. Ici vous pouvez voir avant et après les plans des différents thèmes.

Merci pour la lecture!