Online-Image-Editor, Beginners lesjes

Pixlr en Sumo Paint en piZap en Online-Image-Editor en Imikimi
Plaats reactie
Marianne
Beheerster
Berichten: 1253
Lid geworden op: 21-06-2008 22:07

Online-Image-Editor, Beginners lesjes

Bericht door Marianne » 23-04-2010 21:48

Simpel lesje voor "Online-Image-Editor" dat hoef je niet te downloaden.
Heel makkelijk, kan iedereen.
--------------------------------------------------------------------
Lesje Pirate

Afbeelding

We slaan eerst de 3 plaatjes hieronder op (met rechts op klikken en kiezen voor "Opslaan als...) op je eigen PC

Afbeelding . Afbeelding Afbeelding

Klik op de link hieronder dan kan je gelijk beginnen.

http://www.online-image-editor.com/

Klik linksboven bij "File" op "Create canvas"
(Je kan ook klikken op "Open" en een gewoon plaatje als achtergrond gebruiken)

Afbeelding

Vul bij Width (breedte) in 500 en bij Height (hoogte) 400
Door op de blauwe blokjes met het v-tekentje te klikken kan je bij "Fill type" (vultype) voor "Plasma" kiezen
En bij de Color (kleur) voor "BlueViolet" en Color 2 voor "Blue"
zie voorbeeldje hieronder. en klik dan op "Apply" dan even geduld tot je je achtergrondje ziet.

Afbeelding

Klik bij "Edit" op "Overlay image"

Afbeelding

Dan kan je op "bladeren" klikken en krijg je een schermpje en kan je het schip opzoeken op je PC. klik op openen.
Dan weer op "Apply"

Afbeelding

Zet het schip met je pijltje (en ingedrukte muis) neer zoals op het voorbeeldje hieronder en bij "Set Look Through" zetten we het op 50 % (hoe hoger hoe waziger je plaatje wordt)
en klik weer op "Apply" (dat moet je steeds doen, dus niet vergeten)

Afbeelding

Nu herhalen we dat en zoeken de "Golf" op en die zet je voor het schip (zie voorbeeldje hieronder).
We zetten nu de "Set Look Through" op 20 % en klik weer op "Apply"

Afbeelding



We herhalen dit met de pirate en zetten de "Set Look Through" op 10 % en klik weer op "Apply"

Afbeelding

Nu maken we er een lijstje om door bij "Effects" op "Frame it" te klikken.

Afbeelding

We klikken op het lijstje (zie voorbeeldje hieronder)

Afbeelding

en klikken dan op "Create My Picture" weer even wachten tot je je plaatje ziet.

Afbeelding

Dan kunnen we er nog een naam of tekst op zetten door op de T te klikken,
Type een naam of tekst en kies een lettertype en de grootte en de kleur.
(Ik koos voor lettertype "Fiolex girls" en kleur "Cyan" en grootte 50)

Afbeelding

Zet het met je pijltje op de plek waar je je naam wil hebben, (ik zet het linksonder) en klik weer op "Apply"

Bij "File" klik je op "save" (opslaan) (Of sla het op door er met rechts op te klikken)

Afbeelding

en kies voor "Save Image Local"

Afbeelding

en dan krijg je een schermpje en kies je voor "Opslaan"
Controleer even of het is opgeslagen als JPEG bestandje, dat kan je overal gebruiken als je het plaatje ergens wil plaatsen.

Afbeelding

______________________________________________________
______________________________________________________

Probeer ook eens zelf een creatie te maken met andere plaatjes, achtergrondjes en kleuren en lijstjes of borders (randjes)

We gebruiken GIF plaatjes in Online-Image-Editor omdat het met PNG tubes ((plaatjes met een transparante achtergrond) niet gaat. (Hoewel het bij sommige wel lukt met PNG tubes, dus even proberen)
We kunnen PNG tubes wel eerst omzetten naar een GIF bestandje. "Klik HIER"
Gebruik geen wazige (Misted) tubes (of globes) omdat die wazige randen wit worden als het omgezet is naar een GIF plaatje

En verklein of vergroot je plaatjes van tevoren zodat ze gelijk op je achtergrondje passen, "Klik HIER"

,

Marianne
Beheerster
Berichten: 1253
Lid geworden op: 21-06-2008 22:07

Bericht door Marianne » 23-04-2010 21:49

Ook leuk is het om nadat de lijst erom zit, nog iets op de rand op de lijst te zetten.

Afbeelding

Afbeelding . . Afbeelding

Afbeelding

Zoek op het internet met Google naar stilstaande GIF plaatjes of type in "Clipart plaatjes"
"Klik HIER" voor GIF plaatjes.
Of zet PNG tubes om naar GIF bestandjes, "Klik HIER"
Gebruik geen globes of wazige (Misted) tubes omdat die wazige randen wit worden als het omgezet is naar een GIF plaatje.

Je kan met "Overlay image" ook 1 animatie (bewegend plaatje) erop zetten, Maar bij Online-Image-Editor beweegt maar 1 animatie en die moet je er het laatst opzetten, wil je meerdere bewegende animaties erop zetten, dan moet je dat doen met het programma Imikimi.

Marianne
Beheerster
Berichten: 1253
Lid geworden op: 21-06-2008 22:07

Bericht door Marianne » 23-04-2010 21:50

Achtergrond is 500 x 400
kies bij Fill type voor "Gradient" (is een verloop van 2 kleuren)
en Color "Pale Blue" en bij Color2 "Gold"(of een groene kleur)

Dan bij "Edit" op "Overlay image"
zetten we er eerst de struik op en dan de tenten, (die maken we iets wazig)
dan de vrouw met kind en dan het kind.
Dan bij "Effects"en "Frame it" zetten we er de lijst om.
Dan weer bij "Edit" op "Overlay image"
De laarzen links beneden in de hoek, zet er dan eventueel een naam of tekst op."T"
En als laatste de (animatie) adelaar
Sla het op als GIF bestandje, dat is voor bewegende plaatjes

Afbeelding

Afbeelding . . Afbeelding

Afbeelding . . Afbeelding . . Afbeelding . . Afbeelding

Marianne
Beheerster
Berichten: 1253
Lid geworden op: 21-06-2008 22:07

Bericht door Marianne » 23-04-2010 21:51

Je kan ook een bestaand achtergrondje / plaatje of foto gebruiken, dat is nog makkelijker.

Afbeelding

Sla eerst hieronder de 4 plaatjes op, op je eigen PC.

Afbeelding

Afbeelding . . Afbeelding . .Afbeelding

Klik hieronder op de link voor het programma van Online-Image-editor

http://www.online-image-editor.com/

Klik dan op "Upload"

Afbeelding

en klik op "Bladeren" en zoek je achtergrondje van je PC en open het.
en klik weer op Upload" en even wachten tot het geladen is.

Afbeelding

Klik bij "Edit" op "Overlay image"

Afbeelding

en zoek de cowboy op (Net zo als in het eerste berichtje in de uitleg staat) en vergeet niet steeds op Apply te klikken..
Klik bij "Effect" op "Frame it" en zet er een lijstje om.
Dan weer bij "Overlay image" en zet de cowgirls op de rand van de lijst. (en weer op Apply)
Zet er eventueel een naam of tekst op
en dan als laatste de animatie adelaar. (en weer op Apply)

Kijk voor een uitgebreide uitleg in het eerste berichtje.

Je kan deze gewoon door met rechts erop klikken opslaan als GIF bestandje.

Marianne
Beheerster
Berichten: 1253
Lid geworden op: 21-06-2008 22:07

Bericht door Marianne » 23-04-2010 21:51

Voor meer GIF plaatjes "Klik HIER"

Hoe je van een PNG tube (plaatje met een transparante achtergrond) een GIF bestandje kan maken zodat je het kan gebruiken om er met Online-Image-Editor creaties van te maken. "Klik HIER"

Voor PNG tubes (plaatjes met een transparante achtergrond). "Klik HIER"

Maak van tevoren de plaatjes op de juiste maat. "Klik HIER"

In plaats van een lijstje (frame) kan je er ook een kadertje / randje omheen zetten of meerdere randjes. "Klik HIER"

Of zet er als je creatie klaar is met een ander programmaatje een lijstje omheen "Klik HIER"

Marianne
Beheerster
Berichten: 1253
Lid geworden op: 21-06-2008 22:07

Bericht door Marianne » 23-04-2010 21:52

Zoek je een gekleurd achtergrondje die je er als achtergrond plaatje op wil zetten dan kan je ook een verloop (gradient) nemen.
Of een achtergrondje van een Scrapsetje gebruiken.

Een verloop wordt gebruikt in andere programma's zoals PaintShopPro waar je ze in kan downloaden. Je kan dat verloop ook gewoon opslaan als een plaatje met rechts erop klikken en dan opslaan.

"Klik HIER" of "Klik HIER" of "Klik HIER" of "Klik HIER"

Maar je moet er niet met links op klikken want dan sla je ze op om te downloaden in een programma van bijvoorbeeld PaintShopPro.
Wil je het als achtergrondje gebruiken bij Online-Image-Editor dan moet je er met rechts op klikken en kiezen voor "Afbeelding opslaan als... " en dan ergens op je PC opslaan als jpeg plaatje.

Je kan ook "Fractals" gebruiken "Klik HIER" of "Klik HIER" daar zie je bovenaan nummers van pagina's staan, daar staan er veel.
of een gewoon mooi landschap plaatje of foto

Maak ze dan eerst bij verkleinen en vergroten zo dat je de juiste maat hebt voordat je een creatie gaat maken. "Klik HIER" voor uitleg om te verkleinen of vergroten

Plaats reactie