Tip and Tricks di Computer

Questa è una bella collezione di pennelli e texture stile “acquarelli” per adobe photoshop, consente di abbellire la grafica di siti/fotografie/immagini senza essere designer.

Questi pennelli e texture per photoshop sono ideali a mio parere per comporre immagini astratte e/divertenti ma possono andar bene anche per ravvivare fotografie smorte, sono tutti di alta qualità ed alcuni sono anche ad alta risoluzione.

Una cosa molto interessante è che almeno per quei 2 set che ho visto io che è specificato per che versione di photoshop sono compatibili, ci sono quelli per adobe photoshop 7, cs 1, cs 2 e cs 3.

Ricordo che per installare i pennelli in photoshop bisogna scompattare l’archivio ed i files metterli in C:\Programmi\Adobe\Adobe Photoshop XXX\Predefiniti\Pennelli mentre se è la versione inglese il percorso è C:\Programmi\Adobe\Adobe Photoshop XXX\Presets\Brushes, mentre le texture sono nella sottodirectory texture sempre nella cartella Predefiniti o Presets.

Qui potete trovare la collezione di oltre 200 tra pennelli e texture per photoshop cs 1, cs 2 e cs 3.

Anche se The Gimp è disponibile anche su windows dunque vale anche lui questa guida per fare un logo lucido, la faccio per/con Linux perché è il programma di fotoritocco più usato su linux.

Potrebbe sembrare una logo banale ma sono diventato pazzo a spostare i livelli e metterli su canale alpha e perlopiù con gimp in inglese, cercherò di spiegarlo meglio che posso, comunque ho corredato il tutto con immagini.

Ecco il tutorial:

La prima cosa da fare è indubbiamente creare una nuova immagine che dev’essere abbastanza più larga delle dimensioni che dovrà avere il logo per fare questo logo ho usato una dimensione di 1000×1000 pixel.

Poi è necessario usare un buon font, qui ci sono molti font e come installarli, se avete KDE guardate l’immagine.

Ora potete creare il testo del logo l’importante che sia al centro del foglio e ci siano almeno circa 100 pixel con i bordi.

Fatta la scritta del logo la s’imposta la selezione sul canale alpha, per far questo dovete cliccare con il tasto destro sul livello e premere “alpha to selection”…ho gimp in inglese.

Adesso bisogna fare un altro livello che lo si può chiamare color o colore, prendere il secchiello con il colore che si vuole e colorare la scritta.

Fatto questo livello si ritorna all’altro livello, si rimette su alpha e da select scegliere grow (allarga) e allargare di una ventina di pixel poi si va al livello colore e colorare di nero.

Ora con la selezione ellittica si seleziona la scritta circa alla metà, si crea un nuovo livello di tipo trasparency o trasparente, si prende il secchiello con il bianco e si colora l’ellisse e s’imposta l’opacità sul 20% circa.

All’inizio è un pò difficile ma la seconda volta che lo si fa in dieci minuti è fatto.

Mentre navigavo tra siti di grafica ho trovato un bel generatore online di menu css sia a tendina, orizzontali o verticali, utile per abbellire un sito/blog.

CSS Menu Maker facilita di molto od azzera la difficoltà di creare menu personalizzati  il tutto lo si fa senza dover conoscere HTML e CSS, riporta il codice ed offre la possibilità di scaricarlo.

Il suo funzionamento è molto semplice, appena arrivati in home page si può scegliere tra tre possibilità :

1. Drop-Down CSS Menus che sono i menu a tendina.
2. Horizontal CSS Menus che sono l’orizzontali.
3. Vertical CSS Menus che sono quelli verticali.

Per vedere i vari menu cliccare il pulsante verde “view all drop menus” sotto una di queste tre possibilità poi si avrà le possibilità di scegliere il menu con i colori/stile che si preferisce.

Una volta selezionato quello che garba cliccandoci viene riportato il codice sia html che css però non risulta personalizzato con le pagine del proprio sito.

Per personalizzarlo cliccare “customize”, dove c’è la possibilità di inserire bottoni con il nome delle pagine, per le pagine del menu a tendina selezionare “edit submenu” per aggiungerle, si può definire i link che avranno ed anche se devono essere aperte in una nuova finestra o no.

Una volta personalizzato e provato con “preview” e ritoccato se ce n’è bisogno con “Keep editing my menu” è possibile scaricarlo con “download”.

Qui si fanno dei bei menu in css con CSS Menu Maker.

Un sito veramente bello ed utile per web designer oppure anche per personalizzare i documenti, sono disponibili per il download i 500 migliori fonts del web.

Che sono i migliori 500 caratteri ovviamente non me lo invento ne lo dico per gusto personale ma c’è scritto bene in evidenza in fonts500 che sono i 500 top fonts presenti sul web.

Ovviamente ed anche giustamente ci vogliono guadagnare, vogliono venderti il pacchetto con tutti i fonts, ma se si prova il font selezionando “use custom text” si vede quello che piace e lo si clicca poi si scarica gratuitamente.

Vi ricordo che:

Per inserirle nei siti o blog per personalizzarli bisogna metterle nelle immagini altrimenti non vengono “lette” dai browser.

Per installarle in windows bisogna metterle in C:\WINDOWS\Fonts.

Per installarle in linux bisogna metterle in /usr/share/fonts in Gnome, mentre in KDE dal pannello di controllo c’è la voce apposita.

Ecco qui font500 per scaricare i fonts.

Se c’è una fotografia o immagine che vi trasmette particolari emozioni è possibile far sì che i colori diventino quelli del vostro sito o blog, niente di complicato.

Questo non si rileva soltanto utile per un gusto personale, ma anche per trasmettere particolari emozioni al pubblico del sito vedi la teoria del colore.

Per trasformare i colori dell’immagine dell’occhio di firefox nei colori del vostro sito o blog ecco come fare con photoshop:

• Selezionare una singola riga dove ci sono tutti i colori con lo strumento strumento selezione singola riga.

• Selezionata la riga premere ctrl+t (trasforma) e trascinare la riga fino il limite inferiore o superiore dell’immagine.

• Adesso con lo strumento contagocce è sufficiente selezionare i colori partendo da destra o sinistra, indifferentemente, cliccare sul colore e copiare il codice hex del colore che sarà formato così: #c23f03 (copiare anche l’asterisco).

Adesso il codice hex dei colori è “sufficiente” scegliere in che posizione metterlo e copiarlo nel foglio di stile (CSS) oppure rispettare la disposizione della fotografia. Il sito ispirato alla fotografia dell’occhio di firefox avrà il color carne nell’header e footer (in alto ed in basso), lo sfondo bianco, il testo blu, arancio o giallo ed il colore dei link arancio, giallo o blu…un colpo nell’occhio .

Durante la costruzione di un sito o quando si vuole fare un restiling grafico i dettagli danno il tocco d’originalità e possono fare la differenza, ecco delle icone per i feed RSS di un sito o blog molto originali e belle.

Come potete vedere dall’immagine l’icona per i feed non è per niente scontata ed è solo la prima che mi è capitata sott’occhio, ci sono davvero icone di rss per tutti i gusti, dalle bottigliette ai telefoni, normali, 3D, cartelli stradali, e molte altre.

Il sito non fateci caso ma è in russo, tanto occorre solo vedere le icone e scaricarle, qui trovate RSSicons.

Abbiamo già visto come disabilitare il testo lampeggiante con firefox, a chi dessero fastidio ecco come disabilitare le immagini animate su firefox.

La .gif animata:

Ed ecco come disabilitare la visualizzazione delle immagini animate:

• Digitare about:config nella barra dell’indirizzi

• Nella colonna nome parametro cercare la chiave image.animation_mode

• Nella colonna valore, assegnargli il valore normal se si vogliono visualizzare (predefinito), none se non si vogliono visualizzare animate (si visualizzeranno lo stesso).

Una bella collezione di icone in stile web 2.0 da mettere nei siti e se ne possono trovare anche altre 15000 icone in alta qualità tutte gratis nello stesso sito.

Sfogliando segnalibri vari le icone in stile web 2.0 le ho trovate e personalmente mi piacciono molto, mi sono sorpreso quando ho visto che ce n’erano altre 15000 e tutte gratis e di alta qualità, disponibili icone di sistema  per windows, per linux e MAC OS X, per applicazioni, icone fantasiose, una vastissima scelta.

Appena trovo altre collezioni o pack singoli interessanti li metto nel blog ovviamente, intanto ecco i link per fare il download di questo pack e sfogliare le altre tantissime icone:

Icone stile Web 2.0.

Database di 15000 icone gratis.

In alcuni siti o blog, viene messo testo lampeggiante, per attirare attenzione, a volte si esagera però ed è fastidioso, ecco come disattivare il testo lampeggiante con firefox.

Intanto, per fare un esempio: questo è testo lampeggiante

Anche se l’ho messo per fare un esempio, a me irrita, ecco come fare per non visualizzarlo con firefox:

• Digitare about:config nella barra dell’indirizzi

• Nella colonna nome parametro cercare la chiave browser.blink_allowed

• Nella colonna valore, assegnarli il valore booleano false, dove l’originale era true.

Il testo, si continuerà a vedere, ma per la gioia degl’occhi e dei nervi non lampeggerà più.

Non solo, multimediale, per la grafica e l’audio, Ubuntu studio, può essere, anche la prima distribuzione installata per, chi vuole passare da windows a linux, siccome ha tutto quello che occorre.

Ubuntu studio, è una versione leggermente modificata di ubuntu, che come si sa, è molto utilizzato, e ne deriva, che c’è molta community, per risolvere i problemi, ma non ha nulla da invidiare ad ubuntu, si può fare di tutto con ubuntu studio, scrivere ed editare i testi con openoffice, a navigare con firefox, spedire posta con thunderbird, scaricare con aMule, insomma, le cose di tutti i giorni e moltissime altre cose.

Il link per Ubunu studio questa volta l’ho messo in alto, qui potete trovare un altra distribuzione multimediale Linux, e la documentazione di Ubuntu studio.

E domani, presento un’altra distribuzione,molto bella.