Transcripts
1. Introduction: Hey there, I'm mark and
I'll be your instructor in this beginner friendly
affinity Publisher two class. We're going to learn
about all basic tools. And then I will show you how to create a two-sided
business card. We will designed a Business
Card from scratch. And then we'll export
this as printable PDF for both a professional
printing house and also for a home or office
style printing. Alright, so even if this is your very first time
in using the program, your very first project
with me, that's fine. This is beginner friendly tutorial introduction
style class. Alright. So I hope I will see
you in the first video.
2. Interface Overview: Before we start this class, Let's just take a quick tour around the interface
of this program. On the left side,
here's our tool panel. We can see all of
the tools over here. Starting with the first one, Move tool that will allow us
to move different objects around our artboard
and take a look. There's one more tool,
very similar icon. This is called Node tool. I don't want you guys
to confuse them. A11 quickly will show you
what's the difference here. So this is a shape. With their move to
the first tool. We can move this
whole shape around. We can rotate the shape and do some basic transformations
like that. But for the second tool, there's a different
purpose behind this one. You will convert this shape. Two curves are be able to use the second tool to modify nodes. So now I'm not moving
the entire shape, but only nodes of that shape. I can even click on the line
to add a brand new node. This second tool is more detailed work and our default move to
is the first one. Alright, there are several
tools on this list. We're going to learn them,
why we need to use them, so we don't need to memorize
all of them right now, let's check what is on the
right side of the screen. Here's our studio panels. The one for the
color is at the top. Because some swatches and
stroke in the same area. Below that, there's
a layer panel. We have some additional
panels for characters, paragraph, and textiles as well. Keep in mind, you can
customize that is, can be different
depends on your needs. In the layer section, we
can see this master page. Right now. I got only one page
in this document. And let's not confuse
layers with pages. We can see all of our pages on the left side in this
panel is Page one. I can simply click
here to add next page. Here is now we've got two pages. If I actually zoom out, I'm going to do
with the shortcuts. So that's what we
come and minus on Mac or Control minus on Windows. If I zoom out, I can actually see multiple pages same time. Alright? Many people use
Affinity Publisher to work with
multi-page documents. For our project, we're
going to have two sides of the same documents
will be the front and back of the Business
Card later on. But in case of multiple pages, a very long documents
like books, papers. We can also have something
called master page when we can Design and template that will be repeated across many pages. In our case, we
don't need to use this feature for this
introductory project. As you can see that also other
panels he liked assets and start picture so
we can search for stock pictures directly
within the program. Now as I mentioned before, everything can be customized. And if you're interface
look a bit different, you can always
reset your studios. So you had to window at the top studio and there's
a reset button for you. So we can go back to
the default state. As you can see, some of
the studio pounds or on with this checkbox and
some are off by default. So we can control
that from here, from our Window menu. Alright, we didn't mention anything about the
top section of it. So at the very top, we will go three personas. The first one, we got
native tools for Publisher. The second one will be for using Designer tools and
Affinity Photo tools. I will mention this in
higher detail later on. Alright, what's next? We can change some texts work
settings from here as well. And there will be a
man who below that, that will change the context depends on the selected tool. So if I grab a shape like star, as you can see the menu here at the top change the context based on the currently used to. This menu will, depends on
what's selected right now. For the stars, I can change
number of points if there's other two selected Adobe
different options to modify. So keep that in mind. It's will be like that. If nothing selected by default, we can see documents
setup, and settings. From here, we can
modify settings of our document even after you
create this one already. So we still can make some
changes to the colors, margins, and bleeds, even why we are working
on the project. So that's really helpful. Alright, so one more time. On the left is our tool panel. At the top, we can switch
between different persona's and also the context of
this top panel will change, depends on the selected tool. On the right side, we got our
studios including colors, layers, transformation,
navigation in history. We can alter all of that
using the Windows section. Well, we can turn
on and off panels, drag them around and
customize our workspace. Alright, in you'll feel
a bit overwhelmed. Don't worry, we're going to explain certain
tools that we need, certain functions and features, why we're going to use them. So you don't need to play this
video over and over again. To memorize the interface. We will learn this by doing so. I will see you in
the next video.
3. Studio Link: There is one very
powerful feature in our Affinity Publisher. It's called studio Link, is will allow you to tap into
tools from other software. So if you got Affinity Designer and or
Affinity Photo insert on the same device, it will be able to
tap into those tools within the program here we don't need to switch the
program to do that, take a look at the
top left corner. Good, three icons. First of all represent our native tools
for the Publisher. Second one, that's Designer
person and I click on this. Now, I'm tapping to my
Affinity Designer tools. I got the full tool set here. And then there's
also Affinity Photo. I can use all of those
raster tools now. So you could say, thanks to this studio Link here, we got three in one. But of course, you
need to purchase all three programs
to use this feature. And we need to install
them first on your device. Keep in mind, I will
try my best to use native tools as much as I
can during this tutorial. But it's highly recommend to buy Affinity Publisher
as the third program. So usually people start
with Designer, all Photo, and then they purchase Publisher when they want to do
more desktop publishing. Or maybe they need to create some multiple pages documents. Usually it's not
the first software that we purchased in
the Affinity family. And I recommend this
approach as well. You can only unleash
the full potential of this program in
view on all three. And then you can swap between
them whatever you need. If you need to draw
vector elements, maps, and plans, you are
InDesign a persona. If you loading and
beautiful pictures do publication and then you want to make
adjustments, colors, masks. That's your Photo Persona here. And for controlling texts,
texts, flow, columns, and tables, you Will use
your Publisher persona. Alright, so this feature
is called studio Link, allow us to tap into tools from other programs
within the Publisher. It's really, really
powerful feature. So you should consider
buying the whole set of apps if you are serious about working in
Affinity Publisher, that's my recommendation,
but I will try my best to stick with Affinity Publisher
tools in this class. Alright, let's move
to the next lesson.
4. Picture Frame: It is recommended to use
something called image frames. Why you want to put
images, pictures, photos into your Affinity
Publisher projects. So let's take a look
on the left side of the interface is our toolbar. And you will see this little icon looks like
square root of X in it. Little rectangular shape. And this will allow us to draw
a rectangular image Frame. Thanks to this picture Frame, we can easily put image inside by clicking this
Replace Image button. Here is my image was
loaded to the Frame. I draw first. More than that, I can
adjust some properties. I can scale to max. That's default. But we can also keep
the proportion, right? So we can scale to
feed, stretch to fit. Do not recommend that, or we can select known to load the native
resolution of this image. We can also change
the anchor point of that image as well. Below, you will see
a little slider. So you can zoom in, crop a bit. If you like, to
your picture Frame. The whole frame can be rotated. You can also apply some
basic transformation on it. As you can see, I'm also
affecting the image inside. So be careful, Let's undo that
and try the second thing. Just below, you
will see a circle. But that's actually
the very same tool. We can draw empty picture Frame where we can put an image. Right? If you click
and hold it will be able to reposition
the image in that Frame. Everything outside the frame
will be crop automatically. So if you zoom in, you have more control over it. That's all great. But what if I don't want to put a
rectangular image or even so-called image. I wanted some very custom thing. Let's draw a custom shape. Then. Let's go for shape tool. We draw a heart-shaped,
take a look. What if I want to
put image inside? The good news is
we can transform any given shape into
a picture Frame. Right-click on
your custom shape. You can convert
to picture Frame. Take a look, this
X show up on it. Now this is a placeholder. We can put image
inside same way. We still got all of the option. Take a look. If I hover my mouse, I will see this rotation thing. That case, I'm rotating the
image inside, know the shape. Let's undo to rotate
the whole shape. I can hover my mouse
over here above it. What if you want to
customize this even further? You want to draw very custom picture Frame
using Pen tool. You can do that.
Let's take a look. I'm using my pen tool now. I want to some kind of
organic custom frame. I will add color to
it so we can see it. Here is interesting shape. Now I want to put image inside
and we can do it as well. Just right-click on it, convert to picture Frame. And that's our
image placeholder. Here it is, we can
keep image inside. If you look on the
layer panel on the right side this
time you can open that. And then you will
see that there is this whole big image
inside this curve. Alright? So this is our picture Frame and the image is
inside picture Frame. And that's the recommended
method if you plan on loading multiple images into
your Publisher project. Alright, let's move
to the next video. I'm going to show you
something very similar. But instead of putting
pictures into a Frame, we're going to put
text into a Frame. So see you in the next video.
5. Text Frame: In the previous lesson, we just learn how to put your images into something
called picture frames. That's a very good
habit to have by working on multiple page
documents that you can probably imagine how can just
simply drag and drop feel images and finish your
own small project anyway, that's true. But for our next feature
called text frames, in that case, we cannot
work around that. That's a key feature for
this kind of software, for desktop publishing software. Alright, so let me
show you what I mean. You hover your
mouse around here. This led to a, you will see this Artistic Text
tool for us to use. And what's that
Artistic Text tool is nothing more
than just headline. So we use this just to
simply create a one-liner, one line of text, usually bigger or
sometimes smaller. Keep in mind, that's not for
a blog of the text, alright? If you've got a blog of texts, longer texts, don't use
Artistic Text tool. We need to refer to this one. And as you can see, this is 123, third two on the tool panel. That's how important
this Frame Text tool. This case, you kind of
drawing a Frame first. After that, you can paste or
type your text inside this. You may know this from casual
programs like PowerPoint, google Slides,
making a text Frame. When we place our text, I did not prepare any texts now, but I still want to
design this text Frame. What can I do? I can put a filler text inside. So let's just fill this
with some filler text. I go to text at the top. I will click,
insert filler text. We've got our classic
Lorem Ipsum now. Alright, thanks to that, even without the texts, we can prepare the
document and later on the editor's script
writer can send us the text we need to use. Let's say, in case
of this document, I would like to work
with two columns. So I can actually duplicate this whole text
Frame I draw already. Let's use Command C, Command V, and simple shortcut
we know already. I can select them both by holding Shift and
reposition nicely. Alright. And now we get
even more than Dad. Can you see this little
arrow popping up from here? This is the text Link. I can make the text flow from this first frame to
the another one. The textbook flow to
the next text Frame. If you pays your
takes on the left, at the end of the frame, it will continue
here in this frame. And dads how we set up our texts frames with this
flow arrow to the next one, to the next one to the next one. So literally you will
be able to paste all of your pages was
in the first frame, and it will all flow
into your pages you Design in the Publisher quickly. So that's why we use
something called text Frame. And of course, good
control over the style. You may notice this
already at the very top, there's a font. We can choose sides of
the phone, we can pick. And all of those
basics are here. And of course we
can expand on that, go into higher detail as well. Alright, so keep that in mind. We can style our
texts as we please. Alright, What if I need a
very custom text Frame? Can we do that? By default, this tool will always draw something
rectangular. Of course, we can
hold Shift to get a perfect square
above this circle. I want my text into the circle. Alright, let's use
the similar trick that we use with
their image frame. So I will draw an ellipse
here that the circle, that's not text Frame, but I can right-click
on any given shape. I can convert to text Frame. Now. I can fill it with the
text. Take a look. It's in the circle now. That's nice. Very handy. Of course, I could use any other shape like
star heart-shaped, or even use the Pen Tool to draw a crazy custom shape that can be converted into text tool. Alright, so there's a text frame now and we can click text. We can fill a temporary
move text so you can see how strange shape it is. Alright? And we, even though we using
those strange shapes, we can still Florida Texts from one to another, just like that. Alright? So that's how
you use your text frames. Keep in mind if you've
got multi-page document. This is the way to go. Try to set up your frames
first and then put your text into it
when you are ready, not too early, alright, work on your project first, then put your texts into
it and finish it up. In our case, as this is
our introduction class, we will stick with a simple
document, just two pages. So we will not really use
this feature that much, but I really want to
let you know about this key feature of Affinity
Publisher or right, I will see you in
the next lesson.
6. Document Set-up: Alright, with the basic
understanding of the software, we can the interface. We also learn more about
picture frames and text Frame. So now we are ready to set up
our project for this class. As I mentioned before, this
will be a Business Card. So when you launch the program, they usually go this
pop-up window by default. If you got this show
on startup turn on, you will say it by default. If not, you can click
File New to open this up. Alright, so let's take a look. Right now. I'm on the press
already A4 paper. That's a bit too big
for the Business Card. As you can see, I
can scroll down. We get different categories like Photo web devices,
like iPhone, iPad, even Apple Watch, or right, so that different presets
for projects here. There's also one for Business
Card in the Print category, the very bottom Business
Card. Take a look. That's 88 mm times 55 mm. Alright, keep in mind, Affinity is made by
European company. So you would like to check what is the standard for the business card
in your country? What is important because that's probably how wallets
are designed around. You're part of the world. So if the Business Card will
not match your location, people may have
problem with putting the card to the
wallets can happen. So, alright, you can even pause the video for a moment
and Google this stuff. Check what is the standard size of the business card
in your country. This way, you can customize
the size for your location. I will go with a default one. Alright? If you feel more
comfortable using inches, you can also change that here. I will stick with millimeters
for this project, but feel free to
change to inches if you are on this
part of the world, alright, 300 DPI
or dots per inch. So that's our resolution
for the Print purpose, we tend to use 300, so that's perfect for us. Alright, let's move from
Layout tab two pages. I would like to
create two pages. Why is that? Front and back
of the card in one document? Colors GB. That's not right. I want to do it
in with the CMYK. So this will be easier
for us to print out later because we follow up the
printing colors margins. This is something we should
actually double-check with the printing house if you plan to print this on
your local home office, printer dots will be fine. But if you plan to send this out to a bigger
print the house, they got their own standard. So it can be one to one-and-a-half to
two-and-a-half millimeters, 0.1 to five inch all around. So that will very much depends
on your printing house. You can check that all on the privilege household website or maybe message them
on the Facebook. And usually it's also location dependence on
the country, right? So in my case I will put 2
mm of the margin and bleed. Bleed is a bit more
important than margin. Margin is like
inside the document. Just a little indicator
for us designers. We will not push the text
too close to the edge, but the bleed, the bleed is the extra background
around the actual size. Why do we need an extra
background around the size of the business card or any
other printing documents. Because when they're
going to cut your business cards in
this printing house, if the machine miss, align itself by 0.5 mm and we got this extra
background around. It will still looks good. But if is no background around, we can see white-collar
popping out, That's not good. So Bleed is for us to
make it a bit larger. So when the cutting
this stuff out, they can make it some
room for mistake, you could say, alright. And again, this
will be very much dependent on the
printing house settings. So you must confirm that before you send to
them for printing. Alright, so let's take a look. I paid my business card size. You can modify it from here, but keep 300 DPI, will go with two pages. Color is for printing. So we could CMYK,
so cyan, magenta, yellow and black margins I set up for 2 mm and
bleeds for 3 mm. Feel free to change
to inches if you work with that in your country. Alright, let's click Create. Here we are. I can see Page 1.2. If you zoom out using the
shortcut command minus, you will even see both of them
same time, just like that. Our document is set up and
we can start designing the front of our Business
Card in the next video.
7. Front: With our document
setup correctly, we can start our project. Be sure we're on the page one. Alright, whatever you
click your page as well. Highlight with blue colors. So be sure we're on page one. And from here we will
start with the project itself by using text tool. This time, I will use
Artistic Text tool because text is rather short, so we want a name of the
person for this Business Card. Alright, I will use a little slight biggest
size for this one. Hesitating 14-16. Let's go 16 points first. And I will stick to a
rather simple fonts. So let's search for some fonts. Over here I will use
something that you can get for free like Open Sans. If Open Sans is not on
your computer just yet, you can download this one for free from Google Fonts
and many other places. It's really a common choice. It's one of the most popular open-source
fonts of the web. So Open Sans for the
name of two per cent. And then I will
use a trick when I hold Command and
drag the text below. Instead of moving this, I will make exact copy
of the triggers to hold Command on Mac or
Control on Windows. Why we are moving it this way, you can make a duplicate
really quickly. We've got the name and
for the duplicate, we will use that for tagline. That will tell our viewers what is the position
of that person. So let's say that Mr. John
is a Graphic Designer. And now as you notice, I use capital letters for that. I will scale this down to
only maybe ten points, and we will use a
light font for that. And for Mr. John Doe, we will use semi bold font. Right? So that's a nice start. Let's get this first part of, Let's just keep Designer. Alright, so John, as a designer, we know we've got an a and
position of that per cent K. What else? As you can see, I
position this on the left side of
my Business Card. That's the classic Layout. We got now the name position, and we need to put some information on it
like a telephone numbers. So I will just generate
some fake telephone number. And again, I will comment and move it down
to duplicate the text. This way, I can make I
can make some fake email. And the same manner we
can create fake website. In my case, all of that is
just a fake stock data. Of course, you can just go
with your own if you're designing this Business
Card for yourself, feel free to include your data. But if you want to share this project with us at
the end of this class, what I recommend, you don't
want to show you real data. You can put some stuff
temporary like that. And then of course this is editable file so
you can change and reuse that template to put
the real data later on. Alright, so we kind of laid down all of the
texts we need here. In some cases you will need additional line or
two for address. I will not include an
address in that case. Kay, everything is
nicely aligned. As you can see, we got one
line of alignment here. If you like, you can turn
on rulers so we can head to view and we can turn
on some extra rulers, show rulers that down. Now we can just drag
from the ruler to make additional guiding line. This way we can be sure our texts is nicely
aligned, ripe. What next? Next, I would like
to re-color this. And what is the leading color
for this Business Card? Let's say this company
use some kind of reddish orange color that I
will use for this tagline. Alright, also, I want to change a font here
to be irregular. I will also move that a bit to the right so we can
make a space for icons. Of course, I could just
search for SVG or PNG icons and load them
into this project. But I want you to learn as much as we can
during this project. So in that case, I will try to create all of the icons by hand for
this Business Card. Let me just zoom in a bit. I'm using common
Plus to zoom in. You can also use common minus to zoom out. That's
really handy. Zoom into and then
hold the Space-bar. This way you can kinda
move the camera around, like to say It's camera
panning around the project. Alright, here let's create
some interesting icons. We got the pen tool, we can shape tool
to our disposal. So let's start with
simple rectangle. I don't want any fill color. I will stick with a line. Maybe 0.8 will do. Alright. And then inside, and also I will spend
two now to make some kind of triangular
shaped like that. Perfect. I'll move it inside this. By holding command. We can scale it to the center. Alright, let me take a look. I don't think it's
exactly in the center. Let's grab a note to end
fixed this middle node. Now, that's exact center, that's better number here
we can select both nodes holding Shift and we can
align them like that. Perfect. This is our
first icon for the email, as you can guess, and I'll
put it here. Alright. Actually will move it a
little bit to the right. Okay, now it's time for the
next one for the website. Let's start with L lips. I will duplicate the ellipse, same way we duplicate
the text as by holding Command Y,
dragging this around. Nice. Copy and paste
rotation 90 degrees. Okay, This is kind of
indicating of worldwide web. That's nice. Again, I
will position this here. Will do. And then at the very top we got
our phone numbers, so we need some
kind of phone icon. This will be interesting one, Let's start with unusual shapes. So there is a special
moonlight shape. Take a look. We can control. We can go for the 4/4
circle and push it inside using this
orange control point. So let's use dad
with some changes. So that should be like
old school phone handled, but we will make
some changes to it. To do that, I will draw
additional shapes, rectangles like that. And I will place
them around here. 1 mol to here. And now it's time to
select all three. And we will unify
them into one shapes. We can right-click on them, such for geometric panel
and add them together. Nice, good start, not
perfect just yet. So let's refer to know to. Know to will allow
you to modify nodes, not the whole object, but single nodes, so we
can move them around. We can modify, just know, It's even delete this
node and delete this one. Cool. All right, our little
icon as almost ready. Let's scale it down. If you like. You can do a trick like that. Right-click again
and add it again, even though there
are no objects, we will make this
Frame straightforward. Right? Let's compare
to the another icon. We can estimate the
size of it. Like that. Let's take cover to mail. Icon is a bit too wide. That should do to trick. We generate three icons just by drawing basic shapes
and managing them. Of course, as I mentioned, if this is not your strong suit, you can refer to some
icon set as well. Right? That's our base line
of inflammation and now it's time to make some
decoration on the right side. Let's keep it rather simple. We will use a shape with
the color of the company. We already established
this color. That's this orange fan Right, I will duplicate that, and this time I will subtract
Y, select both shapes, right-click geometry, subtract
the shape at the top, make a hole in the
pattern shade. Let's grab this one. And as I mentioned, if you own a Affinity Designer
and now you are designing, start with vectors
for your project. You could just click on
Designer persona and load all of those additional vector editing
tools like for example, corner tool here, that
allows you to round your corners and create this
interesting ornament shape. Alright, so keep in mind
if you own other software, thanks to the studio
Link feature, we can tap into that as well. Right? Here's our
little ornament indicating the colors from the company logo as well as the symbol indicating some kind of like Play button,
move forward button. This is some kind of
video production company that will match. And now we're just
playing around trying to occupy this space on
the right side nicely. Alright, that's will be enough. We don't want to overdo it. Keep in mind, this
is small format. This is only 88 mm. And so we don't want to overload of graphics
and information. That's never good idea
for a Business Card. All right, what next? Actually, I want to
put a nice QR code here so we can bridge this gap between printing
and digital media. So people can simply scan the QR code on the
business casual, the phones to message you on your favorite instant
messaging app or debates, WhatsApp,
WeChat Line. Whatever it is, they
can quickly move from the printed media to actual conversation
communication on right, using the digital form. So I will generate a QR code, does several ways
we can do that. You can use some free
generators, Page generators. Unfortunately, we cannot do
it just yet from the program. So I will refer to
websites like let's say, and there'll be
expressed or QR code generator.com to
make my QR code. So let me just generate that and paste it here as a sample. Alright, I just drag
and drop my QR code. And as you can
see, it's too big. I will scale it down nicely. I'm also give it a
rotation like that to match my graphics on
my Business Card. One thing, one common
mistake why placing a QR code on the Business
Card is it's too small. So avoid making QR code
smaller than 2 cm. Alright, as you can see, my QR code right now, here in the transform section, I can say it's 23.3 that I got those white
gaps just to be sure, a little bit larger, lined up like this. Better. We could a QR code, black color on the
white backdrop as the best choice and keep it
at least two centimeter high. That's a common advice
for a Business Card. Don't make it two small
dots can be a problem. Why trying to scan technology may not work
correctly in that case, I know some of you say, Oh, my new iPhone Max Pro can
scan even tiny QR code. Great for you. Let's not use that as a
common accessibility here. Alright, so let's just follow the official documentation from the QR code and keep
it at least 2 cm. Why? That's nice. We put all of the
information in. We put our QR code for
instant messaging app. We got a phone number, mail, and website, and a little bit of ornament with the company color. Work is not just yet done. But before we do some
finishing touches here, I would like to design the
bag of the card first. Okay, so I will see you in
the next video where we're going to create the back
of our Business Card
8. Back: In this video, we're
going to focus on the reverse of our Business
Card and back side of it. And we need to make it clear to our viewers that this is
front and this is back. So we don't want to
replicate is Design. And we don't want to
populate the back of the card with too
much information. Alright, so let's keep it. In contrast, the best
way to do that is simply making this
one in colors. So this is wide. So it's really easy to
read the data from it, but this one will be in color. Of course, I will stick
to my company colour. Alright? This way, you
can sit straight away. Alright, that's the
back of the card. Color. Maybe company
logo somewhere, the company name, maybe some slogan, and
that's what we eat. We want most of our
information in front. And Johnson little
bit at the back. So don't make this
mistake of thinking that, alright, so much space. Let's put information, Let's list up all our products here. That's usually not a case. That's kind of like
old school style, you could say, designing them. So I spend my money
on Business Card. I want to put everything
there already. Now. That's just for your
customers. Contact you. Then you can list up your products in the
offering the email, send them another
document, maybe a flyer. We don't want to turn our business card
into a flyer. Okay. So let's hit Let's say
that's our company logo. I will group that. And look. The contrast between
the logo and the backdrop is definitely
not good enough. Right now on the screen
is my look cool, but up to you, print it out. And you can find out, oh, that's exactly same color. I cannot see the logo now. So don't take a risk like that. Let's put it in white, so we got perfect contrast. I will duplicate the text from the first page this
way I don't need to create a new tags and Set-up
everything from scratch. So that's my That's
my company name. You can use alignment
here to the center. Alright. We can do exactly the
same thing with the logo, even though I believe
it's already in the center because the smart
guide is showing me that. Take a look. I was wrong. So it's aligned to
the center now, combining color, company
logo or company name, we can also, we can also maybe put some companies slogan. If there's no slogan, it's also a good chance to kind of specific the
industry working in. If the company name and your position is
not clear enough, you can mention this here, software house or
interior design, alright? So you can mention the, the field you are in
below your company name. If there is no slogan
for your company. Now, for this color, I don't want it to
be exactly white. I want to solve thing
to Page reddish. So it seems like it's
a bit transparent. Okay. And that's will be eight. I don't want over-complicate the backside of
the business card. In case you don't
want to put a QR code for instant messaging
up to yourself. You don't want to contact
the customers directly. You want to some kind of sales department to
handle that that case, I would move that
to bag of the card. And as a nice trig,
we can do with that. If you've got QR code, you can actually
put it on the bag. And in that case, you don't need white backdrop. Most phones, all of them can scan a dark QR code
from any backdrop. So that's something you can do. You feel like you want to
keep it in the reverse. It's not a direct
contact to yourself. It's more like for
the company website or something like that. In that case, you can
move into the bag. But I believe it's way better here front
when we get this option. Okay, That's John. I scan this and I see John, I WhatsApp. I can start
conversation with Mr. John. I don't want Mr. John now, I can hate to company website
and process from there, check the offer. On the back. We got our company
name and logo, so it's obvious that's
the back of the card. We don't want to
populate this area. Alright, right, so back was
way simpler than the front. In our next move, we're going to export
this for print. In addition, I will
try to show you some hacks and tricks
how we can print out Business Card Office at home without sending this
to the printer house, keeping in mind that
two different process. So what's the next video? And I will show you how we
can prepare this for printing
9. Export to PDF: Alright, it's time to
export our project. Actually, it's almost
ready to print out. If we're going to
use a professional printing house,
everything's here. We set up the correct size. I got my bleeds and
margins Set-up. Only thing is to confirm them
with your printing house. If you find out
after the fact that actually dates suggest
you'd use different blades. Don't worry, we can always
go to Documents setup where you can see
a Dimensions size of your business card. We can also check your
margins and blades. Let's say my Printing
House suggest me to use 2.5 millimeter one. So I can simply make necessary
changes that will not affect a project because
the mountains are just indicating stuff inside, but all the blades,
they will extend. So let's say they
suggest me to use, let's say 2.5 here,
smaller 12.5. Hello around. And now with those changes, I will need to
double-check my project. See that text is not
touching my margins inside and that my backdrop
is touching my blades. So over here, everything's fine. So I'm ready to
simply click File. I'm going to export. From here we will set
up as PDF for print. Double-check that
you've got 300 DPI. We want to be good option
to include bleeds, as you can see here. So that's something that
you want to turn on if your cleaning house
suggesting to include the blades in your
project and take a look, we can export all
pages in one go. So let's try to do that. I'm going to click export. And when you can see right
now is export a PDF? I go to pages in one
PDF, so that's perfect. It should be good enough
for your printing house. And if they got any
troubles with your project, you can always go back to the original project file and make dose
adjustments yourself. It should be simple enough. Let's jump back to the project. I would like to show
you one more thing. Some framing houses required. It's rare nowadays, but I
better show you solve some. Meaning house is required. Youtube. They will say something like
please turn your texts into curves before you send a
PDF. What does it mean? They just wanna be sure
that your texts is exactly like on your
side, on your designs. So they want you to select
everything that is text. And then you can simply select this one,
convert to curves. And then our texts. Now it's not text
anymore actually. If you look in the
layer section, all of those letters
are simply shapes. So it's very safe approach. Nothing can be changed. The fonts will not export with glitches or
anything like that. Keep in mind after you
do something like that, you cannot edit the text. So don't do it on your
main project file. Let's just undo. What do you want to do is make a copy of the whole
project file. So you can go for file and you can save as and give
it a different name. For example, Business Card,
blah-blah-blah, curves. So you know, this
is the one without text at all because we export
them to curves already. Alright, so in that case you
already know what to do. How about if you actually just as little startup business, you don't want to send
this to printing house, which just want to use
your home printer, office printer to pre-announce
some business cards. Alright, In that case, we need to set up
an A4 page or maybe in your country it's
US letter size. So what is the common
printing Page in your area? For that, I'm going to
create a brand new document, so I'll click File New. Now I want to select the actual page that I
will use the paper format. Alright, so that's will
be a vertical, a four. And I need two pages. Alright, that's fine. What else? I don't need any margins. I don't need any
bleeds for that one. Okay. Let's create
this new document. And and this is the one
we're going to set up. We'll put all business
cards on one page manually. Alright, so this is
a Brooklyn new Page, more like home office
set up just A4 paper. And in next step, I will just copy
my design to this, duplicate multiple times
manually for the best result. And then we will be free to fill it out
on our local printer. Alright, so keep in mind that's not a professional Set-up, just a little hack for us. So we are able to print
it out right away. Okay, So let me show you
this in the next video.
10. Home print: Okay. Let me show you how we can set up our little business card on standard A4 paper
for the home print. Keep in mind we are ready export a proper PDF in the
previous video, the proper one with
margins and bleeds. So if you're going to send it to the professional printing
house, use that one. You don't need to duplicate
your Business Card yourself if you're going to send it to professional
printing company. Alright. But in this demonstration, I will copy my design. Just unzoom a bit. Using Command Minus I can copy the whole Ferrante of
the Business Card. And as we can see,
it's not exactly selection is not exactly covering the area of
the Business Card. So we can use a trick here. I'm going to draw our
rectangle on the top of that. I will change the color of this temporary so
you can see it. Take a look that's
just a rectangle. Now the rectangle's size of the margin, so
it's too small. And now that's the size of
the actual Business Card. If I keep expanding that, the next line that's the size with bleeds for the
printing house. I don't need bleeds this time. I'll make it in-between here. Right now, I want to select
everything below that. I'm going to use the layer panel for that icon multiple objects. So I don't want
to do it by hand. Simply click on this layer here. And then holding Shift, I will click on the last
object over here. Alright. Now, with this selected, as you can see, we can
simply group that. So Command G on your keyboard has the
fastest way to group. And I will put it
inside this rectangle. I drop it on the
rectangle. Alright? So it's kind of, the rectangle is working
as my paper here. Now I can copy only
the rectangles or copy Command C. Go
to our new paper, common V. That's
my business card in the correct size as well. I can add a little bit of
border around very light gray, maybe like a D5. This trope need to be
really, really tiny. Let's zoom in a bit. It's a light gray
and only 0.2 K. And now I can simply hold Command Y dragging
around to duplicate. Nice, Let's do it again
for both of them. Again. We can fit
one more or less. All right. How about one more? Seems like it should be alright. All of those business cards, we can select them all now. Re-centered them nicely. And that's not all. Let's draw some additional lines
that will help us out. Why cutting. I will
make one here. And for those additional lines, we can make them actually
a bit darker this time. So around 50. And why they're so 0.5 will do. That's better. I'm duplicate this
Command C command V. I need one more here. And then I will need one
more on this side as well. Now, I will just
simply copy three of them to the bottom
of the screen. It's can be a bit tricky to
move around, right? Nice. So this is outside the
area of the Business Card. This way we can print it here. It will help us to cut, align our life weekdays. And I will do very same thing
for the horizontal lines. Let me just rotate
that 90 degrees. I need to zoom in a
bit, it's too tiny. And then I place one over here. Then holding Command on
Mac or Control on Windows, you can place another one here. If it's not snapping, click on the Business Card for a moment and then go back to it. And it should snap after that. Alright, it's not
snapping again. I will click on Business
Card and then I can snap it. Right. One more. Perfect. I'm going
to select all of them here. Way we forget the
one on the very top. Yes, I did my bad. Let's make a one
month duplicate. We need one more here. Right? Now, we can select all
of those horizontal lines Command C, Command V, and the copy goes
to the right side. As you can see right now, it's really handy when you can use the shortcuts
to zoom in and out. Instead of using the, your hand is way faster, as you might notice. Now, we align that and all of our additional lines that I drove pen
tool are aligned. That will help us to
cut our business cards. Nice. If you want to be sure
that your printer got all inks printing correctly, you can also add one
additional thing. You can draw a four
rectangles here at the side. And we will fill them
with colors from the X. So in that case, we
working with cyan, magenta, yellow, and
contrast color mode, right? So the first one must be 100 and everything
else will be zero. Of course, I want to
apply this to fill color, not the stroke
collide one stroke. Second one will be zero. And then 100. So that's
will be magenta. And again, we need to
pull it on the field. Color is yellow, so let's
go with a yellow this time. The last one, this
will be black K. So this way we can
monitor the inequality, this is outside our Print Area. And in some cases, if you're super serious about as you can even make a copy of that and put it on another corner to the left
side, somewhere here. Alright? If you've got any
troubles on those colors, dots will indicate that
your color maybe blend wrong and maybe not much the company colored
correctly later on. Alright, that's lead
to addition telling our home printing to professional training
studio right now. Alright, I set up the page one. For some of you,
that's will be enough. So what could I do now? I could export this
whole page one as PDF itself and just print
it out on the local printer. And we are done. That mark about the back
of the Business Card. That's why I'm saying
in some cases, when you're doing
the home print, you can make just one-sided Business Card and
that's will be enough. But we already
designed both sides. So let's try to also
put the second back, the reverse of the card as well. This case, I will make
it a bit smaller. I don't need bleeds, so take a look making this bit smaller, grouping everything nicely
common G to make a group. You can also do it by right-clicking on the layer
panel group option here. Copy this to here. And we will have a big problem because not all
printers home print, as cheap print as
will align front and back correctly for us. So what we're going
to do is let's just make enough
duplicates first. So let's just copy
this enough times. All right, that's nice. Now, I will align
this to the center. Now, theoretically it's exactly the same position
as in the Page one. So it should be on the
back of this job done. Actually, real live
is not that simple. When we're working
with printing media, something may be misaligned. Maybe this printer
will print it to millimeters to high and then
mess up all of our printout. So what can we do? We can extend this
color of the backdrop. I going to duplicate chars, the color inside
this group, right? I just need this,
this rectangle. Copy this rectangle,
and I will stretch this to cover the
whole area here. And as you can see, it's way bigger than my business cards. I send it to the back command
Shift N square bracket. I don't need to drag and drag it on the layer
panel that much. Okay, and now I can align this
to the center vertically, horizontally, and I add,
extract color above. Take a look. Here's
the Business Card. I will just put
some guides for us. You can see it. I add extra color. And this is the
one on the bottom. And all of that outside our
guides is just extra color. So if there's any misalignment, we still got this
nice red color. You will not notice
that after you cut, we don't need to add
any cutting guides on the bank because we will look
at the front. Why cutting? Right? And this way, we set up our Business Card
for home print. Let's just simply export as PDF, keep it as 300 DPI. And you are ready to print
this on your home printer.
11. Summary: Congratulations, you reach
the end of this class. We learn about interface
of Affinity Publisher. I show you how to set
up a text Frame for longer texts and also a picture Frame where
we can put images. Then we start the main
project of this class, that was our Business Card. We design a two-sided
business card, setting up margins and bleeds, so it's print ready. Thanks for this project.
You get familiar with some basic tools and workflows. And I hope we will have
more confidence to work on your projects in Affinity
Publisher version. Two. Huge fan of this software, I think it's really underrated, is still quite new. And not many people know
how to work with it. So thank you for taking your
time to learn more about this very powerful software and big enthusiast of
Affinity software. So if you want to learn more about other
programs from this familiar like Affinity
Designer and Photo. You can check my teacher
profile here on Skillshare. I will be waiting
for your project. In the project section below, you can put a front and back of your business card on
one artboard, export as, as JPEG and submit in
the project section on simply snap a screenshot from the program
to save some time. This way you can also
show us your project. Alright, so don't
forget to upload your project so we can
give you some feedback. And also other students can
get inspired from your work. And they will decide our, I will finish this class, I will do my project as well. Trust me, around all around 30% of people reached
the end of the class. So you are already
top of the class just by reaching the end. Alright, well done. Don't forget to do
your project now. Now we're waiting for it. And I hope I will see
you in another tutorial. Bye
Mark Krukowski, Kru Mark Tutorials
