<?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>Winged Wolf Studio &#187; banners</title>
	<atom:link href="http://warofwinds.com/winged-wolf-studio/tag/banners/feed/" rel="self" type="application/rss+xml" />
	<link>http://warofwinds.com/winged-wolf-studio</link>
	<description>Time to Fly</description>
	<lastBuildDate>Fri, 16 Jul 2010 00:50:16 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Making Good Banners 3: Image Placement</title>
		<link>http://warofwinds.com/winged-wolf-studio/making-banners-image-placement-and-animations/</link>
		<comments>http://warofwinds.com/winged-wolf-studio/making-banners-image-placement-and-animations/#comments</comments>
		<pubDate>Tue, 23 Dec 2008 04:01:25 +0000</pubDate>
		<dc:creator>KEZ</dc:creator>
				<category><![CDATA[Advertising]]></category>
		<category><![CDATA[Making Banners]]></category>
		<category><![CDATA[banners]]></category>
		<category><![CDATA[fen aya zen]]></category>
		<category><![CDATA[not alone]]></category>
		<category><![CDATA[relan]]></category>

		<guid isPermaLink="false">http://warofwinds.com/winged-wolf-studio/?p=139</guid>
		<description><![CDATA[The topic covered today is really something that will boil down to common sense and personal preference. Unfortunately, sometimes &#8220;common&#8221; sense isn&#8217;t really too common.  Banners are small, your art is [usually] large. Fitting large art on small banners is difficult because you have 2 options: show a small piece of the large art, or [...]]]></description>
			<content:encoded><![CDATA[<p>The topic covered today is really something that will boil down to common sense and personal preference. Unfortunately, sometimes &#8220;common&#8221; sense isn&#8217;t really too common.  Banners are small, your art is [usually] large. Fitting large art on small banners is difficult because you have <strong>2 options: show a small piece of the large art, or shrink your large art to fit on the small banner.</strong></p>
<p>Option 1 is usually better. Interested visitors see a <strong>higher quality image</strong>, and even though there is LESS to see, it is tantalizing in its&#8230;lack&#8230;of the entire image.  It&#8217;s saying &#8220;<em>see more! Click here!</em>&#8221; without actually saying it.  If you do it right, that is.</p>
<p>Option 2 is what most people seem to go with. What happens though is that the <strong>art loses quality, looks squashed, gets blurry and becomes&#8230;unattractive</strong>.  The only time I&#8217;ve seen this done right is on LARGE banners, like 160&#215;600 towers or 728&#215;90 leaderboards. If you have enough room, you can fit more. But if you don&#8217;t have enough room, don&#8217;t try to fit the 14 co-eds into the telephone booth.</p>
<p>How about some examples? I&#8217;m going to go with a middle-size, popular-size banner for linking (200&#215;40px) and a random panel from a <a href="http://warofwinds.com/not-alone.php?comic_id=23">recent</a> <a href="http://warofwinds.com/not-alone.php">Not Alone</a> page of mine (last panel).  I need more banners for that comic anyways.</p>
<p><strong>First, I&#8217;m going to draw upon my 8 elements of a banner discussed in the <a href="http://warofwinds.com/winged-wolf-studio/making-good-banners-part-i-basics/">first article</a> about this</strong>. I&#8217;m going to choose a &#8220;facial feature&#8221; and use my personal logo.  I&#8217;m not going to include my URL because <em>Not Alone</em> doesn&#8217;t have its own site. I will include a border, action/movement is part of the panel, I&#8217;ll be using a monochromatic color scheme, and since this is a panel straight from my comic, the advertising is truthful. If there is room for a tag-line, I will include it.<br />
<strong>Option 1, small piece of larger art done wrong, then right:</strong></p>
<blockquote>
<p style="text-align: center;"><img class="alignnone" src="http://warofwinds.com/images/banners/200x40_not-alone-fenni2.jpg" alt="" /></p>
<p style="text-align: center;"><img class="alignnone" src="http://warofwinds.com/images/banners/200x40_not-alone-fenni.jpg" alt="" /></p>
</blockquote>
<p>Why is the first one wrong and the second one right? The first has art that is TOO large on a canvas that is TOO small. <strong>It should only take one short glance to discern what is being shown to you</strong>.  You shouldn&#8217;t have to pause and ask, &#8220;what is that supposed to be?&#8221;  The second one is &#8220;right&#8221; because you can easily tell what it is, yet it&#8217;s still large enough that it&#8217;s only a PIECE of the entire image.</p>
<p><strong>Option 2, &#8220;zoom out&#8221; done wrong and then done better:</strong></p>
<blockquote>
<p style="text-align: center;"><img src="http://warofwinds.com/images/banners/200x40_not-alone-fenni3.jpg" alt="" /></p>
<p style="text-align: center;"><img src="http://warofwinds.com/images/banners/200x40_not-alone-fenni4.jpg" alt="" /></p>
</blockquote>
<p>Again, what makes the first wrong and the second right? In the first, the image is so SMALL it is you <strong>can&#8217;t tell what it is without squinting</strong>, the same kind of problem that the bad option 1 banner had, but in the opposite way. The second version of this type of banner is better because you can still see what it is without compromised quality. I don&#8217;t call this one &#8220;right&#8221; because to do a far-zoomed-out banner, you need to choose the right dimensions for the job. This image could not be placed in a way that satisfied me. It is only better, not &#8220;right.&#8221;</p>
<p><strong>Some other things:</strong></p>
<p>When the image that you choose is facing a certain way (for example, the character on the banner faces to the right), it should face your logo on the other side. The two should face each other, <strong>drawing attention INWARD</strong>. If the elements faced opposite directions, attention would be focused OUTWARD. Draw the person in. People will look where the character in the banner is looking. So, focus that attention on you, not away from you.</p>
<p>Second, another common mistake I see with small banners is people not wanting to include text at all. <strong>It is amazing how small text can be and still be readable.</strong> You need at least your comic&#8217;s title or logo on every banner advertising your comic. If you can fit a tag line it, do so. The phrase, &#8220;fate is a choice&#8221; on these banners is set at only 10px high. It was still readable at 8px high, but there was no reason to make it that small.</p>
<p><em>Making Banners: Animations</em> to come after the holidays are over.</p>
]]></content:encoded>
			<wfw:commentRss>http://warofwinds.com/winged-wolf-studio/making-banners-image-placement-and-animations/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Making Good Banners 2: Advanced Shizzle</title>
		<link>http://warofwinds.com/winged-wolf-studio/making-good-banners-2-advanced-shizzle/</link>
		<comments>http://warofwinds.com/winged-wolf-studio/making-good-banners-2-advanced-shizzle/#comments</comments>
		<pubDate>Mon, 15 Dec 2008 22:52:37 +0000</pubDate>
		<dc:creator>KEZ</dc:creator>
				<category><![CDATA[Advertising]]></category>
		<category><![CDATA[Making Banners]]></category>
		<category><![CDATA[abandon]]></category>
		<category><![CDATA[banners]]></category>
		<category><![CDATA[batman the dark knight]]></category>
		<category><![CDATA[bolt]]></category>
		<category><![CDATA[demographics]]></category>
		<category><![CDATA[dreadnought invasion six]]></category>
		<category><![CDATA[first vampire]]></category>
		<category><![CDATA[fortune's fools]]></category>
		<category><![CDATA[looking for group]]></category>
		<category><![CDATA[not alone]]></category>
		<category><![CDATA[skyfall]]></category>
		<category><![CDATA[the day the earth stood still]]></category>
		<category><![CDATA[utukki]]></category>

		<guid isPermaLink="false">http://warofwinds.com/winged-wolf-studio/?p=126</guid>
		<description><![CDATA[Does anyone really know what shizzle means? Anyways!
Making Good Banners 1 dealt with 8 technical elements of banner-making: facial features/eyes, tag-lines, URL, separation, action, color, more than tag-lines, and sexual attraction. I also touched on the importance of having a recognizable logo and ended talking about the dangers of &#8220;false&#8221; advertising.
This article is going to [...]]]></description>
			<content:encoded><![CDATA[<p>Does anyone really know what shizzle means? Anyways!</p>
<p>Making Good Banners 1 dealt with <strong>8 technical elements</strong> of banner-making: facial features/eyes, tag-lines, URL, separation, action, color, more than tag-lines, and sexual attraction. I also touched on the importance of having a recognizable logo and ended talking about the dangers of &#8220;false&#8221; advertising.</p>
<p>This article is going to touch on MAKING tag lines and targeting demographics, <span style="text-decoration: line-through;">placement of images, and when/how to use animations.</span></p>
<p>1) <strong>Tag-line, motto, etc: </strong>If you don&#8217;t have one, it&#8217;s time to sit down and make one. It is one thing to have good art on your banner, but good art alone will get you only half the clicks good art AND a catchy tag line will get you. A tag-line should be short, about 10 words.  In this case, l<strong>ess is better</strong>, so if you can get under 10 words and still get your point across, you&#8217;re golden.</p>
<p>When you make one of these, what you should do is <strong>transmit the overall FEEL of your comic</strong> to someone who has never read, seen or heard of your work before. <em>You are not necessarily trying to give them the plot synopsis</em> (that&#8217;s what your <a href="http://warofwinds.com/winged-wolf-studio/webcomic-website-must-haves-the-about-page/">about page</a> is for!), you are trying to make people click to see your site first, to <strong>get them excited</strong>, to make them think, &#8220;<strong>that sounds like something I would like</strong>.&#8221; Plot-schmot. You are the hunter, they are the prey, your tag line is the bait.  The bait isn&#8217;t the whole animal, just a small, tantalizing piece. Now go and get &#8216;em, Sparky!</p>
<p>&#8212;</p>
<p>Examples! I&#8217;ll (yet again) start with my own stuff. I had to make a 600&#215;29px banner for the new, narrower, SpiderForest rotating header for my comic <a href="http://warofwinds.com/not-alone.php">Not Alone</a>.  <strong>I already had a short, tight <a href="http://spiderforest.net/not-alone/">synopsis</a></strong>, which is what I recommend starting with first if you&#8217;re having trouble thinking of a tag line. After all, if you can&#8217;t even condense your story into a paragraph, you&#8217;re going to have quite the time condensing it into 10 words or less!</p>
<p>Ignoring that synopsis for now, Not Alone is a story about self-discovery, leaving home, trusting yourself and having an adventure. It&#8217;s fluff, really, and I&#8217;m not afraid to say that. It&#8217;s short, it&#8217;s cliche, but it&#8217;s the stuff people like, especially young women between the ages of 14 and 21, my target audience for that comic.  My tag line is, &#8220;Who were <strong>you</strong> meant to be?&#8221; (I like tag-lines that directly ask a question. I find them to be more interactive.)</p>
<p><img src="http://warofwinds.com/images/header/600x29_not-alone.jpg" alt="" /></p>
<p>Pretty much a fluffy tag-line, just like the comic. (I&#8217;m considering, &#8220;Fate is a choice, not a destination,&#8221; but&#8230;eeehhhh&#8230;..)</p>
<p>What it was meant to evoke: a sense of fate, adventure and discovery. Much like the story of Harry Potter, perhaps you are simply waiting to be discovered. You deserve more in life than you have.  There&#8217;s something out there, and you&#8217;re missing it!</p>
<p>Targeted demographic: Teens and dreamers.</p>
<p>Here are some more examples, better than mine:</p>
<p><a href="http://abandoncomic.com">Abandon: First Vampire</a> &#8220;The Past Will Bite You.&#8221;</p>
<p><a href="http://skyfallmanga.com">SkyFall</a>: &#8220;1000 years of war, 6 magical devices, 1 last hope.&#8221;</p>
<p><a href="http://dreadnoughtseries.com/webcomic.html">Dreadnought Invasion Six</a>: &#8220;Existence to Extinction in One Short Trip.&#8221;</p>
<p><a href="http://www.ffools.com/">Fortune&#8217;s Fools</a>: &#8220;There are Epic Tales of Chivalry, Honor and Love Undying&#8230; This is Not One of Them.&#8221; (Could easily be shortened up a bit, but works as is.)</p>
<p><a href="http://www.akane.org/utukki/">Utukki</a>: &#8220;Some People Can&#8217;t Let Sleeping Demons Lie.&#8221;</p>
<p><a href="http://lfgcomic.com">Looking For Group</a> is basically a tag line and title in one!</p>
<p>You&#8217;ll notice in each of these either a distinct crescendo or a forceful OOMPH at the end.  None of these patter out. They&#8217;re almost sharp, like a warning, harsh, like a dark whisper, exciting, or amusing. They are meant to stick in your head, and perhaps (especially Utukki&#8217;s) play off something else you may have heard before.  Think of WHOM these tag-lines target. What age ranges? What backgrounds? People who watch what type of TV or play what type of games? You do the same thing. Consider who reads your comic, and then make a tag-line to get more people like them.  If you are going to advertise to people who are NOT like them, you&#8217;ll need a tag-line that appeals to another audience.  <strong>Always always always </strong>market to your audience, because your banners will have poor results if you don&#8217;t. Would you ever advertise a minivan to a guy looking for a corvette? No! But you would advertise that minivan to, say, a couple with kids, and perhaps, if you gave that minivan a pimpin&#8217; make-over, flames on the side and rims, you COULD market to the guy looking for a corvette.  But you need to remember, no matter how much you package a minivan to look like a corvette, it&#8217;s still a minivan. Changing the packaging may just make the one guy think that hey, maybe he would like a minivan TOO.</p>
<p>(Please note, by minivan and corvette in this example, I am not talking about comic quality. I just wanted two extremely different cars, owned by usually two very different kinds of people.)</p>
<p>Here&#8217;s a game for you, to see how well prospective tag-lines can work: NAME THE MOVIE!</p>
<p>&#8220;The World Isn&#8217;t Ending&#8230;We Are.&#8221;</p>
<p>&#8220;Why So Serious?&#8221;</p>
<p>&#8220;A Hero Is Unleashed.&#8221;</p>
<p>This article is getting longer than desired, and I don&#8217;t want to cram more information here. It&#8217;s better if these are shorter and to the point.  Animations and image placements in banners will be discussed tomorrow! And as always, my disclaimer: I don&#8217;t claim to be a professional or even moderately talented in any of these areas. This is food for thought, based on what successful comics (and or games and movies) already have been doing!  Take what you can use, and put your own spin on it.</p>
]]></content:encoded>
			<wfw:commentRss>http://warofwinds.com/winged-wolf-studio/making-good-banners-2-advanced-shizzle/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
