Create a Scamp, Designing For My InDesign Composition – Ep3/13 [Adobe InDesign For Beginners]
Articles Blog

Create a Scamp, Designing For My InDesign Composition – Ep3/13 [Adobe InDesign For Beginners]

October 23, 2019


(lively music) – Instructor] Hello, and
welcome to this video tutorial, brought you by TastyTuts.com. In this tutorial I will be demonstrating my thought process and my design approach to a leaflet layout. Now, before I start to put
together my InDesign document, after reading all the
text and understanding what the client wants to
contain in the leaflet, I might want to think about
what I am going to design in response to the brief. To visualize and organize my thoughts and furthermore communicate
my initial design idea to the client, I am going
to create what is known in the industry as a scamp. So what is a scamp? Well a scamp is simply
a drawing or a sketch. It’s a response to the brief
and it represents my design, my thinking, and my creative solution. I can use this to help shape, build, and visualize my ideas. And they can be really helpful to communicate ideas to clients. It can take a long time to put together a composition in InDesign. And sometimes it’s a lot quicker
to draw out your thoughts. And this will really help
communicate your intentions visually to a client and
quickly highlight any issues the client may have before
actually going to computer to produce the work. Plus, it’s always better to take time and think about your
designs on paper first, before jumping onto the computer. After all, design should be thought-led and not computer-driven. So then, time to get your pens out. Now a scamp can be anything from a simple doodle on a handkerchief to a full-color, rendered masterpiece. It all depends on how much time you have and how much you want
to communicate visually. But they must be clear enough to show what you want to achieve
to get the point across. So let me demonstrate my scamp
approach to this project. By the way, if you wish
to take a closer look at this scamp, it’s
included in the Scamp folder in the Complete folder, in the
Downloadable Project folder. Link is in the description. So I’m going to start on page one. So here you can see a little drawing. So I first started to think
about how my leaflet would work. How is it going to fold? Was it going to be a double-sided print? Or was it going to be a booklet? So I decided I would make an A5 leaflet that would fold in on
itself, so once opened you would have to open out another page to reveal three pages. This could create a nice
surface area to present a nice spread of images perhaps. Also, this would create
an interesting flow, where I can control the information
presented to the reader. So this was a little doodle I did to visualize to myself the
structure of the leaflet. So nothing special, just a little drawing. This one was just for myself. So next, on page two of the PDF, I started to think about layout. After reading all the text
and looking at the images, it was time to think about how they would be placed on the page. But how and where would I place them? So I sketched out a page layout
and started to draw frames in areas I thought images
and text could be placed to get a feel of my potential composition and see what might work. Now, it’s important to note
that I did this several times with several different approaches. This is just one example
that I have included as an example for you to see. By this, you can start to
see where I am planning to place my text, images,
and my text table. Again, this drawing is
purely for my benefit. So once I was confident and
found a route I was happy with, it is time to compose a
scamp of this layout in full for the client. So now on page three you can see a much more refined version. I have spent a little
bit more time on this and this time used a little bit of color. So the original image
planned for the cover is a man on a motorbike,
and it’s in full color. You can see an example of this. It’s in the Start folder in the
Downloadable Project folder. But I am thinking of
manipulating the image, changing it to black and
white, and bringing out the green color in the bike. I also would like to crop
the image and compose it in this way, and set the text
in the top left, like so. And also use a green for the words CBR, to relate to the green in the image. Lastly, I would like to put the Honda logo in the bottom right, like so. Next to this is an example of how I see the first open spread working. I would like to take the motorbike image and create a grid, like so. Zooming in to certain parts of the bike to appreciate the beauty of the bike, and perhaps have these in various colors. The page next to this would
have some nice bold typography, each line in a different color, and the copy composed
in two columns below. Separated perhaps by a stroke keyline. On the next PDF page I have a drawing of how I see the inside
open spread working. Again, we have the grid
of images on the far left, but this time the next page
would feature some images of CBR bike models, composed like so. With some copy going across
the width of the page on top. The far right page would
perhaps be half-black, with a table inside in white, with two images composed
to the right of this, showing the front and back of the bike. And finally, on the last PDF
page we can see the back page. For this I would like to compose another black and white image on the top, but this time bringing out the yellow. Under this would be further
copy, with a header in yellow to complement the image above. There would be a graphic and
text list composed like so, with the logo and contact
details composed at the bottom. So with this scamp you
should get a good idea of what I have in mind for
the composition of the leaflet and how I see it working. After showing this to the
client he was very happy. So it’s now time to take
this design into InDesign and start to build it. So this scamp is going to
make my job in Adobe InDesign so much easier. Here I have a solid,
decisive idea that I can use as a reference as I begin to
build my Indesign composition. So let’s move on to the next
video and learn how to set up my document in Adobe InDesign. So I’ll see you in the next video.

Only registered users can comment.

  1. You are totally god sent! You have saved me the wasteful time of long lecture (tutorials) that I never end up learning anything. YOU ARE ABSOLUTELY AMAZING AND I WILL BE SENDINGTHIS LINK TO EVERYONE ON MY COURSE!!!!! THANK YOU SOOO MUCH!!!

  2. Thank you so much!!! So easy to understand. question: how did u design your scamp with the images? I would love to present clients with something like that before starting work. Could you do a tutorial. Thank!

  3. He explains to one of the following viewers:
    TastyTuts 8 months ago
    Hi, the drawing was done by hand, then scanned in. I then used photoshop to colour it.
    · in reply to Stephen Mills

  4. Great Tutorials mate – did you draw everything in the last version of the scamp? Looks fantastic. Thank you for sharing everything

  5. Thank you so much for these videos. I like that you take the time to show how to organize everything first—that's the part I have the most trouble with. 🙂

  6. Hey you got a lot of talent, and you sure are helpful.. But man, don't mean to be insultive, you're reaaaaally slow and repetitive on your process explaining. It's just my opinion though.

  7. Mr. Gareth David is our lord and savior. I wish you were my architecture teacher because my current ones are just dumb and don't understand the importance of composition in artboards. god bless you man

  8. In-Design seems hella complicated. I hope I'm able to learn it lol. I'm probably going to have to watch your 13 videos at least twice.

  9. Your tutorial is awesome and very clear. I must say I am regular watcher of YouTube tutorials and so far you are among the best. Your voice is very clear, the pronunciation is super clear. You don't only talk about software usage but also mention about quality work by using methods. Overall I am very satisfied and wish you a great success. Thankyou!

  10. Thank you so much for these valuable tutorials! I am wondering if there is some plugins or shortcuts to make those sketchy/drawn looks for the motor bikes? or was it drawn entirely in illustrator/photoshop?

  11. Great job! I love the videos so far! I have a question about video 4. How did you draw it for the client to show? What did you use for it? Thank you

  12. I am very inspired with your videos and I am learning a lot from them. Hopefully, I would finish the whole course and applied it to the real world. I'm still confused on what Adobe programs to focus on and this helped me a lot. Thank you!!! <3

  13. Congratulations for this tutorial, it`s very simply of undertanding and comprehension. And thank you so much for this!

  14. First, let me say this is a great tutorial. Well spoken, well paced. Awesome. I have to say though… I couldn't imagine sketching the layout as you did here. It seems much faster to just do a mock layout using the imgaes no?

  15. This contribution is iconic for ever for those who wants master not only in CS5 but further. Many people yet are using CS5.5. Thanks so much!

Leave a Reply

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