Archive for September, 2008


Tutorial Photoshop: I primi passi, il programma.

Sep 13, 2008 Author: Biondina | Filed under: Tutorial Photoshop, Webdesign

Eccoci alle prese con lo straordinario software per il ritocco fotografico, la modifica di immagini e il disegno a colori. Photoshop contiene una gamma di strumenti veramente formidabile, destinata a tutte le categorie di utenti, dai principianti agli esperti nella modifica di immagini, che consentono a tutti di ottenere risultati di qualità professionale.

Scoprirete che con Photoshop sarete in grado di produrre disegni, ma soprattutto di modificare le immagini a colori già esistenti provenienti da altre fonti. Tutti almeno una volta nella vita abbiamo scaricato qualche immagine da Internet e tutti disponiamo sicuramente di centinaia di nostre foto, magari delle vacanze, in formato digitale che vorremmo “migliorare ” o “truccare”. Photoshop ci tornerà utile per ritoccare foto o creare fotomontaggi da stampare o da visualizzare sul Web. Oltre a ciò, Photoshop è utile ai fotografi e ai tipografi, agli animatori per colorare immagini e agli artisti che desiderino creare nuovi disegni.

Da anni Photoshop è leader fra i software per il ritocco fotografico, e negli ultimi anni in particolare si è specializzato sempre più verso la preparazione di immagini da usare sui siti Web e in Internet in generale. Non sono tuttavia molte le variazioni introdotte da Adobe nel passaggio dalla versione CS alla versione CS2, soprattutto per quanto riguarda le funzionalità di base. Ecco perchè il presente corso, pur costruito sulla versione CS2, resta ampiamente utilizzabile anche per la versione CS.

Tenete conto che Photoshop CS2 non supporta Windows 95 e Windows 98. Di seguito viene descritto il suo uso con le altre versioni di Windows.
La versione più recente di Adobe Photoshop è la CS3.

Windows ME
Windows ME non supporta l’esecuzione simultanea di più applicazioni Adobe. Windows NT e Windows 2000 supportano invece questa funzione.

Windows NT
Adobe Photoshop CS2 è compatibile solo con i sistemi Windows NT per Intel e non può essere utilizzato con altre versioni di Windows NT, ad esempio Windows NT per DEC Alpha o Windows NT per PowerPC.
Eseguendo Photoshop con sistema operativo Windows NT e computer dotato di due processori, potete migliorare dell’ 80% la velocità di elaborazione e calcolo (ad esempio, nella conversione di un’immagine RGB in CMYK), del 20% – 30% l’esecuzione di operazioni meno impegnative e del 10% l’aggiornamento della visualizzazione sullo schermo. I moduli plug-in a 16 bit di altri produttori potrebbero non essere compatibili con Photoshop in Windows NT. Windows NT non è inoltre compatibile con i plug-in a 16 bit delle versioni precedenti.

Tutorial HTML: i tag più comuni.

Sep 10, 2008 Author: Biondina | Filed under: Tutorial HTML, Webdesign

Eccoci alla seconda per così dire lezione. Qui scriverò alcuni dei più importanti tag dell’html. Abbiamo stabilito che l’html è un semplice linguaggio. Impariamo a scriverlo.

CODICE
<b>testo in grassetto</b>
oppure
<strong>testo in grassetto</strong>
CODICE
<i>testo in corsivo</i>
oppure
<em>testo in corsivo</em>
CODICE
<u>testo sottolineato</u>
CODICE
<s>testo sbarrato</s>
CODICE
<br>  per andare a capo di una riga

CODICE

<p>paragrafo di testo</p>
Uno dei più importanti attributi che si possono aggiungere al tag p è quello per l’allineamento del testo, ovvero l’atributo align che ha come valori i seguenti:
left, (sinistra)
right, (destra)
center, (centro)
justify (giustificato)Praticamente il testo può essere allineato a sinistra, a destra, può essere centrato e giustificato. Per inserire l’attributo align si procede così.

CODICE
<p align=”center”>Testo testo testo testo</p>


CODICE

<img src=”LINKIMMAGGINE”>
Come si può notare bisogna fare un discorsino più approfondito per il tag img. Il tag img non ha un suo corrispondente tag di chiusura, ovvero non è

CODICE
<img>Link immagine</img>


L’immagine non può essere presa direttamente dal vostro harddisk, ma deve essere caricata su internet.
Cito i tre più famosi fra i servizi di hosting per immagini gratuiti che sono:

E’ consigliato l’utilizzo di immagini con queste tre estensioni: JPG, GIF, PNG.

Ci sono diversi valori che si possono dare al tag img. Alcuni fra i più importanti sono:

width, (larghezza dell’img)
height, (altezza dell’img)
alt, (titolo dell’immagine)

In pratica siamo in grado di dare all’immagine un’altezza, una larghezza e un titolo.
La larghezza e l’altezza non devono necessariamente corrispondere a quelle reali, possono essere ridotte o ampliate. Si consiglia di non aumentarle troppo in quanto l’immagine risulterebbe sgranata. Se si diminuiscono ricordate che il tempo di caricamento sarà uguale.
Ad esempio se io metto a un wallpaper 800 x 600 px le misure 100×100 px il caricamento dell’immagine resta invariato, poiché le dimensioni dell’immagine sono le stesse.
Il titolo dell’immagine, invece, compare quando ci soffermiamo con il cursore su essa.

In width e height non si deve inserire l’unità di misura ma solo il numero.
Le unità di misura sono nel nostro caso i pixel.
Ad esempio si dovrà fare … width=”100″ height=”100″ … non … width=”100px” height=”100px”…

Per inserire gli attributi all’immagine si procede così:

CODICE
<img src=”LINK” width=”misura” height=”misura” alt=”titolo immagine”>


CODICE
<a href=”www.google.it”>Google</a>

Questo è il codice per inserire un link in una pagina internet.
Gli attributi maggiormente usati sono:
alt, (titolo)
target, (indica dove si deve aprire la pagina)L’attributo alt l’abbiamo già visto. L’attributo target ha valori differenti io vi cito il più usato che è il _blank . Serve per far aprire la pagina in un altra finestra e non nella stessa che state visualizzando.

In pratica il codice sarà così:
CODICE
<a href=”www.google.it” alt=”Google” target=”_blank”>Google</a>

Fra
CODICE
<a…..> e </a>
si deve sempre inserire un testo.

Per usare un’immagine come collegamento, invece che il semplice testo si fa così:

CODICE

<a href=”urlsito” target=”_blank” alt=”titolo sito”><img src=”linkimmagine” alt=”titolo immagine” width=”misura” height=”misura”></a>
Praticamente fra CODICE
<a…..> e </a>
si inserisce il codice dell’immagine e non il testo. Solitamente i browser mettono un bordo predefinito all’immagine che viene utilizzata come collegamento. Per togliere il bordo, a mio parere antiestetico, si procede in questo modo:

CODICE

<a href=”urlsito” target=”_blank” alt=”titolo”><img src=”linkimmagine” alt=”titolo immagine” width=”misura” height=”misura” border=”0″></a>
Abbiamo inserito l’attributo border al tag img e gli abbiamo assegnato 0 come valore. In questo caso il bordo è stato tolto.

Ecco come si crea  un bel foglio di quaderno a righe da usare come texture!

Download PSD

Apriamo un documento nuovo 600×800 px con sfondo bianco.
Creiamo un nuovo livello Layer > New Layer.
Tracciamo con il tool rettangolare una selezione di circa 550 x 750 px (a occhio) e riempiamo di bianco.

image

Doppio click sul livello ed applichiamo le seguenti impostazioni:

Ombra esterna:
image

Sfumatura:
image

Pattern:
image

Ora deselezionate il livello. Select > Deselect
Adesso duplichiamo il livello e clicchiamo 2 volte per far aprire la finestra delle opzioni.
- Togliamo la spunta dall’ombra esterna.
- Lasciamo la sfumatura com’è.
- Modifichiamo la sovrapposizione del pattern, così:
image

Mettiamo quest’ultimo livello ad opacità 85%.
Ecco il nostro foglio di carta terminato! (clicca sull’immagine per ingrandire)

Tutorial Photoshop: Virtual Tuning

Sep 7, 2008 Author: Biondina | Filed under: Tutorial Photoshop, Webdesign

Segnalo un Tutorial sul virtual tuning, come modificare delle macchine con Photoshop.

FASE 1 ALLARGAMENTO:

con il lazzo poligonale si evidenzia la parte da allargare, dopo di che si copia e si incolla sulla stessa immagine:
(clikka sull’immagine per ingrandirla)

Continua..

Tutorial Photoshop: creare un Kaoani

Sep 6, 2008 Author: Biondina | Filed under: Tutorial Photoshop, Webdesign

Ecco il Tutorial che spiega come creare passo passo un dolcissimo Kaoani!

Questo tutorial è stato completamente ideato e realizzato da:
::: Angy-chan [Yume Studio] production :::
::: Copyright 2001 :::
http://www.yumestudio.it

Leggi il Tutorial!

Flickr PhotoStream

    Goth Hello KittyGoth Hello KittyGoth Hello KittyGoth Hello KittyGoth Hello KittyWildwood Day 3 (7/29/2010) - 23Hello KittyHello Kittymy hello kitty keyboardmy hello kitty keyboard

About Me

biondina brokendollieIo sono Elena, ho 22 anni e sono nata ad Agosto del 1986. Sono una ragazza semplice, che ama le cose semplici e che vorrebbe dalla vita tante cose che ancora non ha. Studio, frequento l�accademia di belle arti anche se il mio sogno era decisamente un altro. Mi sono appassionata ad internet e ai blog anni fa... Continua!

Video MakeUp Tutorial

Visita le Categorie...

lifestyle

fashion e beauty

freetime

graphic resources

webdesign

Archivio

Credits

Official Website of Biondina.
Brokendollie.com © 2008 / 2010 All Rights Reserved.
For any questions or problems, please contact me. All content used on this site is © to it's proper owner. Using any content without the permission of it's artist or author is not allowed.

eXTReMe Tracker