Machen Sie einen Instructables-Header - Gunook

2024 Autor: John Day | [email protected]. Zuletzt bearbeitet: 2024-01-30 07:20

Der Instructables-Header war immer ziemlich unkompliziert, aber wir dachten, es würde Spaß machen, mit einigen Bildern oben herumzuspielen, die sich auf die Herstellung von Dingen beziehen. Um es etwas interessanter zu machen, wollten wir dem Foto später in Photoshop keine Elemente hinzufügen. Wir könnten die Bilder ein wenig optimieren und Sachen entfernen, aber es konnte nichts hinzugefügt werden. Das bedeutete, dass das Logo wirklich drin sein musste. Vielen Dank an Adobe, dass wir eine Vorabversion von Photoshop CS5 testen durften, um diesen Effekt schnell und einfach zu erhalten.

Schritt 1: Erstellen Sie das Logo

Wir lieben Laserschneiden und dieses Logo war keine Ausnahme. Das Logo hier wird auf unserem Epilog Lasercutter aus 1/8 weißem Acryl geschnitten. Die Buchstaben wurden leicht geschnitten, so dass die Schutzschicht oben durchgeschnitten wurde, ohne sehr tief in das Acryl einzudringen. Dadurch können Sie es einfach entfernen die Buchstaben und der Rest des Platzes ist noch bedeckt.

Schritt 2: Malerei

Mit der als Schablone wirkenden Schutzschicht lässt sich das Logo ganz einfach auf das Acryl sprühen. Ich habe die Seiten mit etwas Abdeckband abgeklebt und ein paar Schichten schwarzer Sprühfarbe verwendet. Danach ist es einfach, die Schutzschicht zu entfernen. Der einzige Trick besteht darin, die kleinen Inseln in einige der Schichten zu bringen. Einfach die Spitze der Klinge eines X-acto-Messers hineinstecken und schon kommt sie ab.

Schritt 3: Stützen anbringen

Die Träger für das Logo sind nur ein paar Pins, die mit kleinen Stücken Gorilla-Tape auf der Rückseite befestigt sind.

Schritt 4: Logo in Szenen platzieren

In dieser Szene haben wir ein Schneidebrett, das Logo und ein Messer verwendet. Sehr einfach. Diese Szene war insofern einzigartig, als die Stifte nicht in das Schneidebrett stecken würden, da es sehr hart ist. Auf der Rückseite wurde ein drittes Bein aus etwas Gorillaband und einer Sicherheitsnadel befestigt. Glücklicherweise hat es auch so geklappt, dass das Logo in die Kamera zeigt. Die Limette ist dazu da, das Messer emotional zu unterstützen.

Schritt 5: Out Damn Spot

Das coolste Tool hier ist der verbesserte Spot Removal Brush. Ein paar Pinselstriche und POOF! Die Pins sind Geschichte. Das wäre vorher keine allzu schlechte Aufgabe gewesen, aber jetzt ist es einfach erstaunlich einfach. Im Ernst, das Entfernen der beiden Stifte dauerte ganze 10 Sekunden. Es ist wie Magie. Süße, süße algorithmische Magie. Und um das Logo auf dem Messer loszuwerden? Nur eine weitere Verwendung des Fleckenentfernungspinsels in wenigen Sekunden. Fantastisch!

Schritt 6: Skalieren Sie es aus

Nachdem das Bild erstellt und in das neue Design eingefügt wurde, stellte sich heraus, dass das Messer zu nah am Logo war. Es dominierte die Menüpunkte und ich wollte, dass es etwas subtiler ist, also musste ich sie auseinander bewegen. Dafür habe ich Content-Aware Scaling verwendet. Standardmäßig skaliert dies das Bild und hält die Bereiche mit mehr Details intakt, wenn der ähnlichere Hintergrund gequetscht oder gestreckt wird. Dies würde nicht funktionieren, da das Logo weiße Bereiche hat, die wie Toffee gedehnt wurden. So halten Sie das Logo und das Messer so, wie wir es wollen.

1. Treffen Sie eine Auswahl, die die Elemente enthält, die nicht geändert werden sollen
2. Speichern Sie die Auswahl unter einem ausgefallenen Namen, z. B. "Zeug"
3. Wählen Sie Bearbeiten > Inhaltsbasierte Skalierung
4. Wählen Sie im Pulldown-Menü "Schützen" "Zeug" aus.
5. Bild dehnen

Presto change-o, es gibt jetzt viel Platz für die Menüpunkte.

Schritt 7: Säubern Sie die Farben und schneiden Sie sie ab

Nachdem die Pins schnell entfernt wurden, ist der Rest der Arbeit nur ein bisschen mit den Levels zu spielen und dann gibt es nur noch ein bisschen Vorbereitungsarbeit, um sie an die Coder zu senden, damit sie als neuer Header verwendet werden können. Dazu wird einfach das Logo selbst in eine neue Ebene umgewandelt, damit es eine Schaltfläche auf der Website sein kann. Und damit haben wir einen neuen Header, der später nichts hinzugefügt hat und das Logo in verschiedenen Szenen einbezieht. Es passt zu unserem eigenen DIY-Ethos und mit Hilfe von Photoshop CS5 konnten wir schneller von der Idee zum Bild gelangen.

Schritt 8: Andere Header

Dieser Vorgang wurde auch bei den 4 anderen Headern der Woche angewendet. Hier sehen Sie Vorher- und Nachher-Aufnahmen zu den verschiedenen Themen. Vielen Dank fürs Lesen!