Tutzor

Step 2 / Step 27:

Once we have setup the main document, we are now going to add the guidelines. Guidelines are important in making your design print ready as it will help you place your design elements correctly within the bounds for printing. To start creating guidelines you must first have the rulers visible in your Photoshop. If you do not see rulers in your document, press CTRL+R or go to View -> Rulers. You should see the rulers appear at the edges of your document.

step 2 imgs / step 27 imgs:

Step 3 / Step 28:

Great! Now we are going to define the edges of our document by using the guidelines. Simply click and drag your mouse from the horizontal or vertical ruler to the document. Place the light blue guideline at the precise edge of the canvass. (do not worry about it being at the edge, you will see them clearly enough layer once we increase the size of our document. For now, make sure they are in the correct place.

step 3 imgs / step 28 imgs:

Step 4 / Step 29:

Now, we shall make our canvass size bigger. Go to Image -> Canvass Size… Add 1 inch to the width and height values. Also make sure that the anchor is set to the center. By doing this we basically create a margin for our document.

step 4 imgs / step 29 imgs:

Step 5 / Step 30:

It should now have some borders like the picture below. Take note that if your background color is not white, and is set to a different color, the new spaces will probably reflect that color. So just fill those areas with white with the paint bucket tool.

step 5 imgs / step 30 imgs:

Step 6 / Step 31:

Now, we setup the bleeds. Zoom in a bit on a corner of the canvass (hold the ALT key and use the middle scroll mouse button to zoom in easily). Now, create an additional guideline that is 0.25 inches away from our initial margin. This will be the bleed. This margin is the leeway that a designer gives for discrepancies in printing. Do this for all four sides of our document.

step 6 imgs / step 31 imgs:

Step 7 / Step 32:

Also, in the same fashion, create a security guideline set. These are the guidelines where no text or graphic must cross. This is our main design border so to speak so that no elements get too close to the edges of our design. Just set these guidelines at 0.25 inches away from our bleed border. In the end, you should have something like this:

step 7 imgs / step 32 imgs:

Step 8 / Step 33:

Great! Now, before starting with the design. Take note that a Trifold brochure has three major parts or panels. We will create the column guides so that it is easier for you to see where the folds of the trifold brochure will be. To do this easily, create a rectangle shape with a grey color using the Rectangular shape tool. (Do not worry, it can be any size.) Make sure of course that you start from the shape from the corner of our bleed of course to span the whole height of that area. Then, duplicate this shape two times (press CTRL+J). Position the duplicates at the side of the original rectangle. In this example, we have changed the color of the shapes so that they are easily visible.

step 8 imgs / step 33 imgs:

Step 9 / Step 34:

Now, to make the columns equally distributed across the document, we select all three rectangles in the layer panel. Just hold down the shift key and click on all three layers. Afterward, press CTRL+T to enable the transformation of the shapes. Drag the transformation box to the right side bleed border.

step 9 imgs / step 34 imgs:

Step 10 / Step 35:

With those panels in place, you should see where you should put your panel or column guidelines easily. Just add those guidelines like you did with the others. ALSO, add a security border on the left and right side of them as needed. Delete the rectangles once done. In the end we should have a FINAL looking guide document like the picture below. Now would be a good time to save our document as a brochure template.

step 10 imgs /step 35 imgs:

Steps 11-20 / Steps 36 - 45

Step 11 / Step 36:

Now, before we go forward with our design, we will just setup a base background and some trim guides. Using the rectangle shape tool, we have created a new rectangle with a theme color. Here we are using an off white color (#fffaf1). Make sure it spans our guidelines including the bleed area. This should mark the whole span of the document.

step 11 imgs /step 36 imgs:

Step 12 / Step 37:

Next, using a simple line tool we place in a 1pixel line as trim guides. Use the guide lines for the bleeds to add the trim lines at the outer edge of our design like so. Create a new group and place all these line layers within that group to make things more organized.

step 12 imgs / step 37 imgs:

Step 13 / Step 38:

Great! Now make a final save for this template. You should now be ready to create the real design. Create a new save file (after creating your file template) and name is as your new brochure. Then paste in the background texture or color that you want for your design. Here we are using a grunge texture to establish the theme that we want. We got this for free through this generous person on deviant art. (http://cloaks.deviantart.com/art/Grunge-II-Texture-Pack-91811854).

step 13 imgs / step 38 imgs:

Step 14 / Step 39 :

Then, press CTRL+SHIFT+U to desaturate our texture layer. Change the blend mode of this texture layer to “Multiply”. This is done through the layers panel. Reduce also its opacity to around 80%.

step 14 imgs / step 39 imgs:

Step 15 / Step 40:

Now we shall add additional elements to our design. First we create some ribbons. Using the rectangle shape tool we inscribe a red stripe across our design.

step 15 imgs / step 40 imgs:

Step 16 / Step 41:

Then, double click on the stripe layer. The layer styles and blending options window should open. We will now add some extra effects on our stripe to make it look better. First up is a Gradient Overlay. We click on the Gradient Overlay checkbox and change the color gradient fill by clicking on its box. Make sure to use a good blending of two colors that matches your theme of course in the gradient editor. Also, change the angle of this layer style to 100 degrees.

step 16 imgs / step 41 imgs:

Step 17 / Step 42:

Then, click on “Stroke”. Change the following attributes.

a. Size: 3px

b. Position: Inside

c. Color: (use a lighter shade of your gradient).

step 17 imgs / step 42 imgs:

Step 18 / Step 43:

Finally, add a drop shadow. Just click on the drop shadow checkbox then change the following values:

a. Drop Shadow color: Black

b. Distance:3px

c. Size: 5px

d. NOTE: you can adjust the values depending on how big or small your stripe is.

step 18 imgs / step 43 imgs:

Step 19 / Step 44:

Once done, you should get something like the picture below. Now, in terms of color this is great, but it is too clean. This means that we will want to add texture.

step 19 imgs / step 44 imgs:

Step 20 / Step 45:

To add a texture, we will just use our background texture image. To do this, first duplicate our texture layer by clicking on it in the layers panel and pressing CTRL+J. Then, we move it to the front of our red stripe layer. Change the blend layer back to normal and up the opacity back to 100%. Afterwards, we reduce its size a bit by pressing CTRL+T and then shifting the size to match with the stripe.

step 20 imgs / step 45 imgs:

steps 21-25 / steps 46-50

Step 21 / Step 46:

Now, we will delete the areas of the texture. To do this, hold down the CTRL key and click on the thumbnail of image mask of our stripe (NOT THE TEXTURE). Then press CTRL+SHIFT+I to select the inverse of the stripe layer.

step 21 imgs / step 46 imgs:

Step 22 / Step 47:

Then, click on the texture layer, and then start erasing its edges, leaving only the texture within the stripe area.

step 22 imgs / step 47 imgs:

Step 23 / Step 48:

Finally, change the blend mode of our stripe text layer to “Linear Burn”. This gives us that great texture effect to our stripe. For now, we have removed the guidelines for you to view the textures much clearer. Remember that you can turn on or off the visibility of the guidelines by pressing CTRL+H.

step 23 imgs / step 48 imgs:

Step 24 / Step 49:

Once you are happy with your stripe, create a layer group with this modified texture and the main red stripe. You can do this easily by clicking on the “create a new group” icon in the layers panel.

step 24 imgs / step 49 imgs:

image047.png

Step 25 / Step 50:

Now, with the group selected, we rotate the stripe so that it is at an angle in a creative fashion. To do this, press CTRL+T to transform our stripe group. Move your mouse over the edge of the box and then just drag your mouse to start rotating the stripe.

Continue Reading here:

step 25 imgs / step 50 imgs:

image049.png

Re: Design a colorful POP art poster in Photoshop

admin — Mon, 25 Jun 2012 05:30:02 +0000

Re: How To Add A Neon Text Effect To Your Titles Using Photoshop

admin — Mon, 25 Jun 2012 05:29:25 +0000

Re: How To Add A Neon Text Effect To Your Titles Using Photoshop

admin — Mon, 25 Jun 2012 05:26:48 +0000

Designing a Psychological Thriller Themed Design in Photoshop

ilovegraphics — Wed, 30 May 2012 06:58:42 +0000

Editor's Picks:

Regular Submission

Creating a Psychological Thriller movie poster will require some special effects to fully emphasize the thrilling and psychological nature of your design’s subject or theme.

Taxonomy

Difficulty Level:

Atypical (11-20 steps)

tutorials type:

Illustration

Required Files

Required Files:

image046.gif

Final img:

image046.gif

Steps

Step 1 / Step 26:

Creating a Psychological Thriller movie poster will require some special effects to fully emphasize the thrilling and psychological nature of your design’s subject or theme. Here in this tutorial, you will learn some easy techniques on how to accomplish these effects. Let us get started.

1.The first thing that we need to do is to process our main image model. So we open the image and then start with taking out the background. By the way, this image came free from a very generous photographer located here: (http://b-e-c-k-y-stock.deviantart.com/). Now there are many ways to do this using Adobe Photoshop, and it all depends on how well prepared the image is. In our example, it was pretty easy using the magic wand tool to select and take out the background. However, you can also use the magnetic lasso tool as well as the pen tool if you want to inscribe the selection yourself.

step 1 imgs / step 26 image:

Step 2 / Step 27:

2.Now, with that main image prepared, we will now create our main poster document. For this tutorials sake we are designing a poster but bear in mind that you can also apply this effect on brochures, the flyers, even postcards. Just press CTRL+N in Adobe Photoshop to create a new document. Set the dimensions as needed for your poster design. Set the resolution to 300ppi if the document is truly for printing. Set it lower if it is just for web (around 72). Once done, press OK.

step 2 imgs / step 27 imgs:

Step 3 / Step 28:

3.With the new document open, we paste in our background (a city street) and our main model image that has been processed earlier. We have scaled both images of course to match each other relatively fine. To do this simply press CTRL+T with a layer selected and then adjust the size using the transformation box. Scale them properly by holding down the shift key as you resize the box so that the proportions are constrained.

step 3 imgs / step 28 imgs:

Step 4 / Step 29:

4.Now, we will add a color layer to add to our design so that we integrate both our background and our main image better. Create a new layer on top of everything. Now, Using the Gradient tool create a radial color gradient in the new empty layer. Make sure of course that you are using your theme color. Change the color of your background and foreground to achieve this.

step 4 imgs / step 29 imgs:

Step 5 / Step 30:

5.Now, look at the layer in the layers panel. Change the blend mode to “Color” and reduce the opacity to 90%. This should give our layer the selected color theme that we like.

step 5 imgs / step 30 imgs:

Step 6 / Step 31:

6.Good. Now duplicate the background layer with buildings that we have. Do this by simply clicking on that layer in the layers panel and pressing CTRL+J. Hide that original for now as backup, buy clicking on its visibility icon (eye icon). Once done, click on the duplicate buildings/background layer.Press CTRL+T to start transforming this background. Right click on the grid that appears and select “Warp”. Then, just use your mouse to twist and turn the image to your specifications. Here we are communicating the sense of confusion and psychological dysfunction.

step 6 imgs / step 31 imgs:

Step 7 / Step 32:

7.We shall darken our background a bit more. With the background layer selected, go to Image -> Adjustments -> Levels.Adjust the shadow input level (leftmost arrow) a little bit to the right to darken our image a bit.

step 7 imgs / step 32 imgs:

Step 8 / Step 33:

8.Now, click on this new warped layer to select it. Use the magic wand tool to select the sky and horizon from our background image. Create a new layer by pressing CTRL+N and then fill that selected area with a theme color whilst the new layer is active. This gives us the opportunity to make some special effect on the Horizon.

step 8 imgs / step 33 imgs:

Step 9 / Step 34:

9.Great. Now with the “horizon” or sky layer selected go to Filter -> Blur -> Gaussian Blur. In the window that opens, select a radius of 28 pixels.

step 9 imgs / step 34 imgs:

Step 10 / Step 35:

10.Then, change the blend mode of this layer to “Soft light”. Duplicate this layer 4-5 more times after by pressing CTRL+J. this should make it look brighter.

step 10 imgs /step 35 imgs:

Steps 11-20 / Steps 36 - 45

Step 11 / Step 36:

11.Then, duplicate our background buildings layer by pressing CTRL+J. Change the opacity of the duplicate to 75%. Then nudge it 5-10 times to the right. This gives us a double vision effect that should enhance the intense emotion of our poster.

step 11 imgs /step 36 imgs:

Step 12 / Step 37:

12.Good! Now to organize things. We created two groups, the highlights layer group and the backgrounds layer group so that it is easy to see the other layers that we will be creating. The next step is to work on our main model. First up create a new layer behind the guy by pressing CTRL+SHIFT+N. Then, using a very soft and small black brush we paint in soft shadows below the feet of our model. Then we reduce the opacity of this layer by 60%.

step 12 imgs / step 37 imgs:

Step 13 / Step 38:

13.Now we shall create a longer shadow. Create a new layer again. Next, hold down the CTRL key and click on the thumbnail of our guy model layer. This will select the area of that layer. Use the paint bucket tool to paint this in black.

step 13 imgs / step 38 imgs:

Step 14 / Step 39 :

14.Now, put press CTRL+T to transform this layer. Rotate it so that it looks like a long shadow emanating from our guy.

step 14 imgs / step 39 imgs:

Step 15 / Step 40:

15.Afterwards, apply a Gaussian blur to this long shadow. Go to Filters -> Blur -> Gaussian Blur.Use a 5 pixel radius.

step 15 imgs / step 40 imgs:

Step 16 / Step 41:

16.Next up, we reduce the opacity of this layer to 90%. Then using a large and soft ERASER brush, we erase some parts of the bottom part of the poster so that they fade out.

step 16 imgs / step 41 imgs:

Step 17 / Step 42:

17.Now we start with highlighting the guy. Using a soft dodge tool, we highlight parts of the skin of our main model. Make sure to adjust the size of the brush accordingly so that it fits okay.

step 17 imgs / step 42 imgs:

Step 18 / Step 43:

18.Now, we will add some highlights on the body. We create another new layer on top of the scared guy layer by pressing CTRL+SHIFT+N. We then select the area of that scared guy layer by holding down the CTRL key and clicking on its thumbnail. We then click on the new layer again (light guy) and then paint up our highlights with a soft, small white brush.

step 18 imgs / step 43 imgs:

Step 19 / Step 44:

19.Then we add some subtle color. Duplicate our main guy layer again and move it on top of all the layers. We change its blend mode to color. Afterwards, we erase parts of its edges so that only parts of the skin have color while the rest retain the cool eerie color.

step 19 imgs / step 44 imgs:

Step 20 / Step 45:

20.Then, we type in our text title for our poster. Just us some creative fonts when you can.

step 20 imgs / step 45 imgs:

steps 21-25 / steps 46-50

Step 21 / Step 46:

21.Great! Now as a finishing touch, we will add some filters. First, merge all the layers that you have into one. Duplicate the merged layer once. Then with that selected go to Filters -> Artistic-> Film Grain. Adjust the values of the grain as you want. Look at the previews in the window.

step 21 imgs / step 46 imgs:

Step 22 / Step 47:

22.Then, just change the blend mode of this filtered layer to Overlay and reduce the opacity to 70%.

step 22 imgs / step 47 imgs:

Step 23 / Step 48:

23.Great! Now we have finished our Psychological Thriller poster. Congratulations!

step 23 imgs / step 48 imgs:

How To Design a Textured Business Card in Photoshop

irenethompson80 — Wed, 23 May 2012 10:13:01 +0000

Editor's Picks:

Regular Submission

While you can actually pay business card printer to use special textured paper, for your creative business cards, there is

Taxonomy

Difficulty Level:

Advanced (21+ steps)

tutorials type:

Design

Required Files

Final img:

image018.png

Steps

Step 1 / Step 26:

While you can actually pay business card printers to use special textured paper, or even more exotic materials for your creative business cards, there is a way to use Adobe Photoshop to simulate that kind of textured style easily without the added cost. In this tutorial, we will talk about the process of how you can design a textured style business card layout using Adobe Photoshop. Even if you are just a novice in Adobe Photoshop, you should be able to easily follow.
1. The very first step is of course, opening Adobe Photoshop and creating a new document. Setting this up is crucial as it will determine the compatibility of your business card design for full scale printing. The standard settings for vertical type business cards are listed below, but you may want to refer to your business card printer for their preferred settings.
a. Width: 61mm (55mm+6mm), the extra 6 mm are for the bleeds.
b. Height: 96mm (90mm+6mm) , the extra 6 mm are for the bleeds.
c. Resolution: 300ppi (minimum recommended for high quality printing)
d. Color Mode: CMYK

step 1 imgs / step 26 image:

Step 2 / Step 27:

2. Once open, we need to setup the business card guides. First, f you do not see Rulers in your document press CTRL+R. With the rulers visible, drag a guideline from the ruler to the canvass by just clicking on it and dragging the mouse. As you drag the guideline, pay attention to its ruler location and approximate a 3mm distance from the edge. If you are having trouble seeing it, try zooming in by holding the ALT key and using your Middle Mouse Wheel to see closer. Set it just like the image below. Do this for all the sides of the business card design.

step 2 imgs / step 27 imgs:

image002.png

Step 3 / Step 28:

3. The guides should look like this:

step 3 imgs / step 28 imgs:

Step 4 / Step 29:

4. Great! Now we are ready for some textures. For this particular business card, we are going to use an asphalt texture. So we paste in a nice free asphalt texture like so. Note that we scaled the size down of course to fit the business card. Also, we placed the background outside the bounds of our guides. This helps with the bleed as any minor discrepancies in cutting will not matter because of the excess space.

step 4 imgs / step 29 imgs:

image004.png

Step 5 / Step 30:

5. Now, we darken our texture a bit. To do this, go to Image ->Adjustments -> Curves. In the window that opens, adjust the curve graph so that it looks a bit like the image below. We are just darkening the texture a bit so that our text and other graphic elements will stand our later.

step 5 imgs / step 30 imgs:

Step 6 / Step 31:

6. Good. Now we will add some accents to our asphalt texture. Using the custom shape tool we add an arrow shape into our canvass. To match the guidelines you see on the roads, we used a yellow color for the shape here.

step 6 imgs / step 31 imgs:

image006.png

Step 7 / Step 32:

7. Now, press CTRL+J several times to duplicate our shape. Move the duplicates around to get a line of them across our design. Do not worry about the spaces too much, we will correct that later.

step 7 imgs / step 32 imgs:

Step 8 / Step 33:

8. Now, select all the shapes we created by CTRL clicking on them on the layers panel. (Alternatively you can use the SHIFT key, click on the topmost layer and then click on the bottom most layer). Once selected go to the attributes bar and click on the option “Distribute Horizontal Centers”.

step 8 imgs / step 33 imgs:

image008.png

Step 9 / Step 34:

9. Once done, merge all the layers into one, by right clicking on them and selecting “Merge Layers” in the context menu that appears. Change the blend mode of this newly merged layer to overlay to get a nice painted on effect on the asphalt texture.

step 9 imgs / step 34 imgs:

Step 10 / Step 35:

10. Next, duplicate our merged arrows layer by pressing CTRL+J. Flip it by pressing CTRL+T, right clicking on the duplicate and selecting “Flip horizontal”. Position both arrow layers creatively as you see fit. You can even rotate them diagonally if you want. Here we just placed them both pointing to an area like so.

step 10 imgs /step 35 imgs:

image010.png

Steps 11-20 / Steps 36 - 45

Step 11 / Step 36:

11. Great! Now, create a new layer on top of everything by pressing CTRL+SHIFT +N. Using a soft and large black brush, add some darker patches on the borders. This allows the eyes to see more emphasize on the center of the business card design. Once done here, NOW would be a good time to save your document as a TEMPLATE. Once saved as a template, save this again as the front or back of your design, whichever you want to do first.

step 11 imgs /step 36 imgs:

Step 12 / Step 37:

12. Now here we want to do the company or description side of the business card. So we type in the name of the business as well as its supposed products using the type tool. We have positioned them creatively to add a more interesting and distinct effect.

step 12 imgs / step 37 imgs:

image012.png

Step 13 / Step 38:

13. Next, we create a new layer and we use some shoe print brushes from here () to add a more streetwise effect. We then change the blend mode of this layer to Overlay as well. This finishes up the front part of our business card describing the services. Just save this front part as such.

step 13 imgs / step 38 imgs:

Step 14 / Step 39 :

14. Now, load the template file we created earlier. Save it as a new document marked as the back of the business card. We now flip the positions of our arrows so that it matches the front part. We now leave some space at the center for the text.

step 14 imgs / step 39 imgs:

image014.png

Step 15 / Step 40:

15. Then, type in the important business card information for the back using the type tool. Make sure to vary the color and sizes of the font for a more creative finish.

step 15 imgs / step 40 imgs:

Step 16 / Step 41:

16. Now, we just do the same thing with the shoe print accents. We just create a new layer and paint up some shoe print shapes. We change the blend mode to overlay, AND we reduce the opacity to 50%.

step 16 imgs / step 41 imgs:

image016.png

Step 17 / Step 42:

FINAL IMAGE
Great! With that we have now finished our textured and creative business card design! Hope you learned a lot from the different tricks that we did.

step 17 imgs / step 42 imgs:

image018.png

Step 18 / Step 43:

Hope you enjoy the tutorial! Swing by PrintPlace Tutorials to find more of this.

How To Make a “Pop” Poster Design Using Photoshop

irenethompson80 — Tue, 22 May 2012 08:49:43 +0000

Editor's Picks:

Regular Submission

In this guide, we will go through the whole process of creating a serigraphy type or “pop” art style image which you can apply on big

Taxonomy

Difficulty Level:

Advanced (21+ steps)

tutorials type:

Design

Required Files

Final img:

image022.png

Steps

Step 1 / Step 26:

In this guide, we will go through the whole process of creating a serigraphy type or “pop” art style image. You do not have to be a total expert at doing this in Photoshop, but it helps if you know the basics and have a pretty steady hand on the mouse. Let’s get started.
STEP 1
Before starting with the poster itself, let us first process the feature image. Any portrait picture is fine really. However, it will be best for you to use a portrait picture that has the person’s face close up, with a blank background behind them. For this tutorial we are going to start with this picture.

step 1 imgs / step 26 image:

Step 2 / Step 27:

STEP 2
First, we will want to lift our feature model out of the her background. For beginners, the easiest tool to use is the Magic Wand tool. Simply click on this tool and click on the background (Hold down SHIFT if there are multiple areas where the background appears). Then select the inverse (CTRL+SHIFT+I) and then copy and paste the selected area. You will then have a new layer with only the main model in it. If this does not do the trick, you will then need to use either the Magnetic lasso tool or the pen tool to do the selections. Whatever happens, just make sure you cleanly lift the model from the background.

step 2 imgs / step 27 imgs:

image002.png

Step 3 / Step 28:

STEP 3
Good, now with that selection still active, create a new document (CTRL+N). Set your dimensions as you need for the poster. Be mindful though of the resolution as for printing a value of 300ppi is considered the professional minimum for good quality prints. I suggest you polish your lasso work so as not to see undesirable jagged edges on larger size prints like posters or big flyers specially if your model will take up a big chunk of the real estate.

step 3 imgs / step 28 imgs:

Step 4 / Step 29:

STEP 4
Now, with the new document open, paste in the model we just lifted. Then select the background layer and fill it with a theme color.

step 4 imgs / step 29 imgs:

image004.png

Step 5 / Step 30:

STEP 5
Now, create a backup of our main feature image by pressing CTRL+J whilst you have its layer selected. Hide this by clicking the visibility icon (eye icon). Now, select the duplicate of the image and press CTRL+SHIFT+U to de-saturate the image, removing the color values.

step 5 imgs / step 30 imgs:

Step 6 / Step 31:

STEP 6
Now we will adjust our image a little. With our duplicate de-saturated layer selected, go to Image -> Adjustments -> Curves… Once the curves window opens adjust the curves so that they look a bit like the curve seen in the image below. You do not have to be precise about this, just create the general curve appearance. Watch the preview of your image, make sure that you get a bit of a good contrast between with the dark and white areas of your image.

step 6 imgs / step 31 imgs:

image006.png

Step 7 / Step 32:

STEP 7
Now, we shall apply some filters. With the layer still selected, go to Filters -> Sharpen -> Unsharp Mask… In the window that opens, adjust the sliders so that you get some textures and noise in your image. Now, there are no exact values to cover, you just need that somewhat old gritty feel. You can use the values below as a starting point though for the settings.
a. Amount: 105%
b. Radius: 12px
c. Threshold: 0

step 7 imgs / step 32 imgs:

Step 8 / Step 33:

STEP 8
Next, go to Select -> Color Range… In the window that opens, select Sampled Colors. Make sure that you tick off the “Selection” option below. Then, using the eye dropper, click on a dark shadowed portion of your image. This will select all the shadowed elements in your image. Once done, adjust the fuzziness so that you select the shadowed details. For our example we used a value of 49, but try to adjust it for your own image so that the details of the hair, eyes, nose and mouth is selected.

step 8 imgs / step 33 imgs:

image008.png

Step 9 / Step 34:

STEP 9
Once selected, press CTRL+SHIFT+N to create a new layer. Click on it and then fill our selection with black. This will put a black color on the selection we made earlier. For your reference, we have hidden the other layers in the image below for you to see the effect we just did.

step 9 imgs / step 34 imgs:

Step 10 / Step 35:

STEP 10
Good. Now we hide all the other layers except the background and the ORIGINAL layer. We did this because we are going to do some tracing. Using the pen tool, trace the areas of the model where the skin shows. It does not have to be precise, just make sure you cover the all the visible skin parts. Also make sure that you click on the option “Form Paths” so that you do not inadvertently create a shape. Once done with your tracing, right click on the image and select “Make selection…”

step 10 imgs /step 35 imgs:

image010.png

Steps 11-20 / Steps 36 - 45

Step 11 / Step 36:

STEP 11
Then, create a new layer just below the shadow layer that we created earlier. With our traced area still selected, fill the selection with a skin tone or flesh color. Now, if you remove the visibility of our original layer again, and add the shadow’s visibility as well you should get this result:

step 11 imgs /step 36 imgs:

Step 12 / Step 37:

STEP 12
Now, using the same procedure as above, we trace out the lips, the eyes, the area for the eye shadow as well as the hair.

step 12 imgs / step 37 imgs:

image012.png

Step 13 / Step 38:

STEP 13 Now, we add a few more textures and patterns. The first step to do this is to create a new layer again (press CTRL+SHIFT+N). Fill this new layer with a white color. Make sure that you have the foreground color set to white, and the background set to black (press D then X if you want to do this quickly). Then, go to Filters –> Sketch -> Halftone Pattern. Set the values as such: a. Size: 3 b. Contrast: 6 Take note that you can adjust this as needed for your design.

step 13 imgs / step 38 imgs:

Step 14 / Step 39 :

STEP 14
Afterwards, we go to Filter -> Noise -> Add Noise. Adjust the amount to around 20%. Click on “Gaussian” distribution and tick of the checkbox for “Monochromatic”.

step 14 imgs / step 39 imgs:

image014.png

Step 15 / Step 40:

STEP 15
Once the filters are set, change the blend mode of this layer to multiply, and reduce its opacity to 25%. You should see the patter appear in our design.

step 15 imgs / step 40 imgs:

Step 16 / Step 41:

STEP 16
Next, take the layer that had the “unsharp mask” earlier and bring it to the front. Change its blend mode to “Overlay” and reduce its opacity to around 20% to add just some subtle features and shadows for the face and back of our model.

step 16 imgs / step 41 imgs:

image016.png

Step 17 / Step 42:

STEP 17
Great! Now the Pop art model is done! Our next step is to just add some text and callouts.

step 17 imgs / step 42 imgs:

Step 18 / Step 43:

STEP 18
Go to the custom shape tool choices, and choose one of the callout/talk shapes. Place the shape to our design. Take note that you can alter its size and dimensions by pressing CTRL+T and then transforming the shape to fit your needs.

step 18 imgs / step 43 imgs:

image018.png

Step 19 / Step 44:

STEP 19
Next, double click on this new shape. The layer styles window should appear. First click on the “stroke” option and use an 5-8px black stroke for your callout. (note that you can adjust this as necessary).

step 19 imgs / step 44 imgs:

Step 20 / Step 45:

STEP 20
Also, click on “inner shadow” and use these values for the callout.
a. Opacity: 60%
b. Distance: 0
c. Size: 40px

step 20 imgs / step 45 imgs:

image020.png

steps 21-25 / steps 46-50

Step 21 / Step 46:

STEP 21
Finally, you can add your text. This is done of course using the Text Tool. Here we are using a Comic style font for the best results.

step 21 imgs / step 46 imgs:

Step 22 / Step 47:

FINAL IMAGE
Great! We have now finished for Serigraphy-Pop Style poster! Now you can use these tricks to create your own. Good luck!

step 22 imgs / step 47 imgs:

image022.png

Step 23 / Step 48:

Hope you enjoy the tutorial! Swing by PrintPlace Tutorials to find more of this.

How to Design Your Own Fashion Sale Flyer using Photoshop

irenethompson80 — Thu, 17 May 2012 12:15:05 +0000

Editor's Picks:

Regular Submission

Even amateurs these days can produce a well designed and very impressive fashion flyer designs.

Taxonomy

Difficulty Level:

Advanced (21+ steps)

tutorials type:

Design

Required Files

Final img:

Steps

Step 1 / Step 26:

Even amateurs these days can produce a well designed and very impressive fashion flyer designs. Besides good fashion photography, it is about adding the right effects and filters that will add that chic look into the ad. In this tutorial, I will talk about how you can design your own fashion sale flyer using Adobe Photoshop. Even as an amateur, you should be able to easily do this on your own.

1. Let us start by setting up our flyer document. In this example we are creating a portrait flyer with the dimensions 4.25x5.5 inches. For printing, a 300 ppi resolution minimum is required for high quality printing. You might also want to change the color mode to CMYK, especially if you plan on having this printed professionally.

step 1 imgs / step 26 image:

Step 2 / Step 27:

2. Once the document is open, we then paste in our primary feature image. In this case Tibcris in flickr here.

step 2 imgs / step 27 imgs:

image002.png

Step 3 / Step 28:

3. To extend the background a bit, we filled the actual background layer with black. Then, we erased the right part of the main image with large and soft eraser via the eraser tool. It is in this space that we will add the text and effects later.

step 3 imgs / step 28 imgs:

Step 4 / Step 29:

4. Now, create a new layer by pressing CTRL+SHIFT+N. Name it any layer name you like. Using the gradient tool, apply a Radial Color Gradient of your choice unto our canvass. Do not worry about it covering our model now. Just make sure you position the radial gradient correctly unto the canvass.

step 4 imgs / step 29 imgs:

image004.png

Step 5 / Step 30:

5. Next, change this layer’s blend mode to “Color”. This applies the colors of the gradient unto our main model image below for a nice creative effect.

step 5 imgs / step 30 imgs:

Step 6 / Step 31:

6. Great! Now the next step is to add some details. In our example, we are making this in time for the “Spring” Fashion season. So we add some nice floral custom shapes. These shapes are easily accessible from the Custom Shapes list in Photoshop.

step 6 imgs / step 31 imgs:

image006.png

Step 7 / Step 32:

7. Then, alter the opacity value of those different shapes so that they embed well with the colors and theme that we have for your full color flyer.

step 7 imgs / step 32 imgs:

Step 8 / Step 33:

8. Good, now we will add an extra interesting effect. First create a new layer and name it “halftone”. Do this by pressing CTRL+SHIFT+N. Then switch to the Channels panel and create a new channel by clicking on the appropriate icon at the bottom of the panel.

step 8 imgs / step 33 imgs:

image008.png

Step 9 / Step 34:

9. Next, use a nice soft brush and paint a few spots of white unto our new channel. Make sure of course that you have the new layer you just created when doing this.

step 9 imgs / step 34 imgs:

Step 10 / Step 35:

10. Afterwards, go to Filter -> Pixelate -> Color Halftone. Enter a value of 32 maximum for the Radius, however, you can lower this a bit as you see fit. Once you are satisfied with the settings just press OK.

step 10 imgs /step 35 imgs:

image010.png

Steps 11-20 / Steps 36 - 45

Step 11 / Step 36:

11. Once you press OK, you should have a wonderful looking halftone pattern where your white blobs used to be.

step 11 imgs /step 36 imgs:

Step 12 / Step 37:

12. Great! Next, hold down the CTRL key and then click on our Alpha 1 channel image thumbnail. This should select all the areas in the channel, now go back to the normal view by clicking on our new layer. Fill the selection with a color gradient from your color themes.

step 12 imgs / step 37 imgs:

image012.png

Step 13 / Step 38:

13. To finish of the creative halftone effect, we reduce the opacity of the layer to around 50%. If needed, you may also erase some parts of the halftone layer so that you can emphasize anything that was blocked by the design.

step 13 imgs / step 38 imgs:

Step 14 / Step 39 :

14. Afterwards, we will adjust the lightness of the image. Go to Layer -> New Adjustment Layer -> levels. Change the value at the right a bit to lighten our image.

step 14 imgs / step 39 imgs:

image014.png

Step 15 / Step 40:

15. Afterwards, you then start typing in the text for the fashion advertisement flyer. Just choose a nice and clear font style that is easily understandable. Initially, it is best to use white font colors so that they are easier to see.

step 15 imgs / step 40 imgs:

Step 16 / Step 41:

16. If you think some of the text is a bit hard to see with the white color, use the rectangle shape tool to create a colored rectangle behind the text. Just reduce the opacity to around 40% and you will help emphasize the text, making clearer and of course more noticeable.

step 16 imgs / step 41 imgs:

image016.png

Step 17 / Step 42:

FINAL IMAGE
Once you are done with the text, you should have your nice fashion advertisement flyer done! Congratulations!

step 17 imgs / step 42 imgs:

Vector Tiger

s.solunke47 — Thu, 17 May 2012 08:28:07 +0000

Goodies

Goodies Type:

Brush

Goodies Sample img:

14232-Cada de.jpg

Goodies Files:

14232-Cada de.jpg

Goodies Version:

CS3

Illustrator Vector Bike

s.solunke47 — Thu, 17 May 2012 07:27:13 +0000

Goodies

Goodies Type:

Brush

Goodies Sample img:

Bike.png

Goodies Files:

Bike.jpg

Goodies Version:

CS3

Design a cool 80's retro party poster

ilovegraphics — Sun, 06 May 2012 15:12:27 +0000

Editor's Picks:

Regular Submission

If you have an 80's themed event, you need to promote it with an equally "80’s styled" poster. This tutorial will help you accomplish just that.

Taxonomy

Difficulty Level:

Advanced (21+ steps)

tutorials type:

Design

Required Files

Required Files:

logo.jpg

Final img:

image081.png

Steps

Step 1 / Step 26:

If you have an 80's themed event, you need to promote it with an equally "80’s styled" poster. This tutorial will help you accomplish just that. All you have to do is to follow these instructions and you will learn how to add the right effects and filters for that convincingly 80’s kind of style.

1. Of course, you will want to first setup your document correctly for poster printing. Once you open a new document in Adobe Photoshop, set your height and width according to typical poster dimensions. Also make sure that you use a fairly high resolution value for the document so that it fits printing specifications correctly. A 300ppi value is appropriate for this.

step 1 imgs / step 26 image:

Step 2 / Step 27:

2. Next, we will setup the background. For the main background, use the paint bucket tool to color it with a nice faded orange color (#F4A07E). Then go to the custom Shape tool and select for the "Registration Target 2" symbol.

step 2 imgs / step 27 imgs:

Step 3 / Step 28:

3. Now, put in the custom shape into your canvass. Color this shape with a darker color based on your background (or with the color theme that you like). Make sure to try and center the shape into the canvass. Also, make it bigger so that the round circle portions of the shape are not visible. For smaller media like brochures or booklets, make sure you adjust the size of the object as you don’t want your design to be mostly the round center instead of mostly the sun rays.

step 3 imgs / step 28 imgs:

Step 4 / Step 29:

4. Once you are satisfied with the position of the shape. Duplicate the background layer and then merge that duplicate background with this shape on top. Then, double click on this new merged layer and apply a Gradient Overlay layer style. Use the values below for the gradient overlay settings.

a. Blend Mode: Color Burn
b. Opacity: 50%
c. Gradient: White to Black, Reverse Box Checked
d. Style: Radial

step 4 imgs / step 29 imgs:

Step 5 / Step 30:

5. Great! Now we will add more noise to our design. Create a new layer on top of our merged layer before. Set your foreground color to a grey and the background color to black. Then go to Filter -> Render -> Clouds. Clouds should appear on your document. Afterwards, go to Filter -> Render -> Difference Clouds, to make the clouds have more definition.

step 5 imgs / step 30 imgs:

Step 6 / Step 31:

6. Now, we add more filters. First go to Filter -> Artistic -> Film Grain… Use these values for the settings.

a. Grain: 5
b. Highlight Area: 0
c. Intensity: 2

step 6 imgs / step 31 imgs:

Step 7 / Step 32:

7. Next, go to Filter -> Sharpen -> Unsharp Mask… Use these values for its settings.

a. Amount: 500%
b. Radius: 18.0 Pixels
c. Threshold: 40 levels

step 7 imgs / step 32 imgs:

Step 8 / Step 33:

8. Then go to Filter -> Artistic -> Fresco. Use these values for this filter

a. Brush Size: 10
b. Brush Detail: 10
c. Texture: 1

step 8 imgs / step 33 imgs:

Step 9 / Step 34:

9. Next, go to Image -> Adjustments -> Levels. Change the input levels to 15, 1.00 and 110 respectively.

step 9 imgs / step 34 imgs:

Step 10 / Step 35:

10. Once done, change the blend mode of this layer to "Screen". Adjust its opacity to around 50-60%. You will now notice that our design has some white splotches and a grainy quality that makes it look grunge.

step 10 imgs /step 35 imgs:

Steps 11-20 / Steps 36 - 45

Step 11 / Step 36:

11. Now, create a new layer, and fill it with black. Then use the elliptical marquee tool to remove the center like so.

step 11 imgs /step 36 imgs:

Step 12 / Step 37:

12. Now, change the blend mode of this black layer to "Linear Burn". Reduce its fill opacity to 20%. Finally go to Filter -> Blur -> Gaussian Blur and set a radius of 150 pixels. This gives us a darker fuzzy border in the design.

step 12 imgs / step 37 imgs:

Step 13 / Step 38:

13. We shall make our background "dirtier" still. Create another layer above the layer we have been working with. Change your foreground color to white, and the background color to black. Then go to the Brush to the brushes panel (F5) and choose the "Maple Leaf" brush. Click on "Color Dynamics" and set Foreground/Background Jitter to 100%. You will want to paint the whole layer with this brush with a large size of 250px.

step 13 imgs / step 38 imgs:

Step 14 / Step 39 :

14. Then, paint the whole layer with this brush again. This time though, change its mode to "Difference".

step 14 imgs / step 39 imgs:

Step 15 / Step 40:

15. Next, apply the Film Grain filter again here like the other background. Go to Filter -> Artistic -> Film Grain… Use these values.

a. Grain: 6
b. Highlight Area: 0
c. Intensity: 2

step 15 imgs / step 40 imgs:

Step 16 / Step 41:

16. Next filter is the Fresco filter again. Go to Filter -> Artistic -> Fresco.

a. Brush Size: 1
b. Brush Detail: 10
c. Texture: 3

step 16 imgs / step 41 imgs:

Step 17 / Step 42:

17. Finally, apply two effects. First go to Filter -> Stylize -> Solarize. Second go to Image -> Adjustments -> Invert. This will give you this final effect.

step 17 imgs / step 42 imgs:

Step 18 / Step 43:

18. Change the blend mode of this layer to "Linear Burn" and then reduce its opacity to 30% to add this extra noisy/dirt layer to our background.

step 18 imgs / step 43 imgs:

Step 19 / Step 44:

19. Now it is time to insert our main feature image. This can be anything that you have chosen for your theme of course. For our 80’s themed poster though, we have chosen an 80’s "boombox" cassette player. We got this from a nice share in flickr here (http://www.flickr.com/photos/stopbits/5384684136/sizes/l/in/photostream/). We processed using the magnetic lasso tool, eliminating the background and just getting the boombox.

step 19 imgs / step 44 imgs:

Step 20 / Step 45:

20. Take note that we have not pasted this cut out image yet to our poster design. We will apply some special effects here to make it more appropriate for our poster. First go to Layer -> New Adjustment Layer -> Threshold. Adjust the threshold level until you get something like the picture below. Take note that this all depends on how your image is rendered.

step 20 imgs / step 45 imgs:

steps 21-25 / steps 46-50

Step 21 / Step 46:

21. Next, click on the image layer itself. Go to Filter -> Sharpen -> Unsharp Mask… Use a 500% amount, a radius of 15 pixels and threshold levels of 5.

step 21 imgs / step 46 imgs:

Step 22 / Step 47:

22. Now, with the right look set, merge the adjustment layer and the actual image layer to finalize the style that we need for this design feature.

step 22 imgs / step 47 imgs:

Step 23 / Step 48:

23. Good, now we will alter the colors of this boombox a bit. Hold down the CTRL key and click on the picture thumbnail of our newly merged layer. Then create a new layer on top and fill it with an appropriate theme color.

step 23 imgs / step 48 imgs:

Step 24 / Step 49:

24. Then, select the original image layer again. Then press CTRL+C. Go to the channels panel and create a new channel. Paste in our selection by pressing CTRL+V into the new channel.

step 24 imgs / step 49 imgs:

image047.png

Step 25 / Step 50:

25. With this channel we are able to select all the white areas of the boombox. Hold down the CTRL key on the keyboard and click on the Alpha1 channel to make the selection.

step 25 imgs / step 50 imgs:

image049.png

Design a cool 80's retro party poster - part 1

ilovegraphics — Sun, 06 May 2012 15:12:17 +0000

Editor's Picks:

Regular Submission

If you have an 80's themed event, you need to promote it with an equally "80’s styled" poster. This tutorial will help you accomplish just that.

Taxonomy

tutorials type:

Design

Required Files

Required Files:

logo.jpg

Final img:

image081.png

Steps

Step 1 / Step 26:

step 1 imgs / step 26 image:

Step 2 / Step 27:

step 2 imgs / step 27 imgs:

Step 3 / Step 28:

step 3 imgs / step 28 imgs:

Step 4 / Step 29:

a. Blend Mode: Color Burn
b. Opacity: 50%
c. Gradient: White to Black, Reverse Box Checked
d. Style: Radial

step 4 imgs / step 29 imgs:

Step 5 / Step 30:

step 5 imgs / step 30 imgs:

Step 6 / Step 31:

6. Now, we add more filters. First go to Filter -> Artistic -> Film Grain… Use these values for the settings.

a. Grain: 5
b. Highlight Area: 0
c. Intensity: 2

step 6 imgs / step 31 imgs:

Step 7 / Step 32:

7. Next, go to Filter -> Sharpen -> Unsharp Mask… Use these values for its settings.

a. Amount: 500%
b. Radius: 18.0 Pixels
c. Threshold: 40 levels

step 7 imgs / step 32 imgs:

Step 8 / Step 33:

8. Then go to Filter -> Artistic -> Fresco. Use these values for this filter

a. Brush Size: 10
b. Brush Detail: 10
c. Texture: 1

step 8 imgs / step 33 imgs:

Step 9 / Step 34:

9. Next, go to Image -> Adjustments -> Levels. Change the input levels to 15, 1.00 and 110 respectively.

step 9 imgs / step 34 imgs:

Step 10 / Step 35:

step 10 imgs /step 35 imgs:

Steps 11-20 / Steps 36 - 45

Step 11 / Step 36:

11. Now, create a new layer, and fill it with black. Then use the elliptical marquee tool to remove the center like so.

step 11 imgs /step 36 imgs:

Step 12 / Step 37:

step 12 imgs / step 37 imgs:

Step 13 / Step 38:

step 13 imgs / step 38 imgs:

Step 14 / Step 39 :

14. Then, paint the whole layer with this brush again. This time though, change its mode to "Difference".

step 14 imgs / step 39 imgs:

Step 15 / Step 40:

15. Next, apply the Film Grain filter again here like the other background. Go to Filter -> Artistic -> Film Grain… Use these values.

a. Grain: 6
b. Highlight Area: 0
c. Intensity: 2

step 15 imgs / step 40 imgs:

Step 16 / Step 41:

16. Next filter is the Fresco filter again. Go to Filter -> Artistic -> Fresco.

a. Brush Size: 1
b. Brush Detail: 10
c. Texture: 3

step 16 imgs / step 41 imgs:

Step 17 / Step 42:

17. Finally, apply two effects. First go to Filter -> Stylize -> Solarize. Second go to Image -> Adjustments -> Invert. This will give you this final effect.

step 17 imgs / step 42 imgs:

Step 18 / Step 43:

18. Change the blend mode of this layer to "Linear Burn" and then reduce its opacity to 30% to add this extra noisy/dirt layer to our background.

step 18 imgs / step 43 imgs:

Step 19 / Step 44:

step 19 imgs / step 44 imgs:

Step 20 / Step 45:

step 20 imgs / step 45 imgs:

steps 21-25 / steps 46-50

Step 21 / Step 46:

21. Next, click on the image layer itself. Go to Filter -> Sharpen -> Unsharp Mask… Use a 500% amount, a radius of 15 pixels and threshold levels of 5.

step 21 imgs / step 46 imgs:

Step 22 / Step 47:

22. Now, with the right look set, merge the adjustment layer and the actual image layer to finalize the style that we need for this design feature.

step 22 imgs / step 47 imgs:

Step 23 / Step 48:

step 23 imgs / step 48 imgs: