Qualcuno mi ha detto: «Hai realizzato tre tipi di visualizzatori rank per Blogbabel; uno in Flash, uno in immagine e uno in Adobe AIR! Che aspetti a fargli un logo?». Ecco quindi alcuni studi… Mi aspetto di diventare almeno 
socio onorario di Blogbabel Italia! 
L’effetto “foglio piegato” (curl effects) sarà argomento di un prossimo post-tutorial
Da http://universofrattale.blogspot.com – per non scontentare nessuno!
Variante header:
Questo tutorial in Photoshop dimostra come sia “relativamente” semplice creare delle accattivanti icone stile web 2.0, con riflessi e quant’altro, semplicemente impostando gli effetti sul layer. Una volta compreso il processo, inoltre, è possibile – dando libero sfogo alla vostra creatività – creare numerose varianti.
Create un’immagine di almeno 800×600 pixel. Aggiungete un layer (bck) – che sarà il nostro sfondo – e disegnate lo spazio. Dev’essere un’immagine scura! Potete divertirvi a realizzarla voi o inserire (come ho fatto io) alcune spettacolari immagini della nasa, regolando i livelli in modo che venga comunque scura. Dal menu Filtro selezionate Rendering/Riflesso lente – creiamo il nostro sole! Potete farlo “sorgere” dove volete… io l’ho posizionato al centro verso l’alto dell’immagine:
Come aveva previsto Julius arrivano le prime richieste di Logo restyling… da amici che, giustamente, hanno detto “e a me?!”. Ovviamente abbiate pietà… sia perchè lo faccio come lavoro sia perchè ho famiglia!
Comunque, come al solito, sono partito da:
Estremamente semplice! Ho voluto giocare sugli esagoni dell’alveare…
Un logo, secondo me, è “bello” quando può essere visto anche a due colori.
Questa è una prova… non è propriamente un logo! Si differenzia dal precedente per lo “style” del tratto, nulla più.
(clicca sull’imagine per ingrandire)
Se un esempio vale più di mille spiegazioni, ecco come comprendere la differenza tra la percentuale di trasparenza (alpha) della proprietà opacità e la percentuale di riempimento. Entrambe, infatti, agiscono sul Layer e, in alcuni casi sembrano davvero identiche. Comunque sia, se Adobe l’ha separate, un motivo ci sarà! La differenza è semplice: opacità agisce sull’intero Layer, effetti compresi. Riempimento, invece, si limita al contenuto del Layer senza influire su eventuali effetti aggiuntivi. Create un’immagine simile a quella mostrata qui sotto:
Impostando alternativamente opacità su 10% e poi riempimento a 10%, ci rendiamo subito conto della differenza:
Tutto questo può essere utile, ad esempio, per realizzare cose come questa:
(clicca sull’immagine per ingrandire)
Prossimamente pubblicherò un post con il tutorial – passo passo – per realizzare l’illustrazione mostrata qui sopra!
Ogni tanto mi piace rielaborare qualche bel logo che vedo… Visto che JuliusDesign ha appena rinnovato il suo look, non ho resistito alla tentazione di “giocherellare” con il bel nuovo logo da lui realizzato!
Questo è il logo da cui sono partito, semplice, style web2.0, perfetto!
Tra l’altro, appeno l’ho visto mi ha ricordato qualcosa di orientale. Io ci vedo un Ninja – o giù di lì – rovesciato. Caso mai con due occhietti:
Ecco una rielaborazione spettacolare! Formato Lux, per così dire.
 |
 |
| semplice (clicca sull’immagine per ingrandire) | con riflesso (clicca sull’immagine per ingrandire) |
Con sfondo e rilfesso…
(clicca sull’immagine per ingrandire)
Ho pensato a quanti “bozzetti” e Case Study ho fatto per i clienti, così ho deciso di proporli, con una categoria propria (Case Study), invece di lasciarli “marcire” nel mio HD. Il cliente, infatti, sceglie una delle n proposte, spesso quella che non ti aspetti e le altre, alcune che ritenevi valide, rimangono sconosciute zippate nell’HD! Le proposte grafiche per un sito Web, ad esempio, o semplici studi su loghi o effetti.
Alcuni studi, realizzati da me e da =stid=, sul sito e-lementi.com
|
|
|
|
|
|
|
|
|
Per la galleria ho utilizzato Shadowbox.js: usa il tasto ESC per chiudere l’anteprima e i tasti cursore per andare avanti e indietro.
Oggi sono in vena di consigli grafici! Vedremo, infatti, passo passo, come realizzare un tasto (di una tastiera) fotorealistico con Photoshop.
Chi ha la fortuna come me di possedere il nuovo Adobe Photoshop CS3 – versione Extended – si sarà “grogiolato” a vedere tutte le novità di questa nuova release. Tra le tante novità presenti nella versione 10.0.1 due in particolare mi hanno colpito per la loro estrema utilità. Il primo è lo strumento di selezione rapida:
Questo permette, ad esempio, di “scontornare” un oggetto in modo semplice ed efficace. Una volta selezionato basta cliccare sulla parte dell’immagine che vogliamo catturare e al resto pensa lui. È possibile, durante la selezione, rimuovere eventuali selezioni che non ci soddisfano, con il solito tasto Alt (su Windows – quello usato anche per elimnare parti di selezione con gli altri tool). Inoltre, nella toolbar superiore, è possibile regolare l’ampiezza del “pennello” di selezione, sino ad arrivare ad operare pixel per pixel.
Questa funzionalità si accoppia in modo perfetto con la seconda novità presente in Adobe Photoshop CS3: migliora bordo, accessibile dal menu Selezione (Alt+Ctrl+R).
Data una selezione, questo strumento permette di eseguire tutta una serie di operazioni davvero utili e interessanti, con un anteprima in tempo reale regolabile trmite quelle immagini che vedete in fondo alla finestra qui sopra. Oltre ad essere utile per migliorare i bordi durante le operazioni di scontorno e selezione, permette anche di effettuare rielaborazioni di semplici immagini, come quella mostrata qui sotto:
Dalla grezza e “quadrata” immagine di sinistra, grazie all’uso di Migliora bordo si è arrivati in un attimo alla figura di destra.
Ultimi Commenti
Giovambattista Fazioli: @Nik: Sono contento! In bocca al lupo dunque!!
Nik: Lunedì ho l’esame di informatica su java, grazie mi sei stato utilissimo, il libro che ho era poco chiaro...
Marco: Ti ringrazio moltissimo, mi hai illuminato
ho risolto impostando [cc_objc] //OptionViewController.m -...
Giovambattista Fazioli: @Marco: Ti consiglio un approccio credo più corretto. Se hai eseguito il subclass del tab...
luigi: molto chiaro e semplice devo ammettere che anche scrivendo da un pà difficilmente uso delegati creati da...