PSD2Mail: Convertire un Layout PSD in una Newsletter HTML
october 2011 by hanicker
PSD2Mail è un interessante strumento online, che permette di trasformare un layout in PSD in una struttura HTML ottimizzata per Newsletter.
Come sappiamo durante la progettazione di una Newsletter, bisogna usare alcune tecniche particolari per mantenere spaziature, stili e dimensioni.
Una volta progettata la grafica PSD della nostra Newsletter, dovremo esportare in HTML il layout, precedentemente tagliato a seconda degli elementi che avremo.
Clicca qui per vedere il video incorporato.
Una volta esportato il layout in HTML, dovremo inserire il codice HTML all’interno del primo box e convertirlo in layout ottimizzato per Newsletter.
In alto troveremo altre opzioni interessanti per il nostro layout, come compatibilità con Outlook, Hotmail o stili del nostro background e immagini.
Clicca qui per vedere il video incorporato.
Una volta configurate tutte le caratteristiche ci absterà inizializzare la conversione, con Make my Newsletter e verrà generato il codice corretto per Newsletter.
CompatibilitàMac OS X 10.6 Snow Leopard
Mail 4.5 – Thundendbird 5 – Thundendbird 6 – Outlook 2011 – Gmail on FF 6 – Sparrow 1.3.2 – Sea Monkey 2.3.1 – Opera on myopera Account Windows XP
Outlook 2003 – Outlook Express – AOL Windows 7
Gmail on IE 9 – Oulook 2010Linux
Thundendbird 3 – Hotmail Chrome/FF6 – Horde webmailAndroid
Gmail – Nexus OneDavvero un interessante tool online gratuito per ottimizzare i tempi nella trasformazioni di layout PSD in layout HTML per Newsletter.
Design
Grafica
Immagini
Sviluppo
Newsletter
Photoshop
Tools
from google
Come sappiamo durante la progettazione di una Newsletter, bisogna usare alcune tecniche particolari per mantenere spaziature, stili e dimensioni.
Una volta progettata la grafica PSD della nostra Newsletter, dovremo esportare in HTML il layout, precedentemente tagliato a seconda degli elementi che avremo.
Clicca qui per vedere il video incorporato.
Una volta esportato il layout in HTML, dovremo inserire il codice HTML all’interno del primo box e convertirlo in layout ottimizzato per Newsletter.
In alto troveremo altre opzioni interessanti per il nostro layout, come compatibilità con Outlook, Hotmail o stili del nostro background e immagini.
Clicca qui per vedere il video incorporato.
Una volta configurate tutte le caratteristiche ci absterà inizializzare la conversione, con Make my Newsletter e verrà generato il codice corretto per Newsletter.
CompatibilitàMac OS X 10.6 Snow Leopard
Mail 4.5 – Thundendbird 5 – Thundendbird 6 – Outlook 2011 – Gmail on FF 6 – Sparrow 1.3.2 – Sea Monkey 2.3.1 – Opera on myopera Account Windows XP
Outlook 2003 – Outlook Express – AOL Windows 7
Gmail on IE 9 – Oulook 2010Linux
Thundendbird 3 – Hotmail Chrome/FF6 – Horde webmailAndroid
Gmail – Nexus OneDavvero un interessante tool online gratuito per ottimizzare i tempi nella trasformazioni di layout PSD in layout HTML per Newsletter.
october 2011 by hanicker
Alice in Wonderland: Speed painting
march 2010 by hanicker
Questa settimana andrò sicuramente a vedere il nuovo film diretto da Tim Burton. Il geniale regista ha prestato la propria fantasia per “rivedere” la la storia di Alice nel paese delle meraviglie. Visto che anche in Italia ci siamo evoluti, e non temiamo più i film in lingua straniera, il titolo ormai noto del film è Alice in Wonderland.
Naturalmente non potevano mancare gli artisti digitali con gli speed painting in tema Alice in Wonderland.
Vi riporto qualche speed painting che ho trovato degno di nota:
Il Cappellaio Matto
Questo primo Cappellaio Matto è stato disegnato da EminAyaZ
Questa versione del Cappellaio Matto è stato realizzato da CrazyBonkers
La regina di cuori
La Regina di cuori in speed painting realizzato da CrazyBonkers
Tutorial_Photoshop
Photoshop
speed_painting
from google
Naturalmente non potevano mancare gli artisti digitali con gli speed painting in tema Alice in Wonderland.
Vi riporto qualche speed painting che ho trovato degno di nota:
Il Cappellaio Matto
Questo primo Cappellaio Matto è stato disegnato da EminAyaZ
Questa versione del Cappellaio Matto è stato realizzato da CrazyBonkers
La regina di cuori
La Regina di cuori in speed painting realizzato da CrazyBonkers
march 2010 by hanicker
Creare un layout grafico con Photoshop + Presentazione Go!webdesign
february 2010 by hanicker
Ecco il materiale preparato per la presentazione che ho discusso durante il Go!webdesign. Vi propongo il documento in slide che ho condiviso è la versione compresa di appunti, così da facilitare la comprensione, ed il video finale della presentazione.Le slide sono state preparate con keynote di apple, ho finalmente avuto l’opportunità di mettere in pratica questo spettacolare software per creare presentazioni. Utilizzare keynote ha sicuramente facilitato alla creazione del documento.
Video tutorial su come creare un layout grafico con Photoshop
Come anticipato nel precedente articolo, non sono riuscito a concludere il mio intervento per questioni tempistiche, e non ho potuto mostrare il video finale. Ed il video l’ho postato su youtube.
Nel video vengono mostrate circa 6 ore di lavoro effettivo su Photoshop, naturalmente velocizzate e portate ad una ventina di minuti. Il template grafico prende come esempio un ipotetico sito di un servizio “call center”. Lo stesso template, è stato ripreso modificato secondo le esigenze e verrà reso disponibile tra i modelli grafici a disposizione di tutti i clienti di Sitonline.
Nel video troverete riferimenti a due siti di risorse grafiche:
www.istockphoto.com
www.iconfonder.net
Tutorial_Photoshop
go!webdesign
Photoshop
sitonline
template
video
from google
Video tutorial su come creare un layout grafico con Photoshop
Come anticipato nel precedente articolo, non sono riuscito a concludere il mio intervento per questioni tempistiche, e non ho potuto mostrare il video finale. Ed il video l’ho postato su youtube.
Nel video vengono mostrate circa 6 ore di lavoro effettivo su Photoshop, naturalmente velocizzate e portate ad una ventina di minuti. Il template grafico prende come esempio un ipotetico sito di un servizio “call center”. Lo stesso template, è stato ripreso modificato secondo le esigenze e verrà reso disponibile tra i modelli grafici a disposizione di tutti i clienti di Sitonline.
Nel video troverete riferimenti a due siti di risorse grafiche:
www.istockphoto.com
www.iconfonder.net
february 2010 by hanicker
Copy this bookmark: