<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Wesley&#039;s Techblog &#187; Graphical design</title>
	<atom:link href="http://wesley.vidiqatch.org/category/graphical-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://wesley.vidiqatch.org</link>
	<description>This blog does not need a smart-ass tagline</description>
	<lastBuildDate>Wed, 09 Sep 2009 21:36:07 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Tutorial: Liquid Rescaling in Gimp</title>
		<link>http://wesley.vidiqatch.org/15-09-2007/tutorial-liquid-rescaling-in-gimp/</link>
		<comments>http://wesley.vidiqatch.org/15-09-2007/tutorial-liquid-rescaling-in-gimp/#comments</comments>
		<pubDate>Sat, 15 Sep 2007 20:30:01 +0000</pubDate>
		<dc:creator>Wesley</dc:creator>
				<category><![CDATA[Graphical design]]></category>
		<category><![CDATA[Open Source]]></category>

		<guid isPermaLink="false">http://wesley.debianbox.be/2007/09/16/tutorial-liquid-rescaling-in-gimp/</guid>
		<description><![CDATA[Liquid Rescaling met De Gimp


Wat is Liquid Rescaling?

Liquid Rescaling is een nieuwe techniek om afbeeldingen te vergroten of verkleinen met behoud van de belangrijkste delen van de afbeelding. Er wordt gebruik gemaakt van een techniek die bepaalde curves (paden) uit de afbeelding verwijdert, daarom wordt de techniek ook wel Content-Aware Image Resizing of Seam Carving/Removal [...]]]></description>
			<content:encoded><![CDATA[<h1 style="text-align: center;"><span style="font-family: Arial,sans-serif;"><span style="font-size: x-large;"><strong>Liquid Rescaling</strong> met <strong>De Gimp<br />
</strong></span></span></h1>
<h3><span style="color: #888888;"><strong><span style="font-family: Arial,sans-serif;"><span style="font-size: medium;"><br />
Wat is Liquid Rescaling?</span></span></strong></span></h3>
<p><em><br />
Liquid Rescaling</em><span style="font-family: Arial,sans-serif;"> is een nieuwe techniek om afbeeldingen te vergroten of verkleinen met behoud van de belangrijkste delen van de afbeelding. Er wordt gebruik gemaakt van een techniek die bepaalde curves (paden) uit de afbeelding verwijdert, daarom wordt de techniek ook wel </span><em><span style="font-family: Arial,sans-serif;">Content-Aware Image Resizing</span></em><span style="font-family: Arial,sans-serif;"> of </span><em><span style="font-family: Arial,sans-serif;">Seam Carving/Removal</span></em><span style="font-family: Arial,sans-serif;"> genoemd. En omdat drie namen niet genoeg is, wordt het soms ook </span><em><span style="font-family: Arial,sans-serif;">Retargeting</span></em><span style="font-family: Arial,sans-serif;"> genoemd.</span></p>
<p style="margin-bottom: 0cm"><span style="font-family: Arial,sans-serif;">Dit is het effect dat je zal bekomen op het einde van deze tutorial:</span></p>
<p style="margin-bottom: 0cm" align="center"><img title="Liquid Rescaling Techniek" src="http://wesley.vidiqatch.org/images/liquid_rescale.png" alt="Liquid Rescaling Techniek" /></p>
<p><strong><span style="color: #888888;"><span style="font-family: Arial,sans-serif;"><span style="font-size: medium;">Geschikt bronmateriaal</span></span></span></strong><span style="font-family: Arial,sans-serif;"> </span><strong> </strong></p>
<p><strong>Niet alle afbeeldingen</strong> zijn geschikt om te vergroten/verkleinen door middel van deze methode. Afbeeldingen met een onregelmatige achtergrond werken het best. Denk hierbij bijvoorbeeld aan bossen, bladeren, water&#8230;</p>
<p><span style="color: #888888;"><strong><span style="font-family: Arial,sans-serif;"><span style="font-size: medium;">Installatie van de Liquid Rescale plug-in</span></span></strong></span></p>
<p>Voordat je gebruik kan maken van Liquid Rescaling in De Gimp, zal je eerst een <strong>plug-in</strong> moeten installeren.<span style="font-family: Arial,sans-serif;"> De plug-in kan gedownload worden van deze website: <a href="http://web.tiscali.it/carlobaldassi/">http://web.tiscali.it/carlobaldassi/</a></span></p>
<p><span style="font-family: Arial,sans-serif;">Op de website is een installatiepakket te vinden voor <em>x86 Ubuntu Feisty Fawn</em> en <em>x86 Ubuntu Gutsy Gibbon</em>. Er is ook een algemeen voorgecompileerd x86 Linux verkrijgbaar op de website. Dankzij <em>Paul Eipper</em> is er ook een Windows-versie van de plug-in beschikbaar op de website. Macgebruikers zullen de plug-in voorlopig waarschijnlijk zelf nog moeten compileren.</span></p>
<p><span style="font-family: Arial,sans-serif;">Na de installatie van de plug-in zal de optie </span><strong><span style="font-family: Arial,sans-serif;">Liquid rescale</span></strong><span style="font-family: Arial,sans-serif;"> zich in het </span><strong><span style="font-family: Arial,sans-serif;">Laag</span></strong><span style="font-family: Arial,sans-serif;"> menu bevinden </span><span style="font-family: Arial,sans-serif;"><em>(je moet Gimp wel opnieuw starten na de installatie van de plug-in voordat de plug-in zich in het Laag menu kan nestelen)</em></span><span style="font-family: Arial,sans-serif;">.</span><strong></strong></p>
<p><strong><span style="color: #888888;"><span style="font-family: Arial,sans-serif;"><span style="font-size: medium;">Onbelangrijke elementen aanduiden</span></span></span></strong></p>
<p>Eerst gaan we een laag maken die aanduidt welke elementen onbelangrijk zijn en dus eventueel verwijderd mogen worden bij het verkleinen van de afbeelding. Opgelet: dit werkt alleen bij het verkleinen van de afbeelding, niet bij het vergroten!</p>
<p style="margin-bottom: 0cm" align="left"><span style="font-family: Arial,sans-serif;">Deze stap kan eventueel overgeslagen worden indien je de afbeelding wilt vergroten, of indien je gewoon geen onbelangrijke elementen wenst aan te duiden.</span></p>
<p style="margin-bottom: 0cm" align="left"><span style="font-family: Arial,sans-serif;">Om onbelangrijke elementen aan te duiden maak je een nieuwe laag aan. Dat kan je onder andere doen via </span><strong><span style="font-family: Arial,sans-serif;">Laag &#8211; Nieuwe laag </span></strong><span style="font-family: Arial,sans-serif;"><em>(Shift-Ctrl-N).</em><span style="font-style: normal"><strong> Activeer de nieuwe aangemaakte laag</strong> door erop te klikken. Kies dan een </span></span><strong><span style="font-family: Arial,sans-serif;"><span style="font-style: normal">kleur</span></span></strong><span style="font-family: Arial,sans-serif;"><span style="font-style: normal"> die voor jou duidelijk is (ik gebruik rood) en kleur de elementen die verwijderd mogen worden over met de gewenste kleur. Ik heb ervoor gekozen om het </span></span><strong><span style="font-family: Arial,sans-serif;"><span style="font-style: normal">penseel</span></span></strong><span style="font-family: Arial,sans-serif;"><span style="font-style: normal"> te gebruiken (</span></span><span style="font-family: Arial,sans-serif;"><em>Circle 17</em></span><span style="font-family: Arial,sans-serif;"><span style="font-style: normal">)</span></span></p>
<p style="margin-bottom: 0cm" align="left"><span style="font-family: Arial,sans-serif;"><span style="font-style: normal"><span style="text-decoration: underline;">Hint</span></span></span><span style="font-family: Arial,sans-serif;"><span style="font-style: normal">: verlaag de doorzichtigheid van de nieuwe laag om de oorspronkelijke elementen te zien zitten achter je verkleuring.<br />
</span></span></p>
<p style="margin-bottom: 0cm" align="center"><span style="font-family: Arial,sans-serif;"><span style="font-style: normal"><a href="http://wesley.vidiqatch.org/images/gimp_lr3.png"><img title="Gimp - Liquid Rescale Plug-in" src="http://wesley.vidiqatch.org/images/gimp_lr3_small.png" alt="Gimp - Liquid Rescale Plug-in" /></a><br />
</span></span></p>
<p style="margin-bottom: 0cm" align="left"><span style="color: #888888;"><strong><span style="font-family: Arial,sans-serif;"><span style="font-size: medium;">Belangrijke elementen aanduiden</span></span></strong></span></p>
<p style="margin-bottom: 0cm" align="left">Nu gaan we een laag aanmaken die aanduidt welke elementen wel belangrijk zijn. De verhoudingen van deze elementen zullen behouden worden, zodat er geen vervorming plaatsvindt op de aangeduide elementen.</p>
<p style="margin-bottom: 0cm" align="left"><span style="font-family: Arial,sans-serif;">Deze stap kan eventueel overgeslagen worden indien je geen belangrijke elementen wenst aan te duiden.</span></p>
<p style="margin-bottom: 0cm" align="left"><span style="font-family: Arial,sans-serif;">Om belangrijke elementen aan te duiden maak je weer een nieuwe laag aan. Dat kan je onder andere doen via </span><span style="font-family: Arial,sans-serif;"><strong>Laag &#8211; Nieuwe laag</strong> </span><span style="font-family: Arial,sans-serif;"><em>(Shift-Ctrl-N).</em><span style="font-style: normal"><strong> Activeer de nieuwe aangemaakte laag</strong> door erop te klikken. Kies dan een </span></span><strong><span style="font-family: Arial,sans-serif;"><span style="font-style: normal">kleur</span></span></strong><span style="font-family: Arial,sans-serif;"><span style="font-style: normal"> die voor jou duidelijk is (ik gebruik groen) en kleur de elementen waarvan de verhoudingen behouden moeten worden over met de gewenste kleur. Ik heb ervoor gekozen om hiervoor ook weer het </span></span><strong><span style="font-family: Arial,sans-serif;"><span style="font-style: normal">penseel</span></span></strong><span style="font-family: Arial,sans-serif;"><span style="font-style: normal"> te gebruiken (</span></span><span style="font-family: Arial,sans-serif;"><em>Circle 17</em></span><span style="font-family: Arial,sans-serif;"><span style="font-style: normal">)</span></span></p>
<p style="margin-bottom: 0cm" align="left"><span style="font-family: Arial,sans-serif;"><span style="font-style: normal"><span style="text-decoration: underline;">Hint</span></span></span><span style="font-family: Arial,sans-serif;"><span style="font-style: normal">: hier geldt ook weer: verlaag de doorzichtigheid van de nieuwe laag om de oorspronkelijke elementen te zien zitten achter je verkleuring.<br />
</span></span></p>
<p style="margin-bottom: 0cm" align="center"><span style="font-family: Arial,sans-serif;"><span style="font-style: normal"><a href="http://wesley.vidiqatch.org/images/gimp_lr4.png"><img title="Gimp - Liquid Rescale Plug-in" src="http://wesley.vidiqatch.org/images/gimp_lr4_small.png" alt="Gimp - Liquid Rescale Plug-in" /></a><br />
</span></span></p>
<p style="margin-bottom: 0cm" align="left"><strong><span style="color: #888888;"><span style="font-family: Arial,sans-serif;"><span style="font-size: medium;"><span style="font-style: normal;">Afbeelding verkleinen of vergroten</span></span></span></span></strong><span style="font-family: Arial,sans-serif;"> </span></p>
<p>Nu gaan we de afbeelding effectief herschalen met de <span style="font-family: Arial,sans-serif;"><em>Liquid Rescale</em></span><span style="font-family: Arial,sans-serif;"><span style="font-style: normal"> methode. Hiervoor moeten we eerst de </span></span><strong><span style="font-family: Arial,sans-serif;"><span style="font-style: normal">laag met de originele afbeelding activeren</span></span></strong><span style="font-family: Arial,sans-serif;"><span style="font-style: normal"> door op die laag te klikken. Daarna moeten we de afbeelding gaan herschalen via<strong> </strong></span></span><strong><span style="font-family: Arial,sans-serif;"><span style="font-style: normal">Laag &#8211; Liquid Rescale</span></span></strong><span style="font-family: Arial,sans-serif;"><em>.</em></span></p>
<p style="margin-bottom: 0cm" align="left"><span style="font-family: Arial,sans-serif;"><span style="font-style: normal">In de vakken</span></span><span style="font-family: Arial,sans-serif;"><span style="font-style: normal"> <strong>W</strong></span></span><strong><span style="font-family: Arial,sans-serif;"><span style="font-style: normal">idth</span></span></strong><span style="font-family: Arial,sans-serif;"><span style="font-style: normal"> en </span></span><strong><span style="font-family: Arial,sans-serif;"><span style="font-style: normal">Height</span></span></strong><span style="font-family: Arial,sans-serif;"><span style="font-style: normal"> vul je de </span></span><strong><span style="font-family: Arial,sans-serif;"><span style="font-style: normal">nieuwe afmetingen</span></span></strong><span style="font-family: Arial,sans-serif;"><span style="font-style: normal"> in.</span></span></p>
<p style="margin-bottom: 0cm" align="left"><span style="font-family: Arial,sans-serif;"><span style="font-style: normal">Als je belangrijke elementen hebt aangeduid, dan moet je </span></span><strong><span style="font-family: Arial,sans-serif;"><span style="font-style: normal">Activate feature preservation</span></span><span style="font-family: Arial,sans-serif;"><span style="font-style: normal"> </span></span><span style="font-family: Arial,sans-serif;"><span style="font-style: normal">aanvinken</span></span></strong><span style="font-family: Arial,sans-serif;"><span style="font-style: normal">. Bij </span></span><strong><span style="font-family: Arial,sans-serif;"><span style="font-style: normal">Available Layers</span></span></strong><span style="font-family: Arial,sans-serif;"><span style="font-style: normal"><strong> </strong>kies je dan de laag waar je de </span></span><strong><span style="font-family: Arial,sans-serif;"><span style="font-style: normal">belangrijke elementen</span></span></strong><span style="font-family: Arial,sans-serif;"><span style="font-style: normal"> op aangeduid hebt.</span></span></p>
<p style="margin-bottom: 0cm" align="left"><span style="font-family: Arial,sans-serif;"><span style="font-style: normal">Hetzelfde voor de onbelangrijke elementen: als je onbelangrijke elementen hebt aangeduid, dan moet je </span></span><strong><span style="font-family: Arial,sans-serif;"><span style="font-style: normal">Activate feature discard</span></span></strong><span style="font-family: Arial,sans-serif;"><span style="font-style: normal"> </span></span><span style="font-family: Arial,sans-serif;"><span style="font-style: normal">aanvinken</span></span><span style="font-family: Arial,sans-serif;"><span style="font-style: normal">. Bij </span></span><strong><span style="font-family: Arial,sans-serif;"><span style="font-style: normal">Available Layers</span></span></strong><span style="font-family: Arial,sans-serif;"><span style="font-style: normal"> kies je dan de laag waar je de<strong> </strong></span></span><span style="font-family: Arial,sans-serif;"><span style="font-style: normal"><strong>onbelangrijke elementen</strong> </span></span><span style="font-family: Arial,sans-serif;"><span style="font-style: normal">op aangeduid hebt.</span></span></p>
<p style="margin-bottom: 0cm" align="left"><strong><span style="font-family: Arial,sans-serif;"><span style="font-style: normal">Select gradient function</span></span></strong><span style="font-family: Arial,sans-serif;"><span style="font-style: normal"> kan meestal blijven staan op<strong> </strong></span></span><strong><span style="font-family: Arial,sans-serif;"><span style="font-style: normal">Sum of absolute values</span></span></strong><span style="font-family: Arial,sans-serif;"><span style="font-style: normal">. De andere mogelijkheden zullen andere berekeningen uitvoeren waardoor je een ander resultaat bekomt, maar in bijna alle gevallen geeft de standaardinstelling (<em>Sum of absolute values</em>) de beste resultaten.</span></span></p>
<p style="margin-bottom: 0cm" align="left"><strong><span style="font-family: Arial,sans-serif;"><span style="font-style: normal">Update energy at every step</span></span></strong><span style="font-family: Arial,sans-serif;"><span style="font-style: normal"> mag eventueel </span></span><span style="font-family: Arial,sans-serif;"><span style="font-style: normal">aangevinkt</span></span><span style="font-family: Arial,sans-serif;"><span style="font-style: normal"> worden zodat de energieniveaus telkens weer herberekend zullen worden.</span></span></p>
<p style="margin-bottom: 0cm" align="left"><span style="font-family: Arial,sans-serif;"><span style="font-style: normal">Klik op </span></span><strong><span style="font-family: Arial,sans-serif;"><span style="font-style: normal">OK</span></span></strong><span style="font-family: Arial,sans-serif;"><span style="font-style: normal"> om de afbeelding te verkleinen of vergroten.<br />
</span></span></p>
<p style="margin-bottom: 0cm" align="center"><span style="font-family: Arial,sans-serif;"><span style="font-style: normal"><img title="Gimp - Liquid Rescale Plug-in" src="http://wesley.vidiqatch.org/images/gimp_lr5.png" alt="Gimp - Liquid Rescale Plug-in" /><br />
</span></span></p>
<p style="margin-bottom: 0cm; text-align: left;"><span style="font-family: Arial,sans-serif;"><span style="font-style: normal">Tenslotte maak je de lagen waarop je de onbelangrijke en de belangrijke elementen hebt aangeduid onzichtbaar door op de </span></span><strong><span style="font-family: Arial,sans-serif;"><span style="font-style: normal">oogjes</span></span></strong><span style="font-family: Arial,sans-serif;"><span style="font-style: normal"> naast de lagen in het </span></span><strong><span style="font-family: Arial,sans-serif;"><span style="font-style: normal">Lagen</span></span></strong><span style="font-family: Arial,sans-serif;"><span style="font-style: normal"> dialoogvenster te klikken, en je bent klaar!</span></span><strong><span style="color: #888888;"><span style="font-family: Arial,sans-serif;"><span style="font-size: medium;"> </span></span></span></strong></p>
<p><strong><span style="color: #888888;"><span style="font-family: Arial,sans-serif;"><span style="font-size: medium;"><span style="font-style: normal;">Resultaat</span></span></span></span></strong></p>
<p style="margin-bottom: 0cm" align="center"><img title="Beren - Liquid Rescale Plug-in" src="http://wesley.vidiqatch.org/images/bears_rescaled.png" alt="Beren - Liquid Rescale Plug-in" width="260" height="210" /></p>
]]></content:encoded>
			<wfw:commentRss>http://wesley.vidiqatch.org/15-09-2007/tutorial-liquid-rescaling-in-gimp/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>

