13 giugno 2009

Adobe Kuler logo

In un vecchio post ho già parlato di quale possa essere il giusto schema di colore per il vostro sito web. Adobe Kuler è un sito della casa del famoso software di fotoritocco “Photoshop” che vi permette di cercare, creare e votare una grandissima quantità di schemi di colore da utilizzare nei vostri lavori di grafica e webdesign. 
Chi utilizza la suite CS4 si sarà accorto le funzinalità offerte dal sito kuler possono essere utilizzate facilmente in Illustrator, essendo implementato di default in questo software.

Ma come possiamo utilizzarlo anche in Photoshop?

Gli utilizzatori di macintosh potranno essere felici di sapere che esiste una applicazione chiamata Mondrianum che ci viene in aiuto. In prima istanza occorre scaricarla dal sito ufficiale.

Mondrianum, inserite kuler in Photoshop
Una volta installata occorre modificare le preferenze di Photoshop cambiando il valore del “colour picker  - contagocce” in modo che venga utilizzato quello di sistema di Apple.

Preferenze Photoshop
In questo modo, quando si andrà a scegliere un colore si aprirà la finestra di selezione colore di Adobe, dove troveremo una nuova icona disposta all’estrema destra della palette. Se cliccata, carichera l’applicazione che mostrerà gli schemi di colore di Adobe Kuler.

contagocce Adobe 
Potete quindi scrollare fra le decine di schemi proposti e scegliere quello che meglio si addice al vostro design semplicemente cliccando sull’icona che appare accanto.

Semplice, no?

Palette di selezione del colore in Photoshop

ENJOY IT!!

andy2000 , , 2 commenti »

15 maggio 2009

Eccomi di nuovo, dopo una prolungata assenza per presentarvi un nuovo sito che si aggiunge alla collezione di quelli da me gestiti.
Si chiama discovergargano.net ed è una directory delle principali strutture presenti sul territorio del gargano, come Hotel, Appartamenti, Camping, Villaggi e Agriturismi.
Il sito è stato realizzato con Joomla, una dei miei CMS preferiti, e che, giunto alla versione 1.5, si presenta molto versatile, ricco di potenzialità e soprattuto di estensioni che si possono aggiungere.
Alla data di oggi la directory delle estensioni ufficiale conta ben 4390 titoli che aumentano le funzionalità di Joomla rendendolo adatto a realizzare un qualsiasi tipo di portale, che sia esso di e-commerce, di notizie, una community e quant'altro.
Nel mio caso specifico, ho utilizzato una estensione che si chiama Sobi2 e che permette di creare in modo veloce una directoy di qualsiasi tipo, nel mio caso turistica.
Il componente offre una notevole possibilità di personalizzazione del layout finale del sito, anche se devo ammettere che per ottenere qualcosa di graficamente accettabile è necessario lavorare un pò, e non solo con gli elementi grafici, ma anche con porzioni di codice php, javascript e css.
Sobi2 si differenzia da altri componenti per creare directory su joomla per la sua totale gratuità, e perchè offre un'assistenza costante, anche per chi si trova alle prime armi, grazie al suo ricchissimo forum, dove si trovano risposte per ogni tipo di esigenza.

Sul sito discovergargano.net non ho voluto creare un layout eccessivamente "grafico" e il lavoro principale è stato quello di creare delle icone carine ed identificative per le diverse categorie, in modo da offrire all'utente finale la possibilità di selezionare le strutture a seconda del proprio interesse.

Cosa ne pensate? Volete provarci anche voi? Avete bisogno di dritte per personalizzare il template di SObi2?
Commentate!
P.S. cerco partner per replicare il sito in altre zone d'Italia. Contattatemi se siete interessati.

andy2000 , , 3 commenti »

07 aprile 2009

Le applicazioni ajax spesso utilizzanto risorse esterne per caricare i dati di cui hanno bisogno e il vero vantaggio di questa tecnologia e che questo accade senza che la pagina sia necessariamente ricaricata. Mentre questi dati vengono caricati appare solitamente un immagine animata che indica l'attività di caricamente che si sta svolgendo in background.
Se siete degli sviluppatori di pagine con tecnologia ajax (ma non necessariamente, dal momento che le icone di caricamento si possono utilizzare benissimo anche in Flash o utilizzate negli script di gestione delle immagini come Lightbox) allora sarete interessati al sito "AjaxLoad.info" che rappresenta una valida risorsa per scaricare e generare diverse icone animate da utilizzare nelle vostre applicazioni web.


E' possibile scegliere fra vari modelli di icone: circolari con o senza frecce, progress bar, palle che rimbalzano, e moltre altre e personalizzarle cambiando il colore di sfondo e quello di primo piano per adattarle al layout della vostra pagina.
ENJOY THEM!

P.S. Sei appassionato di grafica o di fotografia? Hai un tutorial da suggerire, un tip per migliorare le fotografie digitali? Contattaci per avere la possibilità di partecipare ai nostri blog come redattore.

andy2000 6 commenti »

12 febbraio 2009

Ricevo e pubblico una recensione relativa ad un nuovo libro sul ritocco creativo utilizzando Photoshop CS4. Non ho avuto occasione di sfogliarlo, ma a giudicare dall'indice, si tratta di un manuale completo per chi, alle prime armi, voglia sfruttare al meglio uno degli aspetti principali del software, quello del fotoritocco.

La recensione del libro

In questa recensione vedremo Adobe Photoshop CS4 Fotoritocco creativo. Si tratta di un libro completamente a colori scritto da Luca Bertolli per Edizioni FAG di Milano. Leggendo questo libro imparerete a usare la nuova versione di Photoshop in modo semplice e intuitivo, con esempi pronti all'uso, predisposti per apprendere i potenti strumenti di fotoritocco di questo programma.

La scheda del libro:

Autore: Luca Bertolli
Editore: Edizioni FAG Milano
Prezzo: € 29,90
Caratteristiche: 224 pag - 17x24 col.
ISBN: 9788882337735
Anno di edizione: 2009
Numero dell'edizione: 1

I capitoli del libro

Questo libro nasce dalla collaborazione tra il portale Come fare a... (http://www.comefarea.it) e Edizioni FAG di Milano. Si compone di diciannove capitoli tramite i quali, grazie anche alle numerose illustrazioni a colori, potrete imparare a padroneggiare Adobe Photoshop CS4, seguendo i numerosi esempi di fotoritocco e fotomontaggio disponibili.

Una cosa molto importante è che gli esempi dell'intero libro sono realizzati con strumenti non distruttivi, infatti disattivando tutti i livelli si ritorna alla foto originale che rimane quindi sempre ricuperabile. Ma vediamo in dettaglio come è composto il libro

Capitolo 1: Impostiamo l'ambiente di lavoro

Il primo capitolo del libro è di tipo introduttivo, ma è molto importante perché spiega come impostare l'ambiente di lavoro per seguire gli articoli e le novità principali del nuovo Adobe Photoshop CS4. Per i nostalgici alla fine del capitolo è presente anche una guida per riportare l'interfaccia del programma alla versione precedente.

Capitolo 2: Primi passi nel fotoritocco

Già nel secondo capitolo si comincia subito con i fotoritocchi pratici, in questo caso si parte da delle cose di base, come correggere il colore e le tonalità delle nostre foto, fare un po' di pulizia e correggere gli occhi rossi.
Capitolo 3: Creiamo una ragazza copertina

Con il terzo capitolo si passa a qualcosa di più divertente, riprendendo la foto ritoccata nel capitolo precedente, si realizza una ragazza copertina, come quelle che si vedono sulle riviste e i calendari, mostrando come si possa ricostruire completamente la pelle.
Capitolo 4: Make-up digitale degli occhi

Il quarto capito che può essere agganciato al quinto, si occupa di trucco digitale degli occhi, mostrando come applicare eye liner e ombretti, trasformandoci in perfetti truccatori digitali.

Capitolo 5: Rossetto digitale

Dopo aver truccato gli occhi nel capitolo precedente, nel quinto capitolo si passa alla realizzazione di un effetto di rossetto digitale, che sarà applicato sulle labbra carnose di una bella modella.

Capitolo 6: Cambiare il colore degli occhi

Il sesto capitolo di questo libro, spiega come cambiare il colore degli occhi con una tecnica molto efficace che può essere usata anche per evidenziare maggiormente il colore naturale.

Capitolo 7: Rimozione delle abrasioni

A volte capita che una bella foto sia rovinata da tagli o abrasioni, nel caso di bambini è una situazione che può capitare. In questo capitolo verrete trasformati in dei medici digitale e vedrete come curare una simpatica bambina che si è fatta male a una guancia.

Capitolo 8: Il fascino del bianco e nero

Le foto in bianco e nero, hanno un particolare fascino che spesso viene usato dai fotografi famosi. Con Photoshop CS4 e lo strumento Bianco e nero, potrete cimentarvi anche voi nella trasformazione delle vostre foto a colori. In questo capitolo, l'ottavo, vedrete come ottenere i risultati migliori.

Capitolo 9: Scontornare oggetti con le maschere

Nel capitolo nove, si parlerà delle maschere, una delle cose più difficili da fare è scontornare gli oggetti. In questo capitolo si partirà da oggetti di facile e media complessità. Si vedranno sia le maschere vettoriali, adatte agli oggetti dai contorni definiti, sia le maschere di pixel, che grazie alla nuova paletta Maschere, permettono di ottenere efficaci maschere anche su oggetti meno definiti.

Capitolo 10: Scontornare i capelli di una donna

Dopo aver visto come usare le maschere vettoriali e di pixel nel capitolo precedente, nel decimo capitolo si passa qualcosa di più complesso, ossia lo scontorno dei capelli spumosi di una donna, con una tecnica molto laboriosa ma efficace.

Capitolo 11: Correzione tonale e di colore con Curve e Livelli

Questo capitolo diverso da tutti i precedenti, non si occupa di un ritocco particolare, ma è molto importante perché spiega come si usano i Livelli con i loro istogrammi e le Curve, per regolare colori e tonalità delle immagini. Si tratta di due strumenti piuttosto complessi, ma molto potenti che vi verranno chiariti in questo capitolo.

Capitolo 12: Trasformarsi in Zombie

Con il dodicesimo capitolo si comincia a giocare sulle foto, con un esempio su come trasformarsi in mostruosi zombie, con gli strumenti di Photoshop CS4 e un semplice fotomontaggio.
Capitolo 13: Trasformiamoci in feroci vampiri

Il tredicesimo capitolo prende in esame un'altra icona dell'immaginario horror, i vampiri. In questo capitolo scoprirete come allungare i vostri canini e come dare uno sguardo famelico con dei fantastici occhi rossi.
Capitolo 14: La ragazza demone

Il capitolo quattordici chiude la parte sui mostri, e lo fa in grande stile, trasformando una splendida ragazza in un mostruoso demone che alla fine del capitolo, viene perfettamente integrata in uno sfondo più adatto di quello originale.
Capitolo 15: le iSiluette

Il capitolo 15 rientra nel settore dei tutorial giocosi, infatti vi mostra come trasformarvi in una delle iSiluette, rese famose dalle pubblicità dell'iPod.

Capitolo 16: Scala in base ai contenuti

Nel capitolo sedici viene spiegato l'uso di una delle novità più incredibili del nuovo Photoshop CS4, si tratta della funzione Scala in base ai contenuti, che permette di ridimensionare le foto, senza deformarle. Ad esempio è possibile trasformare una foto orizzontale un una verticale senza alterare le dimensioni dei personaggi, ma riadattando lo sfondo.

Capitolo 17: Foto panoramiche

Questo capitolo, il diciassettesimo, è molto interessante per chi va in vacanza, infatti tramite una serie di scatti sequenziale è possibile creare una foto panoramica che permette così di rendere meglio l'idea di quegli spettacoli della natura che con un obiettivo normale non è possibile inquadrare per intero. Vengono dati anche dei suggerimenti per eseguire questo tipo di foto senza cavalletto, assumendo una postura del corpo corretta.

Capitolo 18: Effetto luce soffusa

Nel capitolo diciotto, viene preso in esame un effetto molto in uso tra i fotografi dei matrimoni, si tratta dell'effetto luce soffusa, che cala le persone in un effetto fiabesco.

Questo effetto viene inoltre preso come esempio, per imparare a usare le azioni, ossia un insieme di istruzioni che Photoshop è in grado di eseguire in batch su numerose foto, in modo completamente automatico.
Capitolo 19: Riflessi sull'acqua

Con l'ultimo capitolo, il diciannovesimo, si vede come realizzare da zero un affascinate effetto onde sull'acqua. In questo caso la modella viene inserita in un'ambientazione notturna che da un effetto magico al tutto.

Come acquistare il libro

Questo libro lo potete acquistare nelle migliori librerie o direttamente online sul sito di Edizioni FAG all'indirizzo: http://www.fag.it/scheda.aspx?ID=29915

Conclusioni

In questa recensione abbiamo visto un interessante libro che tramite diversi esempi di fotoritocco, insegna come usare il nuovo Adobe Photoshop CS4 e i suoi numerosi esempi. Molto interessante la parte sull'uso delle maschere e per chi si vuole cimentare sono presenti tre esempi di trasformazioni degne di un film horror. Il libro grazie a un linguaggio semplice e chiaro e alle numerose immagini a colori risulta semplice da seguire. Consigliato sia a chi non ha mai usato Photoshop, sia a chi già lo usa e vuole imparare nuove tecniche e i nuovi strumenti messi a disposizione.
Per maggiori informazioni il blog di riferimento è il seguente: http://emanuelemattei.blogspot.com

andy2000 , , , 2 commenti »

07 gennaio 2009

Smush.it è un servizio che vi permette di ottimizzare la dimensione delle vostre immagini

Tutti i webdesigner conoscono bene l'importanza che ricopre il tempo di scaricamento di una pagina web; anche se ormai gli utenti sono quasi tutti passati alla banda larga (non parliamo però degli sventurati che usano ancora il modem a 56 kb) le nuove tecnologie richiedono un uso sempre maggiore di script che e influiscono sul tempo di attesa, per cui l'ideale sarebbe di ridurre al minimo il peso globale della pagina, iniziando magari dalle immagini contenute in essa.

Smush.It è uno strumento di ottimizzazione che vi permette di ridurre la dimensione (in kb) delle immagini senza per questo comprometterne la qualità. L'ottimizzazione delle immagini migliorerà notevolmente la performance del vostro sito web, soprattutto in un epoca in cui le pagine sono fortemente basate su grafica e contenuti visivi.

Il servizio  è molto semplice da utilizzare e richiede pochissimo tempo per essere utilizzato: dovete caricare una immagine utilizzando la voce "Uploader" e attendere che il sito realizzi l'ottimizzazione per poi permettervi di scaricare il nuovo file "ridotto".

Per valutare con mano il reale "risparmio" di spazio che avrete ottenuto, potete consultare il grafico che appare  a fondo pagina, una volta terminata l'ottimizzazione.

Ottimizzate le vostre immagini con smush.it

Ci sono 3 modi per ottimizzare le immagini utilizzando Smush.it: potete utilizzare il plugin per Firefox, caricare le immagini da un URL o dal vostro computer utilizzando il  file uploader.

 

andy2000 , 1 commenti »