Photoshop CS3 tutorials

After have seen photo retouch with Photoshop CS3,
In this tutorial we will apply various Photoshop effects to a photograph in order to achieve a cartoon look.
We will start by using this photo:

The first thing we’ll do is make a duplicate of the first layer, which we will be using afterwards.
With the layer selected, press CTRL+J on your keyboard to duplicate.
We will work on this second layer while keeping the original photo hidden below.

What we want to do is get rid of all that detail. So let’s go to Filter > Blur > Surface Blur.

I found that these values worked nicely for the photo used…

Read more

Dopo aver visto i primi passi sul fotoritocco con Photoshop CS3,
In questo tutorial applicheremo vari flitri di Photoshop ad una foto in modo tale da ottenere un look da cartone animato o fumetto.
Useremo questa foto:

La prima cosa da fare è duplicare il livello iniziale.

Con il livello selezionato, premiamo CTRL+J sulla tastiera per effettuare la duplicazione.

Lavoreremo sul livello duplicato tenendo per dopo il livello iniziale.

Per raggiungere il nostro scopo è necessario eliminare un po’ di quei dettagli.
Applichiamo quindi Filtri -> Sfocatura > Sfocatura superficie con i seguenti valori…

Leggi tutto

Hi all !

Today FlepStudio presents a Photoshop CS3 tutorial that will help many of you, is really a beauty and very useful, thousands and thousands of applications.
In this tutorial we will create a very interesting text effect different textures.

The first thing we want to do is create an interesting background…

Read more

Ciao a tutti !

Oggi FlepStudio presenta un tutorial Photoshop CS3 che servirà a parecchi di voi, è davvero una bellezza e molto utile, ha mille e mille applicazioni.
Questo tutorial spiega come creare un effetto usando varie texture.
Possiamo vedere il finale:

La prima cosa da fare è duplicare il livello di sfondo e applicare una bella sfumatura radiale verde…

Leggi tutto

After learning several things reading the tutorials on PhotoShop CS3 of FlepStudio, it’s time to see how to create a layout for a website.

In this tutorial we will go through the design process needed to construct a simple homepage layout.
The first thing we need to keep in mind is that not all internet surfers use the same resolution as our monitor does, so we need to adjust our layout so it can be seen on all or most monitors.
We are going to choose an 850px wide layout because it will be seen on all monitors 1024×768 and up without the need for the user to scroll the page horizontally.
It is technically advisable to make your page even smaller in order for it to be seen on monitors sporting an ancient 800×600px resolution, but many new websites completely ignore the existence of such monitors as they are almost considered to be antiquities.

Create a new document big enough to contain a 850px wide layout.
I usually choose 2000×2000px documents because I find them to adapt well to my monitor’s resolution (1440×900) and allow for a great deal of content to be placed vertically in our layout.
It also gives me a lot of unused space which I use to display and try out new things.

Activate the ruler on your document (Press CTRL+R on the keyboard) and set the measure to “Pixels” by clicking on it with the right mouse button.
Calculate your 850px and drag the correspondent guidelines to your document.
Whatever you do, never let your design go outside those guidelines…

Read more

Dopo aver imparato diverse cose leggendo i tutorials su PhotoShop CS3 di FlepStudio, è giunta l’ ora di vedere come creare un layout per un sito web.

In questo tutorial attraverseremo il processo di design necessario alla costruzione di una semplice homepage.

La prima cosa che dobbiamo tenere a mente è che non tutti gli utenti di internet utilizzano la stessa risoluzione sui loro monitor.
Dobbiamo quindi impostare il nostro layout in modo tale che sia ben visualizzato su tutte o quasi tutte le risoluzioni.

Sceglieremo un layout che abbia 850px di larghezza affinchè sia visibile su tutte le risoluzioni superiori o pari a 1024×768px.
E’ tecnicamente consigliabile farlo ancora più piccolo affinchè possa esser visualizzato su monitor impostati a 800×600, ma di monitor di quel tipo se ne vedono ormai davvero pochi.

Creaiamo un nuovo documento che sia abbastanza grande da contenere il nostro layout.

In genere mi piace lavorare su un’area di 2000×2000px, in modo tale da avere abbastanza spazio in altezza per sviluppare i contenuti a piacimento.
Quella dimensione consente inoltre di avere molto spazio vuoto ai lati del layout da poter utilizzare per fare prove di diverso tipo.

Attiviamo il righello sul nostro documento premendo CTRL+R sulla nostra tastiera, e impostiamo la grandezza a “Pixel” cliccandoci sopra col tasto destro del mouse.
Calcoliamo i nostri 850px e trasciniamo le guide corrispondenti sul nostro documento…

Leggi tutto

After we saw how to create vectorial backgrounds, this tutorial will show you how to create a good looking navigation bar for your website layouts using Adobe Photoshop CS3.

Inizieremo disegnando un rettangolo con gli angoli arrotondati con un raggio di 10 pixel.

We will start off by drawing a rounded rectangle with a radius of 10pixels.

Rasterize this layer and using the rectangular marquee tool cut the rounded rectangle in half (select the portion of the rectangle you wish to delete with the rectangular marquee tool and hit DEL on your keyboard) so it looks like this…

Dopo aver visto come creare degli sfondi vettoriali che possono essere utilizzati sia in Flash sia in siti internet in html, questo tutorial vi mostrerà come creare una barra di navigazione per il vostro sito internet usando Adobe Photoshop CS3.

Inizieremo disegnando un rettangolo con gli angoli arrotondati con un raggio di 10 pixel.

Rasterizziamo questo livello e (usando lo strumento di selezione rettangolare per selezionare la parte da ritagliare e premendo CANC sulla tastiera una volta selezionata), ritagliamo la parte inferiore del rettangolo arrotondato…

Hi all !

One more tutorial about Photoshop CS3.

This time we will use Adobe Illustrator CS3 to create vector backgrounds.

After we saw how to use the pen tool, can get into something more fun.

In this tutorial we will go through the process of creating trendy and interesting vector backgrounds which will prove to be a very useful resource when creating content in Flash CS3 and websites.

The first thing we want to do when opening up Illustrator is set our document in Web mode with RGB colors – this is extremely important when working with Illustrator since it’s not as easy to switch between RGB and CMYK effectively as it is in programs such as Photoshop.

Also remember that in this particular case, the document size in pixels is not very important – being this a vector design you can always scale the file up to match your needs…

Salve a tutti !

Ecco un altro tutorial riguardo Photoshop CS3.

Questa volta però utilizzeremo Adobe Illustrator CS3 per creare degli sfondi vettoriali che possiamo utilizzare con Flash CS3.

Dopo aver visto come utilizzare lo strumento penna, possiamo inoltrarci in qualcosa di più divertente.

In questo tutorial andremo a vedere come realizzare sfondi vettoriali alla moda che saranno risorse utili nel creare contenuti per siti internet e in Flash CS3.

La prima cosa che faremo una volta aperto Illustrator sarà impostare il nostro documento in modalità Web con i colori RGB.
Questo è molto importante quando lavoriamo con Illustrator perché è più difficile passare da modalità adatte alla stampa che usano colori in quadricromia a modalità RGB (e viceversa, ovviamente) che in altri programmi come Photoshop.

La dimensione in pixel del nostro documento è inoltre relativamente irrilevante in questo caso, lavorando con un file vettoriale possiamo sempre riscalare il documento a nostro piacimento…