Grid Builder – Layout Composer

By: Ian Barnard Rating:

Creating stunning lettering layouts has never been easier!

Grid Builder – Layout Composer

Something that I struggle with and I know you guys do to, is laying out a great composition within your lettering work. You have the quote or words you want to use, you know the style, but you just get stuck with how to lay it out, so it doesn’t look like letters just thrown onto a page.

So together (Stefan Kunz and myself) we thought about how we could produce something that could make this process as easy as possible, but still giving you guys the tools to create completely unique pieces of art.

That’s when we came up with Grid Builder. A set of 35 individual grid shapes that you can place together to act as guides when creating your layouts. They can be resized, stretched and recolored so that every layout you compose will look completely different from the next.

What’s more, they work in nearly all of the top lettering programs. Brushes in Procreate, Custom Shapes & Brushes in Adobe Photoshop and drag & drop Symbols in Adobe Illustrator. So whether you have an iPad, Surface, Wacom or Desktop Computer there is an option that can work for you.

Want to use it with your pens and pencils? No problem, compose them in one of the above programs and print it off!

Want to use it in a program not listed below? Use the Grid Builder font in apps like Keynote, Powerpoint, CorelDraw, Canva, anything that has the access to fonts.

Included in this set:

• 35 x Procreate Brushes
• 35 x Adobe Photoshop Brushes / Custom Shapes
• 35 x Adobe Illustrator Symbols
• 35 x Adobe Sketch Brushes
• 35 x Affinity Designer Brushes / Assets
• 35 x Autodesk Sketchbook Pro Brushes (PC & Mac desktop only)
• 35 x Sketch App Symbols
• Grid Builder Font .OTF & .TTF
• Individual Image Files – .PNG/.PDF/.SVG
• Composition Guide .PDF
• Installation instructions for each app

Zipped File Size: 22.2 MB

File Types Included: .ABR, .PNG, .AI, .PDF, .SVG, .TTF, .OTF

Software compatibility: Adobe Photoshop CS6 (and higher), Adobe Illustrator Version CS6 (and higher), Affinity, Sketch, Procreate will work with iPad products only, Other Autodesk SketchbookPro, Adobe Sketch

This product was originally featured in The ‘Create and Make’ Design Bundle

These images have been provided by the designer for presentational purposes only. Please refer to the Design Cuts license for terms of use.

Grid Builder – Layout ComposerGrid Builder – Layout ComposerGrid Builder – Layout ComposerGrid Builder – Layout ComposerGrid Builder – Layout ComposerGrid Builder – Layout ComposerGrid Builder – Layout Composer

The Smart Choice For Designers

50% Off

50% Off if you buy five or more marketplace items

Save Space

Our downloads don’t expire, download what you need when you need it

Extended License

At no extra cost covering commercial & products for resale
click for details

Professional Support

Contact our friendly Customer Support Team at any time for help or advice

Average Rating:

85 lovely comments from our community

  1. Rating:

    madeleinesmith789

    Excellent product! I am an artist working primarily with paint and printmaking but in the last few years I’ve wandered over to the digital side. I have painted hand lettering and signage occasionally through the years for jobs and personalised gifts.

    The most important part – the layout – is the most important but time consuming part of the process – not the thumbnails, but the drafting of curves on the actual board/canvas – I would draw a lovely swoosh of a curve for my baseline but it’s nigh on impossible to replicate that same curve for the middle line and cap line so I’d have to trace my original curve and transfer it.

    As this product also contains PDFs, I can print these out and enlarge as desired to use on my lightbox or by tracing to get perfect results. It is a time saver for me in this way. I work with lettering primarily on paper/board/canvas as opposed to digitally and I don’t have a tablet and pen but I can imagine this is an invaluable resource for those who do.

    For people who expect that this product miraculously snaps type into the layout grid – it doesn’t. You still have to do some actual work.

    Reply
    • Annabel Smith

      Hey Madeleine,

      Wow thank you so much for taking the time to write us such a lovely comment, your support really means the world to us!

      We hope that you are really enjoying building up your experience working with your digital resources in addition to all of your hand-painted artwork :)

      It’s great too hear that you find that our Grid Builder is a huge time-saver for you and that these work perfectly with your lightbox so that you can use these with your canvas and board designs- if you would be happy sharing with us we would love to see what you create with these Madeleine!

      We hope that you have a great day, and happy designing!

      Reply
    • Rating:

      Hilda

      So after choosing the layout then we start typing and I suppose in photoshop use the edit>transform>wrap?

      Reply
      • Annabel Smith

        Hey Hilda,

        Thank you so much for your comment and we hope that you are enjoying taking this one for a spin :)

        The great news is that the designer has included helpful PDF guides to help get you started with working with this one but if you do experience any difficulty working with this one, please do not hesitate to get in touch and we can certainly help!

        Reply
  2. Rating:

    Nenny Now

    When you announce this great great burthday celebration, I immediately look into this grid builder. I’ve been eyeing this product for a while. I was on the fence whetherI should buy it or not, but with this price I don’t think twice to buy it. Thank you so much!

    Reply
    • carol@designcuts.com

      Hey Nenny,

      That is fantastic to hear and we are so pleased that you were eyeing up the Grid Builder :) We really hope you love working with it and please do let us know how you get on!

      Reply
  3. b.mrkalj

    Hello,
    First of all Happy birthday !
    Fantastic collections. Thank you

    I have a question about the Grid Builder – Layout Composer . Does it work with Core Draw ?

    Many thanks

    Reply
    • Annabel Smith

      Thank you so much for your birthday wishes and we hope that you have great fun celebrating our birthday with us :)

      I’m really sorry for any disappointment caused by the compatibility of the Grid Builder. Whilst the designer has provided their Individual Image Files in PNG, PDF and SVG forma, which are compatible with most design software, the additional assets including the brushes and symbols, are unfortunately not compatible with Corel Draw so my sincerest apologies for any disappointment caused.

      Reply
  4. Sheina03

    Just bought the Grid Builder when I noticed that the files are CS6 – CC, and I’m working with CS5.

    But it seems to work just fine in CS5 anyhow!!!

    Just to let folks know. (so glad)

    Reply
    • Annabel Smith

      Hey Sheina,

      Thank you so much for your comment and I’m so glad to hear that this one is working for you in CS5.

      Unfortunately as all of the elements in this pack may not work for everyone working with CS5, the designer has advised the compatibility to be CS6 and newer so our apologies for any confusion caused.

      We hope that you are able to get great use out of this one Sheina and happy designing!

      Reply
    • Lloyd Floyd

      I concur with this finding.

      I bought this product knowing that it MIGHT NOT work in CS5, but that I could still use the transparent PNGs.

      But when you double click on the Illustrator file “Grid-Builder-Symbols-CS6.ai” it actually opens up the file in my installed Illustrator CS5 with all the symbols loaded and working properly.

      It may be that it doesn’t work in Photoshop CS5, which I haven’t tried, but you can drag and drop the transparent PNGs into Photoshop.

      It also comes with a font that has all the symbols, so you could pretty much use it in any application that uses fonts.

      I’m pleased with the purchase! This is going to come in handy!

      Reply
      • Annabel Smith

        Yay thanks so much for taking the time to comment Lloyd- it is fantastic to hear that your Grid Builder is working perfectly for you in CS5 :).

        I know that this will be super useful for our other community members who may be unsure if this pack will work for them, so it is so sweet of you to be able to help others to get working with this one too!

        Reply
  5. Margaret

    Bought this (at $5, it’s a steal) hoping to use in Photoshop to lay out typed text on the grids, but no indication in the documentation how to do this? Looks from the PDFs like it’s purely for hand-lettering on top of the shapes with a stylus & tablet – or have I got that wrong; and if so, how do I layout my typed text? Thanks.

    Reply
    • Annabel Smith

      Hey Margaret,

      Thank you so much for your comment and I’m so sorry for any confusion caused by your new Grid Builder.

      Rest assured I have popped you an email to help you further with this!

      Reply
      • Drina

        Hi, I’m thinking the same as Margaret, I would appreciate an email too :)

        Reply
        • Annabel Smith

          Hey Drina,

          Thank you so much for reaching out to us and that is perfectly fine!

          Rest assured I have popped you over an email to help :)

          Reply
          • Emma

            I don’t understand why direction can’t be given here for all of the others with this question. It’s super frustrating. Is this JUST for hand-lettering, or can it actually be used with fonts and typed text?! Also, I watched the conference with Stefan, but I don’t see how this is $5?

            Reply
            • Emma

              Nevermind! I read further and see this addressed. However, I guess I totally missed the deal to purchase this. :-(

              Reply
              • kat@designcuts.com

                Hey Emma,

                Thanks so much for your comments and I apologise sincerely for any confusion caused!

                I’m pleased that you saw Annabel’s comment from earlier and I’m sorry that you missed this while it was on offer but you can still grab a saving in our Marketplace where you can build your own bundle and save up to 50% off :)

                Reply
      • Rating:

        shruti

        Thank you for this steal deal Design Cuts! you guys are awesome.

        I have the very same question as Margaret ….. how do I layout my typed text in photoshop as i am not very good in hand lettering…

        please do guide.
        Thank you once again

        Reply
        • Annabel Smith

          Hey Shruti,

          Thank you so much for reaching out to me and it’s great to hear that you loved picking up the Grid Builder in our birthday event.

          As the Grid Builder is mainly intended for hand-drawn lettering, the designer has not included instructions for working with this one using typed text so I’m so sorry for any disappointment caused!

          The good news is that you can still work with this one with typed text, and if you transformed your text into a smart layer and use the grids to organise your layout, you should be able to manipulate your text easier, and more creatively than simply adjusting the text box.

          Just in case you are unsure how to turn your text into smart objects, I have popped you an email with a tutorial that I hope helps :)

          Reply
          • Christopher

            I’m interested in this tutorial. I thought I could used this with typed lettering and not with hand lettering.

            thanks
            chris

            Reply
            • Annabel Smith

              Thanks so much for reaching out to us Christopher! I have just emailed you over a link to a tutorial on turning your text into smart objects, which should help you use these grids for typed text, and you can always check this out directly here: https://bit.ly/2PPPvR7 :).

              Reply
  6. Rating:

    Bill Vance

    Excited to use Grid Builder. Thanks for always having a good product at a good price!

    Reply
    • Annabel Smith

      Woohoo we’re so glad to hear that you are feeling super excited to take your new Grid Builder for a spin, happy designing Bill!

      Reply
  7. Folashade Omisore

    I’m interested in this product if can be used with typed text. From the comments above, I’m not clear on whether it can be used in this manner. Could someone confirm before I purchase? Thanks.

    Reply
    • Annabel Smith

      Hey Folashade,

      Thank you so much for reaching out to us and I’m so sorry for any confusion caused.

      As the Grid Builder is mainly intended for hand-drawn lettering, and does not automatically arrange your text for you, the designer has not included instructions for working with this one using typed text so I’m so sorry for any disappointment caused! The good news is that you can work with this one with typed text manually, and if you transformed your text into a smart layer and use the grids to organise your layout, you should be able to manipulate your text easier, and more creatively than simply adjusting the text box.

      Rest assured I have popped you over an email to help you further with this!

      Reply
      • Rating:

        liviaclaizoni

        Hi Annabel, Super glad with the grid builder.
        Could I get the email to help with typed text as well?

        Many thanks!

        Reply
        • SJ Bennett

          That’s no problem at all Livia- Annabel is away on holiday at the moment, but i’ve just forwarded you her email instead :)

          Reply
  8. the365family

    I hate to bother you awesome people here, but could I trouble you for that same pdf explaining how to use it with typed text before I decide to buy or not.
    Thank y’all for always being spot on with customer service! Have a blessed day!

    Reply
    • Annabel Smith

      Thank you so much for your comment and rest assured this is a great question and not a bother at all!

      As the Grid Builder is intended for hand-drawn lettering, the designer has not included instructions for working with this one using typed text so I’m so sorry for any disappointment caused! The good news is that you can work with this one with typed text, and if you transform your text into a smart layer and use the grids to organize your layout, you should be able to manipulate your text easier, and more creatively than simply adjusting the text box.

      Rest assured i have also popped you over an email with more information to help you with this further so I hope that this helps!

      Reply
      • Greg

        Hi Annabel
        Could you possibly send me the email instructions for using this with typed text.

        Much appreciated
        Greg

        Reply
        • Annabel Smith

          Thanks for commenting Greg and it would be my pleasure!

          I have just sent you an email so I hope this helps :).

          Reply
          • Liesl

            Hi Annabel,

            Could I, too, please get a copy of those email instructions for using this with typed text?

            Thank you!

            Liesl

            Reply
            • Annabel Smith

              Thanks so much for commenting Liesl and of course I can!

              I have just sent an email on its way to you with some instructions to help, so I hope you enjoy giving it a whirl :)

              Reply
              • spalkowetz

                I am also on the fence, and would love to see the typed text instructions? Thanks!

                Reply
                • SJ- Community Manager

                  Hey there,

                  Thanks so much for your comment and I am so sorry for any confusion caused! Annabel has left these on the page already but here they are again or you:

                  As the Grid Builder is mainly intended for hand-drawn lettering, the designer has not included instructions for working with this one using typed text so I’m so sorry for any disappointment caused! To use this one with typed text, you can transform your text into a smart layer and use the grids to organise your layout, and should help you manipulate your text easier, and more creatively than simply adjusting the text box.

                  Just in case you are unsure how to turn your text into smart objects, I have popped in a link to a tutorial that should be able to help:

                  https://www.photoshopessentials.com/photoshop-text/text-effects/distort-perspective-text/

                  Reply
  9. martinbornman

    Would it be possible to send me an email on how to use it on affinity?

    Reply
    • Annabel Smith

      Hey Martin,

      Thanks so much for reaching out to us!

      Just in case you haven’t seen these already Martin, Ian Barnard, the designer behind the Grid Builder has included some handy PDF guides to installing your resources, as well as a starter guide on how to work with your grids. So that you can access these PDF guides without further delay, I have emailed you some copies, and if you have any other questions Martin I can certainly help!

      Reply
  10. Drawings Stan

    Bonjour, je vien de faire l’achat de c’est plusieurs grilles puisque ca m’aideras vachement pour mes études mais aucun mail, juste la confirmation de mon achat, et l’argent a bien été retiré de mon compte en banque…( l’achat date de 2 jours ) est ce normal ? Ou dois-je attendre encore un peux de temps ? Merci de votre réponse.

    Reply
    • Carol Stratford

      Hey there,

      Thank you so much for your email and rest assured, I can definitely help! I have just sent over an email to get some more information from you about this so I can find out what has happened here for you :)

      Reply
  11. Rating:

    jhhong90

    Sorry to bother you, too, but can I get an email instructions on how to use typed text with this grid? With smart layer and all. Thank you so much

    Reply
    • Annabel Smith

      Hey Ji Hye,

      Thanks so much for your comment and rest assured this is not a bother at all! I am so happy to help you with this and have just sent an email on its way over to you with some instructions to help :)

      Reply
  12. Ramiel A. Sosa

    I’m considering purchasing this item.

    And wondering if I can email me the PDF instructions on how to use typed text with the Grid Builder?

    Thanks a bunch.

    Reply
    • Annabel Smith

      Hey Ramiel,

      It is awesome to hear that you are interested in the Grid Builder! I have just emailed you with some further information on working with this one so I hope that this helps :).

      Reply
    • Patti Massingale

      May I get instructions on using typed text also?

      Reply
      • Annabel Smith

        Thanks so much for reaching out Patti!

        I can definitely help you further with this, and you should see an email from me waiting for you really soon :).

        Reply
  13. Nikki Reid

    Thank you so much for this!!

    Reply
    • Annabel Smith

      You’re so welcome Nikki, and I hope that you have lots of fun taking this pack for a spin :).

      Reply
  14. Jennifer

    Hello, I’m seriously considering using this because, in theory, it would save so much time. BUT I only do my work by hand. No iPad, etc. I’ve seen a couple of comments saying that this can be used for my type of work but is it possible to get a little more specifics on how I could use this?

    Reply
    • Annabel Smith

      Thanks for commenting Jennifer and it is really great to hear that you are interested in the Grid Builder!

      I have just popped you over an email to be able to go into further detail about using this pack for typed text using smart objects, so I hope that this helps :).

      Reply
  15. Rating:

    Emílio

    Thank you!

    Reply
    • Annabel Smith

      You’re so welcome Emílio and I hope that you have a lot of fun working with it!

      Reply
  16. Candace McGahan

    I am having trouble loading Grid Builder into my Procreate program on my iPad Pro. This is my first time downloading any outside product to my Procreate, am fairly new to Procreate and am also not too iPad savvy either. Can you help me?
    Thank you…Candace…..p.s. if I can get it to work I’m pretty sure I’d give it 5 stars!

    Reply
    • Annabel Smith

      Thanks for commenting Candace and I am really sorry to hear that you are experiencing difficulty installing your Procreate files!

      I can definitely help you with this and have just popped you over an email with a tutorial which should be able to help get you up and running with these :).

      Reply
  17. Bjørg Helene Andorsen

    Hi! Is the package compatible with Adobe’s Fresco? I see you’ve adapted it for Adobe Sketch – so I guess it will work with Fresco, but it’s good to know for sure ^^,)

    Reply
    • Carol Stratford

      Hey Bjørg,

      Thanks for the comment on this one! This one is compatible with Sketch but as Fresco is not currently listed by the designer, I can’t guarantee that this will work for you in Fresco!

      However I am more than happy for you to check and if it isnt working for you, I will organise a refund for you :) I hope that helps!

      Reply
  18. creative37

    Hi There!
    Similar to Jennifer, I do not have Procreate. However, I do own Photoshop. How imperative is it to have that software program to invest in this tutorial? It seems like a fantastic investment.

    Reply
    • Annabel Smith

      Thanks so much for commenting Rachel!

      The great news is that Ian has provided files specifically for working with the Grid Builder in Procreate, Illustrator and Photoshop. You should certainly be able to fully work with these layout composition tools in Photoshop so I hope that you have lots of fun taking them for a spin!

      Reply
  19. colleenbivens

    Hello! I already purchased Grid Builder quite some time ago. Would you please send me the instructions on how to use it with typed text as well? Thank you!

    Reply
    • Annabel Smith

      Thanks so much for reaching out to us Colleen. Ian has not included instructions for this, however I can certainly pop you over some guides for how you can use this pack for typed text.

      I have just popped you over an email with some handy links so I hope this helps :).

      Reply
  20. Ana Carolina Carvalho

    Hey, I just bought this and I’m having trouble installing it on my Procreate, I would really appreciate the help

    Reply
    • Carol Stratford

      Hey Ana,

      Thanks so much for your comment! Oh no, I am so sorry to hear you are having issues with installing your Grid Builder- I have popped you over an email to get some more info about what is happening to you!

      Reply
  21. Diana Day

    Could I trouble you for that same pdf explaining how to use it with typed text before I decide to buy or not?Thank you.

    Reply
    • Annabel Smith

      Thanks for commenting Diana!

      We unfortunately do not have any PDF guides on using the Grid Builder for typed text, however I have just popped you over an email to help you further with this :).

      Reply
      • loretta.johnson

        I would like to see that info on how to use with typed text. Thanks!

        Reply
        • Annabel Smith

          Thanks so much for your comment Loretta and you should see an email from me really soon to help with this :).

          Reply
  22. Frederic Bigio

    Are these products compatible with an old product like Adobe CS-5?

    Reply
    • Annabel Smith

      Thanks so much for commenting Frederic!

      I am really sorry for any confusion over the compatibility of this pack. Ian has unfortunately been able to confirm that the Adobe files are compatible with CS6 and newer, however he has also included all of the grids in PNG and PDF format, which should be compatible with most design software.

      We do always offer a 30 day trial period so we would be happy for you to purchase this pack and test it out in your preferred software, to see if these are useful for your projects. Hopefully you do find these handy, however if not, please let me know and we will happily refund you in full :).

      Reply
  23. Linda Hodge

    Congratulations… looks wonderful! does it work with Powerpoint?

    Reply
    • Annabel Smith

      Yay we’re so happy that you love it Linda!

      You can definitely use the font included in Powerpoint, and Ian has also provided all of these grids in PNG format, which can be used in most graphic design software, so I hope that you will find this pack useful for your projects :).

      Reply
  24. loretta.johnson

    Will this work with PSE 2020? Thanks!

    Reply
    • Annabel Smith

      Thanks for reaching out to us Loretta!

      We do not actually work with PSE ourselves, to be able to confirm if these resources will definitely work with it, however we are more than happy for you to purchase the grid builder and trial it out to see if it will work for you. Hopefully you do find these useful, however if not, please let us know and we will happily refund you in full :).

      Reply
  25. fredosan

    Procreate user here. The included instructions don’t seem to work for me. Help!

    Reply
    • Annabel Smith

      Thanks so much for commenting Fredo, and I am really sorry to hear that you are experiencing difficulty working with your Grid Builder!

      I can certainly help you with this, so have just sent you over an email to get a little more information about what is happening for you, so that I can locate exactly where our results are differing.

      Reply
  26. Rating:

    Mercedez Rocheblave

    Procreate version doesn’t work properly. Can’t download file have to go in and import them individually. Very frustrating and some of them won’t import. -_- love the concept, just would like it to work

    Reply
    • Annabel Smith

      Thanks so much for taking the time to comment Mercedez, and I am really sorry to hear that you are experiencing difficulty with your Grid Builder.

      We do always thoroughly test all of our products before their release, however we have not experienced any similar errors on our side. I can certainly help with this, and have popped you over an email so that we can locate exactly where our results are differing and get this resolved for you as soon as possible :).

      Reply
  27. Rating:

    maya taylor

    hey! maybe this is a silly question but I’m a newbie… I’ve purchased the pack and I’m super excited to use it in photoshop… but how do I install it on my photoshop? and also, is everything included for photoshop or just certain bits? if so, what’s included in photoshop? I was also wondering how to install on other platforms for future reference… maybe I’m missing something here but I have no idea! sorry to be a hassle!

    Reply
    • Annabel Smith

      Hey Maya,

      Thanks so much for reaching out to us and rest assured, you are not a hassle at all!

      So Ian, the designer has super kindly provided these elements in different file formats so that they should work in most design software. These are organised into folders so you should be able to find all that you need in your Photoshop folder.

      In each folder, Ian has included instructions for installing and working with these elements, so these should be able to help get you up and running, however if you do get stuck, or have any queries about working with it, please let us know and we can definitely help!

      Reply
  28. mattio.fisher

    Are the directions on how to install for illustrator the same for affinity designer?

    Reply
    • Annabel Smith

      Hey Mattio,

      Ian has actually included installation guides for each of the different design software that this pack will work in, so you should find a handy PDF in your Illustrator folder to guide you through the installation process. If you do get stuck at all however Mattio, please do feel free to reach out to our support team anytime, and we will always be happy to help :).

      Reply
  29. Scoot Callahan

    How does this work in Affinity Designer/Photo?
    Is there a tutorial video?
    I’m very interested but have seen many programs that say they work with AFD but do not.
    Thanks

    Reply
    • Kat Parsons

      Hey Scoot,

      Thanks so much for leaving us a comment.

      I am really sorry for any confusion caused. The Grid builder has been listed as compatible with Affinity by Ian Barnard, he has also included an Installation guide, however, unfortunately not a user guide. Rest assured though, you can find lots of helpful Grid Builder tutorials on our YouTube channel!

      Please note as well, should you find this product does not work for you, we always offer a full refund within 30 days of your purchase. We also offer continuous support to our community, so if you need any help finding how to use/do something with you product -just pop us an email at hello@designcuts.com and we will be happy to help :)

      Reply
  30. Rating:

    joan cros

    very usefull product, thankyou so much

    Reply
    • Kat Parsons

      Hey Joan,

      Thanks so much for your lovely comment.

      You are more than welcome -I hope you can find lots more goodies to add to your creative toolkit :)

      Reply

Leave us a comment

Your email address will not be published. Required fields are marked *

Back To Top
Top