A me sono venuti i brividi, da vedere fino alla fine!

Il video Embrace Life

Clicca qui per vedere il video incorporato.

Queste ispirazioni e riflessioni ci permetteranno di focalizzarci sullo sviluppo grafico dei personaggi e la comunicazione usata sul web da diversi punti di vista.

Oggi vi propongo Twilight.

Clicca qui per vedere il video incorporato.

Twilight prende ispirazione da romanzi scritti da Stephenie Meyer. Tratta delle avventure di Isabella Swan, un’adolescente che si trasferisce da Phoenix a Forks nella penisola di Washington, che si innamora di un vampiro chiamato Edward Cullen.

Continua su WikiPedia.

Scopriamo insieme il sito ufficiale, foto, illustrazioni e video del film.

Sito Web Ufficiale

La splash page del sito ufficiale realizzato in adobe flash si presenta con alcuni elementi interessanti da segnalare e che non dovrebbero mancare mai.

Da sinistra a destra notiamo:

• Evidenza dei DVD della saga del film
• la possibilità di scegliere di approfondire il capitolo New Moon oppure di esplorare l’intera saga.
• Il viedeo trailer
• Nuovamente un bannerino sui DVD
• Un’area riservata alla registrazione e alla condivisione sui social network

Come ben saprete Twilight si sviluppa su più capitoli quindi analizziamo l’area New Moon Site e The World of Twiligh.

New Moon Site

Una volta entrati i tre personaggi cruciali di questo capitolo verranno centrati e attorno a loro ruoteranno degli elementi grafici in 3D per accedere alla sezione dei personaggi.

Questa sezione farà comparire un’immagine ad alta definizione in cui potremo navigarci all’interno in tutte le direzioni.

Forse troppo pochino? Mi aspettavo qualche informazioni in più relativa ai personaggi…

Dal menu in alto possiamo accedere oltre alle tre sezioni principali, a delle sotto sezioni nelle quali potremo vedere gallerie di foto, video, games per iPhone, download vari.

Interessanti e originali le transizioni di pagine con effetti video.

The World of Twiligh

Selezionando il secondo tasto dalla splash page, veniamo condotti su un sito in cui viene esplorato tutto il mondo di Twilight con tutti i suoi capitolo e film in uscita.

Ottima la scelta dello slide show automatico per dare movimento al sito web.

In alto abbiamo un meno molto intuitivo e chiaro per navigare tra i vari capitoli della saga di Twiligt.

Nel sotto menu invece possiamo accedere ad aree per gallerie di foto, download, video, trama della saga, musica, libri e molto altro ancora.

A fondo web sito possiamo trovare tutti gli indirizzi per seguire gli sviluppo sui noti social network.

Come possiamo notare vi è un grande uso dei social network per condividere e far seguire il progetto, ottima mossa.

Immagini dal Film

Illustrazioni

Video

Anteprima Trailer Eclipse

Clicca qui per vedere il video incorporato.

Trailer Twilight

Clicca qui per vedere il video incorporato.

Trailer New Moon

Clicca qui per vedere il video incorporato.

New Moon: Trasformazione Lupo

Clicca qui per vedere il video incorporato.

Oggi vi segnalo Jacques Dutronc

Sito personale del cantante francese Jacques Dutronc nel quale viene descritta la sua carriera musicale.

Il sito in adobe flash è sviluppato in orizzontale con un effetto parallasse che rende accattivante la navigazione.

Ottimo lo sviluppo delle sezioni Agenda e BlindList, la prima per gestire gli eventi del cantante e la seconda in tema games a tempo.

Le varie transizioni del cantante e degli oggetti alle sue spalle rende molto originale e creativa lo sviluppo dell’intero sito.

Una volta scaricato il software avremo la possibilità di controllare un computer dovunque ci si trovi.

Attualmente è stata rilasciata una versione gratuita per iPod e iPhone Touch che ho subito scaricato e provato per voi.

Una volta installato il software sul vostro computer andiamo a scaricare la versione free per iPod e iPhone.

In seguito apriamo  TeamViewer dal nostro computer per recuperare username e password da inserire nell’applicativo iPhone e accedere alla connessione remota.

Ecco un video che mostra l’uso di questa applicazione iPhone.

Clicca qui per vedere il video incorporato.

La versione free permette il controllo remoto del pc dal nostro dispositivo mobile in modo semplice e intuitivo, anche essendo gratuita offre un’ampia possibilità di scelta tra diverse opzioni.

Se non siamo abbastanza soddisfatti della caratteristiche nella versione free, vi segnalo che è disponibile una versione pro su App Store a 79,90€.

Oggi vi segnalo il Font Gear – Free Download

Questo font è davvero molto particolare quanto creativo, raccomando l’uso dopo un’analisi approfondita in quanto poco leggibile per loghi.

Vediamo il font al completo:

In questi tutorial in lingua inglese possiamo vedere quanto l’uso del famoso editor di immagini può offrire ai web designer una grande potenzialità nel creare effetti spettacolari.

Ecco secondo il mio parere i 10 Tutorial Photoshop da non perdere:

1. Creare un Umanoide Sexy

In questo tutorial impariamo step by step la creazione di un umanoide partendo da una fotografia di una bellissima ragazza.

2. Creare un effetto Esplosione Liquida

In questo tutorial impareremo a creare un effetto esplosione liquida o anche detta frantumazione, creando così un effeto sorprendente e brillante.

3. Creare un effetto Esplosione Acqua

In questo tutorial vedremo come simulare l’esplosione di una persona in acqua.

4. Creare una scena del film Scary Mental Hospital

Semplice quanto creativo tutorial per riprodurre una scena del film ambientato un ospedale psichiatrico.

5. Creare un effetto Mold Paint Splatter su un volto

Questo tutorial ci spiega come usare i pennelli di Photoshop per ricreare un effetto pittura su volto con ottimi risultati artistici.

6. Creare un paesaggio colpito da un disastro naturale

Ottimo tutorial per apprendere come trasformare un paesaggio urbano in difficoltà surreale.

7. Creare un effetto congelamento

In questo tutorial apprenderemo come trasformare una posa in un’immagine in un effetto di congelamento immediato.

8. Creare un Cyborg

In questo tutorial apprenderemo come creare un cyborg da una foto normale.

9. Creare un effetto sangue realistico

Tutorial semplice ed efficace per apprendere come creare un effetto sangue realistico su un volto.

10. Creare un effetto artistico su occhi

In questo tutorial vedremo come usare filtri per creare effetti artistici su occhi.

Questo problema ci può capitare maggiormente durante la lettura di un file XML che risiede su un altro dominio.

Per abilitare la lettura da domini diversi è necessario utilizzare un file che regoli l’accesso alle informazioni del dominio esterno, che per i soliti motivi di sicurezza il Flash Player nega di default.

Il file da creare è un semplice XML di nome crossdomain.xml da caricare nella root del dominio.

Andiamo a vedere insieme come configurare il file XML.

Questa è la versione del file crossdomain.xml accessibile a qualsiasi utente.

<?xml version="1.0"?>
<!DOCTYPE cross-domain-policy SYSTEM "http://www.adobe.com/xml/dtds/cross-domain-policy.dtd">
<cross-domain-policy>
<allow-access-from domain="*" secure="false"/>
</cross-domain-policy>

Questo tipo di sintassi va utilizzata solo se vogliamo offrire un servizio accessibile a qualsiasi utente.

Mentre se vogliamo renderlo accessibili solo ad alcuni domini dovremo scrivere all’interno del nostro file XML:

<?xml version="1.0"?>
<!DOCTYPE cross-domain-policy SYSTEM "http://www.adobe.com/xml/dtds/cross-domain-policy.dtd">
<cross-domain-policy>
<allow-access-from domain="dominio.it"/>
<allow-access-from domain="www.dominio.it" />
</cross-domain-policy>

Una volta impostato il file XML, come scritto in precedenza ci basterà inserirlo nella root del dominio in questione.

I Tag Principali

Vediamo i tag principali che possonoe ssere usati del file crossdomain.xml

• site-control: Questo tag permette di regolare eventuali crossdomanin alternativi, ad esempio per leggere un file diverso da quello principale.
• allow-access-from: Questo tag è uno dei più importanti infatti viene utilizzato per includere l’accesso alle informazioni a uno o più domini.
• allow-http-request-headers-from: Questo tag viene utilizzato per consentire il passaggio di particolari header tra i domini.

Maggiori Informazioni

• Cross-domain policy file specification
• Policy File – condividere risorse XML
• Cross domain per il Flash Player
  

Avevo da tempo l’idea di stravolgere completamente il tema di JD, ma visto che è rischioso a livelli di comunicazione e ci sarebbe voluto parecchio tempo per analizzare alcuni fattori, ho voluto per ora effettuare solo un piccolo restyling grafico.

Restyling Logo

Ecco le differenze principali del restyling del nuovo logo:

• Sfumatura sfera
• Font e sfumatura
• Contorno più tenue
• Ombra inferiore
• JD interno alla sfera

Nel logo vecchio mi ha sempre dato problemi la stanghetta della J che usciva dal logo, un errore sottovalutato ai tempi corretto ora con la nuova versione.

Anche se l’idea era carina, a livello di favicon, stampa su oggetti la stanghetta fuori dalla circonferenza del logo si perdeva parecchio non facendo capire bene la lettera J.

Il logo nuovo riprende lo stile grafico di quello vecchio con colori e dimensioni correggendo alcuni errori citati sopra del logo vecchio.

Tema Grafico Prima

Tema Grafico Dopo

Il restyling oltre il logo ha voluto evidenziare principalmente i due menu di navigazione.

Il primo in alto rivolto ad alcuen informazioni sul blog e il secondo in basso riferito ai contenuti.

Inoltre lo spazio sotto il menu di primo livello attualmente è riservato a titoli di articoli in evidenza.

Ringraziamenti e Pareri

Forse nei prossimi giorni ci saranno altre piccole modifiche a livello grafico, per ora cosa ne pensate?

Volevo ringraziare Federico e Mirko con i quali ho discusso in anteprima del restyling e mi hanno dato pareri e consigli interessanti.

Il progetto è open source, abbiamo la possibilità di provare una demo o leggere una documentazione dettagliata.

L’applicazione permette di creare meeting e far accedere nello stesso tempo più utenti tramite VOIP condividendo le proprie webcam o desktop.

Il progetto è strutturato specificamente per formazione a distanza o per riunioni interne.

Abbiamo la possibilità di caricare presentazioni PDF o documenti di Office, e avere un’ottima navigazione tramite zoom, puntatori ecc.

BigBlueButton si basa completamente su tecnologia open source e può essere ulteriormente migliorata con le API fornite.

Le risorse sono disponibili solo per le donne Fan di JuliusDesign su Facebook entro la sera dell’8 Marzo 2010.

Se sei fidanzata con un Web Designer o lavori nel campo o conosci qualche amica che potrebbe essere interessata non perdere questa occasione, condivi condividi condividi!

Andiamo a vedere insieme il contenuto di queste risorse:

Contenuti

• Risorse Flash [233M]
  • Banner
  • Form Mail
  • Menu
  • Pageflip
  • Photo Gallery
  • Player Video & Audio
  • Utiliy

• Risorse Vettoriali [93M]
  • Oltre 1400 Icone
  • 54 Loghi vettoriali
  • 20 Elementi .PSD
  • 20 Elementi .AI
  • 20 Theme Layout PSD

• WordPress Theme [4M]
  • 10 Temi Premium WP

Contenuti Extra

Nel JD Pack Premium è possibile trovare altre risorse esclusive come:

• Guide Ebook PDF: esempi pratici su AS2, HTML, CSS, JavaScript, Php+MySql
• Risorse Flash Esclusive
• Flash Games
• Sfondi iPhone

Potrete trovare anche risorse inedite, esperimenti, appunti e risorse interessante maturate durante lo studio.

Come ottengo le Risorse?

Per ottenere il link al downlod diretto diventa Fan di JuliusDesign dal box qui sotto.

Domani 9 Marzo riceverai un’aggiornamento dalla pagina fan con il link diretto al download valido solo per 7 giorni

Ovviamente saranno incluse anche tutte le ragazze gia fan di JuliusDesign.

Ancora tanti e sinceri auguri!