Il mio valore del sito web
€815.74
Ebbene si, è finalmente giunto il momento di cambiare casa! Tempo_perso si sposta da quì per andare a finire su www.alessandrozanon.it! Ho finalmente deciso di comprarmi un dominio tutto mio e di farmi un sitino su misura!
Al momento il sito è un portfolio/blog… ma non si sa mai cosa potrebbe divenire in futuro!
Naturalmente nel nuovo spazio è stato importato tutto il db di questo blog… anche se sono andati persi alcuni commenti recenti… poco male!
Questo, più che tutorial, sarebbe giusto chiamarlo mini-tutorial! Infatti è molto breve. Impareremo a creare un’immagine come quella che vedete quì sopra. Come potete vedere il design è molto semplice ma, a mio avviso, di grande impatto. Ho scelto di scrivere la parola “Tutorial” siccome questa immagine la userò come testata della pagina dedicata ai Tutorial (link) .
Partiamo aprendo Photoshop e creando un nuovo documento di dimensioni 800×600. Come sempre potete utilizzare le dimensioni che vi servono! Il livello di sfondo lo lasciamo di colore bianco e ne creiamo uno nuovo subito sopra, nel quale adremo a creare le righe di sfondo e l’effetto rovinato. Come potete vedere sono delle righe che si diramano a raggiera… per farle ho usato un pennello scaricato da internet con la forma che vedete nella immagine sottostante. Per vostra sfortuna non ricordo il sito dal quale l’ho scaricato, ma faceva parte di un set di pennelli freeware. Non dovreste far fatica a trovarlo seguendo alcuni dei miei link. In particolare su Brusheezy dovreste trovare i pennelli che ho utilizzato.
Ho usato anche un’altro set di pennelli freeware per sporcare queste linee… l’esempio lo trovate sempre quì sotto.
Naturalmente potete usare i pennelli o le forme che più vi piacciono. Il fulcro di questo tutorial è l’utilizzo creativo degli stili di livello, tutti i nostri colori dipenderanno solo da quello. Una volta che avete i pennelli giusti create le righe e sporcatele un pò… giusto per creare un pò di dinamismo e confusione! Il mio risultato è quello che vedete nello screenshot quì sotto.
Giunti a questo punto non resta che andare a lavorare sugli stili del livello. Quindi andiamo su “Layer > Layer Style > Blendig Options” e copiamo i valori che troviamo negli screenshot quì sotto. Il gradiente va da “#eb3dee” (colore di sinistra) a “#fc85fb”.
Gradient Overlay
L’altro effetto che andremo ad applicare è lo “Stroke”. La particolarità è rappresentata dal gradiente utilizzato per lo stoke, infatti come tipo sceglieremo “Noise” ed andremo a cliccare su “Randomize” fino ad ottenere un colore come quello che vedete nello screenshot (od un colore che vi aggrada).
Stroke
Una volta applicati quasti due effetti, passiamo alla voce “Blending Option: Custom” ed impostiamo “Opacity” a 50% e “Fill opacity” a 0%. In questo modo resteranno visibili solo gli stili applicati al livello, mentre scompariranno i colori originali della forma che avevmao disegnato! Otteremo così il risultato che si vede sotto.
Adesso dobbiamo inserire la scritta che vogliamo. Come ho detto all’inizio io ho optato per “Tutorial”, quindi prendiamo lo strumento testo e scriviamo. Il font utilizzato è “Bickham Script Pro – Regular”, la dimensione dipenderà dalla vostra immagine di partenza, nel mio caso è di 187px. Anche quì andremo a definire gli stili di livello per ottenere il risultato voluto. Per prima cosa dobbiamo copiare lo stile di livello applicato prima ed incollarlo sul livello di testo appena creato. Per fare questo clicchiamo con il tasto destro sulla “FX” che appare accanto al livello (finestra dei livelli in basso a dx di solito) e scegliamo “Copy Layer Style”, spostiamoci sul livello di testo e, sempre cliccando con il tasto destro, scegliamo “Paste Layer Style”. Ora facciamo doppio click su “FX” del livello di testo e andiamo ad editare alcuno campi.
A differenza di prima in “Blending Option: Custom” portiamo “Opacity” a 100% e “Fill opacity” a 0%. Poi aggiungiamo “Drop Shadow” aumentandone la distanza fino a 60px. Per quanto riguarda l’effetto “Bevel and Emboss l’ho aggiunto senza modificarne i parametri. A differenza di prima leviamo “Gradient overlay” ed abilitiamo “Color overlay”, impostando come colore il bianco. L’effetto stroke non lo modifichiamo.
Una volta ultimati questi ultimi passaggi abbiamo terminato il nostro tutorial! Possiamo aggiungere un gradiente che va dal bianco al trasparente ai bordi dell’immagine per ottenere una copia esatta dell’imagine che trovate in cima al tutorial!
Per creare un testo del genere utilizzeremo due programmi della suite Adobe, Photoshop ed Illustrator. Al posto di illustrator potremmo usare un qualsiasi programma di rendering 3D, come ad esempio blender (che è gratuito) o Cinema 4D. Creeremo la nostra scritta tridimensionale in Illustrator e la importeremo in photoshop per colorarla.
per prima cosa apriamo Illustrator (io uso il CS4) e creiamo un nuovo file delle dimensioni desiderate (nel mio caso 800×600). Ora con il Type Tool (io uso le versioni inglesi) componiamo la nostra scritta, avendo cura di usare un livello per lettera.
Ora selezioniamo la prima lettera e andiamo su “Effect > 3D > Etrude & Bevel”. Dalla finestra che si aprirà possiamo scegliere l’inclinazione della lettera e altre opzioni come ad esempio la profondità della stessa (io ho messo 50pt). E’ inutile spiegare tutte le opzioni, vi conviene cliccare su preview e vedere le modifiche in diretta.
Una volta che avete trovato i giusti parametri date l’ok e ripetete quanto fatto per le successive lettere che compongono la vostra frase. Selezionando una lettera alla volta potete dargli un diverso allineamento e quindi dare un pò di dinamismo alla scritta.
Ora andiamo in photoshop e creiamo un nuovo documento (io ho tenuto 800×600), torniamo ad Illustrator, selezioniamo tutte le lettere e premiamo “CTRL + C” (copia). Torniamo al nostro file di photoshop e diamo “CTRL + V” (incolla). Vi si presenterà una piccola finestra nella quale dovrete selezionare l’opzione “Paste as: Smart Object”. Ora abbiamo la nostra scritta 3D in photoshop e possiamo colorarla come più ci aggrada.
Con il “Magic Want Tool” andiamo a selezionare i pezzi delle nostre lettere, creiamo un nuovo livello, lo coloriamo di bianco con il secchiello e tramite i “Layer Style” (gli stili di livello) lo coloriamo con un gradiente.
Ripetiamo il passo precedente per tutte le lettere. naturalmente possiamo sbizzarrirci come più ci piace… aggiungiamo uno sfondo, delle decorazioni a pennello fino ad arrivare ad un lavoro che ci aggrada! Quì sotto potete vedere le due immagini che ho realizzato.
Grazie per l’attenzione e alla prossima! Ciau!
Questa volta vedremo come dare un pò di stile ad un titolo, una scritta o uno sfondo per il nostro pc! La tecnica è semplice. Dobbiamo abbinare il testo a delle immagini a nostro piacere, colorare il tutto e mettere uno sfondo decente! Semplice no?
Partiamo creando un nuovo documento con le dimensioni che desideriamo. Il mio sarà 1280×800 pixel, in quanto voglio creare una scritta con il mio nickname da metter come wallpaper.
Dopidichè inseriamo una immagine di sfondo. Nel mio esempio ho scelto la fibra di carbonio, ma potete metter qualsiasi immagine, come ad esempio un foglio di carta… la foto di un muro…. Insomma, usate un pò di fantasia!
Quindi attualmente il nostro progetto contiene un livello con lo sfondo. Ora creiamo un nuovo livello sopra lo sfondo. Nominiamolo “Scritta”, sarà quì che andremo a comporre la nostra scritta.
Adesso selezioniamo lo strumento testo e scegliamo il carattere con cui scrivere (nell’esempio il carattere è “Hirosh”, preso quì) e scriviamo. Nel mio caso ho come dimensione del carattere 122pt e “Smooth” come metodo anti-aliasing.
Ora coloriamo la nostra scritta! Utilizzeremo unocamente gli stili del livello. Quindi ci posizioniamo sul livello della scritta e andiamo a cliccare su “Layer -> Layer Style -> Blending Option” e attiviamo gli stili come nell’immagine quì sotto.
I primi quattro stili li aggiungiamo senza modificarne i valori. Volendo potete aumentare la distanza dell’ombra per dare maggiorn stacco alla scritta rispetto al fondo. Per quanto riguarda il gradiente andiamo a selezionare quello “arcobaleno” e gli diamo una opacità del 50% ed un angolo pari a zero. Per il pattern andiamo a selezionarne uno che ci piace e applichiamolo.
Adesso dobbiamo aggiungere qualche elemento che crei un pò di dinamismo nella nostra scritta e che magari richiami dei concetti legati ad essa. La soluzione che ho adottato è l’aggiunta di delle sagome attorno e sulla scritta. Ho usato delle immagini vettoriali che si trovano facilmente e gratuitamente sulla rete e le ho disposte a piacere. Vi riporto quì una jpg contenente quelle che ho usato.
Come vedete queste immagini sono nere, naturalmente voi potete colorarle come meglio credete. Il mio consiglio è di fare un nuovo livello per ogni immagine che inserite, in questo modo sarà più facile effettuare eventuali modifiche. Vediamo un esempio…. voglio aggiungere alla mia scritta una freccia che entra da dietro una lettera ed esce da davanti. Quindi creo il nuovo livello contenente la freccia e la posiziono.
Ora cambio il metodo di fusione del livello da “normal” a “overlay” in modo da vedere quello che c’è sotto la mia freccia e capire bene quello che voglio cancellare (questa cosa potrebbe tornarvi utile anche in futuro….).
Ora cancello la parte di freccia che non si deve vedere e riporto il metodo di fusione del livello a “normal”.
In questo modo posso aggiungere quello che mi pare alla mia immagine, come ad esempio le altre freccie che vedete nell’immagine finale oppure il teschio di sfondo.
So che questo tutorial sembra una cavolata… però magari può darvi degli spunti per creare in modo veloce e semplice degli elementi grafici carini! E poi vengono usati solamente gli stili del livello, quindi non è richiesta una grande abilità nell’uso di photoshop.
Quì sotto potete vedere un esempio simile dove alla scritta è stata unita la forma di una ragazza e alle frecce…..
Ciau!
Ciao a tutti!
Benvenuti nel mio primo tutorial dedicato a Photoshop! Premetto che il mio è un hobby, non una professione… e che quello che trovate quì lo avrete sicuramente già letto mille volte e magari in altre mille lingue su altri mille siti, ma questo è il mio blog.
Questo tutorial è molto semplice da seguire e realizzare, è una delle prime cose che cercavo di imparare a fare con photoshop quando ho iniziato ad interessarmi a queste cosine!
Il risultato finale
Ah, visto che questo è il primo tutorial vi ricordo che ho pubblicato una pagina con i miei link preferiti in ambito di grafica e Photoshop, lo trovate nelle Pagine del mio blog. Siccome sono buono questo è il link.
Sprechiamo due parole su questo effetto….. oltre a far diventare molto più belline alcune vostre fotografie vi permetterà di creare delle vere e proprie pagine di fumetti! Infatti se applicate questo effetto a diverse vostre fotografie potrete poi metterle in sequenza e creare così una specie di fumetto! Fico no? si.
Primo consiglio da buttare li, ridimensionate sempre l’immagine alla quale volete applicare l’effetto. E’ inutile e spesso dannoso lavorare con immagini enormi che poi una volta ridimensionate hanno un effetto pietoso.
Secondo consiglio. Non lavorate con il livello di sfondo. Molte cose non si possono fare, quindi piuttosto copiate la vostra foto/img su un nuovo livello e lavorate su quello.
——————————————————-
1. Pendiamo la nostra immagine (la mia è in 640×480)
2. Ora dobbiamo dare alla foto un contrasto tipico dei vecchi fumetti, quindi con un contrasto elevato. Per fare questo andiamo in “Images -> Adjustments -> Levels”, nella finestra che ci si presenterà davanti andiamo a cambiare i tre valori di input, spostiamo il nero più a destra ed il bianco più a sinistra. Naturalmente questo processo varia da foto a foto e quindi siete voi che dovete decidere “quanto basta”.
3. Ora dobbiamo far si che si noti un cert effetto carta da giornalino, quindì diamo granulosità alla foto con “Filter -> Artistic -> Film Grain”. Nel mio caso un 3 a Grain, 0 a Highilight e 10 ad intensity.
4. Bene, è arrivata l’ora di duplicare il nostro livello, lo chiameremo Halftone e servirà a dare un ulteriore senso di “vecchio fumetto” alla nostra foto. Ora su questo nuovo livello applichiamo il fitro “Pixelate -> Color Hafltone” impostando il radius a 4 e lasciando gli altri valori di default. Dopodichè dobbiamo cambiare il metodo di fusione del livello da “Normal” a “Darken”.
A questo punto il grosso del lavoro è finito. Non ci resta che aggiungere qualche piccolo particolare per valorizzare il tutto!
5. Facciamo quindi doppio click sul livello halftone e aggiungiamo alla nostra foto un bordo color panna. Per fare quaesto usiamo uno “stroke” interno di 20 o 25 pixel (nel mio caso, nel vostro potrebbe esser di più o di meno).
6. Ora creiamo dei riquadri in cui metter delle informazioni, come data o luogo della foto…. o quello che vi pare! Creiamo un nuovo livello e disegnamoci dentro un rettangolo (con lo strum. rettangolo. Qualsiasi colore va bene.) dopodichè facciamo doppio click sul livello appena creato e nei vari effetti diamo uno stroke nero interno di 3 pixel e un “Gradient Overlay” da arancione a giallo con 0° di angolo.
7. Il secondo riquadro, se lo volete, lo costruite esattamente come il primo, tranne per il colore che non sarà un gradiente ma un colore solido. Il risultato dovrebbe esser simile (ma spero per voi migliore….) dell’immagine quì sotto!
8. Ora dobbiamo aggiungere un bordo nero all’immagine, in modo da creare il classico riquadro del fumetto. Creiamo un nuovo livello (il nome sarà “Cornice”) e con lo strumento di selezione rettangolare selezioniamo la nostra foto (senza il bordo panna). Nel caso in cui sbagliaste a selezionare, basta cliccare “Select -> Transform Selection” per ridimensionare la selezione. Ora clicchiamo su “Edit -> Stroke”, impostiamo 4 pixel, colore nero e location center, poi diamo ok.
Deselezioniamo il tutto con “Ctrl + D”, applichiamo una volta il filtro “Blur More” (Filter -> Blur -> Blur More) e dopo il filtro Ripple al 20% (Filter -> Distort -> Ripple), ora applichiamo uno Sharpen (Filter -> Sharpen -> Sharpen More) e abbiamo finito il nostro bordo.
9. L’ultimo passo consiste nell’aggiungere delle scritte fumettose nei nostri riquadri! Questo però non ve lo descrivo passo-passo in quando vi credo esseri senzienti e quindi in grado di trovare un font carino (nella pagina dei link trovate un ottimo sito….) e scrivere dentro i riquadri.
10. Il lavoro finito!
Spero che questo effetto vi piaccia e che vi possa tornare utile prima o poi!
Ah, ribadisco che non ho inventato nulla, questo è un tutorial che avevo letto molto tempo fa, l’ho solo applicato alla mia foto descrivendo il tutto in italiano.
Ciau!
|
