Affinity Designer for iPad – How to Design A Poster for Circus

Affinity Designer for iPad – How to Design A Poster for Circus

Hello everyone and welcome back I am your host Elias Sarantopoulos. In this Affinity Designer for iPad tutorial
I’m going to teach you how to design a poster and specifically how to draw and put elements together for a circus layout. I will take you through the whole process
by first creating the vector rays, followed by drawing a curvy shape using the Pen tool, joining paths and adding dashed lines. We will use a vintage displayed typeface for our text and ornamental objects and add a couple of extra elements to complete the poster design idea. All that with Affinity Designer in your iPad. And so inside Affinity Designer let’s go ahead and create a new document by tapping on the New document icon, for device I’m going to
choose Print, size A4 is fine but for the purpose of this tutorial and because I want
to have more horizontal real estate I’m going to choose the Landscape mode and then tap OK and now we have a new and empty document inside Affinity Designer. OK so a couple of things to set up before
we create the rays. So tap on the Document Menu and let’s look at the Snapping Options. I’m going to Enable Snapping, Snap to Grid,
Snap to Guides, Snap to Spread and then Snap to Layer Bounding Boxes and tap Done, there we go. Also go back to the Document menu, I’m going to have a couple of Guides, one Horizontal and one Vertical, there you go. Also I’m going to make sure that I don’t have my Snapping On. So I’m going to select the Rectangle tool,
going to tap and drag to create a rectangle like so. OK now tap on the Snapping On, let’s change the color and it’s going to make sure that sits right at the center like so. OK no need for the Guides, I am going to toggle off the visibility. Now I’m going to select this with the Move
tool and then I’m going to Convert this into Curves, there we go. And so with the Node tool, going to marquee select those two nodes, those two bottom anchor points, tap on the Transform Studio and then I’m going to move the anchor point or rather the bottom center right here because I want to taper this in those two bottom nodes and I’m going to do this with under the Dimensions with the Width so you can do this interactively or even better you can tap and tap zero. That’s exactly what I want OK, just make sure this sits right at the center there you go so I’m going to tap two fingers on the canvas, I’m going to tap and drag to create a Duplicate like so which I’m going to rotate this so
tap one finger of the canvas to constraint the Aspect Ratio, there we go. Marque selectors to tap on the Edit menu create duplicate again rotate tap one figure on the cameras to constrain the Aspect ratio. so here OK we have our first group so I’m going to tap on the group icon here there we go
which I’m going to duplicate so tap on the Edit menu and duplicate this. I am going to rotate this 15 degrees but inside I’m going to select all of these by swiping to the left and change the color like so, OK. So here’s the second group I’m going to tap
on the first group duplicate that group and rotate it do the same on the this group there we go and we have one more to go like so so now we have all these groups which I’m going to marquee select with a Move tool OK and I’m going to size this up like so and now
actually we can group those groups, can give it a name let’s say if you wish Rays. Now let’s go ahead and add a frame around
the poster and for that again I’m going to use the Rectangle tool on the top and drag
one just going to change its color. Alright and also at the bottom of the Context Toolbar I’m going to change the Corner type instead of none to Round Inverse. Now here I’m going to set the Radius Corner by dragging this red handle like so and also let’s go ahead and add a Stroke to it. OK this Stroke can be let see around twelve
or so just make sure in the Alignment under the Advanced you use the center. OK All right now another thing I’m going to
do is tap again on the Rectangle tool and tap and drag to create another rectangle this time no need for Stroke just a Fill. I am going to tap and hold and drag this under the Rays, OK. And as for the rays I’m going to tap and hold and click those inside the rectangle right here the center like so. And the other thing is I’m going to under
the Layer Options just change the Opacity of the rays to let’s say 50%. Now let’s go ahead and draw the curvy shape inside this Affinity Designer poster. So first I’m going to tap on the Layer Studio
here and swipe to the left select those two layers and then tap on the Layer Options and tap on the lock icon to lock them so I don’t accidentally move them. Then select the Pen tool in this case I’m
going to tap and drag one node with two Bezier handles. Now in this case you don’t want to extend
those two handles too far away just here and then just tap and drag tap and drag. For the next point here what I’m going to
do is I’m going to actually change the direction on the path so I’m going to tap one finger
on the canvas and for this bottom handle I’m going to bring this very close to the node,
release the finger from the canvas tap and drag and then one more tap and drag like so, there you go. Let’s give it a color here to see what we’re
doing all right now I want this to be duplicated so I’m going to tap on the edit menu duplicate just bring this to the other side and under the transform studio let’s go ahead and flip
it horizontally so tap on the flip horizontal icon there we go now I’m going to mark you
select those two tap on the edit menu create another duplicate move this down there we
go and under the transform studio you can flip this vertically so tap on the flip vertical
icon like so okay so I’m going to select those two curves, the top two curves which is this
one and this one, tap on the Node tool and they under the in the Context Toolbar we’re
going to tap on the Join function others too have been joined those two curves have been joined I’m going to do the same for the rest two curves again I’m going to join them and then they’ll those two can enjoin them again so now I have one curve that all join paths
OK, in this case I’m just going to sizes down a bit, like so. OK let’s also give it a color so for film
I am going to give this dark blue, kind of and for the Stroke just going to use Black. There is one more thing I would like to add
in this curvy shape so tap to select it and I’m going to go to the Edit menu and create
a duplicate so under the Color Studio I’m going to swipe up on the Fill so no Fill
just a Stroke and for the Stroke White color is fine OK. Now I need to bring this end so I’m going
to first make sure that I don’t have my Snapping On so I’m going to bring this in here from
all sides, like some. OK and instead of a Solid line I’m going to
have a Dashed line so. Tap on the Stroke Studio, tap on this dashed icon and for the width I’m going to do this numerically so one 1.5 point is fine, under
Dashed Pattern, 2 is fine and for the Gap, 2 is fine as well and under the Advanced Options here for the Cap I’m going to go for the Square and then for Join I’m going to go for the
Bevel option, like so and there we go, that’s exactly what I was going for. So since this is a poster I’m going to add
a bit of a text and for that I’m going to use a Vintage Display typeface that I came
across and I actually provide a direct link to that at the bottom of the YouTube video
description in case you’re interested. So I’m going to select these two curves, going to lock them just in case so I don’t want to move up accidentally and then I’m going
to tap on the Artistic Text tool, tap once, The Circus let’s say, make sure is Center
aligned. OK let’s size it up and let’s change the font
to this Vintage Display font that I’m using, there we go. And under the Positioning actually you can
have the Leading here you can adjust the leading, you can also adjust the Tracking, OK. All right let me adjust the Leading even more then bring this down and then just size this down like so. OK now let’s go ahead and change the color, let’s say color like this and then let’s see, instead of Regular I’m going to go for Bold
OK and then under Stroke, let’s have a bit of a Stroke here which I increase the Stroke
Width OK like so. Let’s see on the Stroke I’m actually going
to go the Alignment on the Center under the Advanced Options and under the Layer FX studio I can have a bit of Outer Shadow here. OK so at the bottom we have the Context Toolbar and we have our Options you can actually do this interactively so tap and drag the as
you see I can do this interactively. And it depends what you want…you don’t need to have a lot of Opacity, something along those lines. OK and there you go that’s the typeface or
in the center. So since this is a Display font it also comes
with some nice extras like scrolls, ornaments, and panels so let’s go ahead and add some. So I’m going to tap again on the Artistic
Text tool I’m going to use the extras here and then I think it’s the hyphen (-) OK. I’m going to rotate this slightly and then
just size it down and just move it into place. Maybe size it down a bit more OK and then
just let’s go ahead and duplicate this and under the Transform Studio again I’m going
to rotate this let’s say horizontally like so. OK so what else can we do, well again using the same font I’m going to tap again on the Artistic Text tool and I think it is the forward slash, there you go so this one I’m just going to slightly rotate it and then I’m going to
change its color to the same color as the frame and I’m going to size it down and move it into place then rotate a bit more, move it close the frame, there you go, something
all those lines. OK so we got that which I’m going to duplicate so go to the Edit menu and duplicate this, bring it to the other side just kind of rotate
this like so and then I’m going to select those two again, I’m going to duplicate them, using the Edit menu just going to move them down and I can actually rotate them like so. And just move those to something along those lines. Now before I close on this Affinity Designer
and tutorial couple of elements that I would like to add so the first one will be just
a Circus tent that’s a PNG file here. OK but I’m going to size this down and then
position it around here. OK now this one is going to reside under the rectangle but right on top on the rays so I’m going to tap and hold and move this under here, there we go. And then one more element that I would like to bring that will be just a texture so I’m going to drop that in I’m going to rotate
it. OK size it up and then I’m actually going
to tap and bring this under the Tent and the only thing I want to change here actually
under the Layers Options instead of the Blending mode Normal to be let’s say Soft Light, like
so. OK and just looking at this couple of things
I would like to move move around that would be those center pieces just going to bring
this up a bit like so. Well there’s a lot you can accomplish inside
Affinity Designer for iPad including designing posters. In this tutorial we covered some basic vector tools together with vintage display typography and other elements to create a poster idea. Thank you for spending time with me, let me know if you have any questions below the comments section and don’t forget to subscribe to my
channel and share the knowledge. Elias Sarantopoulos.

Dereck Turner

14 thoughts on “Affinity Designer for iPad – How to Design A Poster for Circus

  1. Ted Borel says:

    Nice! I really enjoy these! Does Affinity for iPad have layer masking options for textures (like in Adobe Illustrator)? This is something that I would love to see. Maybe it is there and I can't figure it out. I assume the texture you added was a PNG with transparency? But I would like to do something like this:

  2. Bill Dungan says:

    I hope you do more of these for iPad. Thank you so much. Very helpful!

  3. Slavik Gondelya says:


  4. Lawrence G Thomas says:

    Hi.. I am subscribed to your channel..LOVE your videos and how you slowly explain everything you are doing… PERFECT for people learning how to use Affinity Designer…. Now I hate to be a critic…because I seriously loved the tutorial and this vintage design… BUT those squiggly lines you used on the left and right of the word “THE” were off…the one on the right was closer to the right edge and the one on left was closer to the center.. I watched the entire video hoping you would see and correct it… being somewhat OCD myself, i caught it and drove me nuts during the last part of the video…BUT your designs are GREAT and I look forward to seeing more from you

  5. Ka Tu says:

    Hi Elias! I watched all your AD tutorials and there is something I can’t find anywhere:( do you know if there is option to make circular grids? As you would do them for logo designs… however, I love your tutorials and appreciate them very much!

  6. IAMFamily says:

    Thank you for making these Affinity Designer tutorials. I enjoy watching to pick up helpful tips here and there. One question, though, why not use the cog tool to create the rays instead of duplicating modified rectangles? It’s much faster, though had you not done it your way, I’d have missed out on the transform tips.

  7. Elizabeth Lucena says:

    Hi, great video! But something I'm not seeing in any video is a tool like the shapebuilder tool in Illustrator. I want to put shapes together and cut off what I don't need. But I can't seem to figure it out. Help?

  8. mwinner101 says:

    Outstanding video! Very talented!!!

  9. Green78 says:

    Good Work. Easy to follow.

  10. Larry Baxter says:

    Just loved how you overviewed what you were going to do before diving into the details! Great tutorial, thanks!

  11. Arsen Mryts says:

    Hello, does somebody know what font type Elias Sarantopoulos use when add figures to a corners? I can't find(((

  12. Jelena Obradovic says:

    Hi Elias! Great tutorial, easy to follow and understand, thank you!!! I'm new at affinity, but I love it already. I have a question regarding exporting files. I need vectors in eps format with layers. What is the best way to export files that can be opened in AI with layers I made in AD? Is it possible? I managed to export it as eps, I opened it in AI, but there were no layers and some of the brushes I used in AD were all lost (I expanded all the strokes in AD before exporting). I hope you can help. Thanks again and I'm looking forward to more of your AD tutorials 🙂

  13. anzatzi says:

    Great example file–so much information

  14. Leidenfrost says:

    I love watching the Tutorials but all the small things you are doing are way to quick. even when i go back i have a hard time seeing where you clicked. 🙁

Leave a Reply

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