Come creare l’effetto vetro in Photoshop

Di Laura // 25, febbraio 2010 // Pubblicato in Photoshop // Letto 2055 0 Commenti »

Questo tutorial spiegherà come rendere la trasparenza del vetro e renderlo più realistico, in pochi e semplici passaggi.

Scelto il soggetto che potrebbe essere qualsiasi, come una sfera in questo caso, o un bicchiere o un altro oggetto di vetro, vediamo come rendere la trasparenza. Continua a leggere »

 

CSS3 tutorial and examples

Di Patrick // 8, febbraio 2010 // Pubblicato in HTML/HTML5 // Letto 747 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 »

 

Effetto Tilt-Shift con Photoshop

Di Patrick // 10, dicembre 2009 // Pubblicato in Photoshop // Letto 1477 2 Commenti »

Dopo qualche tempo, eccomi di nuovo a scrivere un tutorial sul nostro amato programma grafico: Adobe Photoshop; questa volta lo utilizzerò per ricreare il tanto attualmente effetto miniatura chiamato Tilt-Shift.

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.

tutorial_tilt_finale

Continua a leggere »

 

Working with Masks in Adobe Photoshop

Di Laura // 8, ottobre 2009 // Pubblicato in Photoshop // Letto 874 0 Commenti »

Salve a tutti, mi chiamo Laura Gatto e sono il nuovo membro del Team Beat Fly; inizierò oggi a scrivere alcuni tutorial sul mondo della grafica, cercando di elargire alcuni trucchi e metodologie di lavoro che ogni giorno mettiamo in pratica nello studio. Per maggiori informazioni riguardo il mio portfolio, vi rimando al sito personale: www.lauragatto.net

Le maschere in photoshop, un potente strumento che ci permette di modificare le nostre immagini senza alterare il file sorgente, in modo da applicare vari filtri su livello, contrasti, saturazioni etc.
MASCHERA TITOLO

Continua a leggere »

 
  Owner Patrizio Quatrini aka Beat Fly
Beat Fly Blog | tutorial photoshop jquery css © - All rights reserved- Ideas 4 your mind is a Trade Mark ™