Blog su Wordpress, Web Design, Web Development e Seo

14 File Psd per creare Biglietti da visita

PsdGraphics.com mette a disposizione questo bellissimo template psd di una carta di credito. Disponibile in tre colori: oro, blu e rosso.

Risoluzione: 5000×3500px
Peso: ~900 kb each
Formati: JPG e PSD
Colori: oro, blu, rosso
Licenza: Gratuita per uso personale
Autore: psdGraphics

In italiano, candy sta per caramella. L’ effetto Candy sul testo, che ho utilizzato nella realizzazione del Wallpaper omonimo, vuole imitare la lucentezza e lo splendore che hanno le caramelle tipo leccalecca o meglio, se le conoscete, quelle che negli USA vengono chiamate Hard Candy. Io ho realizzato l’ effetto sia con Photoshop CS3 che con CS4, quindi potete utilizzare tranquillamente quello che preferite.

Iniziamo con l’ aprire un nuovo documento, io ho scelto dimensioni relativamente piccole, 650×300. Scegliete poi un font abbastanza largo (per visualizzare meglio l’ effetto) e abbastanza rotondeggiante (le caramelle difficilmente sono squadrate). Va bene anche il Comic Sans a 150pt e grassetto. Scrivete qualcosa e chiamate questo livello di testo Base.

Selezionate il livello che avete chiamato Base e scegliete in Blending Options il Color Overlay, lasciando tutte le impostazioni di default e scegliendo un verdino #97ffb2.

Duplicate il livello Base e chiamate la copia Hard. Al livello Hard applicate i seguenti effetti ed eliminate il Color Overlay:

Il pattern a strisce scaricatelo pure qui. Il parametro Scale personalizzatelo finchè non vi sembrerà di ottenere le strisce della giusta dimensione, in base alla dimensione del testo ovviamente. Dovreste aver ottenuto qualcosa del genere:

Infine date al livello Hard un’ impostazione Blend Mode del tipo Exclusion. Duplicate il livello Hard e chiamatelo Candy.

Su Candy impostate il Blend Mode su Normal e riducete l’ opacità al 68%. Poi impostate gli effetti:

Con un rosa pari a #f9b4b4.

Con un rosa pari a #ffe6f4.

Con il rosa uguale a #e6b7b7.

Abbiamo quasi finito, infatti a questo punto avrete qualcosa del tipo:

Manca infatti solo il tocco finale, duplichiamo il livello Candy, applicate Rasterize Type e riducete l’ opacità al 29%, selezionate il testo tenendo premuto Ctrl e cliccando sul livello, poi con il Lasso Tool tagliate la parte inferiore della selezione, in modo da selezionare più o meno metà testo. Selezionate inversamente e cancellate il resto.

Infine applicate l’ effetto Stroke con il colore bianco

Finito!!

Ciao ragazzi, vediamo uno dei tanti, numerosissimi modi per realizzare con Photoshop un pulsante da integrare ai layout di un sito web, personalizzabile a seconda dei nostri gusti.

Partiamo creando un documento vuoto con dimensioni 500×500 px, impostiamo come livello base un livello trasparente:

Selezioniamo dalla barra degli strumenti lo strumento “Selezione rettangolare” e creamo un rettangolo con dimensione a seconda
delle nostra necessità. Per verificare le dimensioni basta aprire il pannello Info( da Finestra-Info) e controllare i valori in
corrispondenza di L e A.

Riempiamo la selezione rettangolare con un colore a tinta unita (Modifica-Riempi), in questo caso io scelgo il blu.

Applichiamo a questo livello uno stile “sovrapposizione sfumatura”:

e applichiamoli questo gradiente:

Applichiamo sempre a questo livello un nuovo stile di livello “Traccia”, inserendo questi valori:

Aggiungiamo per ultimo lo stile “Bagliore interno” impostando questi parametri:

ed eccoci al risultato finale:

Potete aggiungerci testo e personalizzarne i colori e dimensioni, non male, vero?

Un template molto semplice, adatto per un blog, colori vivaci. Il psd è disponibile gratuitamente. Realizzato con Photoshop CS4. Risoluzione: 950×950 pixel.

Download Template Blog

La tecnica del Cross Processing è una tecnica usata nell’ambito fotografico scoperta casualmente sviluppando per errore una pellicola positiva con una soluzione chimica per negativi.
Questo “errore” ha permesso anche ai meno esperti di scatenare la propria fantasia adoperando questa tecnica anche su video.

Il tutto è diventato ancora più interessante con la nascita di software di fotoritocco come Photoshop e di editing video come After Effects e Premiere.
E se vi state chiedendo perché questa tecnica sia così interessante tra pochi minuti avrete la risposta: simuleremo su una normale fotografia questa fantastica tecnica in poche mosse.
Innanzitutto apriamo la nostra fotografia con Photoshop:

Duplichiamo il livello “Sfondo”(Ctrl-J).

Creiamo un nuovo livello di regolazione cliccando sul pulsante indicato dalla freccia e scegliamo “Curve” come in figura:

La tecnica del Cross Processing ha come caratteristica principale una forte presenza di giallo nelle luci e di blu nelle ombre, quindi agiremo nel pannello Curve in questa maniera:

Selezioniamo dal menù a discesa il canale Rosso e impostiamo la curva in questo modo:

Ora selezioniamo il canale Blu e impostiamo la curva così:

Infine selezioniamo il canale verde impostando la curva come per il canale Rosso, ma in maniera meno accentuata:

Impostiamo come metodo di fusione del livello di regolazione il metodo Colore in modo tale da mantenere la luminosità della foto.

Creamo un nuovo livello di regolazione(con il metodo visto in precedenza) scegliendo questa volta “Tinta unita”.

Scegliamo come colore il giallo e premiamo ok.

Diminuiamo l’opacità del livello di regolazione al 25% circa modificando anche stavolta il metodo di fusione in Colore.

Come potete notare la foto ha già assunto tonalità di colore che virano verso il giallo nelle luci e blu nelle ombre.

Come tocco finale aggiungiamo ancora un livello di regolazione Curve, impostando la curva del canale composito RGB a forma di S come in figura, questa accentuerà il contrasto tra luci e ombre:

Ed ecco il risultato finale! Sarò sincero, questa tecnica mi affascina tantissimo!

Oggi ho trovato l’ ispirazione ed è venuto fuori Colors, un web layout che potete scaricare in psd gratuitamente.

Download Colors Template

Sumo Paint è un tool gratuito di foto editing disponibile on line. Potete utilizzare i livelli e i filtri, molto più simile a Photoshop dello stesso tool on line messo a disposizione dalla Adobe. Se vi ritrovate senza Photoshop e ne avete urgentemente bisogno potrebbe essere un valido sostituto per modifiche o creazioni veloci. Attenzione però perchè salva solo in png e jpg, si può salvare sul proprio pc o se siete registrati anche nel vostro account.

La speranza è che il tool venga via via migliorato e arricchito con nuove funzionalità, comunque l’ inizio è ottimo.

Fantastico strumento di Photoshop, che permette di gestire in maniera ottimale la prospettiva delle immagini, escludendo così la possibilità di errori.

In questo tutorial, effettueremo un print screen sul display di un computer portatile visto dalla nostra prospettiva. Ecco qui sotto la foto di un portatile e quella di una pagina web, che “magicamente” apparirà sullo schermo!

Come prima cosa, dobbiamo selezionare l’immagine che vogliamo inserire nello schermo del pc, questo tramite il comando CTRL+A, poi copiamo con CTRL+C. Passiamo all’immagine del portatile e dal menu filtro, clicchiamo l’opzione fuoco prospettico, vedrete la finestra qui sotto.

Utilizziamo lo strumento : crea piano, che nell’immagine qui sopra potete vedere cerchiato un rosso,facciamo un bel contorno dello display, fissando i punti per i quattro angoli dell’intera area. Si formerà una griglia come quella nella figura: In questo modo è stato creato il piano in prospettiva.

Il prossimo passo da eseguire è quello di incollare all’interno del piano appena realizzato, la nostra immagine che abbiamo scelto prima (ovviamente copiata in memoria) Ora vi chiederete sarà difficile riportare un immagine sul display?assolutamente no, basta semplicemente incollare l’immagine (solita scorciatoia da tastiera CTRL+V) nella finestra in cui stiamo lavorando e trascinarla all’interno della griglia del piano. Provate!

Non sembra vero, l’immagine appena entra nel piano si dispone in maniera automatica,quasi scivolasse con il movimento del mouse. Possiamo dire che quello che volevamo ottenere è stato fatto, manca un ultima cosa ridimensionare il tutto cosi che l’immagine entri perfettamente all’interno dell’area.

Mantenendo l’oggetto selezionato, cliccate sul comando che trovate a sinistra: Strumento Trasformazione, ora appariranno negli angoli e al centro dei lati i punti di ridimensionamento dell’immagine, usate per modificare grandezza e altezza cosi che, l’immagine risulti perfettamente adattata allo schermo. Terminato l’adattamento, cliccate su ok, questo è il risultato finale: Niente Male vero?

Per un risultato più versatile, prima di cominciare il tutto, create un nuovo livello dell’immagine del portatile ed effettuate l’operazione, cosi l’immagine incollata nel display potrà esser gestita separatamente.

Con Photoshop si possono creare un’infinità di cose, ormai lo sanno tutti! Vi propongo un tutorial che forse ben pochi hanno visto, si tratta di una scritta multistrato, una buona idea magari per una copertina di un cd.

Come prima cosa, creiamo un nuovo documento di 5×5 pixel a 72 dpi, ingrandiamo al massimo e riempiamo lo sfondo di un colore che più ci piace. A questo punto selezioniamo un nuovo colore poi con lo strumento linea ,senza anti-alias mi raccomando, tracciamo una linea che va del vertice destro superiore al quello sinistro inferiore come si può vedere in figura.

Ora selezioniamo dal menu filtro, la voce altro- sposta, spuntando l’opzione riprendi, se impostate 1pixel sia in orizzontale che in verticale, dovreste ottenere qualcosa molto simile alla figura sottostante.

Ora premete CTRL+A per effettuare una selezione dell’intera immagine e dal menù modifica cliccate la voce: definisci pattern.

Se volete potete chiudere l’immagine, create un nuovo documento con dimensioni di 500×400 pixel a 72 dpi, all’interno del menù modifica cliccate su riempi, ed impostate la modalità come vedete in figura, selezionando dai pattern l’immagine che avete creato prima. Con lo strumento testo inserite il testo che volete, dalla palette livelli selezionate il primo livello del testo,tenendo premuto CTRL cosi tutto il testo verrà selezionato. Ora nascondete il livello di testo, attivate il livello di sfondo dalla palette e premete CTRL+C, create un nuovo documento sempre di 500×400 e incollate tramite CTRL+V.

Create due duplicati del livello appena incollato, cosi da avere non uno ma ben tre testi, ad ogni testo applicate diversi valori di tonalità e di saturazione, questo tramite il menù immagine-regolazione- tonalità e saturazione. Sposate i tre livelli in modo che siano visibile l’uno dietro l’altro come nella foto di esempio.

Selezionate il primo livello, applicando una traccia interna con un colore che si adatti alla vostra immagine, impostando la dimensione della traccia a 2pixel, quello che dovrebbe apparire è qualcosa di molto simile alla foto sottostante.

Infine i tre livelli dalla palette vanno selezionati tutti, e poi uniti in unico livello con CTRL+E, dovreste vedere solo il testo e lo sfondo, con i giusti colori e uno sfondo azzeccato il testo risulterà sicuramente di grande impatto! L’effetto finale è questo :