IE8 coming soon - speriamo bene, sembra il titolo di un film :), di cui non si sa il finale, microsoft ha rilasciato la versione beta 1 in lingua inglese del suo famoso browser, versione rivolta al mondo dello sviluppo web, il browser ha superato i test Acid2, ma il web standards Projects (WSP), ha rilasciato un nuovo test… Acid3 nella quale IE8 ne esce sconfitto alla grande (solo safari arriva al 70% circa del superamento di tale test).

Ecco il link per scaricare la versione beta:

http://www.microsoft.com/windows/products/winfamily/ie/ie8/default.mspx

io a giorni farò il mio test … il test a base di css… e vedremo;

i consigli che dò a mamma microsoft:

1-speriamo che il browser, si possa installare senza bisogno di convalidare la propria copia di SO, visto che … quelli che hanno xp o vista originali sono pochissimi… in quel caso si dovrà fare un vera campagna per fare installare IE8 sui pc, molta gente ancora usa IE6…

2-speriamo che ci sia una rilascio per mac… anche perchè visto che tale versione è rivolta come recita il sito microsoft … "FOR WEB DEVELOPERS AND DESIGNERS" la maggior parte di queste persone usa "macchine" mac…

in attesa del rilascio ufficiale, SPERO che non sia solo un aggiornamento ad ombre e riflessi… a breve posto il mio su test IE… … …

p.s. faccio uso privato del mezzo sn senza adsl …ma il blog a breve riprenderà in pieno la sua attività…

L’altro giorno usando Google maps mi sono accorto dell’opzione street view a 360 gradi per quanto riguarda alcune città americane, vi state chiedendo cosa sia questa nuova opzione dell’utile servizio di google; posso dirvi che personalmente mi ha lasciato a bocca aperta, ma poi mi ha messo qualche sospetto. Con questa nuova opzione è possibile visualizzare le strade con un visione in 3d realistica a 360 gradi, la zoomata dell’immagine è di una buona qualità, in poche parole potete farvi un giro in un quartiere americano, ancora il servizio compre solamente le città e le strade più importanti degli U.S.A., ma credo che nel giro di 1-2 anni il servizio sarà più che completo. La cosa che mi turba è la violazione della cosidetta privacy, la zoomata è abbastanza ravvicinata, se google dispone di tale tecnologia, vuol dire che l’esercito americano avrà di peggio, in questo momento potrei essere tranquilamente spiato con un zoomata satellitare, tralasciando paranoie e fobie, il servizio mi alletta, cioè tra un paio d’anni possibilmente il nostro tom tom avrà mappe in 3d a 360 gradi vere e proprie.

Vi lascio il link del servizio:

http://maps.google.com/help/maps/streetview/index_.html

Scusate l’assenza, ma in questi giorni ho problemi con l’adsl… allora in queste due settimane ho finalmente acquistato il mac pro book, macchina dalla potenza elevata, leopard il sistema operativo targato apple è davvero stabile, ho dovuto per esigenze installare un partizione per xp per il "fruttolo", comunque una delle cose fatte subito con il mio mac è stato provare la mia tastiera midi m-audio, il prossimo mese penso di prendere una axiom 25 e poi finirò il mio home-studio con una bella scheda audio e casse monitor … ^__^ … … … comunque a giorni sto per postare dei tutorial utilissimi … … …

Spero di esserci per quel giorno :), ecco il video della Method Studios commisionato dalla sony, dove si ipotizza una PS9, dalla grafica … … … come dire … … … coinvolgente. Speriamo che ci sia il salvataggio .

clicca qui per vedere lo spot della PS9 - bassa risoluzione <<

clicca qui per vedere lo spot della PS9 - alta risoluzione <<

Dimenticavo fate un giro nel portfolio di questo studio,

Motion Graphics, ovvero grafica in movimento, è quella tecnica che permette tramite la manipolazione video, di creare veri e prorpri video animati ed effetti speciali cinematografici. Ultimamente questa tecnica è utilizzata da molte aziende per i loro spot promozionali, vedi gli intervalli pubblicitari firmati Mtv e gli spot della Sony Playstation 3, per non parlare dei molti cantanti che oramai basano su questa tecnica molti dei loro video.

Il programma per eccellenza per lo sviluppo della motion graphics è Adobe After Effects, che solitamente viene affiancato da altri programmi come Adobe Premiere Pro, AutoDesk 3D e Final Cut e l’aggiunta di qualche plug (tra i più conosciuti troviamo il plug sviluppati dalla trapcode).

Lascio in link per maggiori spiegazioni di wikipedia http://en.wikipedia.org/wiki/Motion_graphic ed il link del portale italiano che tratta in maniera completa l’argomento http://www.motiongraphics.it

inoltre allego qualche link di video per capire meglio le potenzialità della motion graphics

http://www.youtube.com/watch?v=GIYXHLlxD8U&feature=related

http://www.youtube.com/watch?v=DmIBIVJ9u3Y&feature=related

http://www.youtube.com/watch?v=9ZdQVxUNjo0

http://www.youtube.com/watch?v=5xhRg_m-ILk

http://www.youtube.com/watch?v=MwvQZLSC1p8

http://www.youtube.com/watch?v=KIwnKtL6leQ

In questo breve post darò il perché usare firefox, vi chiederete cosa sia, firefox è un browser, alternativa ad Explorer di Microsoft. Firefox conosciuto anche come mozilla si presenta facile da usare ed intuitivo, inoltre la sua peculiarità di questo browser sta nel fatto che essendo un programma open source, presenta vari estensioni e plug . Riporto il link ufficiale per il suo download:

http://www.mozilla-europe.org/it/products/firefox

Invece qui riporto il link dove sono elencati i pregi di firefox (anche da qui è possibile scaricare il browser)

http://www.getfirefox.it/firefox

Nell’ ambito dello sviluppo web esistono estensioni molto utili, ecco il link da dove scaricare l’estensioni

https://addons.mozilla.org/it/firefox

Infine scaricate firefox mozilla e ditemi non è mille volte meglio di Explorer?

LOGO TWO è una gallery dedicata ai loghi realizzati in puro stile web 2.0, sito molto utile per trarre spunto per le proprie creazioni. La gallery si presenta suddivisa per categoria d’utilizzo, è possibile inviare il proprio logo, commentare quelli altrui, nonchè votarli. Un sito da tenere tra i propri segnalibri.

Vi lascio il link

http://www.logotwo.com

L’unica pecca è il logo stesso del sito XD.

Ecco un mini tutorial, che ci permetterà di creare velocemente con pochi passi la nostra userbar statica. Vi rimando a wikipedia per info sull’userbar.

Livello tutorial: basso - Requisiti software: Photoshop -Requisiti hardware: * - Durata 15 min.

Aprite PS ed iniziamo:

1 - fate file>nuovo ed impostate un area di lavoro 350×19 pixel di dimensione;

2 - selezionate dalla paletta lo strumento sfumatura e create una nuovo livello dove applicare una sfumatura verticale;

3 - ora create un nuovo livello e selezionate 2px e riempiteli di bianco, duplicate in diagonale i pixel fino a creare una griglia a righe. Duplicate il livello, al primo livello applicate l’effetto di livello luce diffusa, al secondo impostate il riempimento di livello al 33%.

5 - prendete un immagine, possibilmente vettoriale, inseritela lateralmente a sinistra (se dovete ridimensionare non dimenticatevi di convertire in oggetto avanzato). Applichiamo all’oggetto l’effetto ombra di default modificando i valori distanza:2 e dimensioni:87;

5 - utilizzare lo strumento shape o strumento ovale per creare un ovale ed impostate il rimpiemento al 35%;

6 - ora selezioniamo un font pixel come Visitor TT2 (BRK), scriviamo a 18pt di dimensioni ed applichiamo l’effetto traccia di 1 pixel all’oggetto.

Vi lascio in allegato il progetto del tutorial in psd, inoltre posto dei link utili. Per gli scanzafatiche il sito Userbar Maker permette in automatico di creare userbar senza utilizzo di programmi.

scarica progetto<<

http://it.wikipedia.org/wiki/Userbar

http://www.userbars.be

http://userbarsmaker.com

http://userbarlar.com/ub

Ecco il primo incontro di una serie di appuntamenti, spero almeno mensili, che vedranno la selecta di video e canzoni, ovviamente selezionati da me, da usare come podcast nei vostri lettori mp3.

Allora incominciamo:

1 - Lil Wayne ft Static – Lollipop

2 - Lil Mama - G-Slide

3 - Lil Mama ft Chris Brown T-Pain - Shawty Get Loose

4 - Pharrell - That Girl

5 - Snoop Dogg - Sensual Seduction

6 - Kanye West ft T-Pain - Good Life

7 - Leona Lewis - Bleeding Love

8 - Kelly Rowland - Work

9 - T-Pain Ft. Florida - Low

10 - Rihanna - Don’t Stop The Music

11 - Alicia Keys-Like You’ll Never See Me Again

12 - Alicia Keys - No One

13 - Timbaland feat. One Republic - Apologize

La creazione di un logo è sempre un atto creativo che in generale viene guidato dalla nostra immaginazione e creatività, ma bisogna sempre seguire delle regole di base.

La prima regola, che io stesso seguo sempre è:

il logo deve essere riproducibile su ogni superficie a qualsiasi grandezza, dalla carta intestata al 6×3; inoltre il logo deve essere riproducibile a “tinta unica”; cioè la caratteristica principale del nostro logo non dovrà essere il colore ma preferibilmente la sua forma (vedi NIKE, ADIDAS, APPLE, MICROSOFT, COCACOLA, PEPSI, MTV, ecc … ). In quest’ultimi anni inoltre si è sviluppato il concetto di web 2.0 che ha reso i loghi più eleganti, ma la maggior parte delle volte è il colore a prevalere sulla forma, questo personalmente non lo condivido.

Per farvi capire ecco un esempio praticose avete un logo nella quale il colore è il principale caratterizante, considerate che in futuro dovrete stampare delle magliette, credo che un logo monocromatico in stampa ha dei costi ridotti rispetto ad un logo che richede colore e sfumature varie. Alcuni saranno in disaccordo, io credo che un buon logo deve essere riproducibile in monocromi in nero. in bianco, in rosso e cosi via… … …in un secondo momento si può scegliere un pantone caratterizzante (fino ad un massimo di 4 pantoni, non eccedete).

La riproducibilità è legato agli strumenti di realizzazione del logo, è preferibile usare un programma vettoriale per creare un logo, il perchè è ovvio. Un logo in vettoriale si può ingradire e ripicciolire senza perdita di qualità, va bene qualsiasi programma che usi la vettorilizzazione… da freehand ad illustrator.

Io per fare un esempio a fine tutorial ho usato il Fl+Ps, il primo perchè è molto semplice, direi quasi elementare da usare, il secondo l’ho utilizzato per la colorazione, perchè anche qui applicare sfumature e altre diavolerie risulta sempre semplice.

Inolte dobbiamo tenere conto pure del target e del rapporto soggetto-oggetto del nostro logo, cioè il logo è lo spirito di chi va a rappresentare, allo stesso tempo ci si deve chiedere a chi si rivolge??? Da qui bisogna scegliere il prodicimento di sviluppo per il logo. Userò forme semplici e lineari e ben impostate per il logo di un’azienda, mentre per un hotel a 5 stelle darò un tocco di l’eleganza, mentre per un logo di un cantante metal userò forme spigolose che ricordano il suono della chitarra elettrica.

Il logo può essere basato sulla font o su una forma o su entrambi i casi. In questa prima parte di tutorial vi darò un esempio semplice di creazione ed elaborazione di un logo semplice, alla quale applicherò in un secondo momento le regole del web 2.0.

Livello tutorial: medio - Requisiti software: Flash&Photoshop - Requisiti hardware: * - Durata 30 min circa

Per la creazione di questo logo ho deciso di prendere come soggetto la frase del mio blog “not only art” basero il logo su una font creando una forma particolare, attraverso l’uso di quest’ultima; il suo impiego principale sarà ovviamente il web.

1 - schizzare varie forme e ricercare la font;

2 - semplificazione della frase utilizzando esclusivamente le iniziali delle parole che compongono la frase: NOA;

3 - elaborazione logo;

qui è finito la fase prima il logo gia cosi è pronto, ma come gia detto applicherò lo stile web 2.0, visto l’utilizzo per il web.

4 - esportiamo in esp il nostro logo apriamolo in photoshop, ora giochiamo con gli stili, attraverso sfumature ed ombre.

Il risultato finale è questo

sono stato breve perchè riprenderò questo tutorial, voglio che siate per ora voi a cercare le combinazioni dando libero sfogo alla vostra immaginazione.

Alla prossima.