{"id":18799,"date":"2021-03-22T18:00:00","date_gmt":"2021-03-22T18:00:00","guid":{"rendered":"https:\/\/yesimadesigner.com\/?p=18799"},"modified":"2021-04-12T11:11:05","modified_gmt":"2021-04-12T10:11:05","slug":"creative-alphabet-design-2-folding-ribbon-m","status":"publish","type":"post","link":"https:\/\/yesimadesigner.com\/creative-alphabet-design-2-folding-ribbon-m\/","title":{"rendered":"Creative Alphabet Design #2 – Folding Ribbon (M)"},"content":{"rendered":"

In this second tutorial, we will build the letter M in the style of a folding ribbon using Adobe Illustrator<\/h4>\n

Welcome to the second installment in our new series where we help you create unique typographic designs in Illustrator<\/strong>. In this episode, Martin is going to make the letter M in the style of a fun and floaty, folding ribbon!<\/p>\n

Here is an overview of the design process!<\/strong><\/p>\n

\"\"<\/a><\/span><\/p>\n

Start with sketches<\/h3>\n

As we know from the first episode, it\u2019s best to start working with sketches. In this instance, Martin began working in Procreate, then further refined in Photoshop, before creating the final artwork in Illustrator. It can be quicker and easier to start in Photoshop but working in Illustrator keeps everything completely vectorised, giving you the massive benefit of being able to amend everything at any point. <\/p>\n

Check out the video where Martin explains what everyday household object he used to understand better how ribbons twist and turn \u2013 it might surprise you! He also gives his insight into the decision process he used to come up with the final design.<\/p>\n

Create a vector illustration<\/h3>\n

Make sure you watch the video as Martin takes you step by step through creating the vector illustration. He uses the rectangle tool to draw the shapes that make up the letter, he also explains how to use the transform options to alter the angles of the shapes, and the eyedropper tool to sample colors used in the sketch. If you find that the eyedropper tool doesn\u2019t pick up colors from raster images, Martin also shows you the settings you need to have set up.<\/p>\n

\"\"<\/span><\/p>\n

Use an opacity mask<\/h3>\n

When using a clipping mask<\/a>, you have to define the areas you want to keep visible. In this example, an opacity mask works best as there are fewer details to remain visible than parts to hide.<\/p>\n

You can easily apply an opacity mask to a group by selecting all the shapes, making it a group (Cmd\/Ctrl+G) and clicking Make Mask in the transparency panel. By default, it applies a black mask that hides everything, but by clicking on Clip in the transparency panel, this changes to white and instead shows everything.<\/p>\n

It\u2019s helpful to keep the transparency panel always visible and close to the layers panel as you need to keep an eye on these two panels at all times to avoid making mistakes. It\u2019s also important to regularly switch back and forth between the object view and the mask view (by clicking on the two thumbnails).<\/p>\n

\"\"<\/span><\/p>\n

Are you interested in becoming a Graphic Designer or Illustrator?<\/h3>\n<\/p>\n

Join 10,000+ creatives and subscribe to our <\/span>FREE Graphic Design Survival Kit newsletter.<\/span><\/h4>\n

 You\u2019ll  get instant access to our resource library and feel well equipped to make that next big leap in your design career.<\/span><\/h4>\n

__CONFIG_colors_palette__{“active_palette”:0,”config”:{“colors”:{“62516”:{“name”:”Main Accent”,”parent”:-1}},”gradients”:[]},”palettes”:[{“name”:”Default Palette”,”value”:{“colors”:{“62516”:{“val”:”rgb(255, 110, 114)”,”hsl”:{“h”:358,”s”:0.99,”l”:0.72}}},”gradients”:[]}}]}__CONFIG_colors_palette__ Find out more!<\/strong><\/span><\/span> <\/a> <\/p>\n

You\u2019re definitely going to want to check out the video for the next part as Martin shows you how to use additional elements to create the realistic ribbon folds. Setting up folds and corners is quite fiddly, but the benefit of working non-destructively is you can go back and make changes at any time. Follow along with Martin to get a great understanding of how to turn sharp corners into smooth folds.<\/p>\n

Add shading<\/h3>\n

Shading helps to create a 3D illusion of the ribbon folding. Watch Martin as he explains how to copy the shapes you want to shade, and use the shape builder tool to merge the shapes into a single path. Once you apply the gradient to this new shape, you can easily adjust the angle and length of the gradient to get the effect you want. Using the eyedropper tool allows you to repeat this process on other shapes quickly.<\/p>\n

Conclusion<\/h3>\n

Although some of these steps are quite involved, keeping everything as vectors mean that you aren\u2019t deleting anything and you can make any changes in the future quickly and easily.  We think you\u2019ll agree that the final effect is pretty impressive and well worth the effort.<\/p>\n

\"\"<\/a><\/span><\/p>\n

Master All Adobe applications<\/strong> online and sharpen your skills by working on real creative projects<\/strong>!<\/p>\n

\"\"<\/a><\/span> \"\"<\/a><\/span><\/p>\n

UP NEXT<\/strong><\/p>\n

<\/a>Creative Typography Design Intertwining Tubes Style<\/a><\/h3>\n

Learn to build the letter P from two intertwining tubes using Adobe Illustrator!<\/p>\n

Click here<\/a>.<\/p><\/p>\n","protected":false},"excerpt":{"rendered":"

Learn how to build the letter M in the style of a folding ribbon using Adobe Illustrator!<\/p>\n","protected":false},"author":27,"featured_media":19296,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":11,"footnotes":""},"categories":[4,14],"tags":[199,754,746,751,753,745,752,748,421,71,750,749,747,755,756,382,722],"wf_post_folders":[241,242],"class_list":["post-18799","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-illustrator","category-tutorial","tag-adobe-illustrator","tag-alphabet-and-letters","tag-alphabet-designs","tag-alphabet-styles","tag-alphabetical-character","tag-creative-alphabet","tag-creative-fonts","tag-folding-ribbon","tag-fonts","tag-illustrator-2","tag-letter-m","tag-m","tag-ribbon","tag-ribbon-fonts","tag-typographic-designs","tag-vector-illustrator","tag-vector-type","post-wrapper","thrv_wrapper"],"yoast_head":"\nCreative Alphabet Design #2 – Folding Ribbon (M) - Yes I'm a Designer<\/title>\n<meta name=\"description\" content=\"Learn how to build the letter M in the style of a folding ribbon using Adobe Illustrator!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/yesimadesigner.com\/creative-alphabet-design-2-folding-ribbon-m\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creative Alphabet Design #2 – Folding Ribbon (M) - Yes I'm a Designer\" \/>\n<meta property=\"og:description\" content=\"Learn how to build the letter M in the style of a folding ribbon using Adobe Illustrator!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/yesimadesigner.com\/creative-alphabet-design-2-folding-ribbon-m\/\" \/>\n<meta property=\"og:site_name\" content=\"Yes I'm a Designer\" \/>\n<meta property=\"article:published_time\" content=\"2021-03-22T18:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-04-12T10:11:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/yesimadesigner.com\/wp-content\/uploads\/2021\/01\/400x400-4.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"400\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Nisha Jahan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nisha Jahan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/yesimadesigner.com\/creative-alphabet-design-2-folding-ribbon-m\/\",\"url\":\"https:\/\/yesimadesigner.com\/creative-alphabet-design-2-folding-ribbon-m\/\",\"name\":\"Creative Alphabet Design #2 – Folding Ribbon (M) - Yes I'm a Designer\",\"isPartOf\":{\"@id\":\"https:\/\/yesimadesigner.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/yesimadesigner.com\/creative-alphabet-design-2-folding-ribbon-m\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/yesimadesigner.com\/creative-alphabet-design-2-folding-ribbon-m\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/yesimadesigner.com\/wp-content\/uploads\/2021\/01\/400x400-4.jpg\",\"datePublished\":\"2021-03-22T18:00:00+00:00\",\"dateModified\":\"2021-04-12T10:11:05+00:00\",\"author\":{\"@id\":\"https:\/\/yesimadesigner.com\/#\/schema\/person\/68aa96eeed6d036c89eb2fc62c6d761c\"},\"description\":\"Learn how to build the letter M in the style of a folding ribbon using Adobe Illustrator!\",\"breadcrumb\":{\"@id\":\"https:\/\/yesimadesigner.com\/creative-alphabet-design-2-folding-ribbon-m\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/yesimadesigner.com\/creative-alphabet-design-2-folding-ribbon-m\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/yesimadesigner.com\/creative-alphabet-design-2-folding-ribbon-m\/#primaryimage\",\"url\":\"https:\/\/yesimadesigner.com\/wp-content\/uploads\/2021\/01\/400x400-4.jpg\",\"contentUrl\":\"https:\/\/yesimadesigner.com\/wp-content\/uploads\/2021\/01\/400x400-4.jpg\",\"width\":400,\"height\":400},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/yesimadesigner.com\/creative-alphabet-design-2-folding-ribbon-m\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/yesimadesigner.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Creative Alphabet Design #2 – Folding Ribbon (M)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/yesimadesigner.com\/#website\",\"url\":\"https:\/\/yesimadesigner.com\/\",\"name\":\"Yes I'm a Designer\",\"description\":\"Design Your Career\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/yesimadesigner.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/yesimadesigner.com\/#\/schema\/person\/68aa96eeed6d036c89eb2fc62c6d761c\",\"name\":\"Nisha Jahan\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/yesimadesigner.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8e5384af4c0f5ddda2bf61556bb1c80f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/8e5384af4c0f5ddda2bf61556bb1c80f?s=96&d=mm&r=g\",\"caption\":\"Nisha Jahan\"},\"description\":\"Nisha is one of our students learning Graphic Design and focusing on improving her Photo Editing and Retouching skills, a passion that she developed whilst working as a model for brands such as New Look, Miss Selfridge and OK! She works at Yes I'm a Designer on a freelance basis as a design intern and customer support!\",\"url\":\"https:\/\/yesimadesigner.com\/author\/nisha\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Creative Alphabet Design #2 – Folding Ribbon (M) - Yes I'm a Designer","description":"Learn how to build the letter M in the style of a folding ribbon using Adobe Illustrator!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/yesimadesigner.com\/creative-alphabet-design-2-folding-ribbon-m\/","og_locale":"en_US","og_type":"article","og_title":"Creative Alphabet Design #2 – Folding Ribbon (M) - Yes I'm a Designer","og_description":"Learn how to build the letter M in the style of a folding ribbon using Adobe Illustrator!","og_url":"https:\/\/yesimadesigner.com\/creative-alphabet-design-2-folding-ribbon-m\/","og_site_name":"Yes I'm a Designer","article_published_time":"2021-03-22T18:00:00+00:00","article_modified_time":"2021-04-12T10:11:05+00:00","og_image":[{"width":400,"height":400,"type":"image\/jpeg","url":"https:\/\/yesimadesigner.com\/wp-content\/uploads\/2021\/01\/400x400-4.jpg"}],"author":"Nisha Jahan","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Nisha Jahan","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/yesimadesigner.com\/creative-alphabet-design-2-folding-ribbon-m\/","url":"https:\/\/yesimadesigner.com\/creative-alphabet-design-2-folding-ribbon-m\/","name":"Creative Alphabet Design #2 – Folding Ribbon (M) - Yes I'm a Designer","isPartOf":{"@id":"https:\/\/yesimadesigner.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/yesimadesigner.com\/creative-alphabet-design-2-folding-ribbon-m\/#primaryimage"},"image":{"@id":"https:\/\/yesimadesigner.com\/creative-alphabet-design-2-folding-ribbon-m\/#primaryimage"},"thumbnailUrl":"https:\/\/yesimadesigner.com\/wp-content\/uploads\/2021\/01\/400x400-4.jpg","datePublished":"2021-03-22T18:00:00+00:00","dateModified":"2021-04-12T10:11:05+00:00","author":{"@id":"https:\/\/yesimadesigner.com\/#\/schema\/person\/68aa96eeed6d036c89eb2fc62c6d761c"},"description":"Learn how to build the letter M in the style of a folding ribbon using Adobe Illustrator!","breadcrumb":{"@id":"https:\/\/yesimadesigner.com\/creative-alphabet-design-2-folding-ribbon-m\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/yesimadesigner.com\/creative-alphabet-design-2-folding-ribbon-m\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/yesimadesigner.com\/creative-alphabet-design-2-folding-ribbon-m\/#primaryimage","url":"https:\/\/yesimadesigner.com\/wp-content\/uploads\/2021\/01\/400x400-4.jpg","contentUrl":"https:\/\/yesimadesigner.com\/wp-content\/uploads\/2021\/01\/400x400-4.jpg","width":400,"height":400},{"@type":"BreadcrumbList","@id":"https:\/\/yesimadesigner.com\/creative-alphabet-design-2-folding-ribbon-m\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/yesimadesigner.com\/"},{"@type":"ListItem","position":2,"name":"Creative Alphabet Design #2 – Folding Ribbon (M)"}]},{"@type":"WebSite","@id":"https:\/\/yesimadesigner.com\/#website","url":"https:\/\/yesimadesigner.com\/","name":"Yes I'm a Designer","description":"Design Your Career","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/yesimadesigner.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/yesimadesigner.com\/#\/schema\/person\/68aa96eeed6d036c89eb2fc62c6d761c","name":"Nisha Jahan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/yesimadesigner.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/8e5384af4c0f5ddda2bf61556bb1c80f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8e5384af4c0f5ddda2bf61556bb1c80f?s=96&d=mm&r=g","caption":"Nisha Jahan"},"description":"Nisha is one of our students learning Graphic Design and focusing on improving her Photo Editing and Retouching skills, a passion that she developed whilst working as a model for brands such as New Look, Miss Selfridge and OK! She works at Yes I'm a Designer on a freelance basis as a design intern and customer support!","url":"https:\/\/yesimadesigner.com\/author\/nisha\/"}]}},"_links":{"self":[{"href":"https:\/\/yesimadesigner.com\/wp-json\/wp\/v2\/posts\/18799","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yesimadesigner.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/yesimadesigner.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/yesimadesigner.com\/wp-json\/wp\/v2\/users\/27"}],"replies":[{"embeddable":true,"href":"https:\/\/yesimadesigner.com\/wp-json\/wp\/v2\/comments?post=18799"}],"version-history":[{"count":0,"href":"https:\/\/yesimadesigner.com\/wp-json\/wp\/v2\/posts\/18799\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/yesimadesigner.com\/wp-json\/wp\/v2\/media\/19296"}],"wp:attachment":[{"href":"https:\/\/yesimadesigner.com\/wp-json\/wp\/v2\/media?parent=18799"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/yesimadesigner.com\/wp-json\/wp\/v2\/categories?post=18799"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/yesimadesigner.com\/wp-json\/wp\/v2\/tags?post=18799"},{"taxonomy":"wf_post_folders","embeddable":true,"href":"https:\/\/yesimadesigner.com\/wp-json\/wp\/v2\/wf_post_folders?post=18799"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}