I fantastici quicktags di Wordpress! Creiamoli! Giugno 24, 2008
(2 votes, average: 4.5 out of 5)
Loading ...Una delle cose più noiose dell’avere un blog con wordpress è la ripetitività di alcuni spezzoni di codice che ci fanno perdere un’infinità di tempo nello scriverli durante la creazione di un post. Per fortuna però esiste un metodo che ci permette di risparmiare il tempo che impieghiamo per inserire queste “fette” di codice nei nostri post; questo metodo riguarda la creazione di nuovi quicktags.
Ma cosa sono i quicktags?? Eccoli qua:
Sostanzialmente sono quei tag che usiamo spesso per la formattazione del testo. Tuttavia possono risultare utili anche per altri compiti più noiosi. Ad esempio se come me avete bisogno di centrare un’immagine del post utilizzando il codice di apertura:
<p align="center">
e il codice di chiusura:
</p>
allora continuate a leggere 
.
I quicktags sono gestiti da un file che si chiama per l’appunto quicktags.js e lo trovate nella vostra installazione di wordpress nella cartella: /wp-includes/js.
Per aggiungere nuovi quicktags, copiate il file originale (nel caso ci fossero problemi durante la modifica) e apritelo con un qualsiasi editor di testo; il Notepad di Windows va più che bene.
Cercate il seguente codice:
Dopo averlo trovato, copiate il codice contenuto tra /* e */ ed incollatelo subito prima di questo codice.
Adesso analiziamo un attimo queste righe di codice:
(more…)
Tecniche avanzate, precise e veloci per modificare il colore degli occhi con Photoshop Giugno 20, 2008
(4 votes, average: 5 out of 5) Loading ...In molti mi avete contattato per chiedermi chiarimenti su alcune particolarità non chiare e/o difficili da ottenere utilizzando il tutorial fatto un po’ di tempo fa: Photoshop: giocare con il colore degli occhi. A molti ho risposto via mail, ma data la frequenza delle domande ho pensato che la cosa migliore fosse creare un tutorial con descritte alcune tecniche avanzate, ma non nel senso che sono complicate, bensì nel senso che sono soluzioni che non vengono in mente subito.
Dal colore al b/n e modifica del colore degli occhi con il “Bilanciamento Colore”
Questo problema lo hanno avuto in tanti ma la necessità di creare il tutorial è venuta “a galla” grazie a Davide che mi ha chiesto di spiegargli i passaggi in maniera più approfondita. Sostanzialmente quello che si desidera fare è cambiare il colore degli occhi di un soggetto dopo aver trasformato in bianco e nero la foto.
Passo 1
Aprite la vostra immagine con Photoshop e duplicatela cliccando sopra il livello con il tasto destro del mouse e scegliendo Duplica livello…. Nella finestra che vi apparirà (Duplica livello) cliccate semplicemente Ok.
Immagine: http://www.sxc.hu/photo/982488
Bene, questa copia è fatta per evitare di creare modifiche irreversibili alla foto originale. Potevamo anche non crearla dato che non modificheremo niente della foto iniziale. Ma le buone abitudini è meglio non perderle.
(more…)
Sitepoint regala Photoshop! Maggio 24, 2008
(5 votes, average: 4.6 out of 5) Loading ...
Alla buon’ora mi decido ad informarvi di questa notizia che probabilmente saprete già, ma che spero spossa risultare comunque utile a qualcuno. Sitepoint è uno dei migliori siti di “istruzione” per tutti coloro che sognano di diventare web designer, programmatori eccellenti o esperti del vasto settore internet.
In occasione di una sponsorizzazione da parte di 99designs.com, altro sito di riferimento per designer e creativi della rete (e per altro con un’ottima struttura e funzionamento), sitepoint ci dona uno dei suoi libri più belli su Photoshop: The Photoshop Anthology: 101 Web Design Tips, Tricks & Techniques. Il libro non è una guida all’uso del software Photoshop, bensì un pratico manuale pieno di tutorial per imparare al meglio determinate tecniche e utilizzi del programma; a mio avviso è molto più utile di molti altri libri. Oltre ad alcune informazioni di base, viene spiegato come si creano bottoni, sfondi, come si utilizzano e modificano i font e gli stili sul testo, come si ottimizzano le immagini per renderle perfette, come si comincia a creare un layout per un sito web ed infine alcune tecniche avanzate per facilitarci la vita con Photoshop 
! Insomma un libro davvero da non perdere!
Clicca sull’immagine per andare a scaricare il libro!
Come Scaricare
Per scaricare il libro in formato .pdf, basta semplicemente cliccare su DOWNLOAD NOW! Fatto questo ci apparirà un pop-up dove dovremo inserire un indirizzo e-mail nel quale ci verrà inviato il link per scaricare l’e-book:
(more…)
Non sono morto! Aprile 24, 2008
(14 votes, average: 3.07 out of 5) Loading ...
Non ancora…
A parte gli scherzi, in questo periodo ho avuto molto da fare e per rispondere a tutti quelli che nelle e-mail mi chiedono che fine ho fatto, posso dire che sono davvero sommerso di cose da fare e soprattutto ho molto da studiare. E’ un periodo frenetico ma non preoccupatevi (anche se molti di voi non lo saranno affatto 
), perché presto cercherò di tornare a tediarvi con qualche articolo !
Inoltre è probabile che presto ci siano delle ghiotte novità.. stay tuned!
Usare istockphoto.com come ispirazione ed usufruire di alcuni vantaggi Febbraio 23, 2008
(14 votes, average: 2.79 out of 5) Loading ...
Probabilmente tutti conoscerete questo fantastico servizio di vendita di fotografie, illustrazioni e video; ma voglio comunque mettere in risalto alcune opzioni con le quali mi sono trovato davvero bene. Tanto per cominciare è molto ben strutturato il sistema di acquisto crediti: è fatto per tutte le “tasche”, sia per i grandi compratori di immagini, sia per il piccolo web designer che ha bisogno di una piccola immagine da inserire nel sito web.
Costo pacchetti crediti
Naturalmente il bello sta nel poter scegliere per ogni immagine e video anche il formato, cioè la grandezza, oppure la complessità (applicata ai disegni in vettoriale); inutile dire che è su questi fattori che si basa il costo di quello che compriamo:
Prezzi dei vari formati di foto, immagini e video
Naturalmente non è solo questo il punto di forza di istockphoto, tra i punti di forza c’è il potente sistema di ricerca immagini che si basa sia sulle categorie, ma anche sulla forma delle immagini, sui colori, sulle licenze, sui titoli, etc.. A seconda del periodo dell’anno, ci sono le ricerche stagionali e le immagini tematizzate (Natale, Pasqua, etc..):
(more…)
Scritte di fuoco con Photoshop (buon San Valentino)! Febbraio 12, 2008
(17 votes, average: 4 out of 5) Loading ...
Vista la vicinanza del 14 febbraio (che è San Valentino), ho pensato di fare un tutorial che potesse entrarci in qualche modo con questa data. Quello che cercheremo di fare, sarà creare una scritta infuocata “LOVE” che al posto della “O” ha un cuore. Partiamo?
Prima di cominciare facciamo il punto della situazione sui font che adopereremo. Utilizzeremo un font che dovreste avere tutti, e cioè un Arial Black per le lettere “L, V, E” e un Sexy Rexy Smitten per la “O”. Quest’ultimo font lo potete scaricare cliccando qui, mentre questa è l’home page del font:
http://www.dafont.com/sexyrexy-smitten.font
Una volta scaricato lo zip, troverete oltre al font (inseritelo nella cartella dei vostri font tramite pannello di controllo —> Caratteri o Font), anche varie immagini. Tra queste è presente la mappa dei caratteri, che è utilissima per sapere a che immagine corrisponde ogni carattere che digitiamo. Nel tutorial io ho scelto un semplice cuore che corrisponde alla lettera “W” (doppia v maiuscola), ma potete scegliere qualsiasi altra figura con la sua relativa lettera.
Ok, cominciamo sul serio. Create un nuovo documento di dimensioni a vostro piacimento; queste sono le mie preferenze:
Assicuratevi di avere come colore di sfondo il nero e come colore di primo piano il bianco. Scegliendo Colore di Sfondo (Background Color) il documento sarà riempito di nero.
Ora selezionate lo Strumento Maschera testo orizzontale (Horizontal Type Mask Tool):
Impostate lo strumento in questo modo:
Scrivete ora quello che desiderate, nel mio caso LWVE (La W diventerà un cuore):
Andate ora a selezionare la “W” e cambiate il font da Arial Black a SexyRexy-Smitten:
(more…)
