who said that photo manipulation can only be done in photoshop well today find out
how to turn yourself into a paint stroke vector poster design within adobe illustrator but first
a quick word from today's sponsor framer it's really great being able to show how a design looks
but it's even more impressive if they can actually experience the design itself as well as understand
how it feels and how it behaves learn more about framer later in today's video there are some key
aspects to today's tutorial that you need to get right to ensure the final design is effective
but firstly you will need two things of course you firstly need an image and if you don't have a high
quality high resolution image of yourself then you can use free websites such as unsplash.com
as seen here they have high quality and high resolution imagery for you to grab completely for
free also you will need to have some paint brush vectors and for that i'm going to use freepik
and within freepik you need to make sure that you check the vector box and also the free box so that
you can then grab your downloads right away and just give a search for paint brush vectors so
working on a portrait artboard in illustrator i'm arranging multiple brush vectors so they make up
one large paint stroke effect now you can take your time doing this because you do want to make
sure the brush strokes look realistic and they look pretty cool i like to try and get some of
the texture on the edges because i think that adds to the final effect personally now it's a good
idea to lay the brush strokes over your artboard so you can engage how much of your poster will be
taking up by the design itself and you probably will want to cover as much of it as possible
so when you're finally ready we're going to unite all of the paint strokes together by first
clicking and dragging over them and then using the unite function in the pathfinder window if you
don't know where the pathfinder window is you can find it under window and pathfinder at the very
top now most people from this point onwards think it's just a case of using a mask but that often
is not going to work if i bring over my image and ensure the brush strokes are above the image and
then i select both items right click and attempt to use a clipping mask you will see what happens
so to rectify this what we need to do is first select our brush strokes and then
create a compound shape and this will then allow us to make that clipping mask that we need to use
however i still have some important things to show you in today's video
so if you want to move the image around independently of the strokes you will need to
come into the toolbar and then hold down a click on the direct selection tool and this is so you
can locate the group selection tool with this just click here like so and then you can shift
the image around with the arrows on your keyboard also by pressing v on your keyboard v for a vector
you can use the selection tool and manipulate the image behind the brush strokes
when you're doing this you should be aware of the edges on your image in relation to the actual
brush strokes of your poster if you move around the image and the edges do not meet the boundaries
of your vector things will look choppy and cut off and thus the end result isn't going to look decent
so i finished off with three different typographic solutions and i did that by implementing hierarchy
and also font pairing but let me know which one you think works the best out of the three
so interactive prototyping is the best way to communicate your app or your website's idea
the sponsor of today's video framer is a no code free to use tool making it easy for anyone to
become a prototyper you can insert pre-built interactive components in seconds sliders that
actually slide and inputs that can be filled as well as buttons that can actually be clicked
or of course you can create your own complete with every state and variation you need and
that's all completely code free thanks to the new smart components release sign up to framer
today at framer.com forward slash satori and that link is going to be down in the description box
below i hope you enjoyed following along and making this poster design today and if you want
to see more content just click a video on screen until next time design your future today peace