Come vengono disegnati i loghi Web 2.0 (Photoshop)

Vi siete mai chiesti come questi ragazzi disegnano i loro loghi Web 2.0? A volte è bello imparare dagli altri, sviluppare le competenze di base e iniziare la propria creatività da lì. In questo tutorial di Photoshop, ti mostrerò alcuni dei bei loghi del Web 2.0, come puoi disegnare il loro logo esattamente allo stesso modo (beh, non proprio al 100%) con Photoshop.

1. Scarica e installa il file di stile

Prima di tutto, dovrai scaricare uno stile che ho creato e caricarlo in Photoshop.

1. Scarica lo stile Photoshop qui. (Fare clic con il tasto destro del mouse -> Salva come)
2. Per gli utenti di Photoshop CS2, inserisci questo file di stile “C: \ Programmi \ Adobe \ Adobe Photoshop CS2 \ Presets \ Styles” Photoshop di altre versioni, inserisci il file all'interno Presets \ Styles

2. Caricare lo stile

Richiama la finestra di dialogo Stile in Photoshop

1. finestre -> stili
2. Notare un piccolo tasto a freccia nell'angolo in alto a destra. Fare clic su di esso e selezionare Carica stili dal menu a discesa
3. Trova web20 dalla lista e clicca Caricare. Se non trovi web20, prova a chiudere Photoshop, riapri e ripeti il ​​Passaggio 1.
4. Fare di nuovo clic sul pulsante freccia e selezionare Elenco grande dalla discesa

Il tuo risultato dovrebbe sembrare qualcosa di simile all'immagine qui sotto.

3. I sei logo Web 2.0

Ecco sei logo Web 2.0; MyBlogLog, Imified, mixd, skype, Linked In e Go2Web20. Lo stile che hai appena installato sta per rivelare come disegnarli. Io vado attraverso “Mixd” e “Go2Web20” loghi, il resto sta solo riutilizzando la stessa tecnica.

4. Come disegnare

Il motivo per cui utilizzo qui lo stile è perché una volta salvati in un file .asl (il file scaricato) sono convenienti da applicare. Andiamo a disegnare alcuni di questi loghi.

Disegno mixd Logo

Osservazione iniziale, composto da logo mixd

1. “Mixd” testo
2. arrotondato rettangolare
3. piccolo punto
4. punto più piccolo

Disegneremo grossolanamente in Photoshop, ogni elemento in un livello diverso come illustrato nell'immagine sottostante.

Ora ecco il trucco. Cercare “Mixd-label” nel Finestra di stile. Trascinarli direttamente sul livello di sfondo, sul piccolo punto e sul punto più piccolo rispettivamente. Se li trascini correttamente, noterai che il livello erediterà i colori e la fusione dello stile. Trova “Mixd-font” nel Finestra di stile, trascinalo sul livello di testo e il tuo logo mixd è completo, il 90% come l'originale che dirò.

Disegno Logo Go2Web20

Sono stati creati 4 nuovi livelli, ciascuno per “PARTIRE“, “2“, “WEB” e “2.0“

Trascinare “go2web20-viola” dalla finestra di dialogo stile in “PARTIRE” & “WEB”, trascinare “go2web20-verde” in “2” & “2.0” e otterrai questo risultato finale.

Per quanto riguarda il resto (MyBlogLog, imified, skype e Linked In), si tratta di trascinare il loro rispettivo stile e corrispondere con il carattere corretto.

5. conclusione

Se guardi nel Opzioni di fusione di ogni stile, noterai che la maggior parte dei loghi Web 2.0 è una questione di giochi con sfumature, tratti con la combinazione dei caratteri giusti. Questo potrebbe non il “esatto” modo in cui questi ragazzi hanno fatto il loro logo, ma è almeno un modo per raggiungerlo. Non ti sto incoraggiando a fingere il loro stile e ridisegnare il tuo logo, ma cerca di capirlo e spero che tu possa uscire con un bel logo Web 2.0. Adoro mettere i miei disegni in Style (.asl), posso riutilizzarli ogni volta che voglio.