 |
Packaging Tutorial |
 |
| |
|
|
This tutorial is to help
you when designing graphics for packaging on Adobe
Photoshop. It
is not a step-by-step guide. Click on the questions below to learn
how to use that technique. |
|
| |
|
|
|
|
| |
|
|
| |
|
|
|
|
| |
 |
|
|
|
| |
|
|
|
|
| |
|
|
|
|
| |
|
|
|
|
|
|
|
|
|
|
How do I get started?
|
|
|
|
| |
Each side of your box needs
to be a seperate image. You need to first make a new image that
is the right size for the front of your box.
File > New
Then add the correct sizes and select a suitable resolution.
Select 50 pixel/cm for the resolution*
Save this image. (even though there is nothing on it)
Create new images for each side of your box and save them. |
|
|
|
| |
|
|
|
|
| |
*The resolution you select for
your picture alters the quality of your image. 50 Pixels/cm will
give you a high quality print out. Putting it higher will give
you a better quality print out, but a larger file size. All of
your images MUST be the same resolution! |
|
|
|
| |
|
|
|
|
| |
|
|
|
|
|
How do I make the tabs and dust
flaps? |
|
|
|
| |
Make a new layer. Layer > New
Layer
Draw a Rectangle with the selection tool.
Fill it with a colour.
|
|
 |
|
| |
|
|
|
|
| |
We now need to angle the
sides and make more of them.
Free Transform: Press Ctrl+T
Hold 'Ctrl'. Now you can drag in the corners of your tab. Try
it.
When you have it the right shape, still using Free Transfor,
move it into position and resize it.
Press "Return" to finish Free Transforming it.
To make more. Right click on the layer that has the tab on it
in the Layer Window, and select 'Duplicate Layer'
|
|
 |
|
| |
Free Transform: Ctrl+T
Move your new tab into the correct place.
If you have to rotate the tab, type in the amount of degrees into
the tool bar at the top of the screen. In this case I have rotated
the tab 180 Degrees... |
|
|
|
| |
 |
|
| |
Glue tabs and other flaps can
be made in the exact same way. |
|
|
|
| |
|
|
|
|
|
|
|
|
|
|
How do I add effects to the text
and images? |
|
|
|
| |
Right Click on the layer you
want to add the effect to in the Layer Window and select 'blending
options'.
Select the 'Blending option' you want by clicking
on it.
Blending options works
for TEXT and IMAGES
When the name of the Blending option is highlighted
in blue you can edit it's properties. For example you can change
the size and colour of the shadow in 'drop shadow' |
|
|
|
| |
|
|
|
|
|
|
|
|
|
|
How do you make the white box
behind the text. |
|
|
|
| |
To make the box all you do is
make a new layer, use the selection tool to draw a box, fill the
box white and make is slightly see-through.
Layer > New Layer
Draw a rectangle with the selection tool.
Fill it white using the paint can
Now use the opacity tool to make the box more transparent (see-through)
A coloured box like this makes the text stand out. The box does
not need to be white. Experiment with other colours. |
|
|
|
| |
|
|
|
|
|
|
|
|
|
|
How do I change the colour of
the background image? |
|
|
|
| |
This one is dead easy.
Make sure you are editing the layer that you want to change
the colour of.
Image > Adjustments > Hue and Saturation
Tick the 'colorize' button
Now play with the slider bars
Hue: Changes colour
Saturation: Changes the amount of colour
Lightness: Well that's obvious!
|
|
|
|
| |
|
|
|
|
|
|
|
|
|
|
How do I layout the different
images of my box like a net? |
|
|
|
| |
You need to make a new image first
to copy them onto.
File > New Image
Add the height, width and resolution
as seen in the image to the right*. Then Press OK
*These sizes are a little smaller
than A3. They need to be as A3 printers do not print right up
to the edges of the paper.
|
|
|
|
| |
You
cannot just copy the images of your sides onto this new page
as your images are made up of many layer, we must make them one
layer
Layer > Flatten Image.
Now you can drag your image from the
layer window onto your A3 page.
Repeat this for each side of your box.
Now you can arrange them on the page
using the move tool.
TOP TIP 1: You
must zoom in very close to your image to ensure that all your sides
are lined up 'pixel perfect' and that there are no gaps between
them
TOP TIP 2: Use the arrow keys on your
keyboard to move you images one pixel at a time to get them 'spot
on'.
|
|
|
|
| |
|
|
|
|
| |
|
|
|
|
| |
|
|
|
|
| |
|
|
|
|
| |
|
|
|
|
| |
|
|
|
|
| |
|
|
|
|
