<?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>Ina Mar "Art and The Earth" Blog &#187; Design</title>
	<atom:link href="http://blog.ina-mar.com/archives/category/design/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.ina-mar.com</link>
	<description>Thoughts and discussions about artworks, designs and their background... Environmental and human rights issues. Book reviews, artwork analysis etc.</description>
	<lastBuildDate>Thu, 01 Jul 2010 06:49:17 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Alone with 1704 friends</title>
		<link>http://blog.ina-mar.com/archives/372</link>
		<comments>http://blog.ina-mar.com/archives/372#comments</comments>
		<pubDate>Thu, 10 Jun 2010 18:27:25 +0000</pubDate>
		<dc:creator>Ina Mar</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[advertisement]]></category>
		<category><![CDATA[blogging]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[social networking]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[vectors]]></category>

		<guid isPermaLink="false">http://blog.ina-mar.com/?p=372</guid>
		<description><![CDATA[The ambiguity and irony of the notion of &#8220;friendship&#8221; in the digital  age. Do you ever feel alone, even though hundreds of people are  following your daily activities on twitter, facebook and other social  networking sites?
The first one makes an allusion to facebook, the second one to Twitter.



I designed this for a [...]]]></description>
			<content:encoded><![CDATA[<p>The ambiguity and irony of the notion of &#8220;friendship&#8221; in the digital  age. Do you ever feel alone, even though hundreds of people are  following your daily activities on twitter, facebook and other social  networking sites?</p>
<p>The first one makes an allusion to facebook, the second one to Twitter.</p>
<p style="text-align: center;"><img class="size-full wp-image-395 aligncenter" title="friendship_in_the_digital_age-FACEBOOK" src="http://blog.ina-mar.com/wp-content/uploads/2010/06/friendship_in_the_digital_age-FACEBOOK1.jpg" alt="Ina Mar - Alone with 1704 friends" width="457" height="640" /></p>
<p style="text-align: center;">
<p style="text-align: center;"><img class="size-full wp-image-396 aligncenter" title="friendship_in_the_digital_age-TWITTER" src="http://blog.ina-mar.com/wp-content/uploads/2010/06/friendship_in_the_digital_age-TWITTER1.jpg" alt="Ina Mar - Alone among 1704 followers" width="457" height="640" /></p>
<p>I designed this for a <a href="http://privawhat.posterous.com/" target="_blank">competition</a> on the theme Privacy in the Digital Age.</p>
<p><a href="http://www.addtoany.com/add_to/facebook?linkurl=http%3A%2F%2Fblog.ina-mar.com%2Farchives%2F372&amp;linkname=Alone%20with%201704%20friends" title="Facebook" rel="nofollow" target="_blank"><img src="http://blog.ina-mar.com/wp-content/plugins/add-to-any/icons/facebook.png" width="16" height="16" alt="Facebook"/></a> <a href="http://www.addtoany.com/add_to/twitter?linkurl=http%3A%2F%2Fblog.ina-mar.com%2Farchives%2F372&amp;linkname=Alone%20with%201704%20friends" title="Twitter" rel="nofollow" target="_blank"><img src="http://blog.ina-mar.com/wp-content/plugins/add-to-any/icons/twitter.png" width="16" height="16" alt="Twitter"/></a> <a href="http://www.addtoany.com/add_to/myspace?linkurl=http%3A%2F%2Fblog.ina-mar.com%2Farchives%2F372&amp;linkname=Alone%20with%201704%20friends" title="MySpace" rel="nofollow" target="_blank"><img src="http://blog.ina-mar.com/wp-content/plugins/add-to-any/icons/myspace.png" width="16" height="16" alt="MySpace"/></a> <a href="http://www.addtoany.com/add_to/squidoo?linkurl=http%3A%2F%2Fblog.ina-mar.com%2Farchives%2F372&amp;linkname=Alone%20with%201704%20friends" title="Squidoo" rel="nofollow" target="_blank"><img src="http://blog.ina-mar.com/wp-content/plugins/add-to-any/icons/squidoo.png" width="16" height="16" alt="Squidoo"/></a> <a href="http://www.addtoany.com/add_to/google_bookmarks?linkurl=http%3A%2F%2Fblog.ina-mar.com%2Farchives%2F372&amp;linkname=Alone%20with%201704%20friends" title="Google Bookmarks" rel="nofollow" target="_blank"><img src="http://blog.ina-mar.com/wp-content/plugins/add-to-any/icons/google.png" width="16" height="16" alt="Google Bookmarks"/></a> <a href="http://www.addtoany.com/add_to/technorati_favorites?linkurl=http%3A%2F%2Fblog.ina-mar.com%2Farchives%2F372&amp;linkname=Alone%20with%201704%20friends" title="Technorati Favorites" rel="nofollow" target="_blank"><img src="http://blog.ina-mar.com/wp-content/plugins/add-to-any/icons/technorati.png" width="16" height="16" alt="Technorati Favorites"/></a> <a href="http://www.addtoany.com/add_to/yahoo_bookmarks?linkurl=http%3A%2F%2Fblog.ina-mar.com%2Farchives%2F372&amp;linkname=Alone%20with%201704%20friends" title="Yahoo Bookmarks" rel="nofollow" target="_blank"><img src="http://blog.ina-mar.com/wp-content/plugins/add-to-any/icons/yahoo.png" width="16" height="16" alt="Yahoo Bookmarks"/></a> <a href="http://www.addtoany.com/add_to/wordpress?linkurl=http%3A%2F%2Fblog.ina-mar.com%2Farchives%2F372&amp;linkname=Alone%20with%201704%20friends" title="WordPress" rel="nofollow" target="_blank"><img src="http://blog.ina-mar.com/wp-content/plugins/add-to-any/icons/wordpress.png" width="16" height="16" alt="WordPress"/></a> <a href="http://www.addtoany.com/add_to/care2_news?linkurl=http%3A%2F%2Fblog.ina-mar.com%2Farchives%2F372&amp;linkname=Alone%20with%201704%20friends" title="Care2 News" rel="nofollow" target="_blank"><img src="http://blog.ina-mar.com/wp-content/plugins/add-to-any/icons/care2.png" width="16" height="16" alt="Care2 News"/></a> <a href="http://www.addtoany.com/add_to/delicious?linkurl=http%3A%2F%2Fblog.ina-mar.com%2Farchives%2F372&amp;linkname=Alone%20with%201704%20friends" title="Delicious" rel="nofollow" target="_blank"><img src="http://blog.ina-mar.com/wp-content/plugins/add-to-any/icons/delicious.png" width="16" height="16" alt="Delicious"/></a> <a href="http://www.addtoany.com/add_to/stumbleupon?linkurl=http%3A%2F%2Fblog.ina-mar.com%2Farchives%2F372&amp;linkname=Alone%20with%201704%20friends" title="StumbleUpon" rel="nofollow" target="_blank"><img src="http://blog.ina-mar.com/wp-content/plugins/add-to-any/icons/stumbleupon.png" width="16" height="16" alt="StumbleUpon"/></a> <a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fblog.ina-mar.com%2Farchives%2F372&amp;linkname=Alone%20with%201704%20friends">Share/Save (more options)</a> </p>]]></content:encoded>
			<wfw:commentRss>http://blog.ina-mar.com/archives/372/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fall of the Berlin Wall &#8211; 20th anniversary (1989-2009)</title>
		<link>http://blog.ina-mar.com/archives/196</link>
		<comments>http://blog.ina-mar.com/archives/196#comments</comments>
		<pubDate>Thu, 19 Nov 2009 14:24:40 +0000</pubDate>
		<dc:creator>Ina Mar</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[T-Shirts]]></category>

		<guid isPermaLink="false">http://blog.ina-mar.com/?p=196</guid>
		<description><![CDATA[I forgot to publish this brand new design!  The East and West Berlin maps depicted as two faces kissing, in the colours of the German flag. I designed it on November 9, on the occasion of the 20th anniversary of the fall of the Berlin Wall. You can get this on t-shirt, mug, button, tote, [...]]]></description>
			<content:encoded><![CDATA[<p>I forgot to publish this brand new design!  The East and West Berlin maps depicted as two faces kissing, in the colours of the German flag. I designed it on November 9, on the occasion of the 20th anniversary of the fall of the Berlin Wall. You can get this on <a href="http://www.zazzle.com/mauerfall_wir_hassen_grenzen_tshirt-235734432156657945" target="_blank">t-shirt</a>, <a href="http://www.zazzle.com/mauerfall_wir_hassen_grenzen_mug-168313596644138761" target="_blank">mug</a>, <a href="http://www.zazzle.com/mauerfall_wir_hassen_grenzen_button-145737897889311970" target="_blank">button</a>, <a href="http://www.zazzle.com/mauerfall_wir_hassen_grenzen_bag-149943479389056756" target="_blank">tote</a>, <a href="http://www.zazzle.com/inamar/mauerfall+gifts" target="_blank">blablabla</a>&#8230; If the product you like is not available, just give me a ring and I&#8217;ll add it.</p>
<p><a title="Mauerfall T-Shirt" href="http://www.zazzle.com/mauerfall_wir_hassen_grenzen_tshirt-235734432156657945" target="_blank"><img class="alignnone size-full wp-image-197" title="Mauerfall by Ina Mar" src="http://blog.ina-mar.com/wp-content/uploads/2009/11/west-ost-berlin.png" alt="Mauerfall by Ina Mar" width="398" height="332" /></a></p>
<p>It was fun designing this.</p>
<h2>How-Tos and Why-Tos</h2>
<ol>
<li>I used some pictures I had taken back in 2000 or 2001, of two people kissing. Printed them in black and white and <strong>cut the silhouettes</strong> with the scissors. I know it&#8217;s possible to crop them in Photoshop, I just think it&#8217;s much more fun to cut around the outlines with the scissors!</li>
<li>I then <strong>scanned</strong> the two silhouettes in high resolution, manipulated them a little (i love the guy&#8217;s profile, but her nose needed some Photoshop surgery)</li>
<li>&#8230; <strong>coloured</strong> them in red and yellow to remind the German flag</li>
<li>&#8230; then <strong>mixed</strong> in Photoshop separately each silhouette with a part of of Berlin (East and West). I put the head over the appropriate map, scaled, rotated and distorted it until it fitted the form and dimensions of the map, then erased some parts of the head and some parts of the map, until they could be merged into one form. Had to repaint some details, because the fusion was visible or not fitting in some parts. It was somehow difficult to decide where the head stops and where the map starts. For East Berlin (right), I kept the girl&#8217;s chin, because a detail of the map looks like a neck and this fitted nicely together. As both faces are tilted, to counterpoint the chin and create some balance in the overall image, I kept the boy&#8217;s complete forehead. I like this tilted line, starting from the bottom of her chin going up to his forehead.</li>
<li>I then <strong>repositionned</strong> the two forms &#8211; I approached the too heads to another, to make sure her nose is hidden under his nose. Just kidding&#8230; I let a couple of millimeters distance between their lips, to give this &#8220;encounter&#8221; some suspense and to symbolize the nearness of East and West Berlin, divided by a single wall.</li>
<li>Last, I created some <strong>distressed effects</strong> and tactile imperfections in Photoshop. Although there are ready collections of layers and plug-ins available that give a distressed effect, I prefer to create my own effects, so I can have more control on the result. I often work with scanned vintage photographs or with digital pictures of wall structures and painted surfaces. In this case, I used the eraser tool and my instinct: I erased some parts of the maps/heads using different opacities, different brushes and several brush diameters and hardnesses. It&#8217;s a very &#8220;tactile&#8221; technique.</li>
<li>For the <strong>slogan</strong>, I used a distressed font by Clément Nicolle (Stereotype). I bought this font a couple of years ago, love this guys fonts. The slogan itself, &#8220;Wir hassen Grenzen&#8221; (we hate limits, in German) &#8211; well I&#8217;m still not sure if it&#8217;s the best I could find. Perhaps it should have been something more &#8220;obvious&#8221;, so everybody understands it&#8217;s about the reunion of West and East Berlin. But I don&#8217;t really like obvious slogans. I tried to integrate the words &#8220;East&#8221; and &#8220;West&#8221; on the maps, but it didn&#8217;t  fit &#8211; it took away the purity of this &#8220;kiss&#8221;. So it will have to remain a design for &#8220;connoisseurs&#8221;!</li>
</ol>
<p>Note: There&#8217;s no symbolism in the choice of male (West Berlin) and female (East Berlin) &#8211; I just chose the silhouettes according to their visual compatibility with the appropriate map &#8211; their sex is not recognizable anyway, at least that was my plan&#8230;</p>
<p>Don&#8217;t hesitate to comment and write here your thoughts.</p>
<p><img class="alignnone size-full wp-image-203" title="Ina Mar's Desk" src="http://blog.ina-mar.com/wp-content/uploads/2009/11/my_desk.jpg" alt="Ina Mar's Desk" width="400" height="454" /></p>
<p><em>PS. I would like to thank Tomo Usuda for including my work in his article <a href="http://berlinmitberlin.blogspot.com/2009/12/hybridised-practice-critical-review.html" target="_blank">Hybridised Practice Critical Review: Historical ethical aesthetic of digital tech</a> (Blog &#8220;Berlin mit Berlin, December 10, 2009)</em></p>
<p><a href="http://www.addtoany.com/add_to/facebook?linkurl=http%3A%2F%2Fblog.ina-mar.com%2Farchives%2F196&amp;linkname=Fall%20of%20the%20Berlin%20Wall%20%26%238211%3B%2020th%20anniversary%20%281989-2009%29" title="Facebook" rel="nofollow" target="_blank"><img src="http://blog.ina-mar.com/wp-content/plugins/add-to-any/icons/facebook.png" width="16" height="16" alt="Facebook"/></a> <a href="http://www.addtoany.com/add_to/twitter?linkurl=http%3A%2F%2Fblog.ina-mar.com%2Farchives%2F196&amp;linkname=Fall%20of%20the%20Berlin%20Wall%20%26%238211%3B%2020th%20anniversary%20%281989-2009%29" title="Twitter" rel="nofollow" target="_blank"><img src="http://blog.ina-mar.com/wp-content/plugins/add-to-any/icons/twitter.png" width="16" height="16" alt="Twitter"/></a> <a href="http://www.addtoany.com/add_to/myspace?linkurl=http%3A%2F%2Fblog.ina-mar.com%2Farchives%2F196&amp;linkname=Fall%20of%20the%20Berlin%20Wall%20%26%238211%3B%2020th%20anniversary%20%281989-2009%29" title="MySpace" rel="nofollow" target="_blank"><img src="http://blog.ina-mar.com/wp-content/plugins/add-to-any/icons/myspace.png" width="16" height="16" alt="MySpace"/></a> <a href="http://www.addtoany.com/add_to/squidoo?linkurl=http%3A%2F%2Fblog.ina-mar.com%2Farchives%2F196&amp;linkname=Fall%20of%20the%20Berlin%20Wall%20%26%238211%3B%2020th%20anniversary%20%281989-2009%29" title="Squidoo" rel="nofollow" target="_blank"><img src="http://blog.ina-mar.com/wp-content/plugins/add-to-any/icons/squidoo.png" width="16" height="16" alt="Squidoo"/></a> <a href="http://www.addtoany.com/add_to/google_bookmarks?linkurl=http%3A%2F%2Fblog.ina-mar.com%2Farchives%2F196&amp;linkname=Fall%20of%20the%20Berlin%20Wall%20%26%238211%3B%2020th%20anniversary%20%281989-2009%29" title="Google Bookmarks" rel="nofollow" target="_blank"><img src="http://blog.ina-mar.com/wp-content/plugins/add-to-any/icons/google.png" width="16" height="16" alt="Google Bookmarks"/></a> <a href="http://www.addtoany.com/add_to/technorati_favorites?linkurl=http%3A%2F%2Fblog.ina-mar.com%2Farchives%2F196&amp;linkname=Fall%20of%20the%20Berlin%20Wall%20%26%238211%3B%2020th%20anniversary%20%281989-2009%29" title="Technorati Favorites" rel="nofollow" target="_blank"><img src="http://blog.ina-mar.com/wp-content/plugins/add-to-any/icons/technorati.png" width="16" height="16" alt="Technorati Favorites"/></a> <a href="http://www.addtoany.com/add_to/yahoo_bookmarks?linkurl=http%3A%2F%2Fblog.ina-mar.com%2Farchives%2F196&amp;linkname=Fall%20of%20the%20Berlin%20Wall%20%26%238211%3B%2020th%20anniversary%20%281989-2009%29" title="Yahoo Bookmarks" rel="nofollow" target="_blank"><img src="http://blog.ina-mar.com/wp-content/plugins/add-to-any/icons/yahoo.png" width="16" height="16" alt="Yahoo Bookmarks"/></a> <a href="http://www.addtoany.com/add_to/wordpress?linkurl=http%3A%2F%2Fblog.ina-mar.com%2Farchives%2F196&amp;linkname=Fall%20of%20the%20Berlin%20Wall%20%26%238211%3B%2020th%20anniversary%20%281989-2009%29" title="WordPress" rel="nofollow" target="_blank"><img src="http://blog.ina-mar.com/wp-content/plugins/add-to-any/icons/wordpress.png" width="16" height="16" alt="WordPress"/></a> <a href="http://www.addtoany.com/add_to/care2_news?linkurl=http%3A%2F%2Fblog.ina-mar.com%2Farchives%2F196&amp;linkname=Fall%20of%20the%20Berlin%20Wall%20%26%238211%3B%2020th%20anniversary%20%281989-2009%29" title="Care2 News" rel="nofollow" target="_blank"><img src="http://blog.ina-mar.com/wp-content/plugins/add-to-any/icons/care2.png" width="16" height="16" alt="Care2 News"/></a> <a href="http://www.addtoany.com/add_to/delicious?linkurl=http%3A%2F%2Fblog.ina-mar.com%2Farchives%2F196&amp;linkname=Fall%20of%20the%20Berlin%20Wall%20%26%238211%3B%2020th%20anniversary%20%281989-2009%29" title="Delicious" rel="nofollow" target="_blank"><img src="http://blog.ina-mar.com/wp-content/plugins/add-to-any/icons/delicious.png" width="16" height="16" alt="Delicious"/></a> <a href="http://www.addtoany.com/add_to/stumbleupon?linkurl=http%3A%2F%2Fblog.ina-mar.com%2Farchives%2F196&amp;linkname=Fall%20of%20the%20Berlin%20Wall%20%26%238211%3B%2020th%20anniversary%20%281989-2009%29" title="StumbleUpon" rel="nofollow" target="_blank"><img src="http://blog.ina-mar.com/wp-content/plugins/add-to-any/icons/stumbleupon.png" width="16" height="16" alt="StumbleUpon"/></a> <a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fblog.ina-mar.com%2Farchives%2F196&amp;linkname=Fall%20of%20the%20Berlin%20Wall%20%26%238211%3B%2020th%20anniversary%20%281989-2009%29">Share/Save (more options)</a> </p>]]></content:encoded>
			<wfw:commentRss>http://blog.ina-mar.com/archives/196/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
