Transcripts
1. Intro: Hello, everyone.
Welcome. My name is Vig, and I will be guiding you through every step
of the process from starting a blank page to creating a professional
industry standard poster. We will start by setting up
our work space in photoshop, ensuring that all
the necessary tools and panels are ready for
efficient designing. We will create an eye catching background
that complements our ke design and make the
poster visually appealing. I will show you how
to add text elements like the product name
and promotional details, using typography that stand out. We will add various graphic
elements, such as cookies, illustrations, and
chocolate chips to make our poster
more engaging. I will teach you how to take your poster design and transform it into a
product packaging design. Ensuring it looks professional
and appealing on a packet. Finally, we will apply finishing touches to ensure our
design look polished, and then we will export our
industry standard poster. By the end of this, you will
have the skills to create your own professional grade poster and product
packaging designs for any product or event, whether you are a beginner
or a professional. This will provide you
the knowledge and technique to take your
design to the next level. So let's start and bring
your creative sign to life. Grab your designing tools, and let's dive into
the world of design.
2. Project Setup and Initial Configuration: Let's start by opening Ptosop. It might take a little
bit time to open. By the way, if you want to
use Photoshop smoothly, you should have at
least eight GB of RAM. Great. Potosp has opened. First, we will
click on new file. And here we need to choose the
dimension for our project. For now, I've chosen a width of 17 52 and height
of 27 15 pixels. After this, we will click on
Create to start our project. So our project is now created, and we have a beautiful
white page in front of us. Great. On left side,
we have our tools. All these tools are
very important. And here at the bottom right, we have the layer spanel. This is also very important.
3. Creating Product Design Background: Now we will first click
here to create a new layer. Great. Next, from the tool
spanel on the left side, we will select the pen tool. Using the pen tool, we will create a wave
like design on the page. We need to do this
very carefully and precisely because this
step is very important. By the way, I should mention
that the pen tool is one of my favorite tools because we can create really
great designs with it. Perfect, we have
made our design. Now let's it a bit. Just little air. And just little air. Perfect. Now we will double click on this layer
to open the color picker. From air, we will
choose a nice color. I think this color will be good. It will match well
with our project. Now we will right
click on the layer of this shape and choose
blending options. There are many options here, but we will select Bevel SN Abs. As soon as I selected it, you can see that some shadows
have appeared on the shape. Now we will choose a color. A little bit of
white might be fine. No, I think slightly
darker will be better. Perfect. This looks good. We will adjust the
depth a little then adjust the soften and also
adjust the side a bit. The style should be inner. Now we will adjust the
depth ale bit more. P s. It's looking good. Now let's click. We will select the rectangle shape from the tools panel and draw a rectangle covering
the entire page. Yes, this will be fine. Next, we will click on fill
and choose a nice color. I think this color will be good. If you need the color code, you can find it here. Perfect. Now in
the layers panel, we will move the
rectangle shape layer below the shape layer. It's look pretty good now. Now, right click on this shape
and open blending options. Inside Bevel and emboss, we will make this color
a little bit more darker. It looks good now. Let's click ok. Now we will
adjust the size of bit hair. Perfect. Let's click okay.
4. Finalizing the Product Design: Now we will select both shapes
together and group them. Let's name the group background. Perfect. Now we will click
on file and then open. From here, we will
select our model. For now, let's choose our model, which is cookies
image and open it. Now we will select
the cookies image and drag it onto
our design page. Perfect. We will place it towards the bottom right and
increase its size a bit. Let's adjust it until
it looks right. After that, click the check mark at the top to apply the changes. Now, right click on
the cookies layer and open blending options. This time, select
the drop shadow. Adjust the angle a little bit. And also tweak the distance. I think angle of 126
degree will be suitable. We will also adjust
the size and spread a bit and tweak the opacity. The opacity control how dark
or light the shadow is, and I think 71 is good. Everything else looks fine. We will also adjust the distance which control how far
the shadow extent. Onton click ok. It looks really good now. Next, we will choose the
pen tool again and create a design at the top right of the page. Something like this. Perfect. Now in
the layers panel, double click on this shape
and choose a color from here. I think we should use
the same bright color here as we at the bottom. It looks great. Doesn't it? Let's rename the cookies
layer to cookies. We have completed half
of our work so far, but there's still
some more work to do that will really
ace this design. Now, select the text tool from the tool section and
write at the very top. Our main task is now to
choose a great form. Choosing the right phone in the right place
is indeed an art. If the phone does not
match the design, it can ruin the entire look. For now, let's choose this
pm since it seems right. But honestly, it's
not looking right. Let's try another phone. There are so many options. This one Cascadia
mono looks good. Perfect. Now let's
write 5% extra. Perfect. Click the
check mark at the top. Next, we will adjust the size of the text to
fit inside the shape. We will use the keyed arrow for more precise
adjustments. Now click. In the right property section, increase the to the
maximum 700 and click. Perfect. Next, let's write cookies on the next line. Actually, let's remove cookies and move extra to
the lower line. It looks great now. Now adjust the text a bit more. Since we have more space, let's increase the size as well. It's good now. Now, let's select the text tool from the tool section again. This time, we will write
in the center of the page. I will write Spero. Let me think if there is
anything else to add. Super copulate seems
to be a good choice. Select all characters and
center align them at the top. Then click the check mark
to apply the changes. Now it's time to
choose the font again. I have selected this font, and it's quite good. Let's move the
text to the center of the design and
increase its size a bit. Now, right click
on the text layer and select blending options. This time, we will
choose stroke. Set the size to around 40. This should be good. For opacity set it's about. This will work. Now select the drop sad and
set the color too dark or as, I think, make it pure black. After that, adjust
the spread a bit and also adjust the
opacity. Now click on. Now let's select the text
tool from the tools panel. Again. This time we will
write at the bottom. First, let's make the
size a bit smaller. Next, it's time to
choose the pont. We need a simple phone, so we will choose en. Now we will write 100
ground in the text. Now let's make it a bit
bigger and adjust it. I think we should rename
this text to net 800 gram. After that, we will take
the check box at the top. Then we will adjust
it a little more. Now we will open
an image of fire. Perfect. Let's leve it
on the site for now. We will use it later. Let's go back to
the design page. Now from the tool section, we will select the shapes. Here, click on the sap Picon at the top to open all the ss
and choose one of them. I think this sap
safe will be good. Let's select it. Now we
will draw the safe air. Next, it's time to
choose a color. At the top where it says still, open it and choose a color. For now, I will
choose this color. Perfect. Now let's adjust
this save a little. Now we will go to the
layer section and move the leaf layer to the bottom
above the background layer. That leave goes behind
everything else. Perfect. Now let's move this leaf down a bit and
make it a little smaller. Then click the check at the top. Perfect. Now we will duplicate this leaf by
pressing control plus j and place this new liap
at the top position. At just a bit like this. Perfect. Now we need to
increase the size of the shape. First, select it
and press control plus t to bring up the
transform controls. Now increase its size a little
and adjust it like this. Perfect. Now let's move
this tele bit to the side. Go. Now let's save
this project because it's important to save your
work from time to time. Otherwise, all your
effort could be lost. We will name this
project cookie design. Now let's bring the
fire image onto our main canvas and tilt it a little
bit, just like this. Then go to the layer section and set its blend
mode to screen. Move its layer directly below the leaf layer so that
it goes behind the text. If we move this layer
even further down, the fire image won't be visible because it will
behind the background. For now, let's keep it
just below the leaf layer. Now we will adjust
this image so that only the fire particles
are visible like this. Also make it a bit
bigger. Per check. Now select the eraser tool from the tool section and remove the particles
behind the text. We will reduce the opacity of the eraser bit and then
erase it like this. Now, go to the layer section
and select the fire image. Here, we will reduce
the brightness. However, you might notice that brightness of the entire
canvas is decreasing. We want to adjust the brightness
of just the fire image. So click on this icon. Now we will reduce
the brightness. And also increase the contrast. Perfect. Now we will choose
the curve tool and we will adjust it as
I'm doing. Perfect. We will move this
network text a little up because when we use
this design on packet, it should mess the
correct position. We will also make it
a little smaller. Now we will export this design.
5. Transforming Design into Packaging: Now we will open a new project, and in this project, we will open our
packets Mockup file. This is the packet where
we will add our design. Now, we will click on select at the top and then
click on subject. This will automatically
select our packet, but it might take
a little wet tile. Perfect. You can see that
our packet is selected, and it's done very well,
including the corners. Now we will press control plus j to make three to
four duplicates of it. You can see in the
layer section, the duplicate file
have been created. Now we will open the design
file, we created. Great. The design file is open. Now we will drag this file to our main canvas, like I'm doing. Right now it's look like the design image is
behind the packet. To fix this, we will go to the layers panel and temporarily hide all
the layers above it. Now we will carefully adjust
this design over the packet, just like I'm doing. Make sure to check all the
corners carefully, if needed. You can make the
image a bit bigger. I have adjusted the image. Perfect. Now, right click on the image layer and select
to create clipping mask. You can see that
the design image is now masked according
to the packet. However, it is still slightly extending beyond the packet.
So we will adjust it. We will move it a bit down
and also to the right side. Great. It's looked
quite good now. But the image is slightly
smaller on the both top sides. To fix this, we
will press Control plus t to open
transform controls. Then click on this
icon and carefully, we will adjust the
corners like this. The left side is fixed now. Let's also correct the
right side. Like this. It looks good now. Click on the M to finalize, and our packet is
properly adjusted. Let's also adjust the
5% extra text a bit. Great. It looks good now. Now we will set
the packets layer to multiply in the
layer s panel. Now we will unhide this layer. After that, right click on it
and create a clipping mask. Then we will set it
to linear. Very good. Now we will adjust the levels of this layer so that it
matches the packet. For this, we will press control plus L. From here,
we will adjust it. You can see that as
I am adjusting it, the packet is looking
better and better. Now this looks right.
We will click. Now we will select the top layer and set it to the linear burn. After that, we will
adjust its level two. To adjust level, we will
press Control plus L, adjust it like I'm doing. After that, we will click. Now we will select topmost
layer and set it to screen. After that, we will press
control plus and adjust the highlights of
this layer to mets the packet, like I'm doing. Perfect. Now we will click. Now, our packet looks very good. After this, we will save it.
6. Creating Product Poster from Packaging: So far more than half
of our work is done. Now it's time to make the
final product poster. So let's get started. First, we will create
a new file and set its size to 2000
by 2,400 pixels. After that, we
will click create. As you can see, our blank
white canvas has been created. Now we will start by
adding a background color. For this, we will click here
and choose solid color. Perfect. Our color
picker has opened. From here, we need to choose the color
for our background. Since our product is
related to chocolate, we will choose a background
color similar to it. I think this will be right. Let's click Okay. Now we will open the image of the
packet that we have created? Perfect. We only need the
packet, not the background. To do this, we will click on
select and choose subject. This will take a little
time for processing. We could have selected it
from the tools panel as well, but this method is easier. It selects the subject
in a single click. Now that our packet is selected, we will drag it on
to our mean canvas, just like I'm doing. Are you enjoying this so far? Because working
with fun always add a different kind of
pleasure to the process. Now we will adjust the packet. We will center it and
make it a bit smaller. We need to do this
very carefully because these small steps make
our design looks good. Now we will go to
the layers panel and create another layer
below the product layer, because we need to make
a ground on our canvas. Now we will hide the
productive layer. After that, we will go to the tool spanel and
select this tool. We will then select an
area of the canvas. Next, we will select
the gradient tool and open the gradient editor. From here, we will open the basic fold and choose the foreground to
transparent gradient style. After that, we will
choose a collar. Remember the collar so a bit lighter so that it looks
good on the canvas. I think this color will
be good. Let's click. Okay. Now we will drag the
mouse in the way to scroll. Also set the opacity
to around 45. After that, we will use the
gradient like I'm doing. It may take a little time, but the result
will be very good. Make sure it's look great
from all the sides. Now we will unhide
the product layer. Next, we will click on gradient layer and
add a mask to it. Choose the black
color for the mask. Then select the gradient tool
again from the tool seen. This time, we will choose
this gradient style, and set the opacity
to around 46. After that, we will drag from
the corners in this way, just like I'm doing. It may take you some
time to do this. But the more detailed design, the better it will look. We will darken the edges a
little from all corners. After that, go to the layer
sen and select this layer. Then go to the filter. Choose Blur, and
then Gain Biller. Adjust to the blur
a bit from here. Perfect. It looks
quite good now.
7. Enhancing with Reflections and Shadows: Now we will select the
packet and adjust it a bit. After that, we will create
a reflection of the packet. For this, we will go
to the layer seen, select the product player and make a duplicate by
pressing control plus j. Then we will go to
the main Canvas. Press Control plus t to
open the transformed tool, and right click to choose
the flip vertical. After that, we will move it down to below
just like I'm doing. Then we will place
the reflection layer below the product layer. Now we will go to filter, then blur, and then
choose motion bl. First, we will adjust
the angle of blur. After that, we will
set the blur distance. It looks quite good now, so we will click. Now we will click on the
reflexion layer and add a mask. After that, we will
choose a dark ace. Black will be fine. Then from the tool section, we will select the
gradient tool, choose this style, and
reduce the opacity a bit. After that, we
will try to darken the reflections from the bottom to give it more realistic. This may take some
time, but that's okay. The more time you spend,
the better result will. After that, we will
slightly increase the opacity and we
will work from bottom. We will increase
the opacity a bit more and work from bottom
with great details. Just like I'm doing. Now set the opacity to
hundred percent to give it a slightly
more transparent look. Okay, this looks quite good now. Now we will select the
reflection layer and we will press control plus t to
open transform tool. We will carefully adjust
it from all corners. Take as time as needed. Details is it. It looks quite good now. Now select the reflection layer and reduce its opacity a bit. This level will be good. After that, click on the image. Then go to adjustment and
select brightness contrast. Increase the
brightness from here. It looks very good now. Now we will create a
sedo for the packet. For this, we will select the reflection layer and
create a new layer above it. Then go to the tool section, choose the brush tool and select a completely black color. After that, right click on the canvas to adjust
brush setting. Then reduce the opacity a bit and also decrease
the brush sage. After that, gently draw the
shadow just like I'm doing. Now select the shadow
and adjust it a bit. If the corners of the
shadow looks a bit odd, we will erase the
sides a little bit. For this, we will go to the tools panel and
choose the eraser tune, and we will reduce the
opacity of the eras. Smoothly, remove the
corners of the shadow. Let's set smoothing 200% and remove the
shadow on one side. Now let's do the same
for the right side. It looks very good. Finally, select the shadow
and adjust it a bit. Perfect.
8. Adding Depth: As you can see, as
we move forward, our product looks more
and more realistic. Now we will select the
product layer and right click on the layer and
choose blending options. And from here, we will choose inner globe and
select a good color. I think this color will
be right, Let's click. Okay. Now let's check the blend mode to see
which one looks best. In multiply mode,
it become too dark. We will leave it in screen mode. Which looks better. After that, we will adjust to
the size a bit. Perfect. Now we will click. Now we will add some depth to the background of the packet. For this, we will go to the layer section and
create a new layer. We will name it depth. Let's also rename
the other layers. Shadow for the sad layer. And product for
the product layer, and reflexion for
the reflexion layer. And the last one
background color for the background
color layer. Great. Now there is no confusion. Next, we will select
the depth layer again. Go to the tool seen and we will select a breast tool and we
will choose a light color. Then adjust to the
breasts and select the soft round breasts
from the opsens. After that, set the
opacity to 100% and the flow to about 50 to 49%. Start gently bussing
on the canvas. Pay close attention
to this step. It looks quite good now. Next, choose the tool from the total scent and reduce
the flow and gently remove the corners. Perfect. It looks very good now.
9. Finalizing and Polishing the Design: So now we will open
the cookies file. Next, select the object
selection tool from the tool section and select the cookie,
just like I'm doing. Then we will drag it
into our main canvas. Now add to the cookie. I think this position
will be right. Perfect. Next, select
another cookie in the same way and bring
it onto the main canvas. We will adjust the both cookies. And now their
positions looks good. Now we will select the
cookie and go to the filter, choose blur, and then. First, we will adjust the angle. Perfect. We will apply the Mosin b to the other
cookie in same way, setting the blood
angle like this. Perfect. Now go to
the layer section, select both cookie layers and press control
plus G to group them. There is no confusion. We will name this group cookies. Perfect. Now we will open
the choco chips file. After that, we will name
its layer choco chips. Move this layer below the cookies layer so that the
choco chips go underneath. Now adjust it on the canvas
just like I'm doing. Perfect. Then go to the filter, choose Blur, and
select motion blur. Set the blood distance to, I 29, this will be right. Now we will go to the
s. Choose the aser. And set the capacity 200%
and the flow to also 100%. After that, we will remove some choco chips so that
they appear more spread out. Do this step very carefully as it's a very important step. Yes, I have removed quite a few choco chips and
it looks very good now. Next, we will move the
copies a bit lower. And adjust the choco
chip slightly. After that, we will
increase the brightness a bit and also
adjust the contrast. Now our design is complete. Now it's time to save it. Perfect. I hope you like and
learn from this class. A
VIJAY SINGH, GRAPHIC DESIGNER
