salta alla navigazione

Modificare il colore dell’area di lavoro (workspace color) di Photoshop ;p Marzo 18, 2007

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...
Inviato da Carlos in : Computer e Web, Fondamenti (che parolona), Grafica, Guidine Software, Photoshop CS2 , 12commenti

L‘idea di scrivere questo post, mi è venuta grazie ad un lettore del blog (Walter). Egli mi chiedeva:

Ciao Carlos ho un problema, avevo installato sul mio pc, photoshop cs2 in inglese, e grazie ad una patch ero riuscito a portarlo quasi interamente in italiano, ultimamente però, ho acquistato la versione in italiano, per cui ho disinstallato la precedente, ora ho notato una cosa, nell’altra versione, il fondo dell’area di lavoro era grigio, invece con questa è tutto bianco, ora, vuoi per le vecchie abitudini, vuoi perché è un po’ fastidioso, vorrei portare nuovamente lo sfondo del colore che reputavo originale, sai se c’è un opzione che permette di cambiare il colore di fondo? grazie in anticipo per la tua risposta.

Io avevo risposto stupidamente dicendogli di andare su Edit —> Preferences, dimenticandomi che non serve a niente se si vuole modificare il colore dello sfondo dell’area di lavoro :( . Tanto per capirci, ecco qual è la zona incriminata:

work

Per cambiare il colore di questa zona, bisogna agire sul nostro computer, in quanto è dipendente da una opzione settata nelle nostre proprietà Desktop del pc. Cliccate sul vostro Desktop con il tasto destro del mouse e scegliete Properties (Proprietà):

properties

Vi apparirà la seguente finestra nella quale dovrete andare nella scheda (tab) Appearance:

appearance

La freccia rossa indica la scheda su cui dovete andare, la freccia verde indica il tasto che dovete premere per accedere alle opzioni avanzate; cliccando su Advanced, si aprirà la seguente:
(more…)

Scritte power: “Green Gloss Power”! Marzo 17, 2007

1 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 5 out of 5)
Loading ... Loading ...
Inviato da Carlos in : Fondamenti (che parolona), Grafica, Photoshop CS2, Tutorials , 21commenti

Perdonatemi il titolo un po’ comico (in merito alla “inglesata”). Il tutorial che vi presento oggi, riguarda il come ottenere una bella scritta con effetti vari quali ombre, gloss, gradienti, etc.. Seguendo i vari passaggi, potrete ottenere scritte come la seguente:

text

Tanto per cominciare, create un nuovo file (File —> New) e settate le impostazioni come preferite; nel mio caso ho scelto le misure che vedete sotto e come sfondo (Background Contents) ho messo White (poiché sapevo già dove mettere la scritta: se non sapete dove andrà, mettete Transparent, così non sbaglierete mai):

new

Fatto questo selezionate lo strumento Testo (Horizontal Type Tool):

text tool

Ora date un’occhiata in alto dove ci sono le impostazioni del testo, io utilizzo il font Arfmoochikncheez 1.0, potete scaricarlo dal sito 1001fonts.com a questo indirizzo (è freeware):

textoptions

La freccia rossa indica il pulsante da premere per selezionare il font, la freccia verde il colore iniziale del testo ed infine la parte evidenziata in verde indica la finestrina per modificare la grandezza del testo (nel mio caso 80pt, ma dipende da come la volete voi).

Fatto questo cliccate con il tasto sinistro del mouse nell’area di lavoro ed appena vi apparirà l’indicatore lampeggiante, scrivete quello che desiderate (nel mio caso carlosweb):

write

Una volta scritto il tutto, andiamo a cliccare con il tasto destro sopra il livello testo (text layer) e scegliamo Blending Options…:

boptions
La freccia verde indica un pulsante che potete cliccare e che vi porta all’aggiunta di stili (cliccandolo, potete scegliere ovviamente le Blending Options…)

(more…)

Designfruit, brushes davvero belli: impariamo ad usarli :D! Marzo 6, 2007

1 Star2 Stars3 Stars4 Stars5 Stars (3 votes, average: 4.67 out of 5)
Loading ... Loading ...
Inviato da Carlos in : Computer e Web, Fondamenti (che parolona), Grafica, Photoshop CS2, Tutorials, Varie , 37commenti

Quasi per caso mentre navigavo per la rete, mi sono imbattuto in questo bel blog incentrato sulla grafica e sul web-design. La parte più interessante è sicuramente quella riguardante i “pennelli” o brushes per Photoshop, molti dei quali gratuiti.

intro

Ma che cosa sono questi “brushes”? In sostanza sono dei pennelli che potete utilizzare quando selezionate l’apposito strumento; quando cliccate su Brush Tool, vi appare in alto a destra una finestrina in cui potete scegliere la forma del brush. Ad ogni forma corrisponde un tratto del pennello. I pennelli possono essere anche creati, ma di questo ne parleremo magari in un altro post. L’utilità dei brushes, risiede nel fatto che permettono di “disegnare” o tracciare forme che magari sono state estrapolate da foto o da disegni e che di conseguenza non sareste in grado di rifare. Nel sito designfruit, ho scaricato i seguenti: Japanese Foliage e Fresh Foliage Part I. Dopo li ho messi nella cartella in cui ho i pennelli di Photoshop ed in particolare in:

. . .\Adobe Photoshop CS2\Presets\Brushes\

Dopo averli messi in questa cartella aprite il vostro programma preferito (Photoshop!) e create un nuovo documento andando su File —> New e mettete le misure che preferite, io ho messo 450×300:

new

Dopo aver cliccato su Ok, selezionate lo strumento Brush Tool:

brushtool

Se cliccate nella freccettina a destra della scritta Brush indicata dalla freccia rossa, vi apparirà il seguente menù:

brushopt

La freccia rossa indica il tasto che dovete cliccare per accedere ad altre opzioni tra cui c’è quella che utilizzeremo e che è Load Brushes…; la freccia blu invece punta all’indicatore che dovrete far scorrere a destra o a sinistra a seconda che vogliate aumentare o diminuire la grandezza in pixel del pennello. Cliccate su Load Brushes e poi cercate uno dei due brushes che abbiamo precedentemente salvato dentro la cartella …\Adobe Photoshop CS2\Presets\Brushes\ e fate click su Load. Io ho caricato Fresh Foliage Part I. Dopo che Photoshop avrà caricato il set di pennelli, potrete vederli scorrendo verticalmente la finestra:
(more…)

ImageReady: effetto dissolvenza nei vostri banner.. Febbraio 22, 2007

1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 4 out of 5)
Loading ... Loading ...
Inviato da Carlos in : Fondamenti (che parolona), Grafica, ImageReady, Photoshop CS2, Tutorials , 6commenti

Apro questa categoria dedicata all’approfondimento del programma “fratello” di Photoshop, e cioè ImageReady. Questi tutorial sono fatti in collaborazione con PhotoshopExpert.it, e se la grafica è la vostra passione, non vi resta che visitarlo :D .

Bene, ma ora passiamo al tutorial vero e proprio: creeremo un’animazione testuale che appare e scompare in maniera non brusca, ma bensì attraverso una dissolvenza costante. Tanto per cominciare, utilizziamo Photoshop per creare quello che desideriamo (in questo caso una scritta), poi cliccheremo sul tasto passa ad ImageReady:

Ecco la scritta

text

Ed ecco il tasto per passare ad ImageReady

goto

Una volta che il programma si sarà aperto, assicuratevi di avere aperta la finestrina delle animazioni visualizzata nell’area di lavoro, per esserne sicuri, andate nel menù Window ed assicuratevi di avere spuntata la voce Animation:

animation

Appena attiverete la finestra ecco cosa vi si aprirà:

workarea

La freccia rossa indica il primo frame dell’animazione. L’effetto che vogliamo dare è semplice, ma le cose devono essere fatte con ordine: cliccate sul tasto Duplicate current frame per duplicare il frame iniziale

duplicate

Quando avrete cliccato, vi si aggiungerà un altro frame (con numero 2) alla vostra animazione; questo è uguale al primo. Cliccate su questo nuovo frame per selezionarlo e andate nella finestra livelli (layers): qua dovrete diminuire l’opacità del livello della scritta fino all’80%

opacity

Ora dovete ripetere questo procedimento: duplicare il frame corrente e scalare l’opacità ancora del 20% e poi ripetere ancora fino ad arrivare al passaggio in cui dovete impostare 0% (io vi consiglio di mettere al posto di 0% un 10%). Poi ovviamente dovrete duplicare ancora i frames stavolta aumentando di 20% a volta fino all’80% (infatti il 100% ce l’ha già il primo frame e il ciclo è impostato su forever (per sempre):
(more…)

Photoshop: il colore sul bianco e nero.. Febbraio 20, 2007

1 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 5 out of 5)
Loading ... Loading ...
Inviato da Carlos in : Fondamenti (che parolona), Grafica, Photoshop CS2, Tutorials , 64commenti

Questo tutorial nasce un po’ perché è da tempo che lo volevo fare, un po’ anche grazie al recente commento di pio. Vedremo come creare un effetto particolare sulle immagini in bianco e nero (più precisamente in scala di grigi), aggiungendo o lasciando solo qualcosa di colorato.. Aprite la vostra immagine (File —> Open), questa è la mia:

image

Bene adesso, potete procedere in due modi: il primo è di fare tutto quello che descriverò da ora in poi, il secondo è descritto in una nota in fondo al tutorial. Fate una copia della vostra immagine se temete di rovinarla :) .

1° passaggio

grayscale

Come vedete dovete prima cliccare su Image —> Mode —> Grayscale, poi ritornare alla modalità RGB con Image —> Mode —> RGB color; nel ritornare ad RGB, non noterete nessun cambiamento, ci tornerà utile però in seguito per poter aggiungere colore all’immagine. Con questo passaggio, la vostra immagine perderà le informazioni sul colore (cioè diventerà in “bianco e nero”).

2° passaggio

Bene ora selezionate lo strumento Pen Tool ed andate a tracciare il contorno della parte che volete colorare, nel mio caso, io ho scelto il vestito:

pent Tracciate cercando di essere precisi, tutto il contorno dell’oggetto che avete scelto, fino a che non vedrete un pallino accanto al mouse che vi indicherà che potete chiudere il tracciato:

traccia

E’ bene che sappiate che il tracciato si fa cliccando su un punto dell’oggetto e poi, rilasciando il mouse, cliccando su un altro punto dell’oggetto cercando di seguirne il bordo; è semplice, dovete solo prendere un po’ di pratica.
(more…)

Photoshop: utilizzare le actions, fotomontaggi puzzle.. Febbraio 11, 2007

1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5 out of 5)
Loading ... Loading ...
Inviato da Carlos in : Fondamenti (che parolona), Grafica, Photoshop CS2, Tutorials , 13commenti

Vi ricordate cosa sono le actions? Oggi ne vedremo una che produce un risultato simile a quello che avevo descritto nel mio tutorial riguardante i fotomontaggi puzzle. Ho trovato questa azione navigando nell’interessante sezione free di PanosFX. Scaricatevela e dopo averla scompattata spostate il file .atn nella cartella:

. . .\PhotoshopCS2\Presets\Photoshop Actions

Fatto questo, dovete aprire Photoshop e la vostra immagine andando su File —> Open…, questa è la mia:

image

Andate ora nella palette delle azioni (Actions), si trova sulla destra in mezzo al navigatore e alla palette dei livelli; solitamente è accanto alla History. Se non la vedete, forse è perché dovete attivarla:

active

fatto questo dovreste avere sulla destra la finestra qui accanto:

action

La finestra delle azioni vi mostra soltanto le azioni di default, per accedere alla vostra, cliccate nella freccettina evidenziata in rosso qua sotto:
arrow

Vi apparirà un menù nel quale dovrete cliccare su Load Actions…. e poi cercare l’azione e cliccare su Load:

load

Una volta caricata l’azione The BnBig picture, vi apparirà ovviamente nella finestra delle azioni:

actions

Come vedete è presente una nota di copyright; cliccate sopra The B&Big picture e cliccate sul tasto play:
(more…)