You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
405 lines
8.8 KiB
405 lines
8.8 KiB
<sect1 id="tutorial-select-layer">
|
|
<title
|
|
>Snelcursus: Selecties en lagen</title>
|
|
|
|
<!-- Does someone know a better way to do this? -->
|
|
<screenshot>
|
|
<screeninfo
|
|
>De afbeelding waar we mee beginnen</screeninfo>
|
|
<mediaobject>
|
|
<imageobject>
|
|
<imagedata fileref="tutorial-select-layer-sample.png" format="PNG"/>
|
|
</imageobject>
|
|
<textobject>
|
|
<phrase
|
|
>De afbeelding waar we mee beginnen</phrase>
|
|
</textobject>
|
|
<caption
|
|
><para
|
|
>De afbeelding waar we mee beginnen</para
|
|
></caption>
|
|
</mediaobject>
|
|
</screenshot>
|
|
|
|
<para
|
|
>We gaan met de afbeelding hierboven werken. U kunt deze afbeelding vinden in <filename
|
|
>$<envar
|
|
>KDEDIR</envar
|
|
>/share/doc/HTML/en/chalk/tutorial-select-layer-sample.png</filename
|
|
>. U kunt ook op de afbeelding rechtsklikken, <guilabel
|
|
>Afbeelding opslaan als...</guilabel
|
|
> kiezen en de afbeelding in uw Persoonlijke map opslaan. Open daarna de afbeelding in &chalk; — uw scherm ziet er dan ongeveer zo uit (we hebben ingezoomd): </para>
|
|
|
|
<screenshot>
|
|
<screeninfo
|
|
>De afbeelding in Chalk</screeninfo>
|
|
<mediaobject>
|
|
<imageobject>
|
|
<imagedata fileref="tutorial-select-layer-1.png" format="PNG"/>
|
|
</imageobject>
|
|
<textobject>
|
|
<phrase
|
|
>De afbeelding waar we mee beginnen</phrase>
|
|
</textobject>
|
|
<caption
|
|
><para
|
|
>De afbeelding waar we mee beginnen</para
|
|
></caption>
|
|
</mediaobject>
|
|
</screenshot>
|
|
|
|
<para
|
|
>Probeer nu de omtrek van het hoofd te selecteren met het gereedschap <guilabel
|
|
>Omtretdeselectie</guilabel
|
|
>: </para>
|
|
|
|
<screenshot>
|
|
<screeninfo
|
|
>Het gereedschap voor <guilabel
|
|
>Omtretdeselectie</guilabel
|
|
></screeninfo>
|
|
<mediaobject>
|
|
<imageobject>
|
|
<imagedata fileref="tutorial-select-layer-2.png" format="PNG"/>
|
|
</imageobject>
|
|
<textobject>
|
|
<phrase
|
|
>Het gereedschap voor <guilabel
|
|
>Omtretdeselectie</guilabel
|
|
></phrase>
|
|
</textobject>
|
|
<caption
|
|
><para
|
|
>Het gereedschap voor <guilabel
|
|
>Omtretdeselectie</guilabel
|
|
></para
|
|
></caption>
|
|
</mediaobject>
|
|
</screenshot>
|
|
|
|
<para
|
|
>Nadat u het geselecteerd hebt, moet het er ongeveer zo uitzien als in deze afbeelding: </para>
|
|
|
|
<screenshot>
|
|
<screeninfo
|
|
>De afbeelding nadat het hoofd geselecteerd is</screeninfo>
|
|
<mediaobject>
|
|
<imageobject>
|
|
<imagedata fileref="tutorial-select-layer-3.png" format="PNG"/>
|
|
</imageobject>
|
|
<textobject>
|
|
<phrase
|
|
>De afbeelding nadat het hoofd geselecteerd is</phrase>
|
|
</textobject>
|
|
<caption
|
|
><para
|
|
>De afbeelding nadat het hoofd geselecteerd is</para
|
|
></caption>
|
|
</mediaobject>
|
|
</screenshot>
|
|
|
|
<para
|
|
>Als u per ongeluk te veel selecteert, kunt u dat gedeelte er weer afhalen door de actie van het gereedschap op <guilabel
|
|
>Aftrekken</guilabel
|
|
> te zetten: </para>
|
|
|
|
<screenshot>
|
|
<screeninfo
|
|
>De modus <guilabel
|
|
>Aftrekken</guilabel
|
|
></screeninfo>
|
|
<mediaobject>
|
|
<imageobject>
|
|
<imagedata fileref="tutorial-select-layer-4.png" format="PNG"/>
|
|
</imageobject>
|
|
<textobject>
|
|
<phrase
|
|
>De modus <guilabel
|
|
>Aftrekken</guilabel
|
|
></phrase>
|
|
</textobject>
|
|
<caption
|
|
><para
|
|
>De modus <guilabel
|
|
>Aftrekken</guilabel
|
|
></para
|
|
></caption>
|
|
</mediaobject>
|
|
</screenshot>
|
|
|
|
<para
|
|
>Nu maken we eerst de randen van de selectie een beetje wazig. Dit doen we door de selectie te <guilabel
|
|
>Doezelen</guilabel
|
|
>. </para>
|
|
|
|
<screenshot>
|
|
<screeninfo
|
|
>Selectie <guilabel
|
|
>Doezelen</guilabel
|
|
></screeninfo>
|
|
<mediaobject>
|
|
<imageobject>
|
|
<imagedata fileref="tutorial-select-layer-5.png" format="PNG"/>
|
|
</imageobject>
|
|
<textobject>
|
|
<phrase
|
|
>Selectie <guilabel
|
|
>Doezelen</guilabel
|
|
></phrase>
|
|
</textobject>
|
|
<caption
|
|
><para
|
|
>Selectie <guilabel
|
|
>Doezelen</guilabel
|
|
></para
|
|
></caption>
|
|
</mediaobject>
|
|
</screenshot>
|
|
|
|
<para
|
|
>We knippen de selectie door het menu <menuchoice
|
|
><guimenu
|
|
>Bewerken</guimenu
|
|
> <guimenuitem
|
|
>Knippen</guimenuitem
|
|
></menuchoice
|
|
> te kiezen. Verwijder de huidige laag door het menu <menuchoice
|
|
><guimenu
|
|
>Laag</guimenu
|
|
> <guimenuitem
|
|
>Laag verwijderen</guimenuitem
|
|
></menuchoice
|
|
> te kiezen. Plak de selectie door het menu <menuchoice
|
|
><guimenu
|
|
>Bewerken</guimenu
|
|
> <guimenuitem
|
|
>Plakken</guimenuitem
|
|
></menuchoice
|
|
> te kiezen. We maken een beetje meer ruimte om in te werken door de afbeelding iets groter te maken. Kies het menu <menuchoice
|
|
><guimenu
|
|
>Afbeelding</guimenu
|
|
> <guimenuitem
|
|
>Afbeeldingsgrootte wijzigen...</guimenuitem
|
|
></menuchoice
|
|
>, er verschijnt een dialoogvenster. </para>
|
|
|
|
<screenshot>
|
|
<screeninfo
|
|
>Het dialoogvenster <guilabel
|
|
>Afbeeldingsgrootte wijzigen</guilabel
|
|
></screeninfo>
|
|
<mediaobject>
|
|
<imageobject>
|
|
<imagedata fileref="tutorial-select-layer-6.png" format="PNG"/>
|
|
</imageobject>
|
|
<textobject>
|
|
<phrase
|
|
>Het dialoogvenster <guilabel
|
|
>Afbeeldingsgrootte wijzigen</guilabel
|
|
></phrase>
|
|
</textobject>
|
|
<caption
|
|
><para
|
|
>Het dialoogvenster <guilabel
|
|
>Afbeeldingsgrootte wijzigen</guilabel
|
|
></para
|
|
></caption>
|
|
</mediaobject>
|
|
</screenshot>
|
|
|
|
<para
|
|
>We voegen een nieuwe laag toe en plaatsen deze onder de eerste laag. Selecteer de nieuwe laag in het palet "Lagen" en klik dan op de knop met het pijltje omlaag. We selecteren het gedeelte om het hoofd met het gereedschap om doorlopende gebieden te selecteren (het pictogram ziet eruit als een selectie kader met een emmertje). </para>
|
|
|
|
<screenshot>
|
|
<screeninfo
|
|
>Het gereedschap <guilabel
|
|
>Aaneengesloten selectie</guilabel
|
|
></screeninfo>
|
|
<mediaobject>
|
|
<imageobject>
|
|
<imagedata fileref="tutorial-select-layer-7.png" format="PNG"/>
|
|
</imageobject>
|
|
<textobject>
|
|
<phrase
|
|
>Het gereedschap <guilabel
|
|
>Aaneengesloten selectie</guilabel
|
|
></phrase>
|
|
</textobject>
|
|
<caption
|
|
><para
|
|
>Het gereedschap <guilabel
|
|
>Aaneengesloten selectie</guilabel
|
|
></para
|
|
></caption>
|
|
</mediaobject>
|
|
</screenshot>
|
|
|
|
<para
|
|
>Vergeet niet om <guilabel
|
|
>Alle lagen beschouwen</guilabel
|
|
> bij de opties te activeren: </para>
|
|
|
|
<screenshot>
|
|
<screeninfo
|
|
>De optie <guilabel
|
|
>Alle lagen beschouwen</guilabel
|
|
></screeninfo>
|
|
<mediaobject>
|
|
<imageobject>
|
|
<imagedata fileref="tutorial-select-layer-8.png" format="PNG"/>
|
|
</imageobject>
|
|
<textobject>
|
|
<phrase
|
|
>De optie <guilabel
|
|
>Alle lagen beschouwen</guilabel
|
|
></phrase>
|
|
</textobject>
|
|
<caption
|
|
><para
|
|
>De optie <guilabel
|
|
>Alle lagen beschouwen</guilabel
|
|
></para
|
|
></caption>
|
|
</mediaobject>
|
|
</screenshot>
|
|
|
|
<para
|
|
>Doezel de selectie nog een keer en inverteer de selectie vervolgens. Klik dan op het gereedschap <guilabel
|
|
>Aaneengesloten gebied vullen</guilabel
|
|
> en gebruik dit om de laag te vullen. </para>
|
|
|
|
<screenshot>
|
|
<screeninfo
|
|
>Het gereedschap<guilabel
|
|
>Aaneengesloten gebied vullen</guilabel
|
|
></screeninfo>
|
|
<mediaobject>
|
|
<imageobject>
|
|
<imagedata fileref="tutorial-select-layer-9.png" format="PNG"/>
|
|
</imageobject>
|
|
<textobject>
|
|
<phrase
|
|
>Het gereedschap<guilabel
|
|
>Aaneengesloten gebied vullen</guilabel
|
|
></phrase>
|
|
</textobject>
|
|
<caption
|
|
><para
|
|
>Het gereedschap<guilabel
|
|
>Aaneengesloten gebied vullen</guilabel
|
|
></para
|
|
></caption>
|
|
</mediaobject>
|
|
</screenshot>
|
|
|
|
<para
|
|
>Deselecteer door het menu <menuchoice
|
|
><guimenu
|
|
>Selecteren</guimenu
|
|
> <guimenuitem
|
|
>Deselecteren</guimenuitem
|
|
></menuchoice
|
|
> te kiezen. Er kunnen wat artefacten van het doezelen aan de randen zichtbaar blijven. U kunt ze met het rechthoekig selectiegereedschap selecteren en knippen. </para>
|
|
|
|
<screenshot>
|
|
<screeninfo
|
|
>Het gereedschap <guilabel
|
|
>Rechthoetdeselectie</guilabel
|
|
></screeninfo>
|
|
<mediaobject>
|
|
<imageobject>
|
|
<imagedata fileref="tutorial-select-layer-10.png" format="PNG"/>
|
|
</imageobject>
|
|
<textobject>
|
|
<phrase
|
|
>Het gereedschap <guilabel
|
|
>Rechthoetdeselectie</guilabel
|
|
></phrase>
|
|
</textobject>
|
|
<caption
|
|
><para
|
|
>Het gereedschap <guilabel
|
|
>Rechthoetdeselectie</guilabel
|
|
></para
|
|
></caption>
|
|
</mediaobject>
|
|
</screenshot>
|
|
|
|
<para
|
|
>Verplaats de schaduwlaag een beetje naar beneden en naar rechts om het er wat beter uit te laten zien. </para>
|
|
|
|
<screenshot>
|
|
<screeninfo
|
|
>De schaduwlaag verplaatsen</screeninfo>
|
|
<mediaobject>
|
|
<imageobject>
|
|
<imagedata fileref="tutorial-select-layer-11.png" format="PNG"/>
|
|
</imageobject>
|
|
<textobject>
|
|
<phrase
|
|
>De schaduwlaag verplaatsen</phrase>
|
|
</textobject>
|
|
<caption
|
|
><para
|
|
>De schaduwlaag verplaatsen</para
|
|
></caption>
|
|
</mediaobject>
|
|
</screenshot>
|
|
|
|
<para
|
|
>Nu kunt u het gereedschap <guilabel
|
|
>Bijsnijden</guilabel
|
|
> gebruiken om het hoofd beter in de afbeelding te laten passen. </para>
|
|
|
|
<screenshot>
|
|
<screeninfo
|
|
>Het gereedschap <guilabel
|
|
>Bijsnijden</guilabel
|
|
></screeninfo>
|
|
<mediaobject>
|
|
<imageobject>
|
|
<imagedata fileref="tutorial-select-layer-12.png" format="PNG"/>
|
|
</imageobject>
|
|
<textobject>
|
|
<phrase
|
|
>Het gereedschap <guilabel
|
|
>Bijsnijden</guilabel
|
|
></phrase>
|
|
</textobject>
|
|
<caption
|
|
><para
|
|
>Het gereedschap <guilabel
|
|
>Bijsnijden</guilabel
|
|
></para
|
|
></caption>
|
|
</mediaobject>
|
|
</screenshot>
|
|
|
|
<para
|
|
>Sla de afbeelding op, het is klaar :-) </para>
|
|
|
|
<screenshot>
|
|
<screeninfo
|
|
>De uiteindelijke afbeelding</screeninfo>
|
|
<mediaobject>
|
|
<imageobject>
|
|
<imagedata fileref="tutorial-select-layer-13.png" format="PNG"/>
|
|
</imageobject>
|
|
<textobject>
|
|
<phrase
|
|
>De uiteindelijke afbeelding</phrase>
|
|
</textobject>
|
|
<caption
|
|
><para
|
|
>De uiteindelijke afbeelding</para
|
|
></caption>
|
|
</mediaobject>
|
|
</screenshot>
|
|
|
|
<para
|
|
>Met dank aan Bart Coppens voor het beschikbaar stellen van deze snelcursus. Het origineel is te vinden op <ulink url="http://www.bartcoppens.be/chalk/hackergotchi.html"
|
|
>http://www.bartcoppens.be/chalk/hackergotchi.html</ulink
|
|
>. </para>
|
|
|
|
</sect1>
|