<?xml version="1.0" encoding="UTF-8"?><?xml-stylesheet href="/assets/rss.xsl" type="text/xsl"?><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>Sacha Chua - tag - emphasis</title>
	<atom:link href="https://sachachua.com/blog/tag/emphasis/feed/index.xml" rel="self" type="application/rss+xml" />
	<atom:link href="https://sachachua.com/blog/tag/emphasis" rel="alternate" type="text/html" />
	<link>https://sachachua.com/blog/tag/emphasis/feed/index.xml</link>
	<description>Emacs, sketches, and life</description>
	<lastBuildDate>Mon, 06 Apr 2026 14:36:57 GMT</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>daily</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>11ty</generator>
  <item>
		<title>Sketchnote Lessons: Banners and ribbons</title>
		<link>https://sachachua.com/blog/2013/08/sketchnoting-tutorial-banners-and-ribbons/</link>
		<dc:creator><![CDATA[Sacha Chua]]></dc:creator>
		<pubDate>Thu, 01 Aug 2013 12:00:00 GMT</pubDate>
    <category>drawing</category>
<category>sketches</category>
<category>visual</category>
		<guid isPermaLink="false">https://sachachua.com/blog/?p=25474</guid>
		<description><![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>]]></description>
		</item>
	</channel>
</rss>