kiereweeds forum
 
IndexIndex  GalerijGalerij  FAQFAQ  RegistrerenRegistreren  InloggenInloggen  

Deel | 
 

 Complete webset

Ga naar beneden 
AuteurBericht
kiereweed
The Boss
The Boss
avatar

Aantal berichten : 816
Leeftijd : 42
Registration date : 17-10-08

BerichtOnderwerp: Complete webset   za 16 maa 2013, 15:41

 photo 1_zpsaf6109ef.gif





Hallo allemaal

Vandaag gaan we een complete webset maken

Dus de plaatjes en achtergronden

Maar we gaan hem ook op een pagina zetten op MSN

Dus maak je borst maar nat we gaan beginnen





Benodigdheden

PSP 7/8 en animatie shop



20/20





Filters Uliminted






Dc Special


Een mooie tube

En een goud kleurig gradiant

 photo bg_zps83e4c908.gif





En een papier kleurig Perkament



En html codes

Hier te vinden

Vergeet niet je auto save in te stellen anders veel op te slaan



Ok we gaan beginnen

We werken in stappen omdat het anders te ingewikkeld wordt.



Stap:1

We openen PSP en animatie shop





Stap:2

We gaan eerst het plaatje of tube die je wil gebruiken

Inlijsten door middel van randen te gebruiken

Open alvorens de gradiant en minimaliseer hem

Dupliceer je plaatje door middel van op de

Shift+D=Dupliceren

Te drukken,

Een minimaliseer je,

De andere houdt je nog even voor je



Stap:3

druk op het pipet photo pipet_zps744accc9.gif

om een voorgrond en achtergrond kleur te selecteren



Stap:4

Dan druk je op delete in je plaatje zodat hij blanco is

Vervolgens ga je naar je kleuren palet



De bovenste zet je op invert

En de onderste die vink je niet aan zodat je twee verschillende

Gradiënt verkregen heb





Stap:5

Dan vul je lege plaatje met het gradiënt

En gaat naar je filter ulimited



En neemt de boven staande instellingen



Stap:6

Als je dat heb gedaan ga je na add borders toe



En voegt een aantal randen toe





Stap:7

Ik had de volgende instellingen

Rand toevoegen van2 pixels

selecteer met je toverstaf photo toverstaf_zpsd8bb7dc6.gifde rand

Dan ga je naar 3d efects

en neemt inner bevel met de onderstaande instellingen










Nu maak je op de zelfde wijze weer een rand

van 2pixels Maar dit maal geen inner bevel

Als je dat heb gedaan herhaal je de stappen van 2 pixels nog maals

Maar nu weer met inner bevel



Stap:8

We dupliceren even de lijst met achtergrond erin

En minimaliseer je er eentje





Stap:9

Nu plakken we de tube in zijn lijst voordat we

Een volgende rand gaan toepassen



Stap:10

Dan voeg je een rand toe van 20pixels

Nu ga je wederom naar je kleuren palet

Maar nu zoek je geminimaliseerde plaatje op die zit in je patern

En neemt onder staande instellingen





Vul hiermee de rand





Stap:11

Voeg daarna de eerste drie stappen weer toe

Rand toevoegen van 2pixels/selecteren/vullen/inner bevel

Rand toevoegen van 2pixels/selecteren/vullen/

Rand toevoegen van 2pixels/selecteren/vullen/inner bevel

Nu druk je op niets selecteren





Stap:12

En ga dan naar merdge/mergde visible

Sla hem op met F12





Stap:13

Daarna druk je op de volgende toetsen

Ctrl+C=Kopiëren

En ga je na animatie shop toe

waar je op de volgende knoppen drukt

Ctrl+V=Plakken

Je slaat hem op als Bg

Met F12





Stap:14

Als je dat heb gedaan openen we 20/20

Als die aanstaat zoek je plaatje op

Of drukt gewoon op de volgende toetsen

Ctrl+O=Open



Stap:15

Druk vervolgens op Image



En druk op het seamless tiles

(Eerste pijltje)

Dan heb je een naadloze achtergrond

Sla hem op



Stap:16

Ga vervolgens na Muted Background

(tweede Pijltje)

Neem de onder staande instellingen



Sla hem op maar met een andere naam

Anders zal hij over schrijven

 





Stap:17



Als het goed is heb je de gradiënt nog die je zojuist gemaakt heb

Pak nu een nieuwe afbeelding met de instelling





Stap:18

Dan druk je op

Shift+D=Dupliceren

En vult ze allebei met een verloop

(De linker knop en rechter knop)

Sla ze op in animatie shop

Door middel van ze te kopiëren en plakken



Stap:19

Nu heb je al twee achtergronden twee borders en een plaatje

Op je plaatje kan je natuurlijk tekst zetten

Iets van welkom op mijn site met je tekst gereed schap

En je kan hem evt nog laten bewegen ook

Met de lessen

knipoog
BV

Maar zorg wel ervoor dat je een kopie heb staan



Stap:20

we gaan nu de bij passende banner maken

Neem een nieuwe afbeelding met de maten

300 bij 150 pixels

Vul hem met je gradiënt En ga weer na je Filters ulimited

Met de volgende instellingen



dan voeg je weer de zelfde randen toe

die je in de eerdere stappen van deze les geleerd heb

Stap 6 t/m stap 12

Nu zal je zien dat hij niet meer de standaard maat zal hebben,

dus pak je een nieuwe blanco van 300 bij 150 pixels

En kopieert de zojuist gemaakte banner met de toetsen

Ctrl+C=Kopiëren

En plak hem in je nieuwe blanco door middel van de toetsen

Ctrl+E=in het plaatje plakken

Je druk even op maximaliseren

En je zal zien dat de stippellijn buiten de blanco komt





Stap:21

Dan pak je het photo Geredschapvervorming_zps4dcc5f8f.pngDeform tool

en maakt het plaatje op maat

door middel van op de rode vierkantjes te drukken

En te verslepen zodat hij Het juiste formaat krijgt





Stap:22

Je kopieert hem en slaat hem op in je animatie shop

En opent daar ook de eerdere gemaakte animatie met lijst



De animatie verklein je naar ongeveer

Een hoogte van 125 pixels

De breedte doet er niet aan toe

Nu druk je op Ctrl+M=Spiegelen

Dan kopieer je hem

Ctrl+C=Kopiëren

en plakt hem op je blanco banner door middel van

Ctrl+E=In het plaatje plakken

Je slaat hem op als banner





Stap:23

En gaat terug na PSP

Daar pak je nog maals een nieuwe afbeelding

Daar pak je met je pipet weer twee kleuren uit je plaatje

Ik koos voor

#FFDD89

en

#B3782E

Daar maak je een tekst mee in het blanco plaatje

In mijn geval PSP





Stap:24

Dan ga je naar efects/drop shadow

Met de volgende instellingen





Stap:25

Dan ga je hem verscherpen door middel van

De onderstaande instellingen op volgen





Dan druk je op

Ctrl+C=Kopiëren

En Plakt hem in je animatie shop met

Ctrl+V=plakken

Kopieer hem nog maals

En plak hem in je blanco banner





Stap:26

Nu heb je banner klaar



je kan evt nog wat sparkels nemen

om hem wat op te fleuren



sla hem op bij de rest

We hebben nu een heel setje

Van 2 achtergronden

2 borders

1 banner

En 1 welkoms plaatje





Stap:27

Maar we zijn er nog niet

Dit is pas het beging

We hebben nog nodig

Een lijn om het op te vrolijken

En evt een gasten boek

En buttons



Kopieer het plaatje wat je verkleint heb

 en plak hem in animatie shop

we gaan weer na PSP toe en

En plakken hem daar

Open nu een afbeelding van 150/150 pixels

We nemen weer de gele gradiënt

En gaan naar basis vormen

En pakken een figuur ik heb gekozen voor Cirkel En zorgen dat

De gradiant achtergrond uit staat

Zodat het leeg blijft de cirkel





Stap:28

Die kopieer je

Als je dat gedaan heb open je een nieuwe blanco

Met lekker ruime instellingen

 omdat dat toch veranderd gaat worden

Van ongeveer 400 bij 400 pixels

Daar plak je de cirkel in

nu gaan we weer na basis vormen en nemen rounded Retancle

Nu heb je als het goed is een plaatje zoals hieronder





Stap:29

En drukken met de tover staf in het midden van de cirkel

We vullen hem met De gele Gradiënt

En gaan na filters ulimited met de zelfde instellingen als stap:5

Vervolgens pak je in je basis figuren een rounded retancle

Met je selectie tool haal je de binnenste lijnen weg

Nu selecteer je de binnenste van je button

En maken met het eerste gradiënt

Bij mij waren dat de kleuren

#494CAD

En

#5D4D75

En ga dan na filters ulimited

Met de zelfde instelling als stap5

Als je dat gedaan heb Dupliceer hem En verklein je er een

Die pakken we later

plaats je eerst rechts Je verkleinde plaatje



daarna druk je op rechts zodat de stippel lijn weg is

En kopieer hem plakt hem in je PSP





Stap:30

Ga terug na je plaatje waar  je de button aan het maken bent

Druk op

Ctrl+Z=Ongedaan maken

je zult zien dat de stippel lijn er weer om heen staat

Je kunt hem nu spiegelen door middel van

Ctrl+M=Spiegelen

In te drukken

Kopieer het nu weer en plak hem in je PSP





Stap:31

Nu heb je twee buttons

we pakken het plaatje wat je zojuist heb geminimaliseerd

En drukken op

rotate counter clock wise

Boven bij je efeckts enz terug te vinden

Nu zal je zien dat hij omgedraaid is

Ook hier plak je plaatje en kopieert hem in je PSP

je hebt nu 3 buttons zoals hier onder is te zien



Nu Ga je de tekst

Back Home en Next in zetten

Net zoals je de tekst voor je banner heb gemaakt in stap 24





Nu Plak je de tekst erin zoals hier onder
te zien is



Sla ze op bij de rest in je animatie shop

Ook hier kan je evt wat sterren op plakken

Stap:32

nu gaan we een Gastenboekje maken

Omdat we ook willen dat er mensen schrijven hoe mooi ze

onze webset of site vinden

(gastenboeken kan je her en der gratis krijgen)



we pakken het plaatje nog een maal in animatie shop

en verkleinen hem na 300 hoogte

En nemen hem mee na PSP

waar je hem even in en hoekje neerzet



Stap:33

we nemen een blanco afbeelding

Van400 bij 250 pixels

en vullen hem met je gradiant met de zelfde instellingen als stap 5

Ook geven we hem een randje van5 pixels

En selecteren hem met het toverstafje

vullen hem met je gradiant en gaan na

3D efeckts/Inner Bevel

Niets selecteren

Nu pak je met het selecteer gereedschap vierkant

Een vierkant stuk zoals hier onder te zien is





Stap:34

Maak hem paper kleurig en ga naar

Dc Special en neemt de volgende instellingen bij book





Stap:35





Je pakt nu het verkleinde plaatje

en plakt hem op een willekeurige plaats

Met de zelfde gradiants die je gemaakt heb de blauwe

En schrijft daarmee met je tekst tool BV

Welkom op me gasten boek

En versierd hem evt wat met wat leuke tubes

 zoals onder te zien is.





Stap:36





Plak evt nog wat sparkels erop om het te
versieren

 we hebben nu echt een hele hoop gemaakt

We hebben nu onderstaande



 nu gaan we met alles wat we hebben na een album op MSN

Kan in je eigen

comunity
maar ook in een ander plaatsen

We maken een album aan genaamd webset les

 zodat het makkelijk is terug te vinden



 





Stap:36

we gaan nu je webset online zetten

Plaats je plaatjes in het album.

door foto's toe voegen te drukken



als je dat gedaan heb maken we een pagina aan

of een
nieuw bericht

En we openen een raam extra waar je achtergronden in staan

Dat doe je door middel van op een link of buttons te klikken

En de zelfde tijd je shift in te drukken

Stap:37

Dan kopieer je de volgende code in zijn geheel



<Code pagina>


dat doe je door middel van de code met je rechtermuisknop

te selecteren zoals hieronder is aangegeven




Dan druk je op

Ctrl+C=Kopiëren

En dan ga je na je bericht of lege pagina

En drukt op html aanmaken



Dan druk je met je muis knop erin

En druk je op

Ctrl+V=Plakken

Je zult zien dat de code in je pagina staat

Nu ga je naar je afbeeldingen en ga je naar een border

    


Je drukt op je rechter muis knop zodat je een popup te zien krijgt



Dan druk je op eigen schappen

Dan krijg je weer een pop up te zien kopieer daar

het adres(URL)



En plak de url tussen de haakjes waar het volgende

aan wordt gegeven

1st thin

2nd thin

3rd thin

Zoals hieronder in het rood is aangegeven





Als je dat heb gedaan ga je op zoek na de
donker kleurige

Bg die je gemaakt heb



Je herhaald het zelfde

Dus met de url kopiëren en plakt hem tussen de

4Th layer en7 th layer

Ook doe je dit met de achtergrond die lichter gekleurd is



Die plak je op de Box main layer

En op de12th thin

Dan is je achtergrond gereed

En druk je op html aanmaken en je zult zien dat het veranderd

In een achtergrond

Het kan even duren omdat het 12 lagen zijn

Maar dan heb je wel wat

Verwijder de teksten

Top

Middel

Bottom



we gaan nu de plaatjes op hun plaats zetten

Dat doe je natuurlijk na eigen inzicht


.........................................................
XxX=jes
En Knuffels
Saskia
Oftewel een
Kiereweed Plantje
Bijtje*´¨ )
¸.•´¸.•*´¨ ) ¸.•*¨•
(¸.•´ (¸.••*¨ `• Bijtje
Terug naar boven Ga naar beneden
Profiel bekijken http://kiereweed.co.cc/
 
Complete webset
Terug naar boven 
Pagina 1 van 1

Permissies van dit forum:Je mag geen reacties plaatsen in dit subforum
kiereweed :: Paint Shop Pro Lessen :: Webset Lessen-
Ga naar: