<?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>Free css templates &#187; Graphic design</title>
	<atom:link href="http://www.styletheweb.gr/category/graphic-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.styletheweb.gr</link>
	<description>Tips about web design, graphic design and seo.</description>
	<lastBuildDate>Fri, 30 Mar 2012 20:28:59 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
		<item>
		<title>Explore create and share color themes</title>
		<link>http://www.styletheweb.gr/web-design/explore-create-and-share-color-themes/</link>
		<comments>http://www.styletheweb.gr/web-design/explore-create-and-share-color-themes/#comments</comments>
		<pubDate>Wed, 20 Apr 2011 20:53:13 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Graphic design]]></category>
		<category><![CDATA[Web design]]></category>
		<category><![CDATA[color themes]]></category>

		<guid isPermaLink="false">http://www.styletheweb.gr/?p=678</guid>
		<description><![CDATA[Right color combination is the most important element in design, both the printing environment and the internet. Color has a direct impact on humans. Human brain identify an element first from the shape and after from the color. Professional designers not use random color combinations. Each color affect different the human brain and mood. One [...]]]></description>
			<content:encoded><![CDATA[<p>Right color combination is the most important element in design, both the printing environment and the internet. Color has a direct impact on humans. Human brain identify an element first from the shape and after from the color. </p>
<p>Professional designers not use random color combinations. Each color affect different the human brain and mood. One beautifull website that I first saw several years ago about color communication and symbolism is <a href="http://www.mariaclaudiacortes.com/">color in motion</a> by Maria Claudia Cortes.</p>
<p>In this article i&#8217;ll refer some useful tools that i have tasted before for the right color combination on color wheel. A great on line application that allows you to produce your own color theme, or choose one of several color themes created by other users is <a href="http://www.mariaclaudiacortes.com/">Kuler</a></p>
<p><img src="http://www.styletheweb.gr/wp-content/uploads/2011/04/kuler_color_tool_index1.jpg" alt="Kuler website" title="kuler_color_tool_index" width="550" height="400" class="alignnone size-full wp-image-646" /><br />
You can edit, add or remove colors from the color palette you choose to fit perfectly your requirements.</p>
<h4>Create a new color theme from color</h4>
<p><img src="http://www.styletheweb.gr/wp-content/uploads/2011/04/create_color_from_color.jpg" alt="Create theme from color" title="create_color_from_color" width="550" height="400" class="alignnone size-full wp-image-648" /></p>
<ul>
<li>Choose create from the left menu </li>
<li>Place mouse over the square and you ll see two options &#8216;Set as Base&#8217; and &#8216;Remove Color&#8217;.</li>
<li>Remove four of the five colors.</li>
<p><img src="http://www.styletheweb.gr/wp-content/uploads/2011/04/kuler_edit_color_theme.jpg" alt="Edit color theme" title="kuler_edit_color_theme" width="550" height="400" class="alignnone size-full wp-image-647" /></p>
<li>One color has remained. Edit the color codes and choose the profile you want RGB, CMYC, LAB, HCV and HEX or drag the circle inside the color wheel to select the color manually.</li>
<li>Set it as based color.</li>
<li>Choose the right rule for you, Analogous, Monochromatic, Coplementary, Triad etc. from the menu on the left.</li>
<li>Add new color based on your selection rule.</li>
</ul>
<p>You color theme is ready for use. You can save your color values. Or take a screenshot an save it as an  image.</p>
<h4>New color theme from image</h4>
<p><img src="http://www.styletheweb.gr/wp-content/uploads/2011/04/create_color_from_image_default.jpg" alt="Create color theme from image" title="create_color_from_image_default" width="550" height="400" class="alignnone size-full wp-image-650" /></p>
<ul>
<li>In the left menu choose create.</li>
<li>Choose from an image.</li>
<li>Upload button below the image container and browse your hard disc to choose the image you want. The image must not exceed the 2.5Mb.</li>
<li>Kuler system generate automatically five spots inside the image depending on the selected option in   mood menu on the left. Play with this menu to understand how it works. It is very interesting tool.</li>
</ul>
<h4>Color Schemer Designer 3</h4>
<p>One more on line color tool is <a href="http://colorschemedesigner.com/">Color Scheme Designer 3</a>. This is almost same with Kuler but here you have the opportunity to see the colors like someone with colorblind. This is very interesting tool for accessibility in web design.<br />
<img src="http://www.styletheweb.gr/wp-content/uploads/2011/04/color_schemer_designer3.jpg" alt="Color Schemer Designer website" title="color_schemer_designer3" width="550" height="392" class="alignnone size-full wp-image-694" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.styletheweb.gr/web-design/explore-create-and-share-color-themes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PSD website layouts</title>
		<link>http://www.styletheweb.gr/graphic-design/psd-website-layouts/</link>
		<comments>http://www.styletheweb.gr/graphic-design/psd-website-layouts/#comments</comments>
		<pubDate>Thu, 07 Apr 2011 21:36:10 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Graphic design]]></category>

		<guid isPermaLink="false">http://localhost/styletheweb/?p=273</guid>
		<description><![CDATA[Website layouts should be designed in fully layered Photoshop format. You have to convert it into a functioning xhtml/css page with the minimum effort. Also the semantic names in layers and groups are basic, for easier and faster processing from designers.]]></description>
			<content:encoded><![CDATA[<p><strong>Website layouts</strong> should be designed in fully layered Photoshop format. You have to convert it into a functioning <acronym title="Extensible HyperText Markup Language">xhtml</acronym>/<acronym title="Cascading Style Sheets">css</acronym> page with the minimum effort. Also the semantic names in layers and groups are basic, for easier and faster processing from designers.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.styletheweb.gr/graphic-design/psd-website-layouts/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Logo design</title>
		<link>http://www.styletheweb.gr/graphic-design/logo-design/</link>
		<comments>http://www.styletheweb.gr/graphic-design/logo-design/#comments</comments>
		<pubDate>Thu, 07 Apr 2011 20:35:19 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Graphic design]]></category>

		<guid isPermaLink="false">http://localhost/styletheweb/?p=271</guid>
		<description><![CDATA[What is a logo? The logo may be an image, a symbol, a word, a shape, or combining two or more of these data. The objective is to convey the message to the audience very quickly and with minimal effort. Effective criteria for the logo: Be simple. Less complexity means more direct and effective. Be [...]]]></description>
			<content:encoded><![CDATA[<h3>What is a logo?</h3>
<p class="nomarg">The logo may be an image, a symbol, a word, a shape, or combining two or more of these data. The objective is to convey the message to the audience very quickly and with minimal effort.
</p>
<h3>Effective criteria for the logo:</h3>
<ul>
<li><strong>Be simple</strong>. Less complexity means more direct and effective. </li>
<li><strong>Be unique</strong>. This will stand out from the others, leading to public attention. Imagine a product in a supermarket among many other competing products, how difficult it is to gain attention.</li>
</ul>
<p>Some of my <a title="logo design" href="http://www.chilloutapps.com/logos/logos.php"><b>logo design</b></a> work. All my work is vector based.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.styletheweb.gr/graphic-design/logo-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>LiveSurface image library!</title>
		<link>http://www.styletheweb.gr/graphic-design/livesurface-image-library/</link>
		<comments>http://www.styletheweb.gr/graphic-design/livesurface-image-library/#comments</comments>
		<pubDate>Sun, 22 Aug 2010 19:40:22 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Graphic design]]></category>

		<guid isPermaLink="false">http://www.styletheweb.gr/blog/?p=46</guid>
		<description><![CDATA[Present your plans to your clients by placing them with simplicity, on high-resolution surfaces such as billboards, 3D packaging boxes, t-shirts, cups etc. Forget hard work in Photoshop. The only thing to do, is to paste your design in AI file to customize the size of the template. After, copy and paste your design in [...]]]></description>
			<content:encoded><![CDATA[<p>Present your plans to your clients by placing them with simplicity, on high-resolution surfaces such as billboards, 3D packaging boxes, t-shirts, cups etc.<span id="more-46"></span></p>
<p>Forget hard work in Photoshop. The only thing to do, is to paste your design in  AI file to customize the size of the template.<br />
<a href="http://www.styletheweb.gr/blog/wp-content/uploads/2010/08/paste_in_ai.jpg"><img class="alignnone size-full wp-image-583" title="paste_in_ai" src="http://www.styletheweb.gr/wp-content/uploads/2011/04/paste_in_ai.jpg" alt="" width="400" height="320" /></a></p>
<p>After, copy and paste your design in Photoshop file to change color or apply the vanishing point filter.</p>
<p><a href="http://www.styletheweb.gr/blog/wp-content/uploads/2010/08/paste_in_tif.jpg"><img class="alignnone size-full wp-image-584" title="paste_in_tif" src="http://www.styletheweb.gr/wp-content/uploads/2011/04/paste_in_tif.jpg" alt="" width="400" height="320" /></a></p>
<p>LiveSurface innovates in placing designs at 3D objects e.g. packaging boxes. LiveSurface Photoshop templates have high resolution multilayer images with masks, lighting, shading, automatically adjusts to each project you enter.<!--more--></p>
<p><a href="http://www.styletheweb.gr/blog/wp-content/uploads/2010/08/vanishing_point.jpg"><img class="alignnone size-full wp-image-582" title="vanishing_point" src="http://www.styletheweb.gr/wp-content/uploads/2011/04/vanishing_point.jpg" alt="" width="400" height="320" /></a></p>
<p>In a few minutes you have this mock-up for your client</p>
<p><a href="http://www.styletheweb.gr/blog/wp-content/uploads/2010/08/texture_color.jpg"><img class="alignnone size-full wp-image-585" title="texture_color" src="http://www.styletheweb.gr/wp-content/uploads/2011/04/texture_color.jpg" alt="" width="400" height="320" /></a><br />
This saves your time and your money. You will have a professional presentation that simultaneously enhances your design value.</p>
<p>Visit the <a href="http://www.livesurface.com ">liveSurface</a> website for an exciting experience.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.styletheweb.gr/graphic-design/livesurface-image-library/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
	</channel>
</rss>

