<?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>MGdevelop &#187; Poradniki</title>
	<atom:link href="http://mgdevelop.pl/index.php/kategoria/webdesign/poradniki/feed/" rel="self" type="application/rss+xml" />
	<link>http://mgdevelop.pl</link>
	<description>Programming is an art form that fights back</description>
	<lastBuildDate>Thu, 07 Jul 2011 16:59:51 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>Tekstura jeansu</title>
		<link>http://mgdevelop.pl/index.php/2010/08/tekstura-jeansu/</link>
		<comments>http://mgdevelop.pl/index.php/2010/08/tekstura-jeansu/#comments</comments>
		<pubDate>Mon, 23 Aug 2010 14:31:26 +0000</pubDate>
		<dc:creator>Elektryk</dc:creator>
				<category><![CDATA[Poradniki]]></category>
		<category><![CDATA[jeans]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[tekstura]]></category>
		<category><![CDATA[tile]]></category>

		<guid isPermaLink="false">http://mgdevelop.pl/?p=510</guid>
		<description><![CDATA[W tym poradniku zaprezentuję jak szybko wykonać teksturę jeansu za pomocą programu Adobe Photoshop. Zabierzmy się do pracy. Na początek ustawiamy... <a href="http://mgdevelop.pl/index.php/2010/08/tekstura-jeansu/">Czytaj dalej&#187;</a>]]></description>
			<content:encoded><![CDATA[<p>W tym poradniku zaprezentuję jak szybko wykonać teksturę jeansu za pomocą programu Adobe Photoshop. Zabierzmy się do pracy. <span id="more-510"></span>Na początek ustawiamy kolory na dwa różne odcienie niebieskiego. U mnie będzie to #1d2862 jako kolor główny oraz #6a83ff jako tło. Następnie tworzymy nowy obrazek o rozmiarach trzy razy większych niż ma mieć finałowa grafika. Chcę stworzyć teksturę wielkości 512&#215;512 pikseli więc w okienku tworzenia nowego pliku rozmiary ustawiam na 1536&#215;1536.</p>
<p>Gdy to już mamy gotowe wypełniamy grafikę naszym kolorem głównym. Następnie wybieramy menu <em>Filtr &gt; Pikselowanie &gt; Rastrowanie koloru</em> (Filter &gt; pixelate &gt; color halftone) i ustawiamy takie wartości:</p>
<p><a href="http://mgdevelop.pl/mgdevelop/wp-content/uploads/2010/08/pikselyzacja.png"><img class="alignnone size-full wp-image-511" title="pikselyzacja" src="http://mgdevelop.pl/mgdevelop/wp-content/uploads/2010/08/pikselyzacja.png" alt="" width="408" height="267" /></a></p>
<p>Po tej operacji powinniśmy otrzymać coś takiego:</p>
<p><a href="http://mgdevelop.pl/mgdevelop/wp-content/uploads/2010/08/piksele.png"><img class="alignnone size-full wp-image-512" title="piksele" src="http://mgdevelop.pl/mgdevelop/wp-content/uploads/2010/08/piksele.png" alt="" width="150" height="150" /></a></p>
<p>Kolejnym krokiem jest nałożenie odpowiedniego filtru który sprawi, że na naszej teksturze pojawią się jeansowe włókna. Otwieramy zatem <em>Filtr &gt; Szkic &gt; Kreda i węgiel</em> (filter &gt; sketch &gt; chalk and charcoal) i ustawiamy wartości jak na obrazku poniżej:</p>
<p><a href="http://mgdevelop.pl/mgdevelop/wp-content/uploads/2010/08/wegielikreda.png"><img class="alignnone size-full wp-image-513" title="wegielikreda" src="http://mgdevelop.pl/mgdevelop/wp-content/uploads/2010/08/wegielikreda.png" alt="" width="268" height="167" /></a></p>
<p>W tym momencie nasz obraz będzie wyglądał tak:</p>
<p><a href="http://mgdevelop.pl/mgdevelop/wp-content/uploads/2010/08/wlokna.png"><img class="alignnone size-full wp-image-514" title="wlokna" src="http://mgdevelop.pl/mgdevelop/wp-content/uploads/2010/08/wlokna.png" alt="" width="150" height="150" /></a></p>
<p>Teraz przyszedł czas by zmniejszyć naszą grafikę do takich rozmiarów jakie chcemy uzyskać. Moja tekstura po trzykrotnym pomniejszeniu wygląda następująco:</p>
<p><a href="http://mgdevelop.pl/mgdevelop/wp-content/uploads/2010/08/prawiegotowe.png"><img class="alignnone size-full wp-image-515" title="prawiegotowe" src="http://mgdevelop.pl/mgdevelop/wp-content/uploads/2010/08/prawiegotowe.png" alt="" width="150" height="150" /></a></p>
<p>Teraz możemy przejść do O<em>braz &gt; Dopasowania  &gt; Jasność i kontrast</em> by poprawić kolory. Ja dla przykładu ustawiłem jasność na -3 a kontrast na +90. W zależności jakie wartości tu damy to uzyskamy różne odmiany jeansu.</p>
<p><a href="http://mgdevelop.pl/mgdevelop/wp-content/uploads/2010/08/gotowe.png"><img class="alignnone size-full wp-image-516" title="gotowe" src="http://mgdevelop.pl/mgdevelop/wp-content/uploads/2010/08/gotowe.png" alt="" width="150" height="150" /></a></p>
<p>Na koniec zamieszczam <a title="tekstura jeans 512x512" href="http://mgdevelop.pl/mgdevelop/wp-content/uploads/2010/08/tekstura_jeans_512x512.png">gotowy plik z teksturą jeansu w rozmiarze 512&#215;512 pikseli</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://mgdevelop.pl/index.php/2010/08/tekstura-jeansu/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Eleganckie pola tekstowe</title>
		<link>http://mgdevelop.pl/index.php/2010/07/eleganckie-pola-tekstowe/</link>
		<comments>http://mgdevelop.pl/index.php/2010/07/eleganckie-pola-tekstowe/#comments</comments>
		<pubDate>Thu, 01 Jul 2010 18:29:31 +0000</pubDate>
		<dc:creator>Elektryk</dc:creator>
				<category><![CDATA[Poradniki]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[cień]]></category>
		<category><![CDATA[pole tekstowe]]></category>

		<guid isPermaLink="false">http://mgdevelop.pl/?p=303</guid>
		<description><![CDATA[W tym krótkim poradniku pokażę jak łatwo zaprojektować wklęsłe pola tekstowe, modny element współczesnych projektów stron internetowych. Wszystko zostanie pokazane... <a href="http://mgdevelop.pl/index.php/2010/07/eleganckie-pola-tekstowe/">Czytaj dalej&#187;</a>]]></description>
			<content:encoded><![CDATA[<p>W tym krótkim poradniku pokażę jak łatwo zaprojektować wklęsłe pola tekstowe, modny element współczesnych projektów stron internetowych. <span id="more-303"></span>Wszystko zostanie pokazane na przykładzie aplikacji Adobe Photoshop CS3. Najpierw wypełniamy przestrzeń dowolnym kolorem lub gradientem. U mnie będzie to kolor #464646. Następnie tworzymy nową warstwę i wybieramy z przybornika narzędzie do rysowania zaokrąglonych prostokątów.</p>
<p><a href="http://mgdevelop.pl/wp-content/uploads/2010/07/wybornarzedzia.png"><img class="alignnone size-full wp-image-304" title="wybornarzedzia" src="http://mgdevelop.pl/mgdevelop/wp-content/uploads/2010/07/wybornarzedzia.png" alt="" width="238" height="140" /></a></p>
<p>Zmieniamy kolor na inny, który będzie tłem naszego pola tekstowego i na nowej warstwie obrazka (shift + ctrl + n) rysujemy figurę.  Ja wybrałem kolor #322c2c.</p>
<p><a href="http://mgdevelop.pl/mgdevelop/wp-content/uploads/2010/07/ponarysowaniu.png"><img class="alignnone size-full wp-image-305" title="ponarysowaniu" src="http://mgdevelop.pl/mgdevelop/wp-content/uploads/2010/07/ponarysowaniu.png" alt="" width="385" height="172" /></a></p>
<p>Teraz musimy ustawić style. W tym celu w okienku warstw dwa razy szybko klikamy na dopiero co utworzoną warstwę. Otworzy nam się okno dialogowe, gdzie ustawiamy wartości np. w ten sposób:</p>
<p><a href="http://mgdevelop.pl/mgdevelop/wp-content/uploads/2010/07/cien.png"><img class="alignnone size-full wp-image-306" title="cien" src="http://mgdevelop.pl/mgdevelop/wp-content/uploads/2010/07/cien.png" alt="" width="760" height="452" /></a></p>
<p><a href="http://mgdevelop.pl/mgdevelop/wp-content/uploads/2010/07/cienwew.png"><img class="alignnone size-full wp-image-307" title="cienwew" src="http://mgdevelop.pl/mgdevelop/wp-content/uploads/2010/07/cienwew.png" alt="" width="767" height="454" /></a></p>
<p>Aktualnie nasze pole tekstowe wygląda tak:</p>
<p><a href="http://mgdevelop.pl/mgdevelop/wp-content/uploads/2010/07/postylowaniu.png"><img class="alignnone size-full wp-image-308" title="postylowaniu" src="http://mgdevelop.pl/mgdevelop/wp-content/uploads/2010/07/postylowaniu.png" alt="" width="394" height="198" /></a></p>
<p>Teraz wypadałoby je trochę ożywić dodając ładną ikonkę:</p>
<p><a href="http://mgdevelop.pl/mgdevelop/wp-content/uploads/2010/07/ozywione.png"><img class="alignnone size-full wp-image-309" title="ozywione" src="http://mgdevelop.pl/mgdevelop/wp-content/uploads/2010/07/ozywione.png" alt="" width="394" height="188" /></a></p>
<p>I na koniec tekst. U mnie napiszę go <strong>Verdaną</strong> o wielkości <strong>16px</strong> i kolorem <strong>#7b7878</strong>. Cała praca wygląda tak:</p>
<p><a href="http://mgdevelop.pl/mgdevelop/wp-content/uploads/2010/07/calosc.png"><img class="alignnone size-full wp-image-310" title="calosc" src="http://mgdevelop.pl/mgdevelop/wp-content/uploads/2010/07/calosc.png" alt="" width="387" height="188" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://mgdevelop.pl/index.php/2010/07/eleganckie-pola-tekstowe/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>

