From Photoshop to HTML/CSS

Photoshop 1 Comment »

Photoshop CssIn questi giorni ha fatto scalpore un articolo pubblicato su www.37signals.com in cui si parlava della scarsa convenienza nell’utilizzo di Photoshop per disegnare interfacce per web sites. A sostenere questa tesi ben 7 punti, in cui emerge principalmente il problema di riportare, una volta terminata la fase di design in photoshop, il progetto in linguaggio web, cioè html e css. Questo comporta tempi molto lunghi in quanto è necessario ricreare quasi tutto da capo. Ci ho provato ed ho potuto constatare che non è operazione molto semplice. Su css-tricks.com c’è un bel tutorial, composto da tre video, che mostra passo passo come esportare in html/css un’interfaccia disegnata in Photoshop con tanto di sorgente psd. Armatevi di pazienza e tanta voglia di imparare…


Photoshop effect - Tatuaggio

Photoshop No Comments »

Photoshop ha senza dubbio innumerevoli possibilià di manipolazione delle immagini. Le funzionalità sono così tante che sfido chiunque non lo usi tutti i giorni per lavoro a conoscerle tutte.
In questo posto voglio mostrare come imprimere un tatuaggio su una vostra foto..così prima di tuatuarvi nella realtà potete verificare se il tatuaggio scelto vi sta davvero bene.
1. Scegliete una foto della persona su cui imprimere il tatuaggio. Nel nostro esempio la foto di un bodybuilder
2. Scegliete un immagine da tatuare. In questo esempio il disegno di un leone.

Photoshop effect - Tatuaggio 1

3. Ridimensionate il tatuaggio relativamente alla parte del corpo dove lo applicherete.
4. Trascinate il tautuaggio sul corpo in modo da creare un nouvo livello.

Photoshop effect - Tatuaggio 2

5. A questo punto diminuite l’opacità del livello realtivo al tatuaggio fino a raggiungere l’effetto desiderato.

Photoshop effect - Tatuaggio 3

Photoshop effect - Tatuaggio 4

6. Ora si comincia già a vedere qualcosa! Non ci resta che l’ultimo step, il più accattivante. Andate nel menu modifica –> trasforma –> warp e adattate il tatutaggio alle curve in maniera tale da farlo diventare più ergonimico.

Photoshop effect - Tatuaggio 5


7. In tutoria è finito! Avete realizzato il vostro tatuaggio!!!

Photoshop effect - Tatuaggio 6

WP Theme & Icons by N.Design Studio and modified by AntFerr
Entries RSS Comments RSS Login