<?xml version="1.0" encoding="UTF-8"?><?xml-stylesheet href="/assets/atom.xsl" type="text/xsl"?><feed
	xmlns="http://www.w3.org/2005/Atom"
	xmlns:thr="http://purl.org/syndication/thread/1.0"
	xml:lang="en-US"
	><title>Sacha Chua - tag - emphasis</title>
	<subtitle>Emacs, sketches, and life</subtitle>
	<link rel="self" type="application/atom+xml" href="https://sachachua.com/blog/tag/emphasis/feed/atom/index.xml" />
  <link rel="alternate" type="text/html" href="https://sachachua.com/blog/tag/emphasis" />
  <id>https://sachachua.com/blog/tag/emphasis/feed/atom/index.xml</id>
  <generator uri="https://11ty.dev">11ty</generator>
	<updated>2013-08-01T12:00:00Z</updated>
<entry>
		<title type="html">Sketchnote Lessons: Banners and ribbons</title>
		<link rel="alternate" type="text/html" href="https://sachachua.com/blog/2013/08/sketchnoting-tutorial-banners-and-ribbons/"/>
		<author><name><![CDATA[Sacha Chua]]></name></author>
		<updated>2014-02-17T06:59:51Z</updated>
    <published>2013-08-01T12:00:00Z</published>
    <category term="drawing" />
<category term="sketches" />
<category term="visual" />
		<id>https://sachachua.com/blog/?p=25474</id>
		<content type="html"><![CDATA[<p>Banners and ribbons are a quick way to emphasize parts of your drawing. Instead of drawing the banner and then trying to fit the text into it, try drawing the text <strong>first</strong> and then drawing the banner around it. Here’s a step-by-step example.</p>
<p><strong>1. Draw the text with plenty of space around it</strong></p>
<p><a href="https://sachachua.com/blog/wp-content/uploads/2013/07/image34.png"><img loading="lazy" style="background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border: 0px;" title="image" alt="image" src="https://sachachua.com/blog/wp-content/uploads/2013/07/image_thumb34.png" width="234" height="50" border="0"></a></p>
<p><strong>2. Draw a box around the text.</strong></p>
<p><a href="https://sachachua.com/blog/wp-content/uploads/2013/07/image35.png"><img loading="lazy" style="background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border: 0px;" title="image" alt="image" src="https://sachachua.com/blog/wp-content/uploads/2013/07/image_thumb35.png" width="273" height="78" border="0"></a></p>
<p><strong>3. Add two small triangles below the box.</strong></p>
<p><a href="https://sachachua.com/blog/wp-content/uploads/2013/07/image36.png"><img loading="lazy" style="background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border: 0px;" title="image" alt="image" src="https://sachachua.com/blog/wp-content/uploads/2013/07/image_thumb36.png" width="276" height="90" border="0"></a></p>
<p><strong>4. Draw horizontal lines extending beyond the triangle, and another set of lines the same distance from the top of the box.</strong></p>
<p><a href="https://sachachua.com/blog/wp-content/uploads/2013/07/image37.png"><img loading="lazy" style="background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border: 0px;" title="image" alt="image" src="https://sachachua.com/blog/wp-content/uploads/2013/07/image_thumb37.png" width="304" height="85" border="0"></a></p>
<p><strong>5. Add a ribbon edge if you want, or use a straight line.</strong></p>
<p><a href="https://sachachua.com/blog/wp-content/uploads/2013/07/image38.png"><img loading="lazy" style="background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border: 0px;" title="image" alt="image" src="https://sachachua.com/blog/wp-content/uploads/2013/07/image_thumb38.png" width="304" height="85" border="0"></a> <a href="https://sachachua.com/blog/wp-content/uploads/2013/07/image39.png"><img loading="lazy" style="background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border: 0px;" title="image" alt="image" src="https://sachachua.com/blog/wp-content/uploads/2013/07/image_thumb39.png" width="304" height="86" border="0"></a></p>
<p>Want to get fancy? Add some shading, add more folds, and so on.</p>
<p>Here are some examples that you can practise with:</p>
<p><a href="https://sachachua.com/blog/wp-content/uploads/2013/07/image40.png"><img loading="lazy" style="background-image: none; padding-top: 0px; padding-left: 0px; margin: 0px; display: inline; padding-right: 0px; border: 0px;" title="image" alt="image" src="https://sachachua.com/blog/wp-content/uploads/2013/07/image_thumb40.png" width="640" height="748" border="0"></a></p>
<p><a href="http://thethinkingcanvas.com/?attachment_id=1390">Check out Kevin Dulle&#8217;s tutorial for other ways to emphasize things with shadows.</a> Enjoy!</p>
<p>You can <a href="https://sachachua.com/blog/2013/08/sketchnoting-tutorial-banners-and-ribbons/#comment">view 4 comments</a> or <a href="mailto:sacha@sachachua.com?subject=Comment%20on%20https%3A%2F%2Fsachachua.com%2Fblog%2F2013%2F08%2Fsketchnoting-tutorial-banners-and-ribbons%2F&body=Name%20you%20want%20to%20be%20credited%20by%20(if%20any)%3A%20%0AMessage%3A%20%0ACan%20I%20share%20your%20comment%20so%20other%20people%20can%20learn%20from%20it%3F%20Yes%2FNo%0A">e-mail me at sacha@sachachua.com</a>.</p>]]></content>
		</entry>
</feed>