<?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>dmht - digital media how to &#187; Bildbearbeitung</title>
	<atom:link href="http://www.dmht.de/category/bildbearbeitung/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.dmht.de</link>
	<description>digital media how to</description>
	<lastBuildDate>Thu, 22 Jul 2010 08:30:04 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Ein altes Schriftstück mit Gimp erstellen</title>
		<link>http://www.dmht.de/2010/05/09/ein-altes-schriftstuck-mit-gimp-erstellen/</link>
		<comments>http://www.dmht.de/2010/05/09/ein-altes-schriftstuck-mit-gimp-erstellen/#comments</comments>
		<pubDate>Sun, 09 May 2010 08:49:19 +0000</pubDate>
		<dc:creator>Hendrik</dc:creator>
				<category><![CDATA[Bildbearbeitung]]></category>
		<category><![CDATA[Altern]]></category>
		<category><![CDATA[Gimp]]></category>
		<category><![CDATA[Kaffeeflecken]]></category>
		<category><![CDATA[Papier]]></category>
		<category><![CDATA[Schatzkarte]]></category>
		<category><![CDATA[Schriftstück]]></category>
		<category><![CDATA[Zeitreise]]></category>

		<guid isPermaLink="false">http://www.dmht.de/?p=610</guid>
		<description><![CDATA[In diesem Tutorial wollen wir eine kleine Zeitreise machen und ein altes Schriftstück erstellen. Das Papier: Als erstes legen wir ein neues Dokument an und erstellen eine Wolkenstruktur. Dies geht mit dem Filter „Filter &#8211; Render – Wolken – Differenz-Wolken“. Anschließend färben wir die Wolken über „Farben – Einfärben“ ein, bis wir eine schöne Papierstruktur [...]

<b>
Ähnliche Artikel:</b><ol><li><a href='http://www.dmht.de/2009/10/31/texturen-erstellen-mit-gimp/' rel='bookmark' title='Permanent Link: Texturen erstellen mit Gimp'>Texturen erstellen mit Gimp</a></li>
<li><a href='http://www.dmht.de/2009/02/13/colorkeybilder-mit-gimp-erstellen/' rel='bookmark' title='Permanent Link: Colorkeybilder mit Gimp erstellen'>Colorkeybilder mit Gimp erstellen</a></li>
<li><a href='http://www.dmht.de/2010/01/10/geburstete-metalltexturen-mit-gimp/' rel='bookmark' title='Permanent Link: Gebürstete Metalltexturen mit Gimp'>Gebürstete Metalltexturen mit Gimp</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>In diesem Tutorial wollen wir eine kleine Zeitreise machen und ein altes Schriftstück erstellen.</p>
<h3>Das Papier:</h3>
<p>Als erstes legen wir ein neues Dokument an und erstellen eine Wolkenstruktur. Dies geht mit dem Filter „Filter &#8211; Render – Wolken – Differenz-Wolken“.</p>
<div id="attachment_611" class="wp-caption alignnone" style="width: 148px"><a href="http://www.dmht.de/wordpress/wp-content/uploads/2010/05/papier1.jpg" rel="lightbox[610]"><img class="size-thumbnail wp-image-611" title="papier1" src="http://www.dmht.de/wordpress/wp-content/uploads/2010/05/papier1-138x200.jpg" alt="" width="138" height="200" /></a><p class="wp-caption-text">Klicken zum Vergrößern</p></div>
<p>Anschließend färben wir die Wolken über „Farben – Einfärben“ ein, bis wir eine schöne Papierstruktur haben.<span id="more-610"></span></p>
<div id="attachment_612" class="wp-caption alignnone" style="width: 152px"><a href="http://www.dmht.de/wordpress/wp-content/uploads/2010/05/papier2.jpg" rel="lightbox[610]"><img class="size-thumbnail wp-image-612 " title="papier2" src="http://www.dmht.de/wordpress/wp-content/uploads/2010/05/papier2-142x200.jpg" alt="" width="142" height="200" /></a><p class="wp-caption-text">Klicken zum Vergrößern</p></div>
<p>Als nächstes kommt dann der Text. Da es sich um ein altes Schriftstück halten soll, müssen wir auch eine ältere Schrift wählen. Ich habe mich für die Schrift „Staccato222 BT“ entschieden.</p>
<div id="attachment_614" class="wp-caption alignnone" style="width: 154px"><a href="http://www.dmht.de/wordpress/wp-content/uploads/2010/05/papier3.jpg" rel="lightbox[610]"><img class="size-thumbnail wp-image-614" title="papier3" src="http://www.dmht.de/wordpress/wp-content/uploads/2010/05/papier3-144x200.jpg" alt="" width="144" height="200" /></a><p class="wp-caption-text">Klicken zum Vergrößern</p></div>
<h3>Aus Neu wird Alt</h3>
<p>Das sieht schon mal ganz gut aus. Jetzt müssen wir das Dokument noch altern lassen. Als erstes erstellen wir eine Auswahl mit dem Freihandwerkzeug. Diese Verzerren wir anschließend über „Auswahl – Verzerren“. Danach müssen wir die Auswahl invertieren und den äußeren Teil abschneiden.</p>
<div id="attachment_615" class="wp-caption alignnone" style="width: 144px"><a href="http://www.dmht.de/wordpress/wp-content/uploads/2010/05/papier4.jpg" rel="lightbox[610]"><img class="size-thumbnail wp-image-615" title="papier4" src="http://www.dmht.de/wordpress/wp-content/uploads/2010/05/papier4-134x200.jpg" alt="" width="134" height="200" /></a><p class="wp-caption-text">Klicken zum Vergrößern</p></div>
<p>Nun wollen wir noch ein paar dreckige Kanten hinzufügen. Dazu erstellen wir neue Ebene und malen die Schnittkante mit einem Braunton nach. Der Gaußsche Weichzeichner („Filter – Weichzeichnen- Gaußscher Weichzeichner“ mit einem großen Weichzeichnugsradius verteilt die Farbe dann ein wenig. Diesen Schritt wiederholen wir mehrfach mit unterschiedlichen Brauntönen. Je dunkler die Farbe, umso dünner darf die Linie am Rand sein.</p>
<div id="attachment_616" class="wp-caption alignnone" style="width: 148px"><a href="http://www.dmht.de/wordpress/wp-content/uploads/2010/05/papier5.jpg" rel="lightbox[610]"><img class="size-thumbnail wp-image-616" title="papier5" src="http://www.dmht.de/wordpress/wp-content/uploads/2010/05/papier5-138x200.jpg" alt="" width="138" height="200" /></a><p class="wp-caption-text">Klicken zum Vergrößern</p></div>
<div id="attachment_617" class="wp-caption alignnone" style="width: 154px"><a href="http://www.dmht.de/wordpress/wp-content/uploads/2010/05/papier6.jpg" rel="lightbox[610]"><img class="size-thumbnail wp-image-617" title="papier6" src="http://www.dmht.de/wordpress/wp-content/uploads/2010/05/papier6-144x200.jpg" alt="" width="144" height="200" /></a><p class="wp-caption-text">Klicken zum Vergrößern</p></div>
<p>Eventuell hat noch jemand Kaffee über unser Schriftstück geschüttet. Dazu benutzen wir den Filter „Filter – Dekoration – Kaffeeflecken“. Anschließend benutzen wir das Weichzeichnenwerkzeug und verschmieren den Text hinter dem Kaffeefleck noch ein bisschen.</p>
<p>Nun noch ein schöner Schlagschatten („Filter – Licht und Schatten – Schlagschatten“).</p>
<h3>Fertig</h3>
<div id="attachment_618" class="wp-caption alignnone" style="width: 151px"><a href="http://www.dmht.de/wordpress/wp-content/uploads/2010/05/papier7.jpg" rel="lightbox[610]"><img class="size-thumbnail wp-image-618" title="papier7" src="http://www.dmht.de/wordpress/wp-content/uploads/2010/05/papier7-141x199.jpg" alt="" width="141" height="199" /></a><p class="wp-caption-text">Klicken zum Vergrößern</p></div>
<p>Alternativ könnt ihr auch eine Piratenschatzkarte erstellen.</p>


<br /><b><p>Ähnliche Artikel:</b><ol><li><a href='http://www.dmht.de/2009/10/31/texturen-erstellen-mit-gimp/' rel='bookmark' title='Permanent Link: Texturen erstellen mit Gimp'>Texturen erstellen mit Gimp</a></li>
<li><a href='http://www.dmht.de/2009/02/13/colorkeybilder-mit-gimp-erstellen/' rel='bookmark' title='Permanent Link: Colorkeybilder mit Gimp erstellen'>Colorkeybilder mit Gimp erstellen</a></li>
<li><a href='http://www.dmht.de/2010/01/10/geburstete-metalltexturen-mit-gimp/' rel='bookmark' title='Permanent Link: Gebürstete Metalltexturen mit Gimp'>Gebürstete Metalltexturen mit Gimp</a></li>
</ol></p><br />]]></content:encoded>
			<wfw:commentRss>http://www.dmht.de/2010/05/09/ein-altes-schriftstuck-mit-gimp-erstellen/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Gebürstete Metalltexturen mit Gimp</title>
		<link>http://www.dmht.de/2010/01/10/geburstete-metalltexturen-mit-gimp/</link>
		<comments>http://www.dmht.de/2010/01/10/geburstete-metalltexturen-mit-gimp/#comments</comments>
		<pubDate>Sun, 10 Jan 2010 11:22:03 +0000</pubDate>
		<dc:creator>Hendrik</dc:creator>
				<category><![CDATA[Bildbearbeitung]]></category>
		<category><![CDATA[Aluminimum]]></category>
		<category><![CDATA[Gimp]]></category>
		<category><![CDATA[Metall]]></category>
		<category><![CDATA[Metalltexturen]]></category>
		<category><![CDATA[Texturen]]></category>

		<guid isPermaLink="false">http://www.dmht.de/?p=563</guid>
		<description><![CDATA[Ein Leser hat sich ein Tutorial über gebürstete Metalltexturen gewünscht. Hier ist es . Da die grundsätzlichen Schritte aus meinem vorherigen Tutorial &#8211; „Texturen erstellen mit Gimp“ – bereits bekannt sind, ist dieses Tutorial in Stichwortform verfasst. 1. Bild erstellen: - Bild mit der Größe 512*512 Pixel erstellen - mit einem grauen Farbton füllen 2. [...]

<b>
Ähnliche Artikel:</b><ol><li><a href='http://www.dmht.de/2009/10/31/texturen-erstellen-mit-gimp/' rel='bookmark' title='Permanent Link: Texturen erstellen mit Gimp'>Texturen erstellen mit Gimp</a></li>
<li><a href='http://www.dmht.de/2010/05/09/ein-altes-schriftstuck-mit-gimp-erstellen/' rel='bookmark' title='Permanent Link: Ein altes Schriftstück mit Gimp erstellen'>Ein altes Schriftstück mit Gimp erstellen</a></li>
<li><a href='http://www.dmht.de/2009/09/13/tattoos-entfernen-mit-gimp-%e2%80%93-arbeiten-mit-dem-klonen-werkzeug/' rel='bookmark' title='Permanent Link: Tattoos entfernen mit Gimp – Arbeiten mit dem Klonen-Werkzeug'>Tattoos entfernen mit Gimp – Arbeiten mit dem Klonen-Werkzeug</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Ein Leser hat sich ein Tutorial über gebürstete Metalltexturen gewünscht. Hier ist es <img src='http://www.dmht.de/wordpress/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> . Da die grundsätzlichen Schritte aus meinem vorherigen Tutorial &#8211; „<a href="http://www.dmht.de/2009/10/31/texturen-erstellen-mit-gimp/" target="_self">Texturen erstellen mit Gimp</a>“ – bereits bekannt sind, ist dieses Tutorial in Stichwortform verfasst.</p>
<h3>1. Bild erstellen:</h3>
<p>- Bild mit der Größe 512*512 Pixel erstellen</p>
<p>- mit einem grauen Farbton füllen</p>
<h3>2. Filter:</h3>
<p>„Filter – Rauschen – HSV-Rauchen“ mit folgenden Einstellungen</p>
<div id="attachment_562" class="wp-caption alignnone" style="width: 205px"><a href="http://www.dmht.de/wordpress/wp-content/uploads/2010/01/alu1.jpg" rel="lightbox[563]"><img class="size-thumbnail wp-image-562 " title="alu1" src="http://www.dmht.de/wordpress/wp-content/uploads/2010/01/alu1-195x200.jpg" alt="" width="195" height="200" /></a><p class="wp-caption-text">Klicken zum Vergrößern</p></div>
<p><span id="more-563"></span></p>
<p>„Filter – Verzerren – Wind“ mit folgenden Einstellungen</p>
<div id="attachment_564" class="wp-caption alignnone" style="width: 204px"><a href="http://www.dmht.de/wordpress/wp-content/uploads/2010/01/alu2.jpg" rel="lightbox[563]"><img class="size-thumbnail wp-image-564 " title="alu2" src="http://www.dmht.de/wordpress/wp-content/uploads/2010/01/alu2-194x200.jpg" alt="" width="194" height="200" /></a><p class="wp-caption-text">Klicken zum Vergrößern</p></div>
<p>„Filter – Weichzeichner – Gaußscher Weichzeichner“ mit einem Radius von 1 oder 2 Pixel</p>
<h3>3. Feintuning:</h3>
<p>„Filter – Abbilden – Nahtlos machen“, damit die Textur kachelbar wird</p>
<p>Farbanpassungen mit „Farben – Kurven“</p>
<div id="attachment_565" class="wp-caption alignnone" style="width: 204px"><a href="http://www.dmht.de/wordpress/wp-content/uploads/2010/01/alu3.jpg" rel="lightbox[563]"><img class="size-thumbnail wp-image-565 " title="alu3" src="http://www.dmht.de/wordpress/wp-content/uploads/2010/01/alu3-194x200.jpg" alt="" width="194" height="200" /></a><p class="wp-caption-text">Klicken zum Vergrößern</p></div>
<p>Fertig</p>
<div id="attachment_567" class="wp-caption alignnone" style="width: 210px"><a href="http://www.dmht.de/wordpress/wp-content/uploads/2010/01/alu4.jpg" rel="lightbox[563]"><img class="size-thumbnail wp-image-567" title="alu4" src="http://www.dmht.de/wordpress/wp-content/uploads/2010/01/alu4-200x200.jpg" alt="" width="200" height="200" /></a><p class="wp-caption-text">Klicken zum Vergrößern</p></div>


<br /><b><p>Ähnliche Artikel:</b><ol><li><a href='http://www.dmht.de/2009/10/31/texturen-erstellen-mit-gimp/' rel='bookmark' title='Permanent Link: Texturen erstellen mit Gimp'>Texturen erstellen mit Gimp</a></li>
<li><a href='http://www.dmht.de/2010/05/09/ein-altes-schriftstuck-mit-gimp-erstellen/' rel='bookmark' title='Permanent Link: Ein altes Schriftstück mit Gimp erstellen'>Ein altes Schriftstück mit Gimp erstellen</a></li>
<li><a href='http://www.dmht.de/2009/09/13/tattoos-entfernen-mit-gimp-%e2%80%93-arbeiten-mit-dem-klonen-werkzeug/' rel='bookmark' title='Permanent Link: Tattoos entfernen mit Gimp – Arbeiten mit dem Klonen-Werkzeug'>Tattoos entfernen mit Gimp – Arbeiten mit dem Klonen-Werkzeug</a></li>
</ol></p><br />]]></content:encoded>
			<wfw:commentRss>http://www.dmht.de/2010/01/10/geburstete-metalltexturen-mit-gimp/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Webdesign mit Gimp</title>
		<link>http://www.dmht.de/2010/01/03/webdesign-mit-gimp/</link>
		<comments>http://www.dmht.de/2010/01/03/webdesign-mit-gimp/#comments</comments>
		<pubDate>Sun, 03 Jan 2010 15:55:45 +0000</pubDate>
		<dc:creator>Hendrik</dc:creator>
				<category><![CDATA[Bildbearbeitung]]></category>
		<category><![CDATA[aboutpixel]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Gimp]]></category>
		<category><![CDATA[Homepage]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[Pizza]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Website]]></category>

		<guid isPermaLink="false">http://www.dmht.de/?p=541</guid>
		<description><![CDATA[In diesem Artikel möchte ich euch zeigen, wie man mit Hilfe von Gimp ein schönes Design für eine Homepage erstellen kann. Hierzu verwenden wir, als fiktives Beispiel, die Homepage einer Pizzeria. Dieses Tutorial behandelt den gestalterischen Teil. Die Umsetzung in html und css würde den Rahmen sprengen. Hierzu werde ich jedoch weiterführende Links auflisten. Das [...]

<b>
Ähnliche Artikel:</b><ol><li><a href='http://www.dmht.de/2009/02/13/colorkeybilder-mit-gimp-erstellen/' rel='bookmark' title='Permanent Link: Colorkeybilder mit Gimp erstellen'>Colorkeybilder mit Gimp erstellen</a></li>
<li><a href='http://www.dmht.de/2010/05/09/ein-altes-schriftstuck-mit-gimp-erstellen/' rel='bookmark' title='Permanent Link: Ein altes Schriftstück mit Gimp erstellen'>Ein altes Schriftstück mit Gimp erstellen</a></li>
<li><a href='http://www.dmht.de/2009/10/31/texturen-erstellen-mit-gimp/' rel='bookmark' title='Permanent Link: Texturen erstellen mit Gimp'>Texturen erstellen mit Gimp</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>In diesem Artikel möchte ich euch zeigen, wie man mit Hilfe von Gimp ein schönes Design für eine Homepage erstellen kann. Hierzu verwenden wir, als fiktives Beispiel, die Homepage einer Pizzeria. Dieses Tutorial behandelt den gestalterischen Teil. Die Umsetzung in html und css würde den Rahmen sprengen. Hierzu werde ich jedoch weiterführende Links auflisten.</p>
<h3>Das Grundgerüst:</h3>
<p>Unsere Seite soll später auf vielen Computern gut dargestellt werden können. Daher müssen wir uns ein wenig nach der breiten Masse richten. Die am weitesten verwendete Bildschirmauflösung ist 1024*768 Pixel. Also darf unsere Seite nicht breiter, als 1024 Pixel sein. Durch den Scrollbalken des Browser verringert sich die Breite noch etwas. Für unsere Seite nehmen wir eine Breite von 960 Pixel. Diese 960 Pixel sind mittlerweile eine Art inoffizieller Standart geworden.</p>
<p>Nun aber zur Umsetzung. Wir erstellen ein neues Dokument mit einer Abmessung von 1024*768 Pixel. Anschließend erstellen wir eine neue Ebene mit 960*700 Pixel und zentrieren diese innerhalb des Dokuments. Auf einer weiteren Ebene erstellen wir nun den Kopfbereich der Seite. In diesen wollen wir später eine Grafik einbinden. Wir geben ihm die Breite von 960 Pixeln und eine Höhe von 200 Pixel. Anschließend sollte es wie in nachfolgendem Bild aussehen. Die Farben spielen jedoch keine Rolle. Sie dienen im Moment nur der Übersichtlichkeit.</p>
<div id="attachment_540" class="wp-caption alignnone" style="width: 210px"><a href="http://www.dmht.de/wordpress/wp-content/uploads/2010/01/webdesign1.jpg" rel="lightbox[541]"><img class="size-thumbnail wp-image-540  " title="webdesign1" src="http://www.dmht.de/wordpress/wp-content/uploads/2010/01/webdesign1-200x195.jpg" alt="" width="200" height="195" /></a><p class="wp-caption-text">Klicken zum Vergrößern</p></div>
<h3><span id="more-541"></span></h3>
<h3>Der Kopfbereich:</h3>
<p>Nun wollen wir, wie versprochen, das Hintergrundbild für den Kopfbereich einfügen. Hierbei müsst ihr jedoch das Urheberrecht bedenken. Wenn ihr fremde Bilder benutzen wollt, dann musst ihr erst um Erlaubnis fragen. Alternativ könnt ihr auch Bilder aus einer Fotocommunity verwenden, wie ich es in diesem Fall getan habe. Trotzdem müsst ihr die Bildquelle angeben. Eine solche Community ist beispielsweise <a href="http://www.aboutpixel.de/" target="_blank">aboutpixel</a>. Nachdem ihr euch für ein Bild entschieden habt, fügt ihr es an der vorgesehenen Stelle ein. Ich habe mich für das Bild von einer leckeren Pizza entschieden. Es soll ja die Seite einer Pizzeria werden. Für das Einfügen habe ich noch einen kleinen Trick. Wenn ihr das Bild auf eine neue Ebene einfügt und diese halbtransparent macht, dann könnt ihr das Bild leicht positionieren. Anschließend erstellt ihr eine Auswahl aus der darunter liegenden Ebene (die Ebene, die wir im vorigen Schritt für den Kopfbereich erstellt haben). Dies macht ihr mit einem Rechtsklick im Ebenemenü „Auswahl aus Alphakanal“. Anschließend könnt ihr mit „Auswahl – Invertieren“ und „Bearbeiten – Ausschneiden“ den überstehenden Teil abschneiden.</p>
<p>Soweit so gut.</p>
<div id="attachment_542" class="wp-caption alignnone" style="width: 210px"><a href="http://www.dmht.de/wordpress/wp-content/uploads/2010/01/webdesign2.jpg" rel="lightbox[541]"><img class="size-thumbnail wp-image-542 " title="webdesign2" src="http://www.dmht.de/wordpress/wp-content/uploads/2010/01/webdesign2-200x194.jpg" alt="" width="200" height="194" /></a><p class="wp-caption-text">Klicken zum Vergrößern</p></div>
<h3>Die Farbwahl:</h3>
<p><strong><span style="text-decoration: underline;"> </span></strong></p>
<p>In diesem Schritt wollen wir uns um die farbliche Gestaltung der Seite kümmern. Ich verwende meistens die Grafik im Kopfbereich als farblichen Anhaltspunkt. So wird die Grafik gut integriert und es ergibt ein stimmiges Gesamtergebnis. Außerdem sollte man nicht zu viele verschiedene Farben verwenden. Dies wirkt unruhig. Alternativ kann man auch Farben mit Hilfe der Farbenlehre ermitteln. Genaueres hierzu könnt ihr in meinem Artikel „<a href="http://www.dmht.de/2009/07/13/farben-–-die-qual-der-wahl/" target="_blank">Farben – Die Qual der Wahl</a>“ nachlesen. Ich verwende in diesem Tutorial jedoch das Hintergrundbild als farbliche Grundlage.</p>
<div id="attachment_543" class="wp-caption alignnone" style="width: 210px"><a href="http://www.dmht.de/wordpress/wp-content/uploads/2010/01/webdesign3.jpg" rel="lightbox[541]"><img class="size-thumbnail wp-image-543 " title="webdesign3" src="http://www.dmht.de/wordpress/wp-content/uploads/2010/01/webdesign3-200x194.jpg" alt="" width="200" height="194" /></a><p class="wp-caption-text">Klicken zum Vergrößern</p></div>
<p>Die braune Hintergrundfarbe basiert auf dem knusprigen Rand der Pizza. Für die Ermittlung der Farbe habe ich die Farbpipette mit einem Abtastradius von 3 Pixeln genommen. Die cremeweiße Farbe im mittleren Teil entspricht dem Käse auf der Pizza. Und der schwarze Rand beinhaltet die Farbe der Oliven. Wie ihr seht, wirkt es gleich harmonischer, als mit diesen bunten Farben.</p>
<h3>Die Navigation:</h3>
<p><strong><span style="text-decoration: underline;"> </span></strong></p>
<p>Für die Navigation erstellen wir eine neue Ebene mit der Breite von 960 Pixel und einer Höhe von 50 Pixel. Diese positionieren wir, mit einem kleinen Abstand, unterhalb des Bildes und füllen sie mit einem Farbverlauf. Auch hier verwende ich wieder Farben aus dem Bild. Wieder benutze ich den knusprigen Rand als Basis. In die freie Lücke fügen wir nun eine schwarze Trennlinie ein. Hierzu benutzen wir wieder die Olivenfarbe. Anschließend kopieren wir die Ebene und fügen sie unterhalb wieder ein.</p>
<div id="attachment_548" class="wp-caption alignnone" style="width: 210px"><a href="http://www.dmht.de/wordpress/wp-content/uploads/2010/01/webdesign4.jpg" rel="lightbox[541]"><img class="size-thumbnail wp-image-548 " title="webdesign4" src="http://www.dmht.de/wordpress/wp-content/uploads/2010/01/webdesign4-200x194.jpg" alt="" width="200" height="194" /></a><p class="wp-caption-text">Klicken zum Vergrößern</p></div>
<p>Nun folgt der Text und ein Hover-Effekt. Unter dem Hover-Effekt versteht man die Veränderung einer Grafik, wenn sich der Mauszeiger darauf befindet. Diesen Effekt kennt ihr sicherlich von anderen Internetseiten. Zuerst erstellen wir den Text. Der genaue Wortlaut spielt keine Rolle. Er dient erstmal nur zur Gestaltung. Der genaue Text wird später bei der Programmierung erstellt. Empfehlenswert ist aber ein etwas größerer und kräftigerer Text. Die Navigation soll ja schließlich, als solche erkennbar sein. Gerne könnt ihr auch noch senkrechte Trennstriche zwischen den einzelnen Kategorien einfügen. Anschließend erstellen wir hinter einer Kategorie eine neue Ebene und erstellen einen weiteren Farbverlauf. Hierfür habe ich etwas hellere Farben, als auf dem ursprünglichen Verlauf, ausgewählt.</p>
<div id="attachment_549" class="wp-caption alignnone" style="width: 210px"><a href="http://www.dmht.de/wordpress/wp-content/uploads/2010/01/webdesign5.jpg" rel="lightbox[541]"><img class="size-thumbnail wp-image-549 " title="webdesign5" src="http://www.dmht.de/wordpress/wp-content/uploads/2010/01/webdesign5-200x194.jpg" alt="" width="200" height="194" /></a><p class="wp-caption-text">Klicken zum Vergrößern</p></div>
<h3>Fußbereich und Text:</h3>
<p>Zu guter letzt folgen der Fußbereich und der Text. Für den Fußbereich erstellen wir eine neue Ebene und füllen sie mit dem dunklen Farbton aus der Navigation. Anschließend fügen wir den Text ein. An dieser Stelle steht für gewöhnliche ein Link zum Impressum oder zum Kontaktformular. Auch in dem Textbereich folgt nun der Text. Hier verwende ich einen typischen Platzhaltertext. Diesen kann man sich unter <a href="http://www.loremipsum.de/" target="_blank">www.loremipsum.de</a> generieren. Für den Text verwende ich den Schwarzton, den wir zuvor für den Rahmen verwendet haben.</p>
<p><strong>Fertig!</strong></p>
<div id="attachment_550" class="wp-caption alignnone" style="width: 210px"><a href="http://www.dmht.de/wordpress/wp-content/uploads/2010/01/webdesign6.jpg" rel="lightbox[541]"><img class="size-thumbnail wp-image-550 " title="webdesign6" src="http://www.dmht.de/wordpress/wp-content/uploads/2010/01/webdesign6-200x150.jpg" alt="" width="200" height="150" /></a><p class="wp-caption-text">Klicken zum Vergrößern</p></div>
<h3>Links zu html und css:</h3>
<p><strong><span style="text-decoration: underline;"> </span></strong></p>
<p>Hier möchte ich euch zwei Seiten an die Hand geben, mit denen ihr in der Lage seid eure Seite zu programmieren.</p>
<p><a href="http://de.selfhtml.org/" target="_blank">http://de.selfhtml.org/</a></p>
<p><a href="http://www.html-seminar.de/" target="_blank">http://www.html-seminar.de/</a></p>
<h3>Fazit:</h3>
<p>Natürlich ist dies nur ein Beispiel für eine Website. Ihr könnt alle möglichen Bilder, Stimmungen und Farben in eure Seite einbringen. Achtet aber darauf, dass eure Seite harmonisch wirkt und ihr einen Stil beibehaltet.</p>
<p>Nun wünsch ich euch einen guten Appetitt……. Quatsch. Viel Spaß beim Nachbauen natürlich <img src='http://www.dmht.de/wordpress/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<p>Für alle, die keinen Lust zum nachbauen haben, werde ich das Design in den nächsten Tagen in der Kategorie „Download“ anbieten.</p>


<br /><b><p>Ähnliche Artikel:</b><ol><li><a href='http://www.dmht.de/2009/02/13/colorkeybilder-mit-gimp-erstellen/' rel='bookmark' title='Permanent Link: Colorkeybilder mit Gimp erstellen'>Colorkeybilder mit Gimp erstellen</a></li>
<li><a href='http://www.dmht.de/2010/05/09/ein-altes-schriftstuck-mit-gimp-erstellen/' rel='bookmark' title='Permanent Link: Ein altes Schriftstück mit Gimp erstellen'>Ein altes Schriftstück mit Gimp erstellen</a></li>
<li><a href='http://www.dmht.de/2009/10/31/texturen-erstellen-mit-gimp/' rel='bookmark' title='Permanent Link: Texturen erstellen mit Gimp'>Texturen erstellen mit Gimp</a></li>
</ol></p><br />]]></content:encoded>
			<wfw:commentRss>http://www.dmht.de/2010/01/03/webdesign-mit-gimp/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Texturen erstellen mit Gimp</title>
		<link>http://www.dmht.de/2009/10/31/texturen-erstellen-mit-gimp/</link>
		<comments>http://www.dmht.de/2009/10/31/texturen-erstellen-mit-gimp/#comments</comments>
		<pubDate>Sat, 31 Oct 2009 14:16:16 +0000</pubDate>
		<dc:creator>Hendrik</dc:creator>
				<category><![CDATA[Bildbearbeitung]]></category>
		<category><![CDATA[Bumpmap]]></category>
		<category><![CDATA[Computerspiele]]></category>
		<category><![CDATA[Filter]]></category>
		<category><![CDATA[Gimp]]></category>
		<category><![CDATA[Textur]]></category>
		<category><![CDATA[Weichzeichner]]></category>

		<guid isPermaLink="false">http://www.dmht.de/?p=524</guid>
		<description><![CDATA[Heute möchte ich euch zeigen, wie man Texturen in Gimp erzeugt. Texturen sind eine Art Tapete, die man auf Objekte legt. Ein Beispiel dafür sind Computerspiele. Alle Objekte im Spiel werden mit Texturen belegt. Die Modelle bestehen aus einem Gitternetz, auf das dann die Texturen gelegt werden. Man unterscheidet zwischen kachelbaren und nicht kachelbaren Texturen. [...]

<b>
Ähnliche Artikel:</b><ol><li><a href='http://www.dmht.de/2010/01/10/geburstete-metalltexturen-mit-gimp/' rel='bookmark' title='Permanent Link: Gebürstete Metalltexturen mit Gimp'>Gebürstete Metalltexturen mit Gimp</a></li>
<li><a href='http://www.dmht.de/2010/05/09/ein-altes-schriftstuck-mit-gimp-erstellen/' rel='bookmark' title='Permanent Link: Ein altes Schriftstück mit Gimp erstellen'>Ein altes Schriftstück mit Gimp erstellen</a></li>
<li><a href='http://www.dmht.de/2009/02/13/colorkeybilder-mit-gimp-erstellen/' rel='bookmark' title='Permanent Link: Colorkeybilder mit Gimp erstellen'>Colorkeybilder mit Gimp erstellen</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Heute möchte ich euch zeigen, wie man Texturen in Gimp erzeugt.<br />
Texturen sind eine Art Tapete, die man auf Objekte legt. Ein Beispiel dafür sind Computerspiele. Alle Objekte im Spiel werden mit Texturen belegt. Die Modelle bestehen aus einem Gitternetz, auf das dann die Texturen gelegt werden.<br />
Man unterscheidet zwischen kachelbaren und nicht kachelbaren Texturen. Kachelbare Txturen sind Texturen, die nahtlos an einander angefügt werden können. Solche Texturen werden für gleichmäßige Flächen verwendet. Zum Beispiel der Fußboden oder die Häuserfassaden im Computerspiel.</p>
<p>Doch Texturen werden nicht nur in Computerspielen verwendet. Auch in der Bildbearbeitung oder im Webdesign finden sie Anwendung. Oft um den Hintergrund des Bildes, beziehungsweise der Website, gleichmäßig zu gestalten.</p>
<h3>Textur erstellen:</h3>
<p>Wir werden nun eine kachelbare Fliesentextur erstellen. Dazu erstellen wir ein neues Bild mit der Größe von 512*512 Pixel. Kachelbare Texturen sind meistens quadratisch und haben die Abmessung von einer zweier Potenz (z.B. 2,4,8,16,32,64,128,256,512,1024……). Daher die 512*512 Pixel. Dieser Ebene verpassen wir einen grauen Hintergrund. Diese Farbe soll später die Fugen zwischen den Fließen darstellen. Ich habe mich für die Farbe #8e8c88 entschieden.<br />
Anschließend wählen wir folgenden Filter: „Filter – Künstlerisch – Leinwand“. Dort wählen wir eine Tiefe von 1 und belassen den Rest bei den Voreinstellungen.<br />
Nachfolgend verwenden wir den Gaußschen Weichzeichner „Filter – Weichzeichner – Gaußscher Weichzeichner“ mit einem Radius von 3 Pixel.<br />
Nun fügen wir eine neue Ebene, mit der Größe von 508*508 Pixel, ein und ordnen sie in der Mitte des Bildes an. Dieser ebene verpassen wir dann einen leichten Beigeton. Zum Beispiel die Farbe #f3e4bf. Diese Ebene stellt später unsere Fließe dar.</p>
<div id="attachment_525" class="wp-caption alignnone" style="width: 210px"><a href="http://www.dmht.de/wordpress/wp-content/uploads/2009/10/textur1.jpg" rel="lightbox[524]"><img class="size-thumbnail wp-image-525" title="textur1" src="http://www.dmht.de/wordpress/wp-content/uploads/2009/10/textur1-200x182.jpg" alt="textur1" width="200" height="182" /></a><p class="wp-caption-text">Klicken zum Vergrößern</p></div>
<p><span id="more-524"></span></p>
<p>Im Moment sieht die Fließe noch ein bisschen langweilig aus. Daher wollen wir ihr ein paar Unregelmäßigkeiten verpassen. Dazu wählen wir den RGB-Rauschfilter „Filter – Rauschen – RGB-Rauschen“.<br />
Ich habe dann die folgenden Einstellungen vorgenommen:</p>
<div id="attachment_526" class="wp-caption alignnone" style="width: 120px"><a href="http://www.dmht.de/wordpress/wp-content/uploads/2009/10/textur2.jpg" rel="lightbox[524]"><img class="size-thumbnail wp-image-526" title="textur2" src="http://www.dmht.de/wordpress/wp-content/uploads/2009/10/textur2-110x200.jpg" alt="textur2" width="110" height="200" /></a><p class="wp-caption-text">Klicken zum Vergrößern</p></div>
<p>Anschließend benutzen wir wieder den Gaußschen Weichzeichner. Diesmal allerdings mit einem Radius von 10 Pixel.<br />
Nun wollen wir der Fließe noch die typische Abrundung an den Seiten verpassen. Dazu wählen wir den Filter „Filter – Dekoration – Rand abschrägen“. Eine Dicke von 10 Pixel ist optimal.<br />
Danach fügen wir beide Ebenen zusammen. Dies geht mit einem Rechtsklick auf die obere Ebene im Ebenenmenü und „Nach unten vereinen“.</p>
<div id="attachment_527" class="wp-caption alignnone" style="width: 210px"><a href="http://www.dmht.de/wordpress/wp-content/uploads/2009/10/textur3.jpg" rel="lightbox[524]"><img class="size-thumbnail wp-image-527" title="textur3" src="http://www.dmht.de/wordpress/wp-content/uploads/2009/10/textur3-200x182.jpg" alt="textur3" width="200" height="182" /></a><p class="wp-caption-text">Klicken zum Vergrößern</p></div>
<p>Jetzt verstärken wir den 3D-Effekt noch etwas. Dies geht mit einer Bumpmap. „Filter – Abbilden – Bump-Map“. Wir können alles bei den Voreinstellungen belassen. Wählen zusätzlich aber noch „Bumpmap kacheln“.</p>
<div id="attachment_528" class="wp-caption alignnone" style="width: 210px"><a href="http://www.dmht.de/wordpress/wp-content/uploads/2009/10/textur4.jpg" rel="lightbox[524]"><img class="size-thumbnail wp-image-528" title="textur4" src="http://www.dmht.de/wordpress/wp-content/uploads/2009/10/textur4-200x200.jpg" alt="textur4" width="200" height="200" /></a><p class="wp-caption-text">Klicken zum vergrößern</p></div>
<p>Und fertig ist unsere Textur. Wenn ihr euch eure Textur gekachelt ansehen wollt, dann könnt ihr dies, wie folgt, machen. „Filter – Abbilden – Kleine Kacheln“. Dort wählt ihr dann, wie oft die Fließe nebeneinander dargestellt werden soll.</p>
<div id="attachment_529" class="wp-caption alignnone" style="width: 210px"><a href="http://www.dmht.de/wordpress/wp-content/uploads/2009/10/textur5.jpg" rel="lightbox[524]"><img class="size-thumbnail wp-image-529" title="textur5" src="http://www.dmht.de/wordpress/wp-content/uploads/2009/10/textur5-200x200.jpg" alt="textur5" width="200" height="200" /></a><p class="wp-caption-text">Klicken zum vergrößern</p></div>


<br /><b><p>Ähnliche Artikel:</b><ol><li><a href='http://www.dmht.de/2010/01/10/geburstete-metalltexturen-mit-gimp/' rel='bookmark' title='Permanent Link: Gebürstete Metalltexturen mit Gimp'>Gebürstete Metalltexturen mit Gimp</a></li>
<li><a href='http://www.dmht.de/2010/05/09/ein-altes-schriftstuck-mit-gimp-erstellen/' rel='bookmark' title='Permanent Link: Ein altes Schriftstück mit Gimp erstellen'>Ein altes Schriftstück mit Gimp erstellen</a></li>
<li><a href='http://www.dmht.de/2009/02/13/colorkeybilder-mit-gimp-erstellen/' rel='bookmark' title='Permanent Link: Colorkeybilder mit Gimp erstellen'>Colorkeybilder mit Gimp erstellen</a></li>
</ol></p><br />]]></content:encoded>
			<wfw:commentRss>http://www.dmht.de/2009/10/31/texturen-erstellen-mit-gimp/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Tattoos entfernen mit Gimp – Arbeiten mit dem Klonen-Werkzeug</title>
		<link>http://www.dmht.de/2009/09/13/tattoos-entfernen-mit-gimp-%e2%80%93-arbeiten-mit-dem-klonen-werkzeug/</link>
		<comments>http://www.dmht.de/2009/09/13/tattoos-entfernen-mit-gimp-%e2%80%93-arbeiten-mit-dem-klonen-werkzeug/#comments</comments>
		<pubDate>Sun, 13 Sep 2009 07:42:06 +0000</pubDate>
		<dc:creator>Hendrik</dc:creator>
				<category><![CDATA[Bildbearbeitung]]></category>
		<category><![CDATA[Entfernen]]></category>
		<category><![CDATA[Falten]]></category>
		<category><![CDATA[Gimp]]></category>
		<category><![CDATA[Klonen]]></category>
		<category><![CDATA[Pickel]]></category>
		<category><![CDATA[Retusche]]></category>
		<category><![CDATA[Tattoo]]></category>
		<category><![CDATA[Werkzeug]]></category>

		<guid isPermaLink="false">http://www.dmht.de/?p=513</guid>
		<description><![CDATA[Tattoos sind typische Jugendsünden. Auf vielen Fotos können sie störend wirken und man möchte sie am liebsten los werden. Anstatt einer teuren und schmerzhaften Laseroperation, nehmen wir Gimp. Absolut schmerzfrei . Es ist jedoch mit einem gewissen Aufwand verbunden. Anhand dieses Beispiels möchte ich auch die Benutzung des Klonen-Werkzeuges erläutern. Tattoo entfernen Das Tattoo, von [...]

<b>
Ähnliche Artikel:</b><ol><li><a href='http://www.dmht.de/2009/05/29/eigene-pinsel-mit-gimp/' rel='bookmark' title='Permanent Link: Eigene Pinsel mit Gimp'>Eigene Pinsel mit Gimp</a></li>
<li><a href='http://www.dmht.de/2009/04/07/gimp-schneller-arbeiten-mit-shortcuts/' rel='bookmark' title='Permanent Link: GIMP-Schneller Arbeiten mit Shortcuts'>GIMP-Schneller Arbeiten mit Shortcuts</a></li>
<li><a href='http://www.dmht.de/2010/01/10/geburstete-metalltexturen-mit-gimp/' rel='bookmark' title='Permanent Link: Gebürstete Metalltexturen mit Gimp'>Gebürstete Metalltexturen mit Gimp</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Tattoos sind typische Jugendsünden. Auf vielen Fotos können sie störend wirken und man möchte sie am liebsten los werden. Anstatt einer teuren und schmerzhaften Laseroperation, nehmen wir Gimp. Absolut schmerzfrei <img src='http://www.dmht.de/wordpress/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> . Es ist jedoch mit einem gewissen Aufwand verbunden.<br />
Anhand dieses Beispiels möchte ich auch die Benutzung des Klonen-Werkzeuges erläutern.</p>
<h3>Tattoo entfernen</h3>
<p>Das Tattoo, von diesem jungen Mann, wollen wir nun mithilfe von Gimp entfernen.</p>
<div id="attachment_514" class="wp-caption alignnone" style="width: 210px"><a href="http://www.dmht.de/wordpress/wp-content/uploads/2009/09/tattoo1.jpg" rel="lightbox[513]"><img class="size-thumbnail wp-image-514" title="tattoo1" src="http://www.dmht.de/wordpress/wp-content/uploads/2009/09/tattoo1-200x133.jpg" alt="tattoo1" width="200" height="133" /></a><p class="wp-caption-text">Klicken zum Vergrößern</p></div>
<p><span id="more-513"></span>Wir wählen das Klonen-Werkzeug (der Stempel in der Werkzeugleiste). Das Werkzeug macht nichts anderes, als einen Bereich auszuwählen, diesen zu kopieren und an einer anderen Stelle wieder einzufügen.<br />
Wir wählen einen relativ kleinen Pinsel und fügen ein Zittern hinzu. Durch den kleinen Pinsel und das Zittern wird jeweils nur ein sehr kleiner und wechselnder Bereich kopiert. Dadurch wird die unterschiedliche Hautstruktur gut nachempfunden.<br />
Ich nehme einen 5er Pinsel und ein Zittern von 1. Anschließend wählt ihr mit gedrückter Strg-Taste den Ursprungsbereich. Nach dem loslassen der Strg-Taste könnt ihr mit der Retusche beginnen.</p>
<div id="attachment_515" class="wp-caption alignnone" style="width: 209px"><a href="http://www.dmht.de/wordpress/wp-content/uploads/2009/09/tattoo2.jpg" rel="lightbox[513]"><img class="size-thumbnail wp-image-515" title="tattoo2" src="http://www.dmht.de/wordpress/wp-content/uploads/2009/09/tattoo2-199x162.jpg" alt="tattoo2" width="199" height="162" /></a><p class="wp-caption-text">Klicken zum Vergrößern</p></div>
<p>Wichtig ist aber, dass ihr den Ursprungsbereich oft wechselt, weil die Haut nicht überall gleichmäßig ist. Je feiner der Pinsel ist und je öfter ihr die Position wechselt, umso besser wird es.</p>
<h3>Gaußscher Weichzeichner</h3>
<p>Doch auch eine schlampige Arbeit lässt sich noch retten. Dazu wählt ihr den Bereich, wo das Tattoo war, mit dem Lasso-Werkzeug aus und wählt dann „Filter – Weichnzeichnen – Gaußscher Weichzeichner“. Dort stellt ihr dann einen Wert von ca. 15 ein. Und schon ist die Haut viel gleichmäßiger und das Tattoo ist weg.</p>
<div id="attachment_516" class="wp-caption alignnone" style="width: 210px"><a href="http://www.dmht.de/wordpress/wp-content/uploads/2009/09/tattoo3.jpg" rel="lightbox[513]"><img class="size-thumbnail wp-image-516" title="tattoo3" src="http://www.dmht.de/wordpress/wp-content/uploads/2009/09/tattoo3-200x133.jpg" alt="tattoo3" width="200" height="133" /></a><p class="wp-caption-text">Klicken zum Vergrößern</p></div>
<p>Der Gaußsche Weichzeichner eignet auch sehr gut, um Falten oder andere Hautunreinheiten zu retuschieren.</p>
<h3>Weitere Anwendungsmöglichkeiten für das Klonen-Werkzeug:</h3>
<p>Das Klonen-Werkzeug eignet sich auch für viele andere Retuschieraufgaben, wie Pickel entfernen etc. Es lassen sich aber auch Bereiche kopieren. So lässt sich ein zweites Muttermal einfügen oder das Tattoo kopieren.</p>


<br /><b><p>Ähnliche Artikel:</b><ol><li><a href='http://www.dmht.de/2009/05/29/eigene-pinsel-mit-gimp/' rel='bookmark' title='Permanent Link: Eigene Pinsel mit Gimp'>Eigene Pinsel mit Gimp</a></li>
<li><a href='http://www.dmht.de/2009/04/07/gimp-schneller-arbeiten-mit-shortcuts/' rel='bookmark' title='Permanent Link: GIMP-Schneller Arbeiten mit Shortcuts'>GIMP-Schneller Arbeiten mit Shortcuts</a></li>
<li><a href='http://www.dmht.de/2010/01/10/geburstete-metalltexturen-mit-gimp/' rel='bookmark' title='Permanent Link: Gebürstete Metalltexturen mit Gimp'>Gebürstete Metalltexturen mit Gimp</a></li>
</ol></p><br />]]></content:encoded>
			<wfw:commentRss>http://www.dmht.de/2009/09/13/tattoos-entfernen-mit-gimp-%e2%80%93-arbeiten-mit-dem-klonen-werkzeug/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Cooles 3D-Wallpaper mit Gimp</title>
		<link>http://www.dmht.de/2009/09/06/cooles-3d-wallpaper-mit-gimp/</link>
		<comments>http://www.dmht.de/2009/09/06/cooles-3d-wallpaper-mit-gimp/#comments</comments>
		<pubDate>Sun, 06 Sep 2009 07:49:57 +0000</pubDate>
		<dc:creator>Hendrik</dc:creator>
				<category><![CDATA[Bildbearbeitung]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[Ebene]]></category>
		<category><![CDATA[Farbverlauf]]></category>
		<category><![CDATA[Gimp]]></category>
		<category><![CDATA[Wallpaper]]></category>

		<guid isPermaLink="false">http://www.dmht.de/?p=498</guid>
		<description><![CDATA[Heute möchte ich euch zeigen, wie man folgendes 3D-Wallpaper erzeugt. Zuerst legen wir eine neue Datei in der Gewünschten Größe an. In meinem Fall sind es 1280*1024 Pixel. Anschließend füllen wir den Hintergrund mit einer dunklen Farbe. Auf einer neuen Ebene erstellen wir nun einen senkrechten Streifen. Am besten nehmen wir eine Farbe, die einen [...]

<b>
Ähnliche Artikel:</b><ol><li><a href='http://www.dmht.de/2009/02/13/colorkeybilder-mit-gimp-erstellen/' rel='bookmark' title='Permanent Link: Colorkeybilder mit Gimp erstellen'>Colorkeybilder mit Gimp erstellen</a></li>
<li><a href='http://www.dmht.de/2009/10/31/texturen-erstellen-mit-gimp/' rel='bookmark' title='Permanent Link: Texturen erstellen mit Gimp'>Texturen erstellen mit Gimp</a></li>
<li><a href='http://www.dmht.de/2010/05/09/ein-altes-schriftstuck-mit-gimp-erstellen/' rel='bookmark' title='Permanent Link: Ein altes Schriftstück mit Gimp erstellen'>Ein altes Schriftstück mit Gimp erstellen</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Heute möchte ich euch zeigen, wie man folgendes 3D-Wallpaper erzeugt.</p>
<div id="attachment_499" class="wp-caption alignnone" style="width: 210px"><a href="http://www.dmht.de/wordpress/wp-content/uploads/2009/09/wallpaper_turorial.jpg" rel="lightbox[498]"><img class="size-thumbnail wp-image-499" title="wallpaper_turorial" src="http://www.dmht.de/wordpress/wp-content/uploads/2009/09/wallpaper_turorial-200x160.jpg" alt="wallpaper_turorial" width="200" height="160" /></a><p class="wp-caption-text">Klicken zum Vergrößern</p></div>
<p>Zuerst legen wir eine neue Datei in der Gewünschten Größe an. In meinem Fall sind es 1280*1024 Pixel. Anschließend füllen wir den Hintergrund mit einer dunklen Farbe.<br />
Auf einer neuen Ebene erstellen wir nun einen senkrechten Streifen. Am besten nehmen wir eine Farbe, die einen guten Kontrast zur Hintergrundfarbe hat.</p>
<p><span id="more-498"></span></p>
<div id="attachment_500" class="wp-caption alignnone" style="width: 210px"><a href="http://www.dmht.de/wordpress/wp-content/uploads/2009/09/wallpaper_turorial_1.jpg" rel="lightbox[498]"><img class="size-thumbnail wp-image-500" title="wallpaper_turorial_1" src="http://www.dmht.de/wordpress/wp-content/uploads/2009/09/wallpaper_turorial_1-200x177.jpg" alt="wallpaper_turorial_1" width="200" height="177" /></a><p class="wp-caption-text">Klicken zum Vergrößern</p></div>
<p>Nun erstellen wir eine neue Ebene, die genau die Größe des Balkens hat. Am besten macht ihr es mit einem Rechtsklick auf die Ebene und wählt „Auswahl aus Alphakanal“.<br />
Diese Ebene füllen wir mit einem Farbverlauf von Schwarz nach Weiß. Dabei muss Schwarz an der späteren Außenkante sein.</p>
<div id="attachment_501" class="wp-caption alignnone" style="width: 210px"><a href="http://www.dmht.de/wordpress/wp-content/uploads/2009/09/wallpaper_turorial_2.jpg" rel="lightbox[498]"><img class="size-thumbnail wp-image-501" title="wallpaper_turorial_2" src="http://www.dmht.de/wordpress/wp-content/uploads/2009/09/wallpaper_turorial_2-200x177.jpg" alt="wallpaper_turorial_2" width="200" height="177" /></a><p class="wp-caption-text">Klicken zum Vergrößern</p></div>
<p>Danach kopieren wir die beiden Ebenen und fügen sie rechts daneben ein. Anschließend spiegeln wir die Ebene, sodass ein Bi-Linearer Farbverlauf entsteht. Alternativ kann man auch gleich den Bi-Linearen Verlauf erstellen. Bei meinen Tests waren die Ergebnisse aber nicht so gut.</p>
<div id="attachment_502" class="wp-caption alignnone" style="width: 210px"><a href="http://www.dmht.de/wordpress/wp-content/uploads/2009/09/wallpaper_turorial_3.jpg" rel="lightbox[498]"><img class="size-thumbnail wp-image-502" title="wallpaper_turorial_3" src="http://www.dmht.de/wordpress/wp-content/uploads/2009/09/wallpaper_turorial_3-200x176.jpg" alt="wallpaper_turorial_3" width="200" height="176" /></a><p class="wp-caption-text">Klicken zum Vergrößern</p></div>
<p>Anschließend vereinen wir die beiden Verlaufsebenen und wählen bei Modus „Multiplikation“ aus. Nun haben wir einen schönen 3D-Effekt.<br />
Dieser lässt sich nun nach belieben anpassen, sodass am Ende ein schönes Wallpaper entsteht.</p>
<div id="attachment_503" class="wp-caption alignnone" style="width: 210px"><a href="http://www.dmht.de/wordpress/wp-content/uploads/2009/09/wallpaper_turorial_4.jpg" rel="lightbox[498]"><img class="size-thumbnail wp-image-503" title="wallpaper_turorial_4" src="http://www.dmht.de/wordpress/wp-content/uploads/2009/09/wallpaper_turorial_4-200x175.jpg" alt="wallpaper_turorial_4" width="200" height="175" /></a><p class="wp-caption-text">Klicken zum Vergrößern</p></div>
<p>Für die Faulen unter euch, habe ich hier noch den Downloadlink für mein Wallpaper <img src='http://www.dmht.de/wordpress/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<p><a href="http://www.dmht.de/sonstiges/3d-wallpaper.zip" target="_blank">Download</a></p>


<br /><b><p>Ähnliche Artikel:</b><ol><li><a href='http://www.dmht.de/2009/02/13/colorkeybilder-mit-gimp-erstellen/' rel='bookmark' title='Permanent Link: Colorkeybilder mit Gimp erstellen'>Colorkeybilder mit Gimp erstellen</a></li>
<li><a href='http://www.dmht.de/2009/10/31/texturen-erstellen-mit-gimp/' rel='bookmark' title='Permanent Link: Texturen erstellen mit Gimp'>Texturen erstellen mit Gimp</a></li>
<li><a href='http://www.dmht.de/2010/05/09/ein-altes-schriftstuck-mit-gimp-erstellen/' rel='bookmark' title='Permanent Link: Ein altes Schriftstück mit Gimp erstellen'>Ein altes Schriftstück mit Gimp erstellen</a></li>
</ol></p><br />]]></content:encoded>
			<wfw:commentRss>http://www.dmht.de/2009/09/06/cooles-3d-wallpaper-mit-gimp/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Vektorgrafiken erstellen mit Inkscape</title>
		<link>http://www.dmht.de/2009/07/21/vektorgrafiken-erstellen-mit-inkscape/</link>
		<comments>http://www.dmht.de/2009/07/21/vektorgrafiken-erstellen-mit-inkscape/#comments</comments>
		<pubDate>Tue, 21 Jul 2009 08:10:53 +0000</pubDate>
		<dc:creator>Hendrik</dc:creator>
				<category><![CDATA[Bildbearbeitung]]></category>
		<category><![CDATA[dmht]]></category>
		<category><![CDATA[Gimp]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[inkscape]]></category>
		<category><![CDATA[svg]]></category>
		<category><![CDATA[vektorgrafiken]]></category>

		<guid isPermaLink="false">http://www.dmht.de/?p=424</guid>
		<description><![CDATA[Nachdem ich euch bereits erklärt habe, was Vektorgrafiken sind, möchte ich euch nun zeigen, wie und womit man Vektorgrafiken erstellt. Dazu benötigen wir das Opensourceprogramm Inkscape. Ein kurzer Überblick: Damit ihr euch gut zu Recht findet, habe ich für euch die Arbeitsoberfläche beschriftet. Die Werkzeuge von oben nach unten sind: - Objekte auswählen - Objekte [...]

<b>
Ähnliche Artikel:</b><ol><li><a href='http://www.dmht.de/2009/05/29/eigene-pinsel-mit-gimp/' rel='bookmark' title='Permanent Link: Eigene Pinsel mit Gimp'>Eigene Pinsel mit Gimp</a></li>
<li><a href='http://www.dmht.de/2009/10/31/texturen-erstellen-mit-gimp/' rel='bookmark' title='Permanent Link: Texturen erstellen mit Gimp'>Texturen erstellen mit Gimp</a></li>
<li><a href='http://www.dmht.de/2009/02/13/colorkeybilder-mit-gimp-erstellen/' rel='bookmark' title='Permanent Link: Colorkeybilder mit Gimp erstellen'>Colorkeybilder mit Gimp erstellen</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Nachdem ich euch bereits erklärt habe, <a href="http://www.dmht.de/2009/07/05/was-sind-vektorgrafiken/" target="_blank">was Vektorgrafiken sind</a>, möchte ich euch nun zeigen, wie und womit man Vektorgrafiken erstellt.<br />
Dazu benötigen wir das Opensourceprogramm<a href="http://www.inkscape.org/?lang=de" target="_blank"> Inkscape</a>.</p>
<h3>Ein kurzer Überblick:</h3>
<p>Damit ihr euch gut zu Recht findet, habe ich für euch die Arbeitsoberfläche beschriftet.</p>
<div id="attachment_425" class="wp-caption alignnone" style="width: 210px"><a href="http://www.dmht.de/wordpress/wp-content/uploads/2009/07/inkscape.jpg" rel="lightbox[424]"><img class="size-thumbnail wp-image-425" title="inkscape" src="http://www.dmht.de/wordpress/wp-content/uploads/2009/07/inkscape-200x176.jpg" alt="inkscape" width="200" height="176" /></a><p class="wp-caption-text">Klicken zum Vergrößern</p></div>
<p><span id="more-424"></span></p>
<p><strong>Die Werkzeuge von oben nach unten sind:</strong><br />
-	Objekte auswählen<br />
-	Objekte transformieren<br />
-	Objekte verformen<br />
-	Lupe<br />
-	Rechtecke erstellen<br />
-	3D-Boxen erstellen<br />
-	Kreise erstellen<br />
-	Sterne erstellen<br />
-	Spiralen erstellen<br />
-	Freihandlinien<br />
-	Pfadewerkzeug<br />
-	Kalligrafiewerkzeug<br />
-	Füllen<br />
-	Texte<br />
-	Objekte verbinden<br />
-	Farbverläufe<br />
-	Pipette</p>
<p>Die meisten Werkzeuge sind selbsterklärend oder bereits von Gimp bekannt. Lediglich das „Objekte transformieren“ -Werkzeug und das „Objekte verbinden“ -Werkzeug wollen wir noch einmal genauer betrachten.<br />
Mit dem „Objekte transformieren“ –Werkzeug lassen sich die Eckpunkte eines Objektes bearbeiten. Ihr wisst ja bereits, dass Vektorgrafiken aus Punkten bestehen, die dann mit Geraden verbunden werden. Diese Punkte kann man mit diesem Werkzeug verschieben.<br />
Durch das „Objekte verbinden“ –Werkzeug lassen sich, die bereits angesprochenen, Eckepunkte zweier formen miteinander verbinden.</p>
<h3>Das Paxisbeispiel:</h3>
<p>Nun wollen wir das dmht-Logo als Vektorgrafik erstellen. Dazu erstellen wir unter „Datei – Neu – icon_64x64“ eine Datei in einer passenden Größe.<br />
Um uns die arbeit zu erleichtern lassen wir uns ein Raster einblenden. Dies geht mit „Ansicht – Gitter“. Die Farbe und Größe des Gitters könnt ihr in den Inkscape-Einstellungen unter dem Menüpunkt „Datei“ einstellen.<br />
Anschließend erstellen wir mit dem „Rechteck erstellen“ –Werkzeug ein schwarzes Rechteck, welches den gesamten Hintergrund füllt.<br />
Anschließend erstellen wir weitere Rechtecke, welche das dmht-Logo vervollständigen. Dazu erstellen wir ein großes Rechteck in der Mitte und acht kleinere außen rum. Das Gitter hilft euch bei der Positionierung. Bedenkt hierbei, dass ihr die Objekte jederzeit bearbeiten könnt, denn es sind ja Vektorgrafiken. Die einzelnen Objekte sind nicht mit einander verbunden. Sie überlagern sich nur. Um euch die Arbeit zu erleichtern, könnt ihr natürlich auch die einzelnen Objekte kopieren und einfügen.<br />
Anschließend sieht es so aus:</p>
<div id="attachment_426" class="wp-caption alignnone" style="width: 202px"><a href="http://www.dmht.de/wordpress/wp-content/uploads/2009/07/inkscape_dmht.jpg" rel="lightbox[424]"><img class="size-thumbnail wp-image-426" title="inkscape_dmht" src="http://www.dmht.de/wordpress/wp-content/uploads/2009/07/inkscape_dmht-192x200.jpg" alt="inkscape_dmht" width="192" height="200" /></a><p class="wp-caption-text">Klicken zum Vergrößern</p></div>
<p>Natürlich könnt ihr eurer Kreativität freien lauf lassen. Wie währe es z.B. mit abgerundeten Ecken? Diese lassen sich mit dem „Rechteck erstellen“ –Werkzeug erstellen. Nachdem man ein Rechteck erstellt hat, erscheint oben rechts in der Ecke des Objekt ein kleiner Punkt. Wenn man diesen Punkt verschiebt, dann kann man die Ecken abrunden.</p>
<div id="attachment_427" class="wp-caption alignnone" style="width: 184px"><a href="http://www.dmht.de/wordpress/wp-content/uploads/2009/07/inkscape_dmht_rund.jpg" rel="lightbox[424]"><img class="size-thumbnail wp-image-427" title="inkscape_dmht_rund" src="http://www.dmht.de/wordpress/wp-content/uploads/2009/07/inkscape_dmht_rund-174x200.jpg" alt="inkscape_dmht_rund" width="174" height="200" /></a><p class="wp-caption-text">Klicken zum Vergrößern</p></div>
<h3>Das Speichern:</h3>
<p>Um die Datei nun zu speichern klickt ihr auf „Datei – speichern“. Dort wählt ihr dann unten rechts in dem Auswahlfeld das Dateiformat „Normales SVG“. Anschließend fehlt nur noch ein klick auf „Save“.<br />
Wenn ihr Datei in eine Website einbinden wollt, dann musst ihr die .svg-Datei mit dem Editor öffnen und den Abschnitt:</p>
<blockquote><p>width=&#8221;64&#8243;<br />
height=&#8221;64&#8243;</p></blockquote>
<p>durch:</p>
<blockquote><p>viewBox=&#8221;0 0 64 64&#8243;</p></blockquote>
<p>ersetzen.<br />
Erst jetzt könnt ihr die Bilder in html einbinden und sie auch skalieren.</p>
<h3>Skalierbarkeit von Vektorgrafiken:</h3>
<p>Hier könnt ihr nun die Skalierbarkeit von Vektorgrafiken ausprobieren. Anschließend erscheint das dmht-Logo in der gewünschten Größe. Bitte nur Zahlen eingeben, die kleiner als 600 sind!<br />
<iframe src="http://www.dmht.de/wordpress/wp-content/skripte/inkscape/vektorgrafik.php" height ="700" width="600" frameborder="0" scrolling="no" ><br />
</iframe></p>


<br /><b><p>Ähnliche Artikel:</b><ol><li><a href='http://www.dmht.de/2009/05/29/eigene-pinsel-mit-gimp/' rel='bookmark' title='Permanent Link: Eigene Pinsel mit Gimp'>Eigene Pinsel mit Gimp</a></li>
<li><a href='http://www.dmht.de/2009/10/31/texturen-erstellen-mit-gimp/' rel='bookmark' title='Permanent Link: Texturen erstellen mit Gimp'>Texturen erstellen mit Gimp</a></li>
<li><a href='http://www.dmht.de/2009/02/13/colorkeybilder-mit-gimp-erstellen/' rel='bookmark' title='Permanent Link: Colorkeybilder mit Gimp erstellen'>Colorkeybilder mit Gimp erstellen</a></li>
</ol></p><br />]]></content:encoded>
			<wfw:commentRss>http://www.dmht.de/2009/07/21/vektorgrafiken-erstellen-mit-inkscape/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Corel Paint Shop Pro X Version 10 jetzt kostenlos downloaden</title>
		<link>http://www.dmht.de/2009/07/15/corel-paint-shop-pro-x-version-10-jetzt-kostenlos-downloaden/</link>
		<comments>http://www.dmht.de/2009/07/15/corel-paint-shop-pro-x-version-10-jetzt-kostenlos-downloaden/#comments</comments>
		<pubDate>Wed, 15 Jul 2009 13:15:52 +0000</pubDate>
		<dc:creator>Hendrik</dc:creator>
				<category><![CDATA[Bildbearbeitung]]></category>
		<category><![CDATA[Paint shop Pro X]]></category>
		<category><![CDATA[Paint shop Pro X Version 10 kostenlos download]]></category>

		<guid isPermaLink="false">http://www.dmht.de/?p=417</guid>
		<description><![CDATA[Die Firma Corel verschenkt die Profi-Software Corel Paint Shop Pro X Version 10. Es handelt sich um die Vollversion, die sonst 100 Euro kostet. Ich vermute mal, dass es sich dabei um eine Werbekampagne handelt. Das Interesse des Kunden soll geweckt werden, sodass er sich auch die neuste Version kauft. Und damit der Einstieg leicht [...]]]></description>
			<content:encoded><![CDATA[<p>Die Firma Corel verschenkt die Profi-Software Corel Paint Shop Pro X Version 10.<br />
Es handelt sich um die Vollversion, die sonst 100 Euro kostet.<br />
Ich vermute mal, dass es sich dabei um eine Werbekampagne handelt. Das Interesse des Kunden soll geweckt werden, sodass er sich auch die neuste Version kauft.</p>
<p>Und damit der Einstieg leicht von statten geht, beinhaltet das Programm ein Übungssystem.</p>
<div id="attachment_418" class="wp-caption alignnone" style="width: 210px"><a href="http://www.dmht.de/wordpress/wp-content/uploads/2009/07/corel.jpg" rel="lightbox[417]"><img class="size-thumbnail wp-image-418" title="corel" src="http://www.dmht.de/wordpress/wp-content/uploads/2009/07/corel-200x149.jpg" alt="corel" width="200" height="149" /></a><p class="wp-caption-text">Klicken zum Vergrößern</p></div>
<p>Den Download gibt’s unter: <a href="http://apps.corel.com/lp/lexar/4157/index.html?trkid=lexarstarterpspx" target="_blank">http://apps.corel.com/lp/lexar/4157/index.html?trkid=lexarstarterpspx</a></p>
<p>Quelle: <a href="http://www.chip.de/artikel/Vollversion-gratis-Corel-Paint-Shop-Pro-X_36133473.html" target="_blank">http://www.chip.de/artikel/Vollversion-gratis-Corel-Paint-Shop-Pro-X_36133473.html </a></p>
<p>P.S.: Ich lag mit meiner Vermutung richtig. Beim Beenden erscheint ein Werbefenster für das neue Produkt.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.dmht.de/2009/07/15/corel-paint-shop-pro-x-version-10-jetzt-kostenlos-downloaden/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Stapelverarbeitung mit IrfanView</title>
		<link>http://www.dmht.de/2009/07/15/stapelverarbeitung-mit-irfanview/</link>
		<comments>http://www.dmht.de/2009/07/15/stapelverarbeitung-mit-irfanview/#comments</comments>
		<pubDate>Wed, 15 Jul 2009 08:13:16 +0000</pubDate>
		<dc:creator>Hendrik</dc:creator>
				<category><![CDATA[Bildbearbeitung]]></category>
		<category><![CDATA[automatsich]]></category>
		<category><![CDATA[Batch]]></category>
		<category><![CDATA[Bilder verkleinern]]></category>
		<category><![CDATA[Irfanview]]></category>
		<category><![CDATA[Stapelverarbeitung]]></category>

		<guid isPermaLink="false">http://www.dmht.de/?p=411</guid>
		<description><![CDATA[Oft treten immer wieder die gleichen Aufgaben auf. Bilder verkleinern, das Dateiformat ändern, in Graustufen umwandeln, den Kontrast verändern, stärker komprimieren, etc. Solchen Aufgaben lassen sich komfortablem mit dem kostenlosen Programm IrfanView bewältigen. Sprache ändern: Nachdem ihr das Programm installiert habt könnt ihr unter „Options – Change Language….“ Die Sprache auf Deutsch ändern. Nun haben [...]]]></description>
			<content:encoded><![CDATA[<p>Oft treten immer wieder die gleichen Aufgaben auf. Bilder verkleinern, das Dateiformat ändern, in Graustufen umwandeln, den Kontrast verändern, stärker komprimieren, etc.<br />
Solchen Aufgaben lassen sich komfortablem mit dem kostenlosen Programm <a href="http://www.irfanview.de/" target="_blank">IrfanView</a> bewältigen.</p>
<h3>Sprache ändern:</h3>
<p>Nachdem ihr das Programm installiert habt könnt ihr unter „Options – Change Language….“ Die Sprache auf Deutsch ändern. Nun haben wir die gleichen Grundvorrausetzungen und ihr könnt meine Arbeitsschritte nachvollziehen.</p>
<h3>Stapelverarbeitung:</h3>
<p>Um nun so eine Stapelverarbeitung zu starten klickt ihr auf „Datei – Batch-Konvertierung/ Umbennenung“. Anschließend öffnet sich ein neues Fenster.</p>
<div id="attachment_412" class="wp-caption alignnone" style="width: 210px"><a href="http://www.dmht.de/wordpress/wp-content/uploads/2009/07/batch.jpg" rel="lightbox[411]"><img class="size-thumbnail wp-image-412" title="batch" src="http://www.dmht.de/wordpress/wp-content/uploads/2009/07/batch-200x157.jpg" alt="batch" width="200" height="157" /></a><p class="wp-caption-text">Klicken zum Vergrößern</p></div>
<p><span id="more-411"></span></p>
<p>Auf der rechten Seite könnt ihr, die zu bearbeitenden Dateien, hinzufügen. Links könnt ihr dann die passenden Einstellungen vornehmen. Wenn ihr tiefergreifende Änderungen vornehmen wollt, dann setzt ihr das Häkchen bei „Spezial-Optionen aktiv“ und wählt dann „setzen“ aus.</p>
<div id="attachment_413" class="wp-caption alignnone" style="width: 210px"><a href="http://www.dmht.de/wordpress/wp-content/uploads/2009/07/batch2.jpg" rel="lightbox[411]"><img class="size-thumbnail wp-image-413" title="batch2" src="http://www.dmht.de/wordpress/wp-content/uploads/2009/07/batch2-200x119.jpg" alt="batch2" width="200" height="119" /></a><p class="wp-caption-text">Klicken zum Vergrößern</p></div>
<p>Nun könnt ihr weitere Anpassungen vornehmen. Wenn ihr die Größe ändern wollt, dann empfehle ich euch, dass ihr nur eine Seitenlänge angebt. Ansonsten kann es passieren, dass das Seitenverhältnis der Bilder verändert wird.<br />
Des Weiteren bietet das Programm noch viele weitere Funktionen, wie z.B. den Kontrast ändern, das Bild schärfen oder die Sättigung zu verändern. Solche Optionen sind allerdings nur sinnvoll, wenn die Bilder nahezu identisch sind. Denn was bei dem einen Bild gut aussieht, dass kann ein anderes Bild verunstalten.<br />
Um schnell Bilder zu optimieren, bietet die Option „Auto-Korrektur“ eine gute Möglichkeit.<br />
Habt ihr alles, nach euren Wünschen eingestellt, klickt ihr auf „Ok“ und auf „Starten“.</p>
<h3>Einstellungen speichern:</h3>
<p>Wenn ihr die Stapelverarbeitung regelmäßig ausführen wollt, dann könnt ihr die Einstellungen unter „Einstell.speichern“ abspeichern, sodass ihr sie beim nächsten Mal nur laden müsst.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.dmht.de/2009/07/15/stapelverarbeitung-mit-irfanview/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Farben – Die Qual der Wahl</title>
		<link>http://www.dmht.de/2009/07/13/farben-%e2%80%93-die-qual-der-wahl/</link>
		<comments>http://www.dmht.de/2009/07/13/farben-%e2%80%93-die-qual-der-wahl/#comments</comments>
		<pubDate>Mon, 13 Jul 2009 14:47:31 +0000</pubDate>
		<dc:creator>Hendrik</dc:creator>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[Bildbearbeitung]]></category>
		<category><![CDATA[Colour]]></category>
		<category><![CDATA[Farben]]></category>
		<category><![CDATA[Farbenlehre]]></category>
		<category><![CDATA[Farbpalette]]></category>

		<guid isPermaLink="false">http://www.dmht.de/?p=405</guid>
		<description><![CDATA[Oft ist es schwer die richtigen Farben zu finden. Oft harmonieren die Farben nicht mit einander. Oder ihr wisst einfach nicht, welche Farbe zu der Grundfarbe passt? Hier möchte ich euch nun zeigen, wie ihr Abhilfe schaffen könnt. Auf der Seite ayom.com gibt es einen Farbwähler. Mit Hilfe eines Schiebereglers könnt ihr die Startfarbe wählen [...]]]></description>
			<content:encoded><![CDATA[<p>Oft ist es schwer die richtigen Farben zu finden. Oft harmonieren die Farben nicht mit einander. Oder ihr wisst einfach nicht, welche Farbe zu der Grundfarbe passt?<br />
Hier möchte ich euch nun zeigen, wie ihr Abhilfe schaffen könnt.</p>
<p>Auf der Seite<a href="http://www.ayom.com/faq/files/colormatch.html" target="_blank"> ayom.com</a> gibt es einen Farbwähler. Mit Hilfe eines Schiebereglers könnt ihr die Startfarbe wählen und es werden euch, fünf dazu passende Farben, berechnet. Der Farbwähler funktioniert nach dem <a href="http://www.dmht.de/2009/05/26/die-farbmodelle/" target="_blank">RGB-Farbmodell</a>. Das heißt, dass mit den Reglern die Anteile der Farben Rot,Grün und Blau gesteuert werden können.</p>
<p>Der Farbwähler von ayom.com:</p>
<p><a href="http://www.dmht.de/wordpress/wp-content/uploads/2009/07/farbwaehler.jpg" rel="lightbox[405]"><img class="alignnone size-full wp-image-406" title="farbwaehler" src="http://www.dmht.de/wordpress/wp-content/uploads/2009/07/farbwaehler.jpg" alt="farbwaehler" width="411" height="229" /></a></p>
<p><span id="more-405"></span></p>
<p>Wenn ihr noch keine Grundfarbe bzw. keine farblichen Vorstellungen habt, dann könnt ihr euch auch mal <a href="http://kuler.adobe.com/" target="_blank">Kuler</a> oder <a href="http://de-de.colourlovers.com/" target="_blank">COLOURlovers</a> angucken. Bei den beiden Seiten handelt es sich um ein Portal, in dem User ihre eigenen Farbpaletten hochladen können. Aus diesen Farbpaletten könnt ihr euch nun eine passende auswählen. Es sind viele sehr schöne Farbkombinationen dabei. Teilweise sind aber auch sehr skurrile Farbmischungen dabei.</p>
<p>Alle diese Farbpaletten auf den drei Seiten richten sich nach der Farbenlehre. Ein wenig Wissen darüber kann nicht schaden, wenn man sich mit Multimediabearbeitung beschäftigt.<br />
Dennoch ist es zu viel, um es hier zu erwähnen. Wen es interessiert, der kann mal auf der Seite „<a href="http://www.ipsi.fraunhofer.de/~crueger/farbe/" target="_blank">Farbentheorie und Farbgestaltung</a>“ vorbei schauen.</p>
<p>Einen abschließenden Tipp habe ich noch:  Schaut euch doch mal eure Umwelt an. Begutachtet Produkte und Werbung ganz genau und überlegt euch welche Zielgruppe angesprochen werden soll und welche Aussage vermittelt werden soll.<br />
So bekommt ihr ein Gespür für Farben.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.dmht.de/2009/07/13/farben-%e2%80%93-die-qual-der-wahl/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
