Aggiornamento: e-lementi.com è confluito in saidmade.com
Un totale restyling al mio studio! Da gustare soprattutto la parte Lavori dove ho inserito le ultime fatiche, i prototipi e i logo-restyling 
Articoli con Tag ‘Photoshop’
Rinascono gli elementi di undolog.com
Photoshop study: melamorsicata e scusate la "caciara"
Pubblico questo post oggi per motivi di correttezza! Il sito MelaMorsicata.it aveva lanciato un contest per ridisegnare il loro logo. Il termine per partecipare era (è) il 15 marzo, ecco del perchè di questa attesa… non volevo in nessun modo influenzare alcunchè. Al contest si poteva inviare un solo logo o, meglio, si poteva partecipare “gareggiando” con un solo logo. Alcuni partecipanti hanno, durenate lo svolgimento del contest, reinviato varianti dei logotipi (header?) sostituendo quelli precedenti.
Photoshop study: tv revolution
Photoshop tutorial: effetto foglio piegato
Adobe Photoshop è uno strumento potente e permette di realizzare effetti davvero accattivanti. Per realizzare l’effetto di piegatura di un foglio di carta, infatti, possiamo usare lo strumento di trasformazione per "piegare" – davvero – un layer. Con qualche piccolo accorgimento possiamo rendere l’effetto davvero realistico. Le immagini presentate qui di seguito in questo tutorial sono a titolo di esempio e sono state realizzate in bassa risoluzione. Per migliorare l’effetto usare una risoluzione alta, così da ridimensionare l’immagine alla fine e ottenere un antialiasing sui bordi.
Photoshop study: blogbabel italia
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
Photoshop study: universo frattale
Da http://universofrattale.blogspot.com – per non scontentare nessuno!
APPLICATO ALL’HEADER ATTUALE
Variante header:
Photoshop tutorial: icone stile web 2.0 in 3 passi
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.
Photoshop tutorial: pianeta con sole che sorge
PASSO 1
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:
Photoshop study: hivesoft
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:
ORIGINALE
SEMPLICE WEB 2.0 STYLE
Estremamente semplice! Ho voluto giocare sugli esagoni dell’alveare…
Un logo, secondo me, è “bello” quando può essere visto anche a due colori.
VARIANTE “PHOTOREALISTICA”?
Questa è una prova… non è propriamente un logo! Si differenzia dal precedente per lo “style” del tratto, nulla più.
(clicca sull’imagine per ingrandire)
Photoshop alpha: differenza tra opacità e riempimento
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!
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...