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 Snaps 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 okay 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 gonna
rotate this 15 degrees but inside I'm
gonna select all of these by swiping to
the left and change the color like so
okay 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 gonna marquee select with a
move tool
okay and I'm gonna size this up like so
and now actually we can group those
groups can give it a name let's say if
you wish race now let's go ahead and add
a frame around the poster and for that
again I'm gonna use the rectangle tool
on the top and drag one just gonna
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 in verse 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 okay this
stroke can be let see around twelve or
so just make sure in the alignment under
the advanced you use the center okay
alright now another thing I'm gonna 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
they're gonna tap and hold and drag this
under the race okay
and ask for the race 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
joinder the layer options just change
the opacity of the race 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
lair 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 gonna do is I'm gonna
actually change the direction on the
path so I'm gonna tap one finger on the
canvas
and for this bottom handle I'm gonna
brings 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 gonna
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 gonna tap
on the joint function others too have
been joined those two curves have been
joined I'm gonna do the same for the
rest two curves
again I'm gonna join them and then
they'll those two can enjoin them again
so now I have one curve that all join
paths okay in this case I'm just going
to sizes down a bit
like so okay let's also give it a color
so for film that's gonna give this dark
blue kind of and for the stroke just
gonna 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 field so no feel just a Stroke and
for the Stroke white 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 for -
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 Ssquare 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
don't see it very much so I'm going to
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 resign
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.
Không có nhận xét nào:
Đăng nhận xét