Crea un'intestazione Instructables: 8 passaggi (con immagini)

2024 Autore: John Day | [email protected]. Ultima modifica: 2024-01-30 10:04

L'intestazione di Instructables è sempre stata piuttosto semplice, ma abbiamo pensato che sarebbe stato divertente giocare con alcune immagini in alto che si riferiscono alla creazione di cose. Per renderlo un po' più interessante, non volevamo aggiungere alcun elemento alla foto in seguito in Photoshop. Potremmo modificare un po' le immagini e rimuovere elementi, ma non è stato possibile aggiungere nulla. Ciò significava che il logo doveva essere davvero lì dentro. Grazie ad Adobe per averci permesso di testare una copia anticipata di Photoshop CS5 per ottenere questo effetto in modo rapido e semplice.

Passaggio 1: crea il logo

Adoriamo il taglio laser e questo logo non ha fatto eccezione. Il logo qui è tagliato da 1/8 di acrilico bianco sul nostro laser cutter Epilog. Le lettere sono state leggermente tagliate in modo che lo strato protettivo sulla parte superiore sia stato tagliato senza scavare molto profondamente nell'acrilico. In questo modo è possibile rimuovere solo le lettere e il resto dello spazio è ancora coperto.

Passaggio 2: pittura

Con lo strato protettivo che funge da stencil è facile spruzzare il logo sull'acrilico. Ho mascherato i lati con del nastro adesivo e ho usato un paio di mani di vernice spray nera. Dopodiché è facile rimuovere lo strato protettivo. L'unico trucco è inserire le piccole isole all'interno di alcuni strati. Basta inserire la punta della lama di un coltello X-acto e verrà fuori.

Passaggio 3: collegare i supporti

I supporti per il logo sono solo un paio di spille attaccate sul retro con piccoli pezzi di nastro gorilla.

Passaggio 4: posiziona il logo nelle scene

In questa scena abbiamo usato un tagliere, il logo e un coltello. Molto semplice. Questa scena era unica in quanto gli spilli non si attaccavano al tagliere poiché è molto difficile. Una terza gamba fatta di altro nastro adesivo da gorilla e una spilla da balia era attaccata alla schiena. Fortunatamente, questo ha funzionato anche in modo che il logo fosse rivolto verso la fotocamera. La calce è lì per fornire supporto emotivo al coltello.

Passaggio 5: fuori posto maledetto

Lo strumento più interessante qui è il Pennello rimozione macchie migliorato. Un paio di pennellate e POOF! i pin sono storia. Questo non sarebbe stato un compito così brutto prima, ma ora è semplicemente incredibilmente facile. Seriamente, la rimozione dei due pin ha richiesto 10 secondi. È come una magia. Dolce, dolce magia algoritmica. E per sbarazzarsi del logo sul coltello? Solo un altro uso del pennello per la rimozione delle macchie in pochi secondi. Stupendo!

Passaggio 6: ridimensionarlo

Dopo aver creato l'immagine e averla inserita nel nuovo design, è apparso evidente che il coltello era troppo vicino al logo. Stava dominando le voci del menu e volevo che fosse un po' più sottile, quindi dovevo separarle. Per questo ho usato il ridimensionamento in base al contenuto. Per impostazione predefinita, questo ridimensiona l'immagine e mantiene intatte le aree con maggiori dettagli poiché lo sfondo più simile viene schiacciato o allungato. Questo non funzionerebbe poiché il logo ha aree bianche che si sono allungate come caramelle. Ecco come mantenere il logo e il coltello proprio come li vogliamo.

1. Fai una selezione che includa gli elementi che non vuoi modificare
2. Salva la selezione con un nome di fantasia, come "roba"
3. Seleziona Modifica > Scala in base al contenuto
4. Nel menu a discesa Protect, seleziona "cose"
5. Allunga l'immagine

Presto change-o, ora c'è molto spazio per far apparire le voci di menu.

Passaggio 7: ripulire i colori e ridurli

Dopo che i pin sono stati rimossi rapidamente, il resto del lavoro consiste nel giocare un po' con i livelli e poi c'è solo un po' di lavoro di preparazione da inviare ai programmatori in modo che possa essere utilizzato come nuovo header. Si tratta semplicemente di trasformare il logo stesso in un nuovo livello in modo che possa essere un pulsante sul sito. E con questo abbiamo una nuova intestazione che non ha aggiunto nulla in seguito e coinvolge il logo in diverse scene. Si adatta al nostro ethos fai-da-te e con l'aiuto di Photoshop CS5 potremmo passare più velocemente dall'idea all'immagine.

Passaggio 8: altre intestazioni

Questo processo è stato utilizzato anche sulle altre 4 intestazioni della settimana. Qui puoi vedere gli scatti prima e dopo dei diversi temi. Grazie per aver letto!