Apple iPad GUI PSD Format using Vectors

Di Patrick // 19, febbraio 2010 // Pubblicato in Apple, Photoshop // Letto 183 0 Commenti »

Now that Apple has officially released the iPad we want to start designing for it. While Apple’s interface builder is great, it doesn’t really allow us to create custom UI elements on the fly. That’s why Geoff Teehan created iPad GUI PSD for us.

The PSD was constructed using vectors, so it’s fully editable and scalable. You’ll notice there are a few new UI elements as compared to the iPhone interface. The workable screen design is formatted to 768×1024 so anything you design in the Photoshop file can easily be brought over to the SDK.

Download file: http://www.teehanlax.com/blog/2010/02/01/ipad-gui-psd/

Continua a leggere »

Salva e condividi questo Articolo
  • Facebook
  • Google Bookmarks
  • Digg
  • Live
  • Technorati
  • Segnalo
  • del.icio.us
  • StumbleUpon
  • Wikio
  • Netvibes
  • NewsVine
  • Reddit
  • Simpy
  • DZone
  • SphereIt
  • blogmarks
 

Effetto HDR con Photoshop

Di Patrick // 12, febbraio 2010 // Pubblicato in Grafica, Photoshop // Letto 399 1 Commento »

Fino ad oggi abbiamo manipolato, ritoccato e composto le nostre immagini con vari tutorials presenti nel nostro Blog, arrivando ad ottenere risultati finalizzati soprattutto al campo della moda e comunque dell’Advertising. Oggi mi occuperò di chiarire e mostrare cosa si può ottenere ricorrendo alla tecnica del HDR e come possiamo simularla utilizzando solamente Adobe Photoshop.

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. Continua a leggere »

Salva e condividi questo Articolo
  • Facebook
  • Google Bookmarks
  • Digg
  • Live
  • Technorati
  • Segnalo
  • del.icio.us
  • StumbleUpon
  • Wikio
  • Netvibes
  • NewsVine
  • Reddit
  • Simpy
  • DZone
  • SphereIt
  • blogmarks
 

CSS3 tutorial and examples

Di Patrick // 8, febbraio 2010 // Pubblicato in XHTML and Code // Letto 245 0 Commenti »

Il lavoro del Web Designer non ha mai fine e forse è proprio questo che ci differenzia dalle altre figure professionali che lavorano nel multimedia. Quante volte ci capita di iniziare un nuovo progetto e dover rinunciare ad alcune particolarità grafiche perchè poi non potremmo crearle nella realtà? Davvero tante; ma se oggi volessimo comunque inserire in un progetto alcune nuove particolarità proprie del Web che verrà dovremmo per forza di cose iniziare ad utilizzare i fantastici CSS3.

Proprio di recente ho lanciato alcuni nuovi progetti come www.ikoart.it e la nuova versione del mio sito www.beatfly.com presentandoli con una veste grafica differente se si accede con Firefox, Safari e Opera oppure con Explorer. Nel mio caso questa discrepanza è stata voluta, anche se alcune differenze interessano solo la presentazione estetica e non la struttura che comunque rimane cross browser. L’utilizzo dei CSS3 è a mio avviso un grandissimo risparmio di tempo per quanto riguarda la realizzazione di alcuni estetismi puramente grafici ed inoltre riduce il peso del vostro sito in quanto farete a meno di elementi grafici ora realizzati solo via codice. Rimane il problema cross browser, ma se ci limitiamo ad utilizzare le nuove regole solo per alcune migliorie quali, ombra nei testi, ombra negli elementi e magari angoli arrotondati il risultato sarà diverso ma non influirà sulla resa della presentazione. Quello che vedremo oggi, con alcuni semplici Snippets copia e incolla, sono appunte queste tipologia di nuove regole che ci permetteranno di sfruttare sia le specifiche attuali che di creare una struttura CSS in grado di salvaguardare il nostro lavoro anche in futuro.

Continua a leggere »

Salva e condividi questo Articolo
  • Facebook
  • Google Bookmarks
  • Digg
  • Live
  • Technorati
  • Segnalo
  • del.icio.us
  • StumbleUpon
  • Wikio
  • Netvibes
  • NewsVine
  • Reddit
  • Simpy
  • DZone
  • SphereIt
  • blogmarks
 

Beat Fly Portfolio Updates

Di Patrick // 5, febbraio 2010 // Pubblicato in Grafica, Nuovi lavori // Letto 178 0 Commenti »

Inserire e pubblicizzare tutto quello che si fa durante la settimana è quasi impossibile, ma ogni tanto è buona norma raccogliere un po di nuovi lavori e condividerli nella comunità; oggi presento tre nuovi lavori, eseguiti in questo ultimo mese che spaziano dalla grafica al web.

Iniziamo con il nuovo Logo per l’agenzia di comunicazione Elena Tammaro Management che opera nel campo del recruting e del casting cinematografico e televisivo. Il Logo, che accompagna tutta l’immagine cordinata dell’azienda, racchiude nella sua forma l’essere femminile proprio della titolare che rappresenta il Brand. Il mondo cinematografico rappresentato dall’agenzia ha ispirato l’ideazione del Logo come la scelta dei colori propri del mondo artistico, dove luci e popolarità mettono in risalto i talenti creativi. A breve lancerò anche il sito dell’agenzia che al momento è in fase di sviluppo.

Continua a leggere »

Salva e condividi questo Articolo
  • Facebook
  • Google Bookmarks
  • Digg
  • Live
  • Technorati
  • Segnalo
  • del.icio.us
  • StumbleUpon
  • Wikio
  • Netvibes
  • NewsVine
  • Reddit
  • Simpy
  • DZone
  • SphereIt
  • blogmarks
 
Articoli RSS Commenti RSS // Owner Patrizio Quatrini
Beat Fly Blog © - All rights reserved