Converrà utilizzare il valore Soglia verso il basso, ed il Raggio verso un valore più alto, fino a quando non siamo soddisfatti del contrasto. Dovremo ottenere qualcosa del genere:

Adesso utilizzando i tool di Photoshop faremo emergere i dettagli il più possibile; in primo luogo andiamo in Immagine-Regolazione-Livelli e assicurarsi che gli sliders bianco e quello nero siano allineati con il bordo sinistro e desto del istogramma.

Ora in Immagini-Regolazioni-Correzione luceOmbre e aumentiamo lentamente la quantità e l’ampiezza tonale per le ombre e per la luce, fino a quando non iniziano a delinearsi maggiormente i dettagli.

Infine Immagine-Regolazioni-Tonalità/Saturazione, e qui dovremo leggermente aumentare la saturazione per ottenere la colorazione che più ci piace. E questo è quanto, dovremmo aver ottenuto un immagine HDR degna di questo nome.

Altre Gallerie e tutorial HDR

Ecco qualche link esempio effetto HDR. Alcune gallerie ed altri tutorial:

• discussione su Flickr su HDR
• questo sito promette di creare da un immagine un effetto HDR
• un altro tutorial per applicare l’effetto effetto HDR
• video che mostra i passaggi Photoshop per replicare HDR
• Flickr, una galleria completa di HDR
  
• un’altra galleria piena di immagini con effetto HDR
• Wikipedia spiega HDR
• Altra galleria con esempi di HDR su smashingmagazine.com
  
• un sito interamente dedicato alla tecnica fotografica HDR
• altra galleria con effetti HDR su pbase.com

Oggi vedremo come partendo da una foto qualunque potremo creare un’immagine in stile HDR.

HDR tutorial

innanzitutto avremo bisogno di una macchina digitale con modalità  d’esposizione AEB (Auto Exposure Bracketing) o che consenta di impostare manualmente la modalità  di esposizione, ma in questo caso servirà  anche un cavalletto per tenere la fotocamera ferma.

Phostoshop CS2 o successivo, saper usare le curve con Photoshop. Questo video è un ottimo punto di partenza.

Scegliete delle inquadrature che lascino spazio a contrasti (cielo e terra ad esempio), trovato il nostro soggetto impostiamo la fotocamera in modalità  AEB che farà  tre scatti differenti con diversi livelli di esposizione. Se non abbiamo questa modalità  sulla fotocamera, senza muoverla, e possibilmente posizionata su un cavalletto facciamo tre foto in rapida sequenza.

Ora apriamo Photoshop, andiamo su File-Automatizza- Unisci a HDR. Selezioniamo le immagini scattate in precedenza, e facciamo click su “Tenta di allineare automaticamente le immagini sorgente” se le foto sono leggermente mosse.

Se abbiamo esperienza con le curve e gli istogrammi di Photoshop bene, altrimenti guardate il video che ho linkato in precedenza. Apriamo il nostro file HDR a 32-bit e andiamo in Immagini-Modalità -8Bits/Canale. Qui ci sono quattro opzioni, quella che interessa a noi è Adattamento locale, cosi potremo lavorare manualmente.

Adesso viene la parte creativa, se avete guardato il video tutorial sapete che per usare l’eyedropper dovremo isolare l’area dell’immagine con la quale desideriamo lavorare, creare un punto di ancoraggio, e spostare la curva del grafico a nostro piacimento. Possiamo partire con un semplice aggiustamento, trascinando verso il basso la curva, l’immagine diventerà più scura, il tutto con l’obbiettivo di creare un buon contrasto.

Continua qui: effetto hdr tutorial (2parte)

Fonte immagine MorBCN

1. Rivelazione Errori Campo Vuoto
2. Messaggio dell’avvenuto invio
3. Colorazione Campi Input Vuoti

Ricapitolando il tutorial precedente: 1) Creazione di Campi di testo “input” 2) Aggiunta dell’action script 3) Aggiunta del pulsante 4) Creazione dello script Php , con questo quarto punto viene conclusa come abbiamo detto la prima parte. Ora iniziamo a lavorare sulla seconda…

Innanzitutto Realizziamo un Form con 7 campi di input quali : Nome, Cognome, Email, Societa, Fax, Telefono ed Note. Vogliamo che tutti debbano contenere per lo meno 2 lettere, e che il campo email debba contenere la @ e qualche lettera. Dopo aver realizzato tutto nello stesso modo del tutorial precedente, proseguiamo in questo modo:

Livello : Esperto

1) Creare 7 livelli Vuoti.

2) Nel Primo Livello Aggiungere un Clip Filmato con scritto Invio Avvenuto con Successo e dare come nome istanza “invio”.

3) Inserire il seguente Script su di un livello vuoto:
pulsante.onRelease = function ()
{
trace ('prosegue')
var _loc2 = new LoadVars();
_loc2.Nome = casellaNome.text;
_loc2.Cognome = casellaCognome.text;
_loc2.Societa = casellaSocieta.text;
_loc2.Email = casellaEmail.text;
_loc2.Telefono = casellaTelefono.text;
_loc2.Fax = casellaFax.text;
_loc2.Note = casellaNote.text;
_loc2.destinatario = "TUAEMAIL@MAIL.IT"; // INSERIRE LA PROPRIA E-MAIL
_loc2.onLoad = function (success)
{
}
if (casellaNome.length<2) {
testoErrore = "Campo Errato ";
scriviErrore(testoErrore);
name_txt.textColor = 0xFF0000;
corretto = false
}else{
name_txt.textColor = 0xFFFFFF;
}if (casellaEmail.text.indexOf("@")<2) {
testoErrore = "Email Errata ";
scriviErrore(testoErrore);
email_txt.textColor = 0xFF0000;
corretto = false
}else{
email_txt.textColor = 0xFFFFFF;
}
if (casellaTelefono.length<4) {
testoErrore = " Campo Errato";
scriviErrore(testoErrore);
telefono_txt.textColor = 0xFF0000;
corretto = false
}else{
telefono_txt.textColor = 0xFFFFFF;
}
if (casellaCognome.length<2) {
testoErrore = " Campo Errato";
scriviErrore(testoErrore);
cognome_txt.textColor = 0xFF0000;
corretto = false
}else{
cognome_txt.textColor = 0xFFFFFF;;
}
if (casellaSocieta.length<4) {
testoErrore = " Campo Errato";
scriviErrore(testoErrore);
societa_txt.textColor = 0xFF0000;
corretto = false
}else{
societa_txt.textColor = 0xFFFFFF;
}
if (casellaNote.length<2) {
note_txt.textColor = 0xFF0000;
corretto = false
}else{
note_txt.textColor = 0xFFFFFF;
}
if (corretto)
_loc2.sendAndLoad("Email.php", _loc2, "POST"); // Devi modificare il percorso in modo corretto
//ad esempio puoi inserire anche http://www.tuoindirizzo.it/cartella/Email.php
{
if (success)
{
casellaNome.text = "";
casellaCognome.text = "";
casellaSocieta.text = "";
casellaEmail.text = "";
casellaTelefono.text = "";
casellaFax.text = "";
casellaNote.text = "";
mcMsg.mcTxt.txtMsg.text = this.controllo;
mcMsg.play();
}
}
}

Contiene alcuni punti essenziali per fare in modo che lo script riconosca se ci sono o meno campi vuoti, e lo si fa con la funzione length , e se viene lasciato vuoto , il campo diventa rosso ed esce un messaggio di errore con la funzione textColor e grazie alle funzioni IF ed ELSE.

4) Dopodichè su di un altro livello inserire come:
as _root.invio._visible = false ;
Questo serve per rendere la finestra di “ Invio Messaggio Avvenuto “ invisibile e di farla uscire solo se richiamata dallo script una volta inviato il messaggio .

5) Aggiungere al pulsante “ pulsInvio “ ( leggere il tutorial precedente ) ,il seguente codice :

on (press) {
_root.errore._visible=false;
_root.errore.text="";
var corretto:Boolean = true; if (casellaNome.length<2) {
testoErrore = "";
scriviErrore(testoErrore);
name_txt.textColor = 0xFF0000;
corretto = false
}else{
name_txt.textColor = 0xFFFFFF;
}
if (casellaEmail.text.indexOf("@")<2) {
testoErrore = "";
scriviErrore(testoErrore);
email_txt.textColor = 0xFF0000;
corretto = false
}else{
email_txt.textColor = 0xFFFFFF;
}
if (casellaTelefono.length<4) {
testoErrore = "";
scriviErrore(testoErrore);
telefono_txt.textColor = 0xFF0000;
corretto = false
}else{
telefono_txt.textColor = 0xFFFFFF;
}
if (casellaCognome.length<2) {
testoErrore = "";
scriviErrore(testoErrore);
cognome_txt.textColor = 0xFF0000;
corretto = false
}else{
cognome_txt.textColor = 0xFFFFFF;;
}
if (casellaSocieta.length<4) {
testoErrore = "";
scriviErrore(testoErrore);
societa_txt.textColor = 0xFF0000;
corretto = false
}else{
societa_txt.textColor = 0xFFFFFF;
}
if (casellaNote.length<2) {
note_txt.textColor = 0xFF0000;
corretto = false
}else{
note_txt.textColor = 0xFFFFFF;
}
if (corretto) {
_root.invio._visible= true ;
trace("invio corretto");
} else {
_root.errore._visible = true;
}
function scriviErrore(stringaErrore:String) {
_root.errore.text += stringaErrore+" ";
}
}

Qui non abbiamo fatto altro che ripetere lo script per la correzione dei campi, e aggiunta la function per far appariare la casella del “Invio Messaggio Inviato” .

6) Realizzare uno script con notepad e rinominarlo Email.php inserire al suo interno il seguente codice php:

<?php
$casellaNome = stripslashes($_POST['Nome']);
$casellaCognome = stripslashes($_POST['Cognome']);
$casellaSocieta = stripslashes($_POST['Societa']);
$casellaEmail = stripslashes($_POST['Email']);
$casellaTelefono = stripslashes($_POST['Telefono']);
$casellaFax = stripslashes($_POST['Fax']);
$casellaNote = stripslashes($_POST['Note']);
$sms = '
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Contatti</title>
<style type="text/css">
td{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
}
</style>
</head>
<body style="margin:0px;">
<table cellpadding="0" cellspacing="0" style="height:100%;width:500px;">
<tr>
<td style="height:100%;padding:20px;vertical-align:top;">
<table>
<tr><td colspan="2">
<br /><br /></td></tr>
<tr><td width="80"><b>» Nome:</b></td>
<td width="259">'.$casellaNome.'</td></tr>
<tr><td width="80"><b>» Cognome:</b></td>
<td width="259">'.$casellaCognome.'</td></tr>
<tr><td><b>» Società</b></td>
<td>'.$casellaSocieta.'</td></tr>
<tr><td><b>» E-mail</b></td>
<td>'.$casellaEmail.'</td></tr>
<tr><td><b>» Telefono</b></td>
<td>'.$casellaTelefono.'</td></tr>
<tr><td><b>» Fax </b></td>
<td>'.$casellaFax.'</td></tr>
<tr><td><b>» Note</b></td>
<td>'.$casellaNote.'</td></tr>
<tr><td colspan="2"> </td></tr>
</table></td></tr></table></body></html>';$headers = "From: $casellaNome $casellaCognome <$casellaEmail>n";
$headers .= "Content-Type: text/html; charset=iso-8859-1n";
$oggetto = " Richiesta Informazioni n";
if(mail($_POST['destinatario'], $oggetto, $sms, $headers)){
echo '&controllo=invio avvenuto con successo.';
}
else{
echo '&controllo=errore: e-mail non inviata.';
}
?>

Modificati alcuni punti in questo script quale “Oggetto” modificato con Richiesta Informazioni.

Con questi ultimi Punti abbiamo completato Il Form Email con Flash e Php, spero che risulti a tutti il più semplice possibile se cosi non fosse, non esistate a domandare e commentare. Buona Programmazione!

Download file esempio
Potete confrontate il vostro risultato con questo file esempio:

• flash-php_2.zip

- – - – - – - – - – - – - – - – - – - – - – -

Tutto questo veniva in passato creato con pittura ad olio su vetro, oggi invece avviene tutto grazie alla digitalizzazione delle pellicole e tramite processi di ritocco immagine via software.
Anche noi nel nostro piccolo possiamo riuscire nell’impresa ritoccare un ambiente e renderlo realisticamente invecchiato.
Grazie a questo tutorial Photoshop infatti potremo trasformare una casa ben curata in una catapecchia decadente.
Trovato su 4mj, che ha appena rinnovato il layout del blog.

Ecco dove trovare altre informazioni e tutorial:

Blog

http://www.4mj.it/photoshop-matte-painting
http://www.sanbaldo.com/wordpress/1/matte-painting
http://dogmafx.blogspot.com/2006/01/matte-painting.html

Esempi cinematografici Matte painting

http://www.dusso.com/images/mp02/mp40.html
http://www.dusso.com/images/mp02/mp48.html
http://www.matteworld.com/
http://www.paulcampion.com/mattePainting/mattePaintFS.html

Tutorial photoshop

http://www.seb4d.com/tutorials/Mattepainting/mattepainting_english.htm
http://www.worth1000.com/tutorial.asp?sid=161052&print=1
http://67.15.36.49/team/Tutorials/castle_mattepainting/castle_01.asp
http://www.graphics.com/modules.php?name=Sections&op=viewarticle…

Non riesco ad immaginare quanto possa essere felice questa signora di aver “messo la faccia” per un tutorial del genere, ma il risultato è davvero incredibile. Ho sentito spesso dire che con Photoshop si possono fare miracoli e questa volta, ci sono davvero riusciti, come si può notare dall’immagine originale.

Il tutorial spiega i passi adoperati per riuscire ad ottenere il risultato.
Se posso mi permetto di offrirvi un consiglio, non utilizzate le immagini dei vostri parenti, non date per scontato che la prendano bene.

I siti più famosi che danno questo tipo di servizio sono due PhotoshopTV e PhotoshopKillerTips.
Dal primo link potrete vedere i Tutorial photoshop direttamente dalle pagine del sito, basta avere caricato un Flash Player versione 8 o superiore, nell’altro invece dovrete essere forniti di un lettore .mp4 come QuickTime o VLC.

Su Digimods.co.uk troverete una galleria di vetture le quali chi più chi meno, hanno avuto un ritocco fotografico. La maggior parte hanno inclusa nell’immagine, un riquadro che ritrae la vettura “prima della cura”.

Da questo sito potrete imparare anche i segreti del ritocco grazie a dei validissimi tutorial photoshop con esempi pratici su carrozzerie di automobili. Così potrete gustarvi le modifiche al vostro mezzo ancor prima di aver speso soldi e tempo.

Per iniziare realizziamo un Form in Flash con i seguenti campi di input:

Dopodichè ad ogni campo testuale diamo un nome “ Variabile “ che sarà uguale a quelli citati sull’immagine cioè : “ Nome , Cognome ecc.. “ .
Nel primo frame inseriamo questo ActionScript :

System.useCodepage = true;
stop();


Ora ci serve creare una tabella all’interno del Database . La tabella avrà il seguente nome “ utenti “. Per gli sviluppatori che utilizzano MySql sarà di facile comprensione , mentre per coloro che sono alle prime armi , scrivo qui di seguito la query da inviare affinché la tabella venga sviluppata correttamente :

CREATE TABLE 'utenti' (
'nome' varchar(50) NOT NULL,
'cognome' varchar(50) NOT NULL,
'indirizzo' varchar(50) NOT NULL,
'cap' varchar(5) NOT NULL,
'citta' varchar(50) NOT NULL,
'telefono' varchar(10) NOT NULL,
'email' varchar(50) NOT NULL,
'data' datetime NOT NULL
) ENGINE=MyISAM DEFAULT CHARSET=latin1;

La tabella dovrà avere gli stessi parametri come da immagine :

Ok ora create la nostra tabella scrivo il codice ActionScript da Applicare al pulsante Invio:

// codice che associamo al pulsante
on (release){
// creiamo i due oggetti loadVars
carica = new LoadVars();
ricevi = new LoadVars();
// inseriamo le variabili nell'oggetto
carica.nome = _level0.nome;
carica.cognome = _level0.cognome;
carica.indirizzo = _level0.indirizzo;
carica.cap = _level0.cap;
carica.citta = _level0.citta;
carica.telefono = _level0.telefono;
carica.email = _level0.email;
// funzione onload: si attiva al
// completmanento del caricamento dello script
ricevi.onLoad = function (ok){
// elimina onLoad
delete this.onLoad;
// controlla che il caricamento abbia avuto
// successo
if(ok)
{
// controlla che l'inserimento abbia avuto
// successo
if(ricevi.error == "1"){_root.output.text = "Errore inserimento dati";}
else{_root.play();}
}
// l'inserimento non ha avuto successo,
// viene segnalato l'errore
else
{
_root.output.text = "Errore inserimento dati";
}
};
// carichiamo lo script PHP
carica.sendAndLoad("script.php", ricevi, "POST");
}

Molto semplice ed Intuitivo a quanto potete vedere . Dopodichè Creiamo con il nostro NotePad lo script in php che chiameremo “ script.php “ .

// Dati per la connessione al DB
$db_host = "localhost o host del vostro database";
$db_user = "username database";
$db_password = "password database";
$db_name = "vostro database";
// Connessione al DB
$db = mysql_connect($db_host, $db_user, $db_password);
$db_forum = mysql_select_db($db_name, $db);
// Query di inserimento
$query = "INSERT INTO `utenti` (nome, cognome, indirizzo, cap, citta, telefono, email, data)
VALUES ('".$_POST['nome']."', '".$_POST['cognome']."', '".$_POST['indirizzo']."', '".$_POST['cap']."', '".$_POST['citta']."', '".$_POST['telefono']."', '".$_POST['email']."', '".date('Y-m-d H:i:s')."')";
// Esecuzione query
$query_results = mysql_query($query) or die("&error=1");
echo "&stop=1";
?>


Ovviamente vi ricordo che i file devono essere tutti all’interno della stessa cartella , nella speranza che questo Tutorial vi sia stato di aiuto vi invito a restare sempre aggiornati su DesMM.com.
Buona Programmazione

1] Galleria di immagine Hoverbox
Una galleria dalle immagini che al roll-over si ingrandiscono, questo non usa nient’altro che CSS e nessun javascript. Esempio.

2] CSS Bar Graphs
Un semplice tutorial che mostra come creare barre grafiche si a verticali che orizzontali. Esempio.

3] CSS Menù verticale
Questo è un classico menù in verticale naturalmente creato utilizzando esclusivamente CSS. Esempio.

4] Listamatic
Questo è un completo studio dedicato alle liste HTML.

5] Floatutorial
Questo invece è un completo studio dedicato agli elementi fluttuanti.

Prossimamente vi segnalerò i restanti 5 Tutorial offerti da cameronolthuis