Harmony è una meravigliosa web app scritta in javascipt che utilizza una tecnica chiamata “disegno procedurale“.

Armonia è stata sviluppata da Riccardo Cabello, un design/developer a cui piace sempre sperimentare le potenzialità del web, realizzando applicazioni web creative e stimolanti.

Armonia, il disegno procedurale

Il funzionamento dell’applicazione è molto semplice ma i risultati che si ottengono (oltre alla  gratificazione personale)  sono davvero magnifici e  gratificanti,  anche per chi come me con il disegno non è proprio propenso.

Una mia caricatura ottenuta con 3 minuti di applicazione.. Wow ..non sarò un disegnatore ma non me la cavo male

Una volta recatosi alla Home del sito, l’utente si trova davanti una schermata tutta bianca con un solo menù a tendina che consente di scegliere diversi pennelli con effetti grafici differenti.

Questi particolari strumenti di disegno utilizzano dei calcoli algoritmici noti come disegno procedurale. Questi calcoli creano complesse forme geometriche che poi possono essere associati a un pattern ed essere usati grazie a pennelli che noi andremmo ad utilizzare.

Come avrete intuito ogni voce del menù a tendina è un pennello che crea differenti forme geometriche o simula, ad esempio, un tratto di una penna stilografica e molto altro.

In questo caso ho utilizzato tutti gli effetti disponibili creando un0 schizzo originale

Si parte quindi col  selezionare un pennello ed  iniziare a  scarabocchiare con il mouse. Le linee e le complesse forme creano degli schizzi sorprendentemente realistici con effetti tipo inchiostro davvero graziosi.

Non ha la funzionalità di annullamento (non è una mancanza) che lo rende simile ai tipi di  schizzi ad inchiostro nella vita reale.

Ho passato piacevoli minuti davanti a questa web app che è utilizzabile perfettamente anche attraverso dispositivi mobili come iPhone e  Android.

Per finire un’altra delle mie opere d’arte.. tutto merito dell’applicazione ci mancherebbe!

Un video dimostrazione per capirne il funzionamento:

© 2008 Ziogeek.com

Ridiamo splendore al nostro iPhone tutto graffiato

Per questo motivo voglio mostrarvi una guida, pubblicata su Hack n Mod su come recuperare il look iniziale di un iPhone.
Per invogliarvi alla lettura dell’articolo voglio subito mostrarvi il risultato finale

Vediamo quali sono i passaggi da eseguire e gli strumenti che necessari.
Ecco quello che ci serve:

• sembra banale ma un iPhone molto graffiato;
• carta abrasiva (grana 320 o 500);
• kit per il restauro 3M Headlight Lens (~ $ 15 ) che contiene un disco di lucidatura, microfibra e altro;

Prima di iniziare il vostro restauro prestate attenzione all’immagine prima proposta, noterete che è scomparso il logo di Apple. E’ questo l’unico punto debole, è il piccolo prezzo da pagare per riavere il vostro iPhone come nuovo.

Vediamo ora come provedere:

• Inizialmente per rimuover i graffi bisogna “carteggiare” la superficie rovinata dell’iPhone con la carta abrasiva;
• Fatto questo con un panno umido andate a pulire eliminando i residui dalla superficie;
• Dopo aver asciugato il tutto dovreste ottenere un risultato simile a questo:

• Infine lucidate l’iPhone con il Kit da restauro ed ecco il vostro iPhone in tutto il suo splendore

Ovviamente questo dell’iPhone è un semplice esempio, infatti questa tecnica può essere applicata su qualsiasi altro dispositivo.

Fonte: Hack n Mod

© 2008 Ziogeek.com

La suite Online Aviary rappresenta una raccolta dei più completi e professionali Editor di fotoritocco on line e di editing più in generale,  presenti nel web.

Aviary Suite, disponibile gratuitamente

Il motto di Aviary è sempre stato: ” Chi ha bisogno di software di grafica costoso quando il Web può darvi tutto questo e molto di più’?”

Ottenuta con il tool online “Image editor”

Per lungo tempo molti editor della suite sono restati  in fase beta, pur dimostrando fin dall’inizio  elevati gradi di maturità e ottimizzazione. Per poter provare l’intera suite online era inoltre necessario un abbonamento annuale di circa 25 euro.

Oggi tutto questo non vale più. L‘intera suite è disponibile gratuitamente e tutti i liberi creativi ne saranno sicuramente felice.

Questi servizi di tipo Web-Based sono poi apprezzati per il fatto che non richiedono istallazione di nessun software nel proprio sistema operativo quindi a giovarne sono tutti, dai possessori di Windows, Mac Osx e Linux più in generale.  L’unico elemento da possedere è un comunissimo browser.

La tecnologia  di progettazione utilizzata per questi tool è  quella di  Ajax di javascipt, fattore molto importante che consente di guadagnare molto in termini di velcoità e prestazioni rispetto al solo flash.

Uno degli aspetti che lascia più impressi è la straordinaria velocità di caricamento di ogni Tool online delle suite anche con connessioni più lenti.

Vediamo più in dettaglio i 6 Editor web-based disponibili ora gratuitamente:

1_Phoenix Image Editor : E’ il concorrente diretto di Adobe Photoshop; un Editor di grafica e fotoritocco.

2_Peacock Effects Editor : uno strumento per il Rendering di elementi 3D.

3_Toucan Colour Editor: Strumento utile per i Web design, Permette di creare il proprio pantone di colore, da un insieme di colori o da una foto personale.

4_Raven Vector Editor: Strumento per il disegno di forme vettoriali ( concorrente di Adobe illustrator)

5_Falcon Image Markup: permette di catturare foto o immagini dal browser web. Esiste anche un estensione per Firefox.

6_Myna Audio Editor: un editor audio  che permette di remixare tracce audio in modo semplice ma professionale.

Ricordo che per l’utilizzo è necessaria uno connessione internet continua.

I video tutorial in rete  realizzati con questi Tools di Aviary impazzano. Eccone alcuni:

© 2008 Ziogeek.com

YouImage è un progetto tutto italiano, che si occupa di  fornire soluzioni innovative di marketing diretto attraverso la comunicazione personalizzata.

Creare immagini personalizzate con il proprio nome

Oltre alla vendita di prodotti da personalizzare a richiesta, YouImage offre anche un simpatico servizio che permette di personalizzate una foto, dalla gallery del sito, con il proprio nominativo o una qualunque parola.

La particolarità di questo servizio è che non è dotato di un tool online ma per usarlo basta inviare un e-mail contenente la parola e il codice associato all’immagine presente nella gallery del sito.

La gallery è suddivisa per categorie: Architttura, Sport, Eventi, Città e altro ancora.

Quindi una volta arrivati nella gallery è scelta la fotografia che più ci piace basterà inviare un e-mail all’indirizzo info@youimage.it con scritto “Rossi C1” doce C1 è il codice presente sotto ogni anteprima delle immagini.

L’effetto applicato alla foto scelta non arriverà immediatamente ma comunque non dovrete attendere  più di 24 ore. In compenso le immagini generate con questo metodo, risultano davvero realistiche e professionali.

Qui sotto una serie di esempi davvero ben realizzati:

© 2008 Ziogeek.com

La tecnica dello SlowMotion , consiste nel riprodurre un movimento a una velocità più lenta del reale.

Questa tecnica, nel corso degli anni, è stata ampiamente utilizzata e migliorata dall’ industria cinematografica in film passati alla storia come “The Matrix“.

Lo Slow Motion è possibile grazie a costose e avanzate telecamere ( dette “Hight Speed Camera”) in grado di fissare una quantità maggiore di fotogrammi al secondo rispetto alle più comuni telecamere digitale da 24-30 fps ( fotogrammi per secondo)

Queste particolari telecamere da presa, possono tranquillamente arrivare a fissare ogni secondo dai 5000 fotogrammi fino a 15.000 o addiritttura 30.000 fps. Immaginatevi quindi quanto possa occupare anche solo un minuto di video in termini di GB su un Hard disk.

Guscio d’uova

La normale moviola che ci viene fatta notare in ogni partita è ripresa con telecamere a 5000 fps (fotogrammi per secondo). Di seguito vedremo video girati con telecamere molto più performanti, che riescono a rallentare il movimento di qualsiasi oggetto ad un limite mai visto e percepito dall’ occhio umano!

E’ incredibile e stupefacente come molti degli oggetti ed elementi che ci circondano possano assumere forme e movimenti del tutto singolari in brevissimi istanti o pochissimi millisecondi.

Maggior fotogrammi per secondo infatti significano più “informazioni”, in quanto in un secondo di filmato possiamo avere anche 10 mila fotogrammi e quindi, in fase di montaggio, è possibile rendere l’effetto al rallentatore più preciso e senza salti di tempo, o “scatti”.

Se non l’avete già fatto vi consiglio vivamente di visionare anche questi video interattivi presi dalla serie ” Time Warp” o ” Effetto Rallenty” in onda anche in Italia, sullo splendido canale satellitare Discovery Channel.

E’ davvero un peccato che i nostri occhi non possano darci quel grado di sensazione e realizzazione per i dettagli di elementi che quotidianamente si manifestano intorno a noi. Il mondo si presenterebbe davvero insolito….

Trovate una raccolta di immagini e scatti presi da alcune sequenze in SlowMotion a questa pagina.

Detto questo, prendetevi un minuto ( anzi di più!) per ammirare questa MAGIA che è l’Arte dello SlowMotion.

1_

2_

3_

4_

5_

6_

Hai capito la cuccinella….

7_

8_

9_

10_

Anche questo video su: http://www.snotr.com/video/3444

Cosa ve ne pare?

Commentate!

© 2008 Ziogeek.com

Una nuova moda sta esplodendo nelle strade urbane dei  diversi paesi europei. Artisti geniali si cimentano in quelle che sono vere e proprie pitture tridimensionali.

Gli street artists del 3D, realizzano opere d’arte, semplicemente avvalendosi di comune gesso colorato e tanta creatività.

La tecnica che usano è anche chiamata “Anamorfismo” e consiste nel disegnare l’immagine  sul piano in modo distorto, cosi da dare un effetto di illusione ottica se si guarda il motivo da una posizione precisa.

Questi artisti son in grado di realizare opere d’arte ovunque ed in ogni angola della città.

Già a partire dal Rinascimento questa tecnica venne largamente utilizzata da pittori come Leonardo Da Vinci, per nascondere significati all’interno delle opere.

Queste illusioni dimostrano come la percezione dell’ occhio umano possa essere facilmente ingannata semplicemente realizzando creazioni appositamente distorte (come del resto sta già accadendo con i video in 3d).

Potete trovare altre creazioni a questa pagina o su questa sezione di flickr.

Eccone alcune davvero spettacolari ed incredibili!

Che dire…. Bravi !!

© 2008 Ziogeek.com

Sfondi San Valentino, un regalo a chi amate

Per chi possiede il il sistema operativo Windows 7 , si ha la possibilità di scaricare gratuitamente un Tema animato per desktop che Windows ha preparato.

Il  Tema è molto curato e riguarda la festa di San Valentino. ( potete fare il download qui)

Quelli che qui seguono sono invece una raccolta personale di Wallpapers trovati in giro per la rete o sul famoso portale dei designer Deviant Art.

Le risoluzioni di ciascun Wallpaper possono essere differenti. Cliccare sul titolo di ciascun anteprima per scaricare lo sfondo per Desktop.

Cominciamo!

1_ Valentine Special

2_ Valentines

3_ Valentine

4_ Valentine’s Day

5_ The Valentine’s Day

6_ valentine

7_ Happy

…

ah dimenticavo… Buon San Valentino a Tutti

© 2008 Ziogeek.com

Se siete stanchi dei soliti sfondi desktop statici e degli screensaver forniti di default in Windows allora abbandonate tutto e date spazio alla vostra fantasia.

Partendo dalle nostre immagini e fotografie saremmo in grado di realizzare con pochi e semplici passi veri e propri capolavori artistici che all’occorrenza potranno animarsi sul nostro desktop dando un tocco di originalità.

Come realizzare un tema o uno sfondo partendo dalla nostra fantasia

Con PhotoJoy, un software freeware funzionante su Windows xp, Vista e Seven, possiamo realizzare Temi e Screensaver e ancora speciali oggetti ” widget ”da animare sul nostro desktop.

Il funzionamento è semplicissimo. Basterà indicare la cartella contenente le nostre fotografie preferite e tramite divertenti passaggi potremmo decidere di creare degli originali temi o Wallpapers ( vedi figura) e applicare ad essi effetti speciali.

Il software sfrutta le caratteristiche dinamiche di Flash per animare i vari Gadget e Widget che avranno forme ed effetti  diversi come il  cubo 3D,  la rivista o le bolle di sapone che si animeranno con grazia sul vostro desktop.

La vera novità sta nella possibilità di ampliare il numero di Temi ed effetti speciali contenuti nel software, in quanto è possibile scaricare centinaia di nuovi contenuti direttamente dal sito. Potete farlo da questa pagina.

Qui il filmato che ne mostra le caratteristiche:

© 2008 Ziogeek.com

Oggi vediamo una personalissima classifica dei miglior Video Tutorial in lingua italiana. I software di Editing Video e di Grafica come Adobe Photoshop, Gimp o ancora Adobe Premiere sono molto usati dai professionisti e dagli utenti più appassionati.

Classica dei video tutorial di grafica, eccola qui

Trovare Video Tutorial aggiornati e comprensibili non è sempre un’ impresa semplice.

La classifica dei Tutorial di oggi proviene dal famoso sito italiano PlayTuts che è un progetto di JuliusDesign,  e raccoglie video tutorial in italiano realizzati da professionisti e da appassionati di grafica.

Le categorie che vedremo oggi sono suddivise tra  Adobe After Effects, Adobe Flash, , Adobe Photoshop  e Gimp.

Cominciamo!

1. Visto i  recenti successi ottenuti in tutti i Cinema non potevamo non iniziare con un Video-Tutorial su Avatar . Realizzato con Photoshop il Tutorial ci consente di apprendere le tecniche di creazione di un  un Avatar Na-vi.

2- Lezioni di Base Makeover :Come eliminare alcune imperfezioni situate sulla pelle ( e uploadare il tutto su Facebook.. scherzo ).

3. Raggi luminosi: Tutorial Su Gimp dove vedremo come realizzare un effetto speciale. Un raggio luminoso che attraverserà il soggetto.

4. Scritta 3D animata: Come creare e animare una scritta in 3D con Adobe Flash CS4.

5. Spada laser : Come creare una spada laser con tanto di suoni ed effetti realistici e applicarla su un nostro video registrato. (con Adobe After Effects)

6. Torcia umana . Ricreare l’effetto Torcia umana con i vostri video. (After Effects)

7. Collage Fotografico:  Realizziamo un Collage Di Fotografie da utilizzare anche come Wallpaper personale ( Photoshop)

Finito!

Non resta che mettersi al lavoro

© 2008 Ziogeek.com

Con le fotocamere digitale, scattare fotografie è diventato semplice e divertente. Alcune fotografie possono risultare ottime per la realizzazione di un Poster.

Con un software open source, come PosteRazor, siamo in grado di realizzare un poster da parete semplicemente partendo da una fotografia o un  disegno scansionato.

Ecco come realizzare un bellissimo poster

Il software PosteRazor,  consente di” tagliare” l’immagine in pezzi che possono poi essere stampati e assemblati in un poster.

Una volta che avrete impostato il numero di quadranti dell’immagine  e le dimensioni del Poster, potrete stampare le pagine su comuni fogli A4 oppure fare prima qualche ritocco, cosa che possiamo  comodamente in rete tramite dei software di fotoritocco on line.

Facile da usare, grazie ai pochi e semplici passaggi (5 tappe), PosteRazor è disponibile anche in italiano per le piattaforme Windows, OSX e una versione per Linux. Si tratta di un open source, sotto licenza GNU e il progetto è ospitato su SourceForge.net.

Qui sotto il video tutorial:

© 2008 Ziogeek.com