“Elements01 is the alternative Microstock web site where find Photos and Graphic resources. Our collection was created to give to corporate and public communication creativity and originality. Buy No License resources you will release your creativity.”

Finalmente ci siamo e con estremo piacere e soddisfazione annuncio il lancio del progetto commerciale elements01. Molti di voi conoscevano gia questa sezione creativa dello studio Beat Fly, che da tempo ospitava staticamente alcuni lavori del Team; da oggi, con un brand del tutto rinnovato, elements01 si pone come un microstock dove trovare fotografie, illustrazioni e presto file .psd multilivello a basso costo.

Il focus di questa nuova risorsa creativa online è quello di offrire fotografiche al alta risoluzione, perfette nella color correction e di varia misura pronte per essere acquistate e modificate senza alcuna licenza di tipo Royalty Free.

Il progetto elemenets01 lancia infatti un nuovo concetto commerciale dal nome No License idea che libera tutte le risorse da qualunque vincolo commerciale, lasciando libero ogni creativo di modificare, ritagliare e montare risorse come meglio crede. Il solo vincolo che il progetto elements01 sottolinea è quello di proibire la vendita della risorsa acquistata in altri siti di carattere stock o microstock.

Discutendo del progetto elements01 con Patrizio Quatrini titolare dello studio Beat Fly, mi ha confessato come molto spesso sia alla ricerca di risorse grafiche e fotografiche da utilizzare nei suoi progetti e spesso ricorra all’acquisto delle stesse tramite siti di settore, spendendo secondo lui e dunque per i suoi clienti cifre davvero alte se non proibitive. Questa problematica, e il desiderio di elargire alla comunità creativa che lo segue da tempo, lo ha spinto a sviluppare e concretizzare questo piccolo sogno nel cassetto.

Il nuovo progetto emenets01.net viene sviluppato secondo il concept del Creative Blog, dove regolarmente vengono pubblicate nuove risorse creative, articoli sul mondo della fotografia e del fotoritocco e dunque vendute proprie risorse creative. Il progetto è chiaramente nella sua fase di startup e dunque in continua evoluzione ed espansione, ma alcune tra le nostre risorse fotografiche migliori sono gia presenti ad un costo davvero concorrenziale e onesto.

La modalità di consultazione delle risorse è quella consueta di un qualunque portfolio creativo, dove gli elementi presentano una miniatura ingrandibile, un titolo descrittivo e le specifiche tecniche riguardanti la risoluzione e grandezza del file. Tutte le risorse vengono catalogate per categorie e TAG al fine di migliorare la ricerca e la selezione semantica.

Il progetto creativo elements01 differisce dalla moltitudine dei siti di settore poichè non contempla e obbliga ad alcuna registrazione, sottoscrizione e vincolo commerciale; siete liberi di navigare le nostre risorse, aggiungere al carrello quella che più gradite e pagare direttamente tramite Paypal.

Ogni risorsa ha un prezzo conveniente e competitivo nel rispetto di un Target creativo e attento alla concorrenza e proprie esigenze di Budget. Le Fotografie vengono rappresentate attraverso una miniatura protetta da Watermark che rappresenta il File digitale acquistabile e dunque scaricabile. Le miniature, a causa del vincolo della proporzione possono comunque celare alcuni dettagli del File originale, ma sono comunque rappresentativi al 99%.

Il pagamento e dunque l’acquisizione del File digitale avviene senza alcuna registrazione o vincolo commerciale; possiamo elencare le semplici procedure per scaricare le nostre risorse in questo grafico:

Spero che possiate apprezzare questo nostro nuovo progetto, elargire le risorse in esso presenti e divenire presto dei sostenitori della creatività senza Licenza.

Elements01 | ideas for yor mind

Patrick:

Per semplicità e chiarezza, partiamo con il definire la sigla HDR: “L’ HDR, acronimo di High Dynamic Range, è una tecnica utilizzata in computer grafica e in fotografia per consentire che i calcoli di illuminazione possano essere fatti in uno spazio più ampio (high range appunto) e si possano rappresentare valori di illuminazione molto alti o molto bassi.
Le tecniche HDR sono fondate sulla natura fisica della luce. Per i calcoli si utilizzano le stesse unità di misura della fotometria, dove per esempio, al sole viene assegnato un valore di luminosità milioni di volte più grande di quello del monitor del personal computer.

L’HDR dà la possibilità di immortalare una scena avendo poi il totale controllo sull’immagine finale; ad esempio è possibile esporre nuovamente la foto, correggendo o perfezionando il risultato finale.
L’uso dell’HDR in computer grafica venne introdotto da Paul Debevec, probabilmente la prima persona a creare immagini usando la mappatura HDR per visualizzare realisticamente le luci e animare gli oggetti. Gregory Ward invece è il creatore del formato di memorizzazione per le immagini HDR.

Le informazioni memorizzate in un’immagine HDR di solito corrispondono ai valori fisici della luminosità e della radianza che possono essere osservate nel mondo reale; in questo differiscono dalle informazioni memorizzate nelle normali immagini digitali, che memorizzano solo quali colori vanno riprodotti sullo schermo. Dunque per avere un’idea di cosa si intende con immagine HDR, vi rimando ad alcuni siti di settore dove potrete ammirare Fotografie HDR davvero notevoli: HDRCreme, Geekologie, Dranesville, HDR Photography.

Prima di iniziare il nostro Tutorial, chiariamo comunque la procedura per scattare i vari files originali con i quali lavorare. Non è necessario avere una costosa machina fotografica Reflex per ottenere l’effetto del HDR, ma basta anche una comune machina digitale compatta, l’importante e che abbia la possibilità di regolare l’esposizione. Per scattare le immagine è consigliato usare un cavalletto dato che è necessario che tutte le foto siano scattate dalla stessa angolazione.

Di solito bastano 3 o meglio ancora 5 immagini con l’esposizione che va da -2 a +2 (cioè -2, -1, 0, +1, +2), molte macchine fotografiche danno la possibilità di creare una “Serie” automatica di immagini con esposizioni diverse (Bracketing/BKT oppure Auto Exposure Bracketing/AEB)

A questo punto iniziamo il nostro tutorial che ha lo scopo di ricreare l’effetto tipico di una fotografia HDR, ma senza l’utilizzo di un software specifico dedicato proprio alla realizzazione dello stesso. Apriamo la nostra immagine di base, puliamo l’immagine e effettuiamo un eventuale taglio per evidenziare la parte che più ci interessa. Iniziamo dunque a creare i passaggi partendo dall’aggiunta di una regolazione Luci/Ombre al livello immagine; questo passo determinerà la schiarimento e lo scurimento dei punti luce ed ombra della foto; di seguito i miei passaggi:

A questo punto dobbiamo contrastare l’immagine e per ottenere un risultato preciso agiamo con il filtro Maschera di contrasto; di seguito i miei settaggi che fanno attenzione a non sgranare l’immagine per non perdere la veridicità dello stessa:

A questo punto, sempre dal pannello Regolazioni (versione CS4 del programma) aggiungiamo un livello Bianco/Nero regoliamo i vari canali e impostiamo la sua fusione su Sovrapponi diminuendo all’80% la propria Opacità:

Aggiungiamo un nuovo Livello, chiamatelo grana con un riempimento colore Grigio chiaro e la fusione su Sovrapponi; aggiungiamo allo stesso livello un effetto Aggiungi disturbo al fine di aggiungere una polvere granulosa; attenti a non esagerare. Dopo potete migliorare la colorazione dello stesso livello aggiungendo una regolazione Livelli.

A questo punto aggiungiamo un livello Filtro Fotografico e impostate la tonalità che meglio sposa la vostra immagine; nel mio caso ho impostato un Filtro più freddo n°82 con densità 7%;

Sempre dal pannello Regolazioni, aggiungiamo miglioriamo l’Esposizione dell’immagine; con questo passaggio possiamo aumentare le zone scure e di contrasto della foto:

Concludiamo con due regolazioni essenziali: Bilanciamento Colore e Saturazione:

Di seguito il risultato finale:

Dopo tre anni dalla precedente veste l’agenzia capitanata da Patrizio Quatrini vede completamente rinnovato il suo concept, il proprio layout e il mood di fondo che sottende l’entusiasmo e il lavoro di tutti i membri del Team che da oggi danno ufficialmente il benvenuto alla nuova figura: Laura gatto

Come si evince dalla prima immagine, la modifica più imponente riguarda la riconcettualizzazione del Logo, evolutosi dalle forme circolari del precedente e oggi presentato con una nuova Font e tre cerchi che esaltano i pensieri costanti del Team: Impegno, professionalità e Creatività.

Il nuovo concept è stato sviluppato in tre mesi di lavoro, riprogettando l’intero Data Base e struttura di layout; lo scopo fondamentale è stato quello di dare maggiore evidenza e giusto spazio al Portfolio, oggi in grado di catalogare semplicemente ogni tipologia di lavori realizzati.

Il Framework di riferimento con il quale ho realizzato molte delle features del nuovo sito è l’amato jQuery e proprio sfruttando il suo potenziale, risulta semplice filtrare il Portfolio e le sezione Download in modalità Live e navigare sfruttando effetti leggeri.

Il Portfolio, oggi semplicemente gestito dalla nuova verzione del nostro CHP, è in grado di dare libero sfogo alla presentazione dei lavori sfruttando la tassonomia dei TAG e delle Categorie. Ogni lavoro viene presentato dando largo respiro a dettagli e diverse informazioni visive dello stesso senza limitare la presentazione. Grazie alla tecnologia jQuery/AJAX ogni lavoro suggerisce la visita del restante Portfolio al fine di mantenere un filo costante tra il visitatore e il contenuto del sito.

Completamente dinamici sono anche le varie sezioni News, elements01 e il Download dove, con la nuova verzione vengono oggi pubblicate alcune interessanti risorse gratuite per sviluppatori CSS/jQuery e Flex. Nella sezione sono comunque sempre disponibili i nostri Wallpaper in vari formati.

Infine il nuovo e completamente ristrutturato Footer offre da oggi tutti gli aggiornamenti del nostro Network, cominciando da Twitter, proseguendo con gli articoli del Blog , il mio Facebook e il nostro lato fotografico su Flickr.

Buona visione e lasciate il vostro commento.

Visita: www.beatfly.com

Con questo nome viene rappresentata una realtà statica come una fotografia o un’animazione come un video sotto forma di miniatura, come se il soggetto fosse piccolo all’occhio dello spettatore. L’effetto in se è molto semplice da realizzare, ma al suo interno contiene due passaggi di fondamentale importanza per la riuscita del lavoro: scelta della foto e scelta del punto sfocatura. Vediamo ora il risultato finale del tutorial e iniziamo a lavorare.

Come prima cosa aprite la vostra immagine, regolate il colore, livelli e curve nel caso c’è ne fosse bisogno, ripulite l’ambiente da eventuali graffi e soffermatevi a scovare il punto dell’immagine sul quale applicare l’effetto.

Premete il tasto Q ovvero Modalità Maschera veloce e selezionate lo strumento Sfumatura G in modalità Riflessa (il quarto pulsante in alto da sinistra dello strumento). Tirate dal centro dell’immagine la sfumatura scegliendo l’asse X o Y della foto secondo la vostra scelta focale; questo passo è fondamentale e salvaguarda la porzione dell’immagine che volete salvaguardare dalla sfocatura che applicheremo successivamente.

Una volta completata la Sfumatura, uscite dalla modalità Mascera Veloce e aprite il pannello della Sfocatura con Lente (Filtro->Sfocatura->Sfocatura con Lente). Il pannello aprirà l’immagine sfocando le porzioni della stessa precedentemente escluse dal Gradiente in modalità Maschera veloce. A questo punto regolate il Raggio della Sfocatura, la Luminosità e la Soglia secondo le vostre esigenze. In anteprima potrete vedere il risultato e sperimentare varie soluzioni. effettuata la regolazione, premete Ok e ritornate al canvas.

A questo punto affrontiamo gli ultimi passaggi che riguardano l’applicazione della Tonalità/Saturazione per conferire maggiore enfasi all’immagine, e alla regolazione delle Curve per schiarire le porzioni sfocate dell’immagine. In questi ultimi passaggi dobbiamo creare un senso di profondità al lavoro, dunque scurire e risaltare la parte a fuoco e schiarire le porzioni sfocate, accentuando appunto il raggio focale del lavoro.

Una buona regola nella correzione del colore è quella di scaldare l’ambiente applicando Saturazione o un Filtro Fotografico caldo come il Giallo o il verde. Questo è tutto. spero di aver svelato nel modo più semplice l’elaborazione di questo fantastico effetto. ecco l’immagine finale:

A riguardo, vi lascio un comodo link sul canale Flickr, dove potrete ammirare alcuni lavori di Tilt-Shift davvero notevoli: Tilt-Shift Miniature Fakes

Il Buon Patrick dopo numerose richieste ha finalmente sfornato un altro tutorial di Photoshop. Questa volta ci illustra alcuni degli effetti di luce più utilizzati nella grafica e nel compositing, ovvero di Sparkles, Light Streaks e Gradient realizzati con Adobe Photoshop.

E allora buone Photoshoppate con I tutorial Beat Fly

Progettare un sito web: l’importanza dei contenuti

Quando si progetta un sito web bisogna tenere presente quello che l’utente percepisce: non bastano i nostri sforzi, la passione e le ore passate davanti allo schermo per creare un rapporto efficace con l’utente. Dobbiamo metterci nei suoi panni e vedere con i suoi occhi, scoprire come percepisce le nostre pagine per poterle migliorare. In questo senso chiedere la sua opinione è sempre il miglior modo per ottimizzare i nostri sforzi, per raggiungere i nostri obiettivi di comunicazione con la massima coerenza possibile.

Possiamo utilizzare la stessa lista per vedere come gli elementi percepiti come primi dall’utente siano in relatà gli ultimi ad essere prodotti ed implementati.

Elementi Chiave di un Sito Web – Progressione nella Percezione dell’Utente:

1. Contenuti. Testi, immagini, materiali, risorse, tutorial
2. Grafica. Colori, linee, banner, animazioni, e tutto quanto “impacchetta” i contenuti
3. Interfaccia. Menù di navigazione, strumenti di ricerca, modalità di selezione
4. Struttura / Architettura del Sito. Livello di profondità e grado di estensione, tipo di relazioni tra le pagine
5. Tecnologie Utilizzate. Linguaggi di programmazione, tipo di DB, tipo di hosting, etc.

Viceversa gli elementi da prendere in considerazione nella fase di progettazione di un sito sono:

1. Tecnologie utilizzate. Quale piattaforma di hosting scegliere e con quale linguagglio sviluppare il sito.
2. Architettura dell’Informazione. Organizzazione dei contenuti per macrocategorie, relazione tra le pagine, navigazione delle pagine, aree pubbliche / riservate, ecc.
3. Interfaccia. Menù di navigazione, strumenti di ricerca, ecc.
4. Grafica / Layout. Fisso o fluido, immagine coordinata, banner, ecc.
5. Contenuti. Testi, immagini, materiali, risorse, tutorial

Ma ricordiamoci che a parità di standard la differenza tra due siti, è rappresentata dai contenuti, dalla qualità.

Fatevi un giro

Una fantastica carrellata di biglietti da visita stravaganti ed innovativi. Una miniera di idee, forme e fattezze dalle quali poter prendere spunto quando si è a corto di ispirazione.

Cool Business Card Design

Jsutin Maller ha pubblicato i suoi nuovi lavori. Bhè, giudicate voi….. superlover.com.au

Segnalo questo che non è un concorso (perchè non si vince niente) ma un compendio, una sfilata di grafici, illustratori, fotografi.

I ragazzi di ONtheCamper vogliono realizzare un libretto 10×14 con il contributo di diversi artisti, la partecipazione è gratuita e, nota interessante, “Quando verrà raggiunto un numero consistente di contributi, allora il libretto verrà stampato”.

Io partecipo, e voi?

onthecamper.com