Luca Blog » Grafica

Nuova galleria fotografica

Luca — Mon, 05 May 2008 10:40:29 +0000

Sbattendo la testa per 2 giorni ho capito che il plugin “Nextgen Gallery” su wordpress 2.3 richiede la cancellazione delle tabelle database per essere aggiornato. Bravo Luca, bravo… non ti ricordi che la prima regola del buon informatico è “riavvia e riprova” e la seconda è “disinstalla e reinstalla”? Ecco, dopo questo breve monologo faccio presente che la sezione “Album fotografico” è nuovamente in linea con nuove funzioni, tipo l’estensione “Polaroid” che vedete qui in basso. Enjoy!

[Sposta le foto con il mouse, poi double-clic per visualizzarle e chiuderle]

The Flash Player and a browser with Javascript support are needed..

Ridimensionare le immagini direttamente online

Luca — Tue, 23 Oct 2007 10:16:05 +0000

Ho trovato questo utilissimo sito che permette di uploadare le immagini direttamente sul loro server e ridimensionare il tutto senza utilizzare nient’altro che il web. Ci sono alcune opzioni da selezionare, ma il tutto è veramente semplice ed intuitivo. E’ possibile inoltre acquistare (per 9 $) il pacchetto che permette l’inserimento di effetti speciali e la modifica dei file RAW. Bello, da mettere nei preferiti.

Piove su Luca Blog!

Luca — Mon, 22 Oct 2007 08:02:30 +0000

Per creare quest’effetto pioggia non è necessario essere esperti di chissachè software. Scaricate la nuova versione di Sqirlz Water Reflections, aimè solo per Windows, ed iniziate a creare gli effetti che più vi piacciono. Potete successivamente salvarli in .gif (come ho fatto io) oppure in flash o avi.

Grazie 1000 a m477 (Back to blog) per la dritta sul software e che "blogrollo" con piacere
Bye

Nuova grafica!!!

Luca — Mon, 22 Oct 2007 07:49:20 +0000

Come potete vedere sto sostituendo la grafica del mio blog. Devo cercare di allargare un po la sezione centrale (questa bianca) e sistamare il titolo con un nuovo effetto… sorpresona!
Piano piano tradurrò anche le parti in inglese.

A presto!

Edit 22 Ottobre 2007:
Grazie all’aiuto del buon Aldo (che pazientemente mi ha guidato ieri sera via messenger) sono riuscito a sistemare la navbar.gif che sembrava misteriosamente non ridimensionarsi. Poi era l’impostazione del parametro div a dover essere ritoccato. Tutto bene.

600 font pronti per l’uso

Luca — Fri, 21 Sep 2007 13:33:58 +0000

Metto a disposizione un bel pacchetto da 600 e più font da copiare direttamente nella cartella "font" del nostro sistema operativo utilizzato.

Potete scaricare direttemente il pacchetta da questo link: <<< LucaBlog >>> [~ 20 Mb]
Potete generare il testo dal sito di riferimento, a questo indirizzo: http://www.fonts500.com/

Inserire il logo “no-tc” in WordPress

Luca — Tue, 26 Jun 2007 19:54:40 +0000

Questa procedura permette di inserire l’immagine che vedete in alto a sinistra in questo blog.
Tutto molto semplice, basta seguire pochi e semplici passi.
Ma, prima di inserire un immagine solo per il gusto di farlo, vediamo cosa significa NO-TC:

Il Trusted Computing, o più brevemente TC, (informatica fidata) è un insieme di componenti hardware-software e di specifiche che dovrebbero rendere i computer di prossima generazione più ‘sicuri’. Il TC è promosso dal consorzio TCG (Trusted Computing Group), composto dalle principali compagnie informatiche internazionali. In sostanza, grazie a questo sistema, i computer potrebbero consentire soltanto l’accesso o l’esecuzione di software specificamente autorizzato….»

Benone… se abbiamo capito di che si parla e si è in completo disaccordo con questa filosofia di pensiero si può procedere.

Colleghiamoci a questo sito per prelevare l’immagine che più ci piace:

http://linux.syrolnet.org/?itemid=71

Una volta prelevata la copiamo nella cartella images del nostro tema wordpress predefinito. Adesso inseriremo del codice in 2 file… header.php e style.css presenti nel template che stiamo utilizzando.
Editiamo il file header.php ed inseriamo il seguente codice DOPO il tag

No al Trusting Computing

Editiamo il foglio di stile (style.css) ed inseriamo questo codice:

a#notc { position: fixed; right: 1; bottom: 1; display: block; height: 80px; width: 80px; background: url(images/Immagine_Scaricata.png) bottom right no-repeat; text-indent: -999em; text-decoration: none; }

Come vedete dal codice dovete sostituire “Immagine_Scaricata.png” con il nome dell’immagine che avete scelto e uploadato nella vostra cartella images.
Per giocare con la posizione dovete cambiare il valore numerico alle righe 3 e 4.

In alto a sinistra

right: 1; bottom: 1;

In alto a destra

right: 0; bottom: 1;

In basso a sinistra

right: 1; bottom: 0;

In basso a destra

right: 0; bottom: 0;

Detto fatto
Alla prossima.

Testo riflesso con Gimp

Luca — Mon, 25 Jun 2007 19:58:42 +0000

Gimp è il miglior programma di photo editing opensource sotto Linux. Questa premessa è necessaria e dovuta, ma che nessuno creda che possa essere messo a confronto con PhotoShop… Gimp, per quanto ottimo, non ha nessuna speranza di poter competere a livello di fotoritocco/manipolazione delle immagini, ma fa comunque parecchie cose… e le fa bene.

Una cosa interessante sarebbe creare il famigerato “Testo riflesso” che va tanto di moda ultimamente.
Gimp permette di giocare con i livelli, quindi ci è permesso creare questo tipo di modifica all’immagine. Questa miniguida ci permette di creare un banner simile a quello che vedete nel mio blog

Incominciamo…
Piccola premessa.. mentre scrivo l’articolo la versione di ufficiale di questo software è la 2.2.
Apriamo il nostro bellissimo Gimp e apriamo l’ immagine che più ci aggrada (la useremo come sfondo):

In questo caso l’ header originale del template “glossyblue_1.4″ di WordPress va benissimo.
Tramte Gimp iniziamo a scrivere il nostro titolo, scegliendo un colore che sia ben visibile e che abbia un buon contrasto con il nostro sfondo… in questo caso nulla è meglio del bianco

Adesso devo creare un nuovo livello, in modo da poter copiare il testo scritto e ribaltarlo verticalmente.
E’ più semplice farlo che dirlo. Selezioniamo dal menù dell’ immagine “Livello – Duplica livello”, sucecessivamente “Livello – Trasforma – Rifletti verticalmente”

Una volta dato il comando vedremo il nostro testo ribaltarsi. Spostiamolo verso il basso e andiamo a sfumarlo.
Per fare ciò utilizzeremo la funzione “Cancella sullo sfondo o sulla trasparenza” nel menù di gimp (la classica gomma richiamabile con Maiusc+E). Settiamo, per il momento, “Opacità” al valore 100 e il pennello Circle Fuzzy (19). Passiamo la nostra gomma sulla metà bassa del testo riflesso, quindi andremo quasi a cancellare la parte trattata:

In questo modo iniziamo a vedere i primi risultati del nostro lavoro.. stiamo cancellando del testo su un livello diverso dallo sfondo senza cancellare null’ altro che lo stesso testo.
Adesso andiamo a sfumare la parte alta di questo secondo livello.

Abbassiamo la percentuale di opacità a 45.
Con la nostra gomma passiamo di nuovo sulla scritta verticale.
Non corriamo il rischio di “rovinare” il testo sopra quello riflesso perchè (come potete vedere dal rettangolo tratteggiato) stiamo lavorando sul secondo livello.

A questo punto non ci resta che giocare con i livelli di opacità per rendere l’header.png più bello possibile. Questo il risultato finale:

Spero che il procedimento descritto sia chiaro. Sicuramente esiste una maniera più elegante per arrivare allo stesso risultato. Se avete suggerimenti sono ben accetti