venerdì, 12 dicembre 2008

Countdown tutorial html


ciao oggi vi spiego come creare un contdown, avvero un oggettino che vi permette di calcolare i giorni che mancano a un avvenimento per voi particolare. noi calcoleremo i giorni che mancano all'ultimo dell'anno, il 31 dicembre.

prima di tutto salvate questa gif image

a questo punto aprite animation shop e la gif appena salvata. poi aprite anche psp e un documento trasparente di 200*150 e mettete la vostra firma in alto. poi prendete lo strumento selezione e con la modalità rounded rectangle fate come in figura

image

a questo punto prendete lo strumento riempimento e colorate di nero la selezione poi fae seleziona/modifica/contrai mettete come valore un pixel e date l'ok. bene ora con la selezione sempre attiva colorate l'interno della soluzione con questo azzurro #7befff. quindi fate selezione/nessuna selezione

ora andate su animation e selezionate il primo fotogramma della nostra gif. fare copia e incollate come nuovo livello dentro il documento di psp. a questo punto prendete lo strumento spostamento e spostate il fotogramma della gif sulla appena sopra il rettangolino. come in figura.

image

poi fate tasto destro/copia unione e incollate come nuova animazione su animation shop. ora tornate su psp e tornate indietro fino a che non avete solo il documento con la firma e il rettangolino azzurro e ripetete tutte le operazioni da quando incollate il primo fotogramma con gli altri fotogrammi incollandoli su animation facendo incolla/dopo il fotogramma corrente selezionando sempre l'ultimo della fila. quando avete finito salvate in formato gif.

a questo punto dobbaimo far funzionare il contdown. hostate la vostra gif su un sito di hosting. apriamo frontpage e incolliamo questo codice in modalità codice dopo che avete cancellato quello che c'è scritto

CODICE
<HTML>

<head>
<style type="text/css">
.style1 {
       margin-right: 11px;
       margin-top: 13px;
}
</style>
</head>

<body>
<SCRIPT LANGUAGE="JavaScript">
<!--
function getTime() {
now = new Date();
y2k = new Date("Dec 31 2008 00:00:00");
days = (y2k - now) / 1000 / 60 / 60 / 24;
daysRound = Math.floor(days);
dy = (daysRound == 1) ? " day" : " giorni "
document.timeForm.input1.value = "Mancano " + daysRound + dy + "al 31/12!";
newtime = window.setTimeout("getTime();", 1000);
}
// -->
</script><BODY onLoad="getTime()">
<div style="position: absolute; width: 214px; height: 148px; z-index: 1; left: 1px; top: 1px;
background-image: url('URL DELL'IMMAGINE');         /*INSERISCI QUI IL LINK DELL'IMMAGINE*/
background-repeat:no-repeat" id="layer1">
<form name=timeForm>
<p>&nbsp; </p>
<p>&nbsp;</p>
<p align="center"><br>
<input type="texte" name=input1 size=30 border-style="none" style="border-style:solid; border-width:0px; font-style:normal;
font-variant:normal; font-weight:normal; font-size:9px; font-family:Verdana; background-color:#7befff; width: 149px; height: 17px;" class="style1"><br>
<br>
</p>
</form></div>

</body>
</HTML>


poi andate su altervista e caricate l'immagine come spiegato nel tutorial di base.

ora vi spiego un po' il codice

CODICE
<input type="texte" name=input1 size=30 border-style="none" style="border-style:solid; border-width:0px; font-style:normal;
font-variant:normal; font-weight:normal; font-size:8px; font-family:Verdana; background-color:#FF0000">


qui potete modificate il colore dello sfondo della scritta (background-color), ricordate che deve essere uguale a quello del rettangolino. poi potete anche modificare la dimensione, il carattere della scritta.

poi

CODICE
y2k = new Date("Dec 25 2008 00:00:00");


qui modificate la data del vostro countdown.

il codice per metterlo nei vostri forum è questo

CODICE
<iframe frameborder="0" src="INDIRIZZO DELLA PAGINA HTML" scrolling="no" width="150" height="150" name="I1"></iframe>


ricordatevi di cambiare anche wight e height, ovvero la larghezza e l'altezza dell'immagine

ecco il mio ridultato Countdown

Finito!! se avete dubbi o damande chiedete pure


Luigina1982 Ha postato alle15:20
Lasciate dei commenti (3)
In: tutorial html



venerdì, 12 dicembre 2008

Calendario tutorial html


ciao... ora vi spiegherò come creare un calendario.

per prima cosa dobbiamo creare un'immagine..

io ho fatto questa

image

per il tutorial usatela pure anche voi. poi per quello a fantasia potete anche usare delle immagini abbastanza chiare per farlo.

ora apriamo frontpage e copiamo questo codice nella zona codice, prima però cancellate tutto quello che c'è scitto e si forma in automatico.

CODICE
<html>

<head>
<meta http-equiv="Content-Language" content="it">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<style type="text/css">
<!--
body{
background-color:#af14f0;
font-family:Verdana,Arial,Sans-serif;
font-size:11px;
}

/* stili per la tabella principale */

table.main{
border-collapse: collapse;
border:2px none #f0149b;
width:150px;                                /*dimensioni calendario: larghezza -> inserire le dimensioni dell'immagine utilizzata*/
height:250px;                                /*dimensioni calendario: altezza -> inserire le dimensioni dell'immagine utilizzata*/
background-image:url(http://i33.tinypic.com/10pc7c1.png);                /*inserire il link dell'immagine utilizzata*/
}

/* stili per la tabella delle date */

table.calendar{
width:90px;
height:60px;
font-size : 11px;
color: #990099;                        /*colore di tutti i giorni del mese {1,2,3...}*/        
}

/* stili per i giorni */

.days{
color:#f0149b;                        /*colore del nome dei giorni {L,M,M,G...}*/
font-weight:bold;
}

/* stili per la data attuale */

.today{
color:#f0149b;                        /*colore del giorno attuale*/
font-weight:bold;
}


-->
-->
;
</style>
</head>

<body topmargin="0" leftmargin="0">

<div align="left" style="width: 910px; height: 183px;">
<div align="center">
<div style="position: absolute; width: 100px; height: 100px; z-index: 1" id="livello1">
</div>
<table cellpadding="0" cellspacing="0" class="main" align="left" style="height: 216px; width: 141px">
<tr>
<td width="150" style="height: 88px" > </td>

</tr>
<tr>

<td style="width:150px; height:1px; text-align:center;vertical-align:top">
<script type="text/javascript" language=JavaScript>
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!--//Begin
monthnames = new Array(
"Gennaio",
"Febbraio",
"Marzo",
"Aprile",
"Maggio",
"Giugno",
"Luglio",
"Agosto",
"Settembre",
"Ottobre",
"Novembre",
"Dicembre");
var linkcount=0;
function addlink(month, day, href) {
var entry = new Array(3);
entry[0] = month;
entry[1] = day;
entry[2] = href;
this[linkcount++] = entry;
}
Array.prototype.addlink = addlink;
linkdays = new Array();
monthdays = new Array(12);
monthdays[0]=31;
monthdays[1]=28;
monthdays[2]=31;
monthdays[3]=30;
monthdays[4]=31;
monthdays[5]=30;
monthdays[6]=31;
monthdays[7]=31;
monthdays[8]=30;
monthdays[9]=31;
monthdays[10]=30;
monthdays[11]=31;
todayDate=new Date();
thisday=todayDate.getDay();
thismonth=todayDate.getMonth();
thisdate=todayDate.getDate();
thisyear=todayDate.getYear();
thisyear = thisyear % 100;
thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear));
if (((thisyear % 4 == 0)
&& !(thisyear % 100 == 0))
||(thisyear % 400 == 0)) monthdays[1]++;
startspaces=thisdate;
while (startspaces > 7) startspaces-=7;
startspaces = thisday - startspaces + 1;
if (startspaces < 0) startspaces+=7;
document.write("<center>");
document.write("<table border=0 " );<!--Border size-->
document.write("class='calendar' cellpadding=0 cellspacing=1>");<!--Border color, font size, cell padding, cellspacing and font color-->

document.write("<tr> <td colspan='7' style='text-align:center;'><strong>"
+ monthnames[thismonth] + " " + thisyear
+ "</strong></td></tr>");
document.write("<tr>");
document.write("<td align=center class='days'>D</td>");
document.write("<td align=center class='days'>L</td>");
document.write("<td align=center class='days'>M</td>")
document.write("<td align=center class='days'>M</td>");
document.write("<td align=center class='days'>G</td>");
document.write("<td align=center class='days'>V</td>");
document.write("<td align=center class='days'>S</td>");
document.write("</tr>");
document.write("<tr>");
for (s=0;s<startspaces;s++) {
document.write("<td>-</td>");
}
count=1;
while (count <= monthdays[thismonth]) {
for (b = startspaces;b<7;b++) {
linktrue=false;
document.write("<td>");
for (c=0;c<linkdays.length;c++) {
if (linkdays[c] != null) {
if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) {
document.write("<a href=\"" + linkdays[c][2] + "\">");
linktrue=true;
}
}
}
if (count==thisdate) {
document.write("<span class='today'>");<!--todays date color-->
}
if (count <= monthdays[thismonth]) {
document.write(count);
}
else {
document.write(" ");
}
if (count==thisdate) {
document.write("</span>");
}
if (linktrue)
document.write("</a>");
document.write("</td>");
count++;
}
document.write("</tr>");
document.write("<tr>");
startspaces=0;
}
document.write("</table>");
document.write("</center>");

</script>
</td>
</tr>
</table>
</div>
</div>
</body>
</html>


a questo punto uplodate l'immagine per il vostro calendario con un sito di hosting e incollatelo dove dice URL DELL'IMMAGINE

ora mettetevi in modalità normale e facciamo inserisci/livello, vi apparirà un rettangolino contornato di blu. scrivete li dentro il vostro nick in modo che non copra troppo l'immagine

abbiamo quasi finito. adesso copiate tutto il codice e copiamolo su altervista.. coem spiegato nel tutorial di base, poi salviamolo e avremo il nostro calendario. per distribuirlo nei forum dovete usare questo codice

CODICE
<iframe frameborder="0" src="INDIRIZZO DELLA PAGINA HTML DEL CALENDARIO" scrolling="no" width="150" height="250" name="I1"></iframe>


ecco il mio risultato

Calendario

prima di copiare il codice, se avete notato, ci sono dei segnetti /**/ lì vi spiega cosa potete cambiare.


Luigina1982 Ha postato alle15:17
Lasciate dei commenti (1)
In: tutorial html



venerdì, 12 dicembre 2008

Orologio tutorial html


ciao.. oggi vi spiego come fare un orologino.

prendete questa immagine e metteteci la firma con psp.quando farete voi l'orologio a fantasia dovrete creare un rettangolino trasparente dove andrà l'ora

image

ora apriamo frontpage e incolliamo in modalità codice questo:

CODICE
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
body{
background-color:#FFCCCC;
font-family:Verdana,Arial,Sans-serif;
font-size:9px;
}
table{
border-collapse: collapse;
border:0px;
width:130px;                /*dimensioni dell'orologio: larghezza -> inserisci le dim dell'immagine che usi*/
height:130px;                /*dimensioni dell'orologio: altezza -> inserisci le dim dell'immagine che usi*/
background-image:url(http://i35.tinypic.com/23wtwz9.png);   /*inserisci qui il link della tua immagine*/
}
.input {
border-style: none;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;                /*dimensione carattere dell'orologio*/
background-color:transparent;
color :#6a6666;                /*colore dei numerini dell'orologio*/
font-weight:bold;
margin-top:0px;
margin-left:0px;
}
</style>

<script type="text/javascript">
function showFilled(Value) {
return (Value > 9) ? "" + Value : "0" + Value;
}
function StartClock24() {
TheTime = new Date;
document.clock.showTime.value = showFilled(TheTime.getHours()) + ":" + showFilled(TheTime.getMinutes()) + ":" + showFilled(TheTime.getSeconds());
setTimeout("StartClock24()",1000)
}
</script>
</head>
<body topmargin="0" leftmargin="0" onLoad="StartClock24()">

<div style="position: absolute; width: 58px; height: 46px; z-index: 1; left: 20px; top: 136px" id="layer1">
<form name="clock">
<p style="text-align: center">
<input type="text" name="showTime" size="9" class="input">
</p>
</form></div>

<table cellpadding="0" cellspacing="0" style="width: 191px; height: 164px">
<tr>
<td style="width:110px; height:99px; text-align:left; vertical-align:top">

<p>

&nbsp;</td>
</tr>
</table>

</body>
</html>


in modalità codice ci sono le scitte tra /**/ che spiegano cosa potete cambiare. per queston tutorial lasciate pure le impostazioni così. ricordatevi di aggiustare le misure però!! ovviamente dovete (anche nel tutorial) sostituire il link della mia immagine con quella della vostra dopo che avete messo la firma e l'avete caricata su un sito di hosting.

per pubblicare i calendari sui forum usate lo stesso codice del calendario.

ecco il mio Orologio


finito!!

se avete domande o dubbi chiedete pure


Luigina1982 Ha postato alle15:15
Lasciate dei commenti
In: tutorial html



venerdì, 12 dicembre 2008

datario tutorial html


In questo tutorial impareremo a fare i datari. Per questo tutorial abbiamo bisogno di paint shop pro o photo shop per fare l'immagine e front page per il codice. Io ho fatto questa immagine con paint shop pro.

image

Salvate l'immagine sul vostro computer e hostatala su un sito di host come photobucket o imageshack.

Poi aprite il vostro front page e copiate questo codice nella sezione codice (ricordatevi di cancellare i codici generati automaticamente da front page prima di ricopiare questo)

CODICE
<body topmargin="0" leftmargin="0">

<a href="qui url vostro blog forum o sito" target="_blank"><img src="qui url immagine" border="0" alt=""></a>
<div style="width: 119px; height: 41px; position: absolute; left: 70px; top: 157px; padding-top: 1; padding-bottom:1; border-top-style:solid; border-top-width:0; border-bottom-style:solid; border-bottom-width:0">
 <p align="center"><!--webbot bot="HTMLMarkup" startspan --><html>

<head>
<style type="text/css">
<!--
.input { border-style: none;
        font-family:Tahoma,Arial,Helvetica,sans-serif;
                 font-size:10pt;
            color : 000000;
      }
-->
</style>

</head>

<body>
<span id="clock" class="input"></span>

<script language="JavaScript">
<!--

function SymError()
{
 return true;
}

window.onerror = SymError;

var SymRealWinOpen = window.open;

function SymWinOpen(url, name, attributes)
{
 return (new Object());
}

window.open = SymWinOpen;

//-->
</script>

<script language="JavaScript">
<!--

function SymError()
{
 return true;
}

window.onerror = SymError;

var SymRealWinOpen = window.open;

function SymWinOpen(url, name, attributes)
{
 return (new Object());
}

window.open = SymWinOpen;

//-->
</script>

<script language="JavaScript">
<!--

function SymError()
{
 return true;
}

window.onerror = SymError;

var SymRealWinOpen = window.open;

function SymWinOpen(url, name, attributes)
{
 return (new Object());
}

window.open = SymWinOpen;

//-->
</script>

<script language="JavaScript">
<!--

function SymError()
{
 return true;
}

window.onerror = SymError;

var SymRealWinOpen = window.open;

function SymWinOpen(url, name, attributes)
{
 return (new Object());
}

window.open = SymWinOpen;

//-->
</script>

<script language="JavaScript">
<!--

function SymError()
{
 return true;
}

window.onerror = SymError;

var SymRealWinOpen = window.open;

function SymWinOpen(url, name, attributes)
{
 return (new Object());
}

window.open = SymWinOpen;

//-->
</script>

<script language="JavaScript">
<!--

function SymError()
{
 return true;
}

window.onerror = SymError;

var SymRealWinOpen = window.open;

function SymWinOpen(url, name, attributes)
{
 return (new Object());
}

window.open = SymWinOpen;

//-->
</script>

<script language="JavaScript">
<!--

function SymError()
{
 return true;
}

window.onerror = SymError;

var SymRealWinOpen = window.open;

function SymWinOpen(url, name, attributes)
{
 return (new Object());
}

window.open = SymWinOpen;

//-->
</script>

<script type="text/javascript" language="JavaScript1.2">
<!--


function AggOra() {

var mesi = new Array("Gennaio","Febbraio","Marzo","Aprile","Maggio","Giugno","Luglio","Agosto","Settembre","Ottobre","Novembre","Dicembre");
var nomeGiorno = new Array('Domenica','Lunedi','Martedi','Mercoledi','Giovedi','Venerdi','Sabato');

Data = new Date()
Giorno = Data.getDate()
Mese = Data.getMonth()
Anno = Data.getFullYear()
Ore = Data.getHours()
Minuti = Data.getMinutes()
Secondi = Data.getSeconds()

if ((Ore > 6) && (Ore < 13)) Saluto = "Buona mattina"

if ((Ore > 12) && (Ore < 18)) Saluto = "Buon pomeriggio"

if ((Ore > 17) && (Ore < 22)) Saluto = "Buona sera"

if (Ore > 21) Saluto = "Buona notte"

if (Ore < 7) Saluto = "Ciao!"

if (Minuti < 10) Minuti = "0" + Minuti

if (Secondi < 10) Secondi = "0" + Secondi

messaggio = Saluto + ", sono le " + Ore + ":" + Minuti + "." + Secondi + " di " + nomeGiorno[Data.getDay()] + ", " + Giorno + " " + mesi[Mese] + " " + Anno

if(!document.layers){
 aggsec = setTimeout("AggOra();",1000);}

if (document.getElementById){
   document.getElementById('clock').innerHTML=messaggio;}

else if (document.all){
   document.all.clock.innerHTML=messaggio;}

else if(document.layers){
   document.write(messaggio);}
}
AggOra();
//-->
</script>

</body>

</html><!--webbot bot="HTMLMarkup" endspan --></div>


Le parti da modificare sono quelle dell'url che porta al vostro sito blog o forum e dell'immagine e le dimensioni e la posizione del livello del datario in base alla vostra immagine che potrete modificare in questa parte di codice:

CODICE
<div style="width: 119px; height: 41px; position: absolute; left: 70px; top: 157px; padding-top: 1; padding-bottom:1; border-top-style:solid; border-top-width:0; border-bottom-style:solid; border-bottom-width:0">
 <p align="center"><!--webbot bot="HTMLMarkup" startspan -->


Se andate in visualizzazione normale potrete posizionare il riquadro del livello del datario direttamente da lì è più facile per chi non sa come modificare direttamente il codice.


In più potete modificare il messaggio che apparirà in base all'ora che si trova in questo pezzo di codice:

CODICE
if ((Ore > 6) && (Ore < 13)) Saluto = "Buona mattina"

if ((Ore > 12) && (Ore < 18)) Saluto = "Buon pomeriggio"

if ((Ore > 17) && (Ore < 22)) Saluto = "Buona sera"

if (Ore > 21) Saluto = "Buona notte"

if (Ore < 7) Saluto = "Ciao!"


In questa parte cambiate solo le parole tra le virgolette non cambiate altro.

Andate in visualizzazione anteprima e troverete l'anteprima del vostro lavoro ora non vi resta che tornare in visualizzazione codice selezionare tutto il codice e copiarlo in un sito host come geocities altervista ecc. salvate il tutto e avrete questo risultato.

anteprima datario



Se qualcosa (o tutto! :lol:) non vi è chiaro chiedete pure


Luigina1982 Ha postato alle15:13
Lasciate dei commenti
In: tutorial html



venerdì, 12 dicembre 2008

Centrare un immagine o un testo tutorial html


<div align="center">immagine/testo</div>

Questo è il codice che serve per  centrare il vostro testo o immagine.


Luigina1982 Ha postato alle15:12
Lasciate dei commenti
In: tutorial html



venerdì, 12 dicembre 2008

tutorial marquee html


In questo tutorial impareremo a fare la marquee che è quel testo che scorre nelle pagine web. Per fare ciò abbiamo bisogno di front page. Apriamo il nostro front page e andiamo nella sezione codice. Cancelliamo tutto il codice presente nella pagina e incolliamo questo codice:

<marquee width=100 height=100 direction="up" onmouseover=this.stop() onmouseout=this.start() scrollamount=1>testo testo testo</marquee>


Questo è il codice standard delle marquee voi potete modificare le dimensioni cambiando i numeri di px in width e height e potete anche cambiare la direzione in direction mettendo tra le virgolette le direzione in cui volete che vada il vostro testo con le parole up per alto, left per sinistra e right per destra.

Poi se volete mettere un immagine dietro la vostra marquee dovete usare questo codice che è come quello di sopra con un aggiunta per l'immagine guardate:


<table border="0" width="200" height="199" align="left" background="http://i78.photobucket.com/albums/j111/luigina1982/luygrafica/sfondomarquee1-2.jpg">
<tr> <td height="38" align="center">
       <marquee direction="Left"onmouseover=this.stop() onmouseout=this.start() scrollamount=1 width="175"><font size="2"  color="#000000"><b>
I don't wanna miss a thing (Aerosmith)</marquee>
<tr> <td height="155" align="center">
<marquee width=115 height=129 direction="up" onmouseover=this.stop() onmouseout=this.start() scrollamount=1>
<p align="center"><font size="2"  color="#000000"><b>

I could stay awake just to hear you breathing <br/>
Watch you smile while you are sleeping <br/>
Far away and dreaming <br/>
I could spend my life in this sweet surrender <br/>
I could stay lost in this moment forever <br/>
Well, every moment spent with you <br/>
Is a moment I treasure <br/></br/>

I don't wanna close my eyes <br/>
I don't wanna fall asleep <br/>
'Cause I'd miss you, babe <br/>
And I don't wanna miss a thing<br/>
'Cause even when I dream of you<br/>
The sweetest dream will never do<br/>
I'd still miss you, babe<br/>
And I don't wanna miss a thing<br/><br/>

Lying close to you<br/>
Feeling your heart beating<br/>
And I'm wondering what you're dreaming<br/>
Wondering if it's me you're seeing<br/>
Then I kiss your eyes and thank God we're together<br/>
And I just wanna stay with you<br/>
In this moment forever, forever and ever<br/><br/>

I don't wanna close my eyes<br/>
I don't wanna fall asleep<br/>
'Cause I'd miss you, babe<br/>
And I don't wanna miss a thing<br/>
'Cause even when I dream of you<br/>
The sweetest dream will never do<br/>
I'd still miss you, babe<br/>
And I don't wanna miss a thing<br/><br/>

I don't wanna miss one smile<br/>
I don't wanna miss one kiss<br/>
Well, I just wanna be with you<br/>
Right here with you, just like this<br/>
I just wanna hold you close<br/>
Feel your heart so close to mine<br/>
And stay here in this moment<br/>
For all the rest of time<br/><br/>

Don't wanna close my eyes<br/>
Don't wanna fall asleep<br/>
'Cause I'd miss you, babe<br/>
And I don't wanna miss a thing<br/>
'Cause even when I dream of you<br/>
The sweetest dream will never do<br/>
'Cause I'd still miss you, babe<br/>
And I don't wanna miss a thing<br/><br/>

I don't wanna close my eyes<br/>
I don't wanna fall asleep<br/>
'Cause I'd miss you, babe<br/>
And I don't wanna miss a thing<br/>
'Cause even when I dream of you<br/>
The sweetest dream will never do<br/>
I'd still miss you, babe<br/>
And I don't wanna miss a thing<br/><br/>

Don't wanna close my eyes<br/>
Don't wanna fall asleep, yeah<br/>
I don't wanna miss a thing

</font></p></marquee>
</td></tr></table><br>


Io qui sopra ho fatto una song marquee con la canzone degli Aerosmith "I don't wanna miss a thing".

Nel codice sono presenti due marquee una per il titolo e una per il testo mi raccomando se non volete una delle due marquee state attenti a cancellare sempre i codici corrispondenti (esempio

<marquee> </marquee>
). Il primo codice "<table border..." corrisponde alla tabella dove andrà la nostra immagine.

Questo è il risultato della song marquee anteprima


Luigina1982 Ha postato alle15:03
Lasciate dei commenti
In: tutorial html



giovedì, 11 dicembre 2008

effetto porcellana tutorial paint shop pro


Per questo tutorial salvate questa immagine...
image

aprite paint shop pro,aprite l'immagine salvata...
cliccate su effetti,plug-in,Xero(filtro che trovate nelle utilità grafiche),Porcelain...

impostate così i valori..

softness:124
strenght:158
brightness:128
red channel:0
green channel:0
blue channel:255

aggiungeteci un bordo nero (immagine/aggiungi bordatura/mettete pixel 1 e colore nero), inserite la vostra firma e il lavoretto è pronto!


image

p.s. ricordate che quando fate dei lavoretti a fantasia,potete variare i valori nei filtri,potete variare colori e scritte !!!

buon lavoro! :)


Luigina1982 Ha postato alle17:14
Lasciate dei commenti
In: tutorial paint shop pro



giovedì, 11 dicembre 2008

userbar tutorial paint shop pro


mOTIVO: image

QUESTO VA SALVATO NELLA CARTELLA DEL VOSTRO PROGRAMMA,SU TRAME
imma:image


Creiamo un nuovo documento..300x25!

Creiamo un gradiente rosa chiaro e bianco..con la sfumatura bianca rivolta verso l'alto!

Ora prendiamo il nostro motivo,facendo cosi:
image



prendiamo lo strumento riempimento e ci uciranno le righettine abbassiamo il livello raster a 30.

Creiamo un nuovo livello raster!
Adesso prendiamo il nostro fiorellino fucsia(o come si scrive)XD,e incolliamolo nel bordo a sinistra..cosi:

image


Ora facciamo un nostro testo^^(con il vostro nick plz)
Aggiungiamo un pixel nero di bordatura e abbiamo finito!

image


Luigina1982 Ha postato alle17:11
Lasciate dei commenti
In: tutorial paint shop pro



giovedì, 11 dicembre 2008

borrdino arrotondato tutorial paint shop pro


Allora apriamo un'immagine che volete modificare..
Ora selezioniamo la parte su cui vogliamo lavorare e andiamo su selezioni ----> inverti
Procediamo andando su immagine ----> aggiungi bordatura e impostiamo 2 pixel x ogni lato.
Prendiamo lo strumento gomma e cominciamo a cancellare tutto ciò che non ci interessa (la gomma non coprirà l'area della vostra selezione)
Ora riandiamo su selezioni ----> inverti.
Se ci sono livelli, li uniamo tutti facendo livelli ----> unisci ----> unisci visibile
Poi andiamo su selezioni ----> innalza selezione a livello
Andiamo ancora su selezioni ----> modifica ----> espandi e impostiamo la finestra cosi:

image


Ora (se guardiamo i due livelli formati) stiamo lavorando sulla selezione innalzata, quindi, se si vuole avere una bordatura di 2 pixel dobbiamo andare su Uniti
Clikkiamo sul pulsantino pennello selezioniamo il cerchio, aumentiamo un po' la dimensione e riempiamo il livello Uniti

ecco come esce

image


come vi ho gia detto io ho problemi cn il salvare trasparente siete pregati voi di slavare in formato png


Luigina1982 Ha postato alle17:01
Lasciate dei commenti (2)
In: tutorial paint shop pro



giovedì, 11 dicembre 2008

blend tutorial paint shop pro


Immagini

image


image


Apriamo un nuovo documento..500x250

andiamo sulla seconda immagine di cristina,quella dove ha il reggiseno rosso.
Andiamo su modifica--->copia
Sulla tela.
Modifica --->incolla come nuovo livello!
andiamo nella seconda e facciamo la stessa cosa!

Prendete lo strumento gomma e impostate cosi:
image


e iniziate a cancellare quello che c'è in più della seconda immagine.finito^^aggiungete la bordatura rossa da un pixel..e via^^

image


Luigina1982 Ha postato alle17:00
Lasciate dei commenti
In: tutorial paint shop pro


Pagine



Concluso i tutoria corel jasc paint ragazzi ..se non capite qalcosa scrivetelo tranquili in un commento^^
Aggiornati cartella blend


Regole

Salve a tutti i visitatori....Vi ricordo di rispettare il nostro spazio web!Grazie.

1)Non usate la chat x insultare il blog.
2)Lasciate i crediti nei nostri lavori(essi sono stretti da copyright)
3)Se volete affiliarvi contattate la nostra chat..e chiedetecelo li..


Il regolamento è in continuo aggiornamento

Blog

Questo blog è nato per farvi conoscere il nostro modo di graficare perchè in fondo ognuno ha un suo metodo e un suo stile no? Inoltre in Graphic Soul potrai imparare tutto sulla grafica (programma utilizzato Jasc Paint Shop Pro) grazie alla nostra scuola grafica e ai nostri simpatici tutorial) e poi trovare uno staff preparato per le tue richieste di grafica e codici html. Quindi cosa aspetti?

Staff

sexy90

Luigina1982

giulys93

Banner blog

Banner affiliato speciale

Il materiale presente nel blog viene condiviso anche nel forum http://ilovegraphics.forumfree.net

Orologio



Chat

Categorie

bland
calendari
le vostre richieste grafiche
materiale grafico generico
slat
tag
tutorial html
tutorial paint shop pro
tutorial photoshop
varie scritte

Archivio

oggi
febbraio 2009
gennaio 2009
dicembre 2008
novembre 2008

Commenti recenti

utente anonimo in calendari
utente anonimo in calendari
utente anonimo in calendari
utente anonimo in calendari
utente anonimo in calendari

Sono passati di qui...

*loading* amici graficomani !!!

Affiliati


Image and video hosting by TinyPic

Grafica, Resources, Tutorial

 Rain Tears Graphic
Entra nel maledetto paese delle meraviglie

ElvenPlug

Votateci