Post pobrano z: How to Create a Split Image Poster in Adobe Photoshop

Learn how to create an amazing split image music poster. In this tutorial, we will be using a mix of basic Photoshop tools that will let us achieve a visually strong poster.

What You Will Need

You’ll need access to Adobe Photoshop—if you don’t have the software, you can download a trial from the Adobe website. You’ll also need the following resources:

• Stylish Woman from Envato Elements
• Prospekt Typeface from Envato Elements

Download the images and install the font, and you are ready to start!

Looking for amazing Photoshop add-ons? Head on over to GraphicRiver.

1. Setting Up a New Photoshop File

Step 1

In Photoshop, go to File > New. Name the document Euforia Poster. Set the Width to 1270 px and Height to 1600 px. Set the Resolution to 72 Pixels/Inch. Click OK.

Step 2

Press Command-R to bring up the rules around the document. Head over to View > New Guide. In the New Guide window option, select Horizontal and set the guide to 50 px. Click OK.

Do the same for the other sides of the document by subtracting 50 px from the final size. Additionally, create a Vertical guide at 635 px and a Horizontal guide at 900 px. To activate and deactivate the guides, press Command-;.

Step 3

On the Layers panel, click on the Create a new Fill or Adjustment Layer > Gradient. In the Gradient Fill option window, double-click in the Gradient window to set the colors.

On the Gradient Editor window option, set the left color stop under the bar to #dc4545 and the right to #6a50c6. Click OK.

The color stops above the bar are to set the Opacity, and the color stops under the bar are to set the colors.

Step 4

On the toolbar, select the Ellipse Tool (U). Activate the guides using Command-;. Create an ellipse by using the two intersecting guides as its center. Hold down Shift-Option and drag to create an ellipse that expands from its own center.

Choose any size you’d like as long as it fits within the vertical margins.

Step 5

On the Layers panel, double-click on the Shape 1 layer thumbnail. Set the color to #ed145b. Click OK.

Right-click on the Ellipse layer and select Blending Options. In the Layer Style option window, activate the Drop Shadow option. Click the option to change the settings.  

Set the Opacity to 35%, the Distance to 5 px, and the Size to 35 px. Click OK.

2. How to Create a Vertical Lined Background

Step 1

Open the Stylish Woman image in Photoshop as a separate document. On the toolbar, select the Crop Tool (C). Hold down Shift as you drag the mouse to crop an even square out of the image. Crop the image from just above the shoulders, as shown below. Press Enter to proceed.  

Step 2

On the Layers panel, right-click on the Background layer and select Duplicate Layer. In the Duplicate Layer option window, change the name to Stylish Woman. Choose the Document Euforia Poster.psd. Click OK.

Please note that we’ve done this in order to have a manageable image size.

Step 3

Let’s work on the Euforia Poster.pdf file. Select the Stylish Woman duplicate layer and duplicate it, this time in the same document, by pressing Command-J.

Hide the copy, and let’s work on the original layer as shown in the image below:

Step 4

Head over to Filter > Pixelate > Color Halftone. Set the Max. Radius to 8 pixels. Use any Screen Angle degree. This will yield different results for everyone; I am using the Photoshop default. Click OK.

Head over to Image > Adjustments > Black and White. In the Black and White option window, click OK.

Step 5

Head over to Filter > Blur > Motion Blur. In the Motion Blur option window, set the Angle to 90 degrees and the Distance to 430 pixels. Click OK.

On the Layers panel, set the layer to Multiply and the Opacity to 70%.  

3. How to Create a Split Image

Step 1

On the Layers panel, activate the Stylish Woman copy layer. Click on the Add Layer Mask button. Make sure you are selecting the Layer Mask thumbnail.

Step 2

On the toolbar, select the Quick Selection Tool (W). We will be using this tool instead of the Magic Wand Tool (W). The reason is that the background is not solid—it is in color, but it also contains texture. Select the background in the same way as you would use a Brush Tool (B).

Press Command-I to Invert the background. Press Command-D to Deselect.

Step 3

On the Layers panel, right-click on the Layer Mask thumbnail. Select Refine Mask. This is perfect for getting into the finer details on an image. In the Refine Mask option window, activate the Smart Radius option and set the Radius to 4 px. Set the Feather to 0.5 px and the Shift Edge to -50%. Click OK.

Note that might need to tweak these values slightly depending on the selection you made with the Quick Selection Tool (W).

Step 4

Let’s resize the image. Press Command-T to Transform. Head over to the Options bar and activate the Maintain Aspect Ratio button. Set the Width and Height to 85%. Press Enter to proceed.

Step 5

You will notice that the remainder of the background is visible. This is a quick fix. Select the Brush Tool (B) and the Stylish Woman Layer Mask. Any manageable brush size will work. Set the Foreground Color to black and brush over the exposed sections.

Step 6

On the Layers panel, locate Shape 1 or the Ellipse layer we created. Hold Command and select the Vector Layer Mask. This will result in the selection of the Ellipse, which we will use to shape part of the Stylish Woman layer. Press Shift-Command-I to Invert the selection.

Select the Stylish Woman layer mask thumbnail. Using the Brush Tool (B), brush the bottom part of the image. This will make it appear as if the Stylish Woman is jumping out of the circle. Press Command-D to Deselect.

Remember that we are using Layer Masks for these layers. This will make it easier if we need to edit the image again.

Step 7

Press Command-J to Duplicate the Stylish Woman layer. We will be working on this layer for now.

Select the Lasso Tool (L) from the toolbar. Using this tool, we will create a split look. Create a wave form across the Stylish Woman’s face. It will take a few tries until you are happy with the style of wave you produce. Use Command-D to Deselect and start again.

Press Shift-Command-I to Invert the selection. While on the same layer, select the Layer Mask. Using the Brush Tool (B), hide the bottom part of the image, leaving only the wavy selection intact. You can use the thumbnail as a guide. Below, I’ve hidden all the other layers so you can see this step more clearly.

Step 8

Press Shift-Command-I to Invert the selection. This time, head over to the Stylish Woman layer below. Select the Layer Mask. For this layer, we will hide the opposite part of the wave. Use the Brush Tool (B) and the Layer Mask thumbnail as a guide. Below, I’ve hidden all the other layers so you can see this step more clearly. Press Command-D to Deselect.

Step 9

Select the top Stylish Woman layer. Using the Move Tool (V), move the layer slightly towards the top left.

Right-click on the layer and select Blending Options. Activate the Drop Shadow effect and select to change the settings. Set the Opacity to 40%, the Distance to 10 px, and the Size to 25 px. Click OK.

Right-click on the layer and select Copy Layer Style. Select the Stylish Woman layer below, and Right-Click > Paste Layer Style.

Step 10

Create a New Layer by pressing Shift-Command-N. Name the layer Split. Click OK. Place the layer under the two Stylish Woman layers we previously worked on. This layer will give the split effect a sense of depth.

Select the Brush Tool (B), and right-click to change the settings. Set the Size to something you are comfortable with; I am setting it to 70 px. Set the Hardness to 100%. Set the Foreground Color to #6d4ad9. Start by brushing between the split we created in the step above. Make sure not to brush outside of the split.

To further achieve a sense of depth, set the foreground color to #200b62. Set the Brush Tool (B) Hardness to 0%. Head over to the Options bar and set the Opacity to 25%. We want to create some sort of shadow. Brush lightly under the top portion of the split.

Step 11

To create a contrast between the two split sections, we will create an Adjustment Layer. Head over to the Layers panel, and select Create a New Fill or Adjustment Layer > Black and White.

Place this new layer between the two Stylish Woman layers we last worked on. We also need to create a Clipping Mask. This is so that this new layer adjustment is applied only to the layer below. Right-click on the new layer and select Create Clipping Mask.

4. How to Use the Text Tool

Step 1

On the Tools panel, select the Text Tool (T). I used white text to contrast with the background. The typeface I used is Prospekt Regular.

Bring up the Type panel by going to Type > Panels > Character Panel. Below are the details I added with the type size and specific font weight on separate layers.

EUFORIA
FESTIVAL DE MUSICA TECHNO
(Prospekt, Regular, Size: 205 pt and 62 pt, Tracking: 400 pt and 300 pt, Leading: 62 pt)

+
MONTERREY
CIUDAD DE MEXICO
GUADALAJARA
(Prospekt, Regular, Size: 40 pt, Tracking: 0, Leading: 35)

02/09
20/09
27/09
(Prospekt, Regular, Size: 40 pt, Tracking: 0, Leading: 35)

20:00 HORAS
ESTADIO LOS OLIVOS
EUFORIA2018.COM
(Prospekt, Regular, Size: 40 pt, Tracking: 0, Leading: 35)

I’ve placed the headline at the very top of the poster and the information spread out at the bottom. This is to create a well-rounded and balanced poster. Use the guides we created at the beginning of this tutorial. Activate them by pressing Command-;.

To align a layer to the center of a document, select any text layer and the very first background layer of the document. In our case, it would be the dates layer. Have the Move Tool (V) selected from the toolbar. Head over to the Options bar, and the Align buttons will appear. In this case, select the Align Horizontal Centers button.

Step 2

To add dimension to the text, we can add a Drop Shadow. Right-click on one of the text layers and select Blending Options. We will create a shadow for one layer and later copy the Layer Style to the other text layers.

Select the Drop Shadow style. Set the Blending Mode to Multiply, the Opacity to 40%, the Angle to 120, the Distance to 10 px, and the Size to 25 px. Click OK.

To copy the Layer Style, Right-Click on the text layer and select Copy Layer Style. Head over to another text layer, and Right-Click > Paste Layer Style.

5. How to Save a File for Web

Head over to File > Save and save the file as you would normally.

To save a JPEG for web file, head over to File > Save for Web or Shift-Option-Command-S. Select the file type you want to save the document in—I am choosing JPEG—and set 100 for Quality. Under Image size, you can change the pixel size of the image if you have any size constraints.

On the bottom left-hand side, you can see a preview of the size of the file. This is useful when there are size constraints on a website and you need to lower the quality or the size of the image.

Click on Save… to choose the location in the new window, and click on Save again.

Congratulations! You’ve Finished This Tutorial!

In this tutorial, we’ve learned to use a split effect to create a techno poster with basic Photoshop tools. Today, we’ve learned to:

• Use the Pixelate and Blur effects to create a new style of background.
• Use the Quick Selection tool to close crop images.
• Use the Refine Mask to finesse the edges on close crop images.
• Apply Adjustment Layers and Clipping Masks to edit images.
• Use the Lasso Tool to create a split image look.

If you liked this tutorial, you might like these:

• 
  Photo Manipulation
  How to Create a Sliced Mountain Effect Using Adobe Photoshop
  Laura Keung

• 
  Photo Collage
  How to Create a Colorful, Wavy, Tribal Photo Manipulation in Adobe Photoshop & Lightroom
  Kaylan Michael

• 
  Flyers
  18 Best New Event Flyers for 2018
  Melody Nieves

• 
  Poster Design
  10 Top Tips for Designing Music Festival Posters
  Grace Fussell

• 
  Digital Painting
  How to Incorporate Selection Tools Into Your Workflow in Adobe Photoshop
  Melody Nieves

Post pobrano z: How to Create a Split Image Poster in Adobe Photoshop

Learn how to create an amazing split image music poster. In this tutorial, we will be using a mix of basic Photoshop tools that will let us achieve a visually strong poster.

What You Will Need

You’ll need access to Adobe Photoshop—if you don’t have the software, you can download a trial from the Adobe website. You’ll also need the following resources:

• Stylish Woman from Envato Elements
• Prospekt Typeface from Envato Elements

Download the images and install the font, and you are ready to start!

Looking for amazing Photoshop add-ons? Head on over to GraphicRiver.

1. Setting Up a New Photoshop File

Step 1

In Photoshop, go to File > New. Name the document Euforia Poster. Set the Width to 1270 px and Height to 1600 px. Set the Resolution to 72 Pixels/Inch. Click OK.

Step 2

Press Command-R to bring up the rules around the document. Head over to View > New Guide. In the New Guide window option, select Horizontal and set the guide to 50 px. Click OK.

Do the same for the other sides of the document by subtracting 50 px from the final size. Additionally, create a Vertical guide at 635 px and a Horizontal guide at 900 px. To activate and deactivate the guides, press Command-;.

Step 3

On the Layers panel, click on the Create a new Fill or Adjustment Layer > Gradient. In the Gradient Fill option window, double-click in the Gradient window to set the colors.

On the Gradient Editor window option, set the left color stop under the bar to #dc4545 and the right to #6a50c6. Click OK.

The color stops above the bar are to set the Opacity, and the color stops under the bar are to set the colors.

Step 4

On the toolbar, select the Ellipse Tool (U). Activate the guides using Command-;. Create an ellipse by using the two intersecting guides as its center. Hold down Shift-Option and drag to create an ellipse that expands from its own center.

Choose any size you’d like as long as it fits within the vertical margins.

Step 5

On the Layers panel, double-click on the Shape 1 layer thumbnail. Set the color to #ed145b. Click OK.

Right-click on the Ellipse layer and select Blending Options. In the Layer Style option window, activate the Drop Shadow option. Click the option to change the settings.  

Set the Opacity to 35%, the Distance to 5 px, and the Size to 35 px. Click OK.

2. How to Create a Vertical Lined Background

Step 1

Open the Stylish Woman image in Photoshop as a separate document. On the toolbar, select the Crop Tool (C). Hold down Shift as you drag the mouse to crop an even square out of the image. Crop the image from just above the shoulders, as shown below. Press Enter to proceed.  

Step 2

On the Layers panel, right-click on the Background layer and select Duplicate Layer. In the Duplicate Layer option window, change the name to Stylish Woman. Choose the Document Euforia Poster.psd. Click OK.

Please note that we’ve done this in order to have a manageable image size.

Step 3

Let’s work on the Euforia Poster.pdf file. Select the Stylish Woman duplicate layer and duplicate it, this time in the same document, by pressing Command-J.

Hide the copy, and let’s work on the original layer as shown in the image below:

Step 4

Head over to Filter > Pixelate > Color Halftone. Set the Max. Radius to 8 pixels. Use any Screen Angle degree. This will yield different results for everyone; I am using the Photoshop default. Click OK.

Head over to Image > Adjustments > Black and White. In the Black and White option window, click OK.

Step 5

Head over to Filter > Blur > Motion Blur. In the Motion Blur option window, set the Angle to 90 degrees and the Distance to 430 pixels. Click OK.

On the Layers panel, set the layer to Multiply and the Opacity to 70%.  

3. How to Create a Split Image

Step 1

On the Layers panel, activate the Stylish Woman copy layer. Click on the Add Layer Mask button. Make sure you are selecting the Layer Mask thumbnail.

Step 2

On the toolbar, select the Quick Selection Tool (W). We will be using this tool instead of the Magic Wand Tool (W). The reason is that the background is not solid—it is in color, but it also contains texture. Select the background in the same way as you would use a Brush Tool (B).

Press Command-I to Invert the background. Press Command-D to Deselect.

Step 3

On the Layers panel, right-click on the Layer Mask thumbnail. Select Refine Mask. This is perfect for getting into the finer details on an image. In the Refine Mask option window, activate the Smart Radius option and set the Radius to 4 px. Set the Feather to 0.5 px and the Shift Edge to -50%. Click OK.

Note that might need to tweak these values slightly depending on the selection you made with the Quick Selection Tool (W).

Step 4

Let’s resize the image. Press Command-T to Transform. Head over to the Options bar and activate the Maintain Aspect Ratio button. Set the Width and Height to 85%. Press Enter to proceed.

Step 5

You will notice that the remainder of the background is visible. This is a quick fix. Select the Brush Tool (B) and the Stylish Woman Layer Mask. Any manageable brush size will work. Set the Foreground Color to black and brush over the exposed sections.

Step 6

On the Layers panel, locate Shape 1 or the Ellipse layer we created. Hold Command and select the Vector Layer Mask. This will result in the selection of the Ellipse, which we will use to shape part of the Stylish Woman layer. Press Shift-Command-I to Invert the selection.

Select the Stylish Woman layer mask thumbnail. Using the Brush Tool (B), brush the bottom part of the image. This will make it appear as if the Stylish Woman is jumping out of the circle. Press Command-D to Deselect.

Remember that we are using Layer Masks for these layers. This will make it easier if we need to edit the image again.

Step 7

Press Command-J to Duplicate the Stylish Woman layer. We will be working on this layer for now.

Select the Lasso Tool (L) from the toolbar. Using this tool, we will create a split look. Create a wave form across the Stylish Woman’s face. It will take a few tries until you are happy with the style of wave you produce. Use Command-D to Deselect and start again.

Press Shift-Command-I to Invert the selection. While on the same layer, select the Layer Mask. Using the Brush Tool (B), hide the bottom part of the image, leaving only the wavy selection intact. You can use the thumbnail as a guide. Below, I’ve hidden all the other layers so you can see this step more clearly.

Step 8

Press Shift-Command-I to Invert the selection. This time, head over to the Stylish Woman layer below. Select the Layer Mask. For this layer, we will hide the opposite part of the wave. Use the Brush Tool (B) and the Layer Mask thumbnail as a guide. Below, I’ve hidden all the other layers so you can see this step more clearly. Press Command-D to Deselect.

Step 9

Select the top Stylish Woman layer. Using the Move Tool (V), move the layer slightly towards the top left.

Right-click on the layer and select Blending Options. Activate the Drop Shadow effect and select to change the settings. Set the Opacity to 40%, the Distance to 10 px, and the Size to 25 px. Click OK.

Right-click on the layer and select Copy Layer Style. Select the Stylish Woman layer below, and Right-Click > Paste Layer Style.

Step 10

Create a New Layer by pressing Shift-Command-N. Name the layer Split. Click OK. Place the layer under the two Stylish Woman layers we previously worked on. This layer will give the split effect a sense of depth.

Select the Brush Tool (B), and right-click to change the settings. Set the Size to something you are comfortable with; I am setting it to 70 px. Set the Hardness to 100%. Set the Foreground Color to #6d4ad9. Start by brushing between the split we created in the step above. Make sure not to brush outside of the split.

To further achieve a sense of depth, set the foreground color to #200b62. Set the Brush Tool (B) Hardness to 0%. Head over to the Options bar and set the Opacity to 25%. We want to create some sort of shadow. Brush lightly under the top portion of the split.

Step 11

To create a contrast between the two split sections, we will create an Adjustment Layer. Head over to the Layers panel, and select Create a New Fill or Adjustment Layer > Black and White.

Place this new layer between the two Stylish Woman layers we last worked on. We also need to create a Clipping Mask. This is so that this new layer adjustment is applied only to the layer below. Right-click on the new layer and select Create Clipping Mask.

4. How to Use the Text Tool

Step 1

On the Tools panel, select the Text Tool (T). I used white text to contrast with the background. The typeface I used is Prospekt Regular.

Bring up the Type panel by going to Type > Panels > Character Panel. Below are the details I added with the type size and specific font weight on separate layers.

EUFORIA
FESTIVAL DE MUSICA TECHNO
(Prospekt, Regular, Size: 205 pt and 62 pt, Tracking: 400 pt and 300 pt, Leading: 62 pt)

+
MONTERREY
CIUDAD DE MEXICO
GUADALAJARA
(Prospekt, Regular, Size: 40 pt, Tracking: 0, Leading: 35)

02/09
20/09
27/09
(Prospekt, Regular, Size: 40 pt, Tracking: 0, Leading: 35)

20:00 HORAS
ESTADIO LOS OLIVOS
EUFORIA2018.COM
(Prospekt, Regular, Size: 40 pt, Tracking: 0, Leading: 35)

I’ve placed the headline at the very top of the poster and the information spread out at the bottom. This is to create a well-rounded and balanced poster. Use the guides we created at the beginning of this tutorial. Activate them by pressing Command-;.

To align a layer to the center of a document, select any text layer and the very first background layer of the document. In our case, it would be the dates layer. Have the Move Tool (V) selected from the toolbar. Head over to the Options bar, and the Align buttons will appear. In this case, select the Align Horizontal Centers button.

Step 2

To add dimension to the text, we can add a Drop Shadow. Right-click on one of the text layers and select Blending Options. We will create a shadow for one layer and later copy the Layer Style to the other text layers.

Select the Drop Shadow style. Set the Blending Mode to Multiply, the Opacity to 40%, the Angle to 120, the Distance to 10 px, and the Size to 25 px. Click OK.

To copy the Layer Style, Right-Click on the text layer and select Copy Layer Style. Head over to another text layer, and Right-Click > Paste Layer Style.

5. How to Save a File for Web

Head over to File > Save and save the file as you would normally.

To save a JPEG for web file, head over to File > Save for Web or Shift-Option-Command-S. Select the file type you want to save the document in—I am choosing JPEG—and set 100 for Quality. Under Image size, you can change the pixel size of the image if you have any size constraints.

On the bottom left-hand side, you can see a preview of the size of the file. This is useful when there are size constraints on a website and you need to lower the quality or the size of the image.

Click on Save… to choose the location in the new window, and click on Save again.

Congratulations! You’ve Finished This Tutorial!

In this tutorial, we’ve learned to use a split effect to create a techno poster with basic Photoshop tools. Today, we’ve learned to:

• Use the Pixelate and Blur effects to create a new style of background.
• Use the Quick Selection tool to close crop images.
• Use the Refine Mask to finesse the edges on close crop images.
• Apply Adjustment Layers and Clipping Masks to edit images.
• Use the Lasso Tool to create a split image look.

If you liked this tutorial, you might like these:

• 
  Photo Manipulation
  How to Create a Sliced Mountain Effect Using Adobe Photoshop
  Laura Keung

• 
  Photo Collage
  How to Create a Colorful, Wavy, Tribal Photo Manipulation in Adobe Photoshop & Lightroom
  Kaylan Michael

• 
  Flyers
  18 Best New Event Flyers for 2018
  Melody Nieves

• 
  Poster Design
  10 Top Tips for Designing Music Festival Posters
  Grace Fussell

• 
  Digital Painting
  How to Incorporate Selection Tools Into Your Workflow in Adobe Photoshop
  Melody Nieves

Post pobrano z: How to Create a Split Image Poster in Adobe Photoshop

Learn how to create an amazing split image music poster. In this tutorial, we will be using a mix of basic Photoshop tools that will let us achieve a visually strong poster.

What You Will Need

You’ll need access to Adobe Photoshop—if you don’t have the software, you can download a trial from the Adobe website. You’ll also need the following resources:

• Stylish Woman from Envato Elements
• Prospekt Typeface from Envato Elements

Download the images and install the font, and you are ready to start!

Looking for amazing Photoshop add-ons? Head on over to GraphicRiver.

1. Setting Up a New Photoshop File

Step 1

In Photoshop, go to File > New. Name the document Euforia Poster. Set the Width to 1270 px and Height to 1600 px. Set the Resolution to 72 Pixels/Inch. Click OK.

Step 2

Press Command-R to bring up the rules around the document. Head over to View > New Guide. In the New Guide window option, select Horizontal and set the guide to 50 px. Click OK.

Do the same for the other sides of the document by subtracting 50 px from the final size. Additionally, create a Vertical guide at 635 px and a Horizontal guide at 900 px. To activate and deactivate the guides, press Command-;.

Step 3

On the Layers panel, click on the Create a new Fill or Adjustment Layer > Gradient. In the Gradient Fill option window, double-click in the Gradient window to set the colors.

On the Gradient Editor window option, set the left color stop under the bar to #dc4545 and the right to #6a50c6. Click OK.

The color stops above the bar are to set the Opacity, and the color stops under the bar are to set the colors.

Step 4

On the toolbar, select the Ellipse Tool (U). Activate the guides using Command-;. Create an ellipse by using the two intersecting guides as its center. Hold down Shift-Option and drag to create an ellipse that expands from its own center.

Choose any size you’d like as long as it fits within the vertical margins.

Step 5

On the Layers panel, double-click on the Shape 1 layer thumbnail. Set the color to #ed145b. Click OK.

Right-click on the Ellipse layer and select Blending Options. In the Layer Style option window, activate the Drop Shadow option. Click the option to change the settings.  

Set the Opacity to 35%, the Distance to 5 px, and the Size to 35 px. Click OK.

2. How to Create a Vertical Lined Background

Step 1

Open the Stylish Woman image in Photoshop as a separate document. On the toolbar, select the Crop Tool (C). Hold down Shift as you drag the mouse to crop an even square out of the image. Crop the image from just above the shoulders, as shown below. Press Enter to proceed.  

Step 2

On the Layers panel, right-click on the Background layer and select Duplicate Layer. In the Duplicate Layer option window, change the name to Stylish Woman. Choose the Document Euforia Poster.psd. Click OK.

Please note that we’ve done this in order to have a manageable image size.

Step 3

Let’s work on the Euforia Poster.pdf file. Select the Stylish Woman duplicate layer and duplicate it, this time in the same document, by pressing Command-J.

Hide the copy, and let’s work on the original layer as shown in the image below:

Step 4

Head over to Filter > Pixelate > Color Halftone. Set the Max. Radius to 8 pixels. Use any Screen Angle degree. This will yield different results for everyone; I am using the Photoshop default. Click OK.

Head over to Image > Adjustments > Black and White. In the Black and White option window, click OK.

Step 5

Head over to Filter > Blur > Motion Blur. In the Motion Blur option window, set the Angle to 90 degrees and the Distance to 430 pixels. Click OK.

On the Layers panel, set the layer to Multiply and the Opacity to 70%.  

3. How to Create a Split Image

Step 1

On the Layers panel, activate the Stylish Woman copy layer. Click on the Add Layer Mask button. Make sure you are selecting the Layer Mask thumbnail.

Step 2

On the toolbar, select the Quick Selection Tool (W). We will be using this tool instead of the Magic Wand Tool (W). The reason is that the background is not solid—it is in color, but it also contains texture. Select the background in the same way as you would use a Brush Tool (B).

Press Command-I to Invert the background. Press Command-D to Deselect.

Step 3

On the Layers panel, right-click on the Layer Mask thumbnail. Select Refine Mask. This is perfect for getting into the finer details on an image. In the Refine Mask option window, activate the Smart Radius option and set the Radius to 4 px. Set the Feather to 0.5 px and the Shift Edge to -50%. Click OK.

Note that might need to tweak these values slightly depending on the selection you made with the Quick Selection Tool (W).

Step 4

Let’s resize the image. Press Command-T to Transform. Head over to the Options bar and activate the Maintain Aspect Ratio button. Set the Width and Height to 85%. Press Enter to proceed.

Step 5

You will notice that the remainder of the background is visible. This is a quick fix. Select the Brush Tool (B) and the Stylish Woman Layer Mask. Any manageable brush size will work. Set the Foreground Color to black and brush over the exposed sections.

Step 6

On the Layers panel, locate Shape 1 or the Ellipse layer we created. Hold Command and select the Vector Layer Mask. This will result in the selection of the Ellipse, which we will use to shape part of the Stylish Woman layer. Press Shift-Command-I to Invert the selection.

Select the Stylish Woman layer mask thumbnail. Using the Brush Tool (B), brush the bottom part of the image. This will make it appear as if the Stylish Woman is jumping out of the circle. Press Command-D to Deselect.

Remember that we are using Layer Masks for these layers. This will make it easier if we need to edit the image again.

Step 7

Press Command-J to Duplicate the Stylish Woman layer. We will be working on this layer for now.

Select the Lasso Tool (L) from the toolbar. Using this tool, we will create a split look. Create a wave form across the Stylish Woman’s face. It will take a few tries until you are happy with the style of wave you produce. Use Command-D to Deselect and start again.

Press Shift-Command-I to Invert the selection. While on the same layer, select the Layer Mask. Using the Brush Tool (B), hide the bottom part of the image, leaving only the wavy selection intact. You can use the thumbnail as a guide. Below, I’ve hidden all the other layers so you can see this step more clearly.

Step 8

Press Shift-Command-I to Invert the selection. This time, head over to the Stylish Woman layer below. Select the Layer Mask. For this layer, we will hide the opposite part of the wave. Use the Brush Tool (B) and the Layer Mask thumbnail as a guide. Below, I’ve hidden all the other layers so you can see this step more clearly. Press Command-D to Deselect.

Step 9

Select the top Stylish Woman layer. Using the Move Tool (V), move the layer slightly towards the top left.

Right-click on the layer and select Blending Options. Activate the Drop Shadow effect and select to change the settings. Set the Opacity to 40%, the Distance to 10 px, and the Size to 25 px. Click OK.

Right-click on the layer and select Copy Layer Style. Select the Stylish Woman layer below, and Right-Click > Paste Layer Style.

Step 10

Create a New Layer by pressing Shift-Command-N. Name the layer Split. Click OK. Place the layer under the two Stylish Woman layers we previously worked on. This layer will give the split effect a sense of depth.

Select the Brush Tool (B), and right-click to change the settings. Set the Size to something you are comfortable with; I am setting it to 70 px. Set the Hardness to 100%. Set the Foreground Color to #6d4ad9. Start by brushing between the split we created in the step above. Make sure not to brush outside of the split.

To further achieve a sense of depth, set the foreground color to #200b62. Set the Brush Tool (B) Hardness to 0%. Head over to the Options bar and set the Opacity to 25%. We want to create some sort of shadow. Brush lightly under the top portion of the split.

Step 11

To create a contrast between the two split sections, we will create an Adjustment Layer. Head over to the Layers panel, and select Create a New Fill or Adjustment Layer > Black and White.

Place this new layer between the two Stylish Woman layers we last worked on. We also need to create a Clipping Mask. This is so that this new layer adjustment is applied only to the layer below. Right-click on the new layer and select Create Clipping Mask.

4. How to Use the Text Tool

Step 1

On the Tools panel, select the Text Tool (T). I used white text to contrast with the background. The typeface I used is Prospekt Regular.

Bring up the Type panel by going to Type > Panels > Character Panel. Below are the details I added with the type size and specific font weight on separate layers.

EUFORIA
FESTIVAL DE MUSICA TECHNO
(Prospekt, Regular, Size: 205 pt and 62 pt, Tracking: 400 pt and 300 pt, Leading: 62 pt)

+
MONTERREY
CIUDAD DE MEXICO
GUADALAJARA
(Prospekt, Regular, Size: 40 pt, Tracking: 0, Leading: 35)

02/09
20/09
27/09
(Prospekt, Regular, Size: 40 pt, Tracking: 0, Leading: 35)

20:00 HORAS
ESTADIO LOS OLIVOS
EUFORIA2018.COM
(Prospekt, Regular, Size: 40 pt, Tracking: 0, Leading: 35)

I’ve placed the headline at the very top of the poster and the information spread out at the bottom. This is to create a well-rounded and balanced poster. Use the guides we created at the beginning of this tutorial. Activate them by pressing Command-;.

To align a layer to the center of a document, select any text layer and the very first background layer of the document. In our case, it would be the dates layer. Have the Move Tool (V) selected from the toolbar. Head over to the Options bar, and the Align buttons will appear. In this case, select the Align Horizontal Centers button.

Step 2

To add dimension to the text, we can add a Drop Shadow. Right-click on one of the text layers and select Blending Options. We will create a shadow for one layer and later copy the Layer Style to the other text layers.

Select the Drop Shadow style. Set the Blending Mode to Multiply, the Opacity to 40%, the Angle to 120, the Distance to 10 px, and the Size to 25 px. Click OK.

To copy the Layer Style, Right-Click on the text layer and select Copy Layer Style. Head over to another text layer, and Right-Click > Paste Layer Style.

5. How to Save a File for Web

Head over to File > Save and save the file as you would normally.

To save a JPEG for web file, head over to File > Save for Web or Shift-Option-Command-S. Select the file type you want to save the document in—I am choosing JPEG—and set 100 for Quality. Under Image size, you can change the pixel size of the image if you have any size constraints.

On the bottom left-hand side, you can see a preview of the size of the file. This is useful when there are size constraints on a website and you need to lower the quality or the size of the image.

Click on Save… to choose the location in the new window, and click on Save again.

Congratulations! You’ve Finished This Tutorial!

In this tutorial, we’ve learned to use a split effect to create a techno poster with basic Photoshop tools. Today, we’ve learned to:

• Use the Pixelate and Blur effects to create a new style of background.
• Use the Quick Selection tool to close crop images.
• Use the Refine Mask to finesse the edges on close crop images.
• Apply Adjustment Layers and Clipping Masks to edit images.
• Use the Lasso Tool to create a split image look.

If you liked this tutorial, you might like these:

• 
  Photo Manipulation
  How to Create a Sliced Mountain Effect Using Adobe Photoshop
  Laura Keung

• 
  Photo Collage
  How to Create a Colorful, Wavy, Tribal Photo Manipulation in Adobe Photoshop & Lightroom
  Kaylan Michael

• 
  Flyers
  18 Best New Event Flyers for 2018
  Melody Nieves

• 
  Poster Design
  10 Top Tips for Designing Music Festival Posters
  Grace Fussell

• 
  Digital Painting
  How to Incorporate Selection Tools Into Your Workflow in Adobe Photoshop
  Melody Nieves

Post pobrano z: How to Create a Split Image Poster in Adobe Photoshop

Learn how to create an amazing split image music poster. In this tutorial, we will be using a mix of basic Photoshop tools that will let us achieve a visually strong poster.

What You Will Need

You’ll need access to Adobe Photoshop—if you don’t have the software, you can download a trial from the Adobe website. You’ll also need the following resources:

• Stylish Woman from Envato Elements
• Prospekt Typeface from Envato Elements

Download the images and install the font, and you are ready to start!

Looking for amazing Photoshop add-ons? Head on over to GraphicRiver.

1. Setting Up a New Photoshop File

Step 1

In Photoshop, go to File > New. Name the document Euforia Poster. Set the Width to 1270 px and Height to 1600 px. Set the Resolution to 72 Pixels/Inch. Click OK.

Step 2

Press Command-R to bring up the rules around the document. Head over to View > New Guide. In the New Guide window option, select Horizontal and set the guide to 50 px. Click OK.

Do the same for the other sides of the document by subtracting 50 px from the final size. Additionally, create a Vertical guide at 635 px and a Horizontal guide at 900 px. To activate and deactivate the guides, press Command-;.

Step 3

On the Layers panel, click on the Create a new Fill or Adjustment Layer > Gradient. In the Gradient Fill option window, double-click in the Gradient window to set the colors.

On the Gradient Editor window option, set the left color stop under the bar to #dc4545 and the right to #6a50c6. Click OK.

The color stops above the bar are to set the Opacity, and the color stops under the bar are to set the colors.

Step 4

On the toolbar, select the Ellipse Tool (U). Activate the guides using Command-;. Create an ellipse by using the two intersecting guides as its center. Hold down Shift-Option and drag to create an ellipse that expands from its own center.

Choose any size you’d like as long as it fits within the vertical margins.

Step 5

On the Layers panel, double-click on the Shape 1 layer thumbnail. Set the color to #ed145b. Click OK.

Right-click on the Ellipse layer and select Blending Options. In the Layer Style option window, activate the Drop Shadow option. Click the option to change the settings.  

Set the Opacity to 35%, the Distance to 5 px, and the Size to 35 px. Click OK.

2. How to Create a Vertical Lined Background

Step 1

Open the Stylish Woman image in Photoshop as a separate document. On the toolbar, select the Crop Tool (C). Hold down Shift as you drag the mouse to crop an even square out of the image. Crop the image from just above the shoulders, as shown below. Press Enter to proceed.  

Step 2

On the Layers panel, right-click on the Background layer and select Duplicate Layer. In the Duplicate Layer option window, change the name to Stylish Woman. Choose the Document Euforia Poster.psd. Click OK.

Please note that we’ve done this in order to have a manageable image size.

Step 3

Let’s work on the Euforia Poster.pdf file. Select the Stylish Woman duplicate layer and duplicate it, this time in the same document, by pressing Command-J.

Hide the copy, and let’s work on the original layer as shown in the image below:

Step 4

Head over to Filter > Pixelate > Color Halftone. Set the Max. Radius to 8 pixels. Use any Screen Angle degree. This will yield different results for everyone; I am using the Photoshop default. Click OK.

Head over to Image > Adjustments > Black and White. In the Black and White option window, click OK.

Step 5

Head over to Filter > Blur > Motion Blur. In the Motion Blur option window, set the Angle to 90 degrees and the Distance to 430 pixels. Click OK.

On the Layers panel, set the layer to Multiply and the Opacity to 70%.  

3. How to Create a Split Image

Step 1

On the Layers panel, activate the Stylish Woman copy layer. Click on the Add Layer Mask button. Make sure you are selecting the Layer Mask thumbnail.

Step 2

On the toolbar, select the Quick Selection Tool (W). We will be using this tool instead of the Magic Wand Tool (W). The reason is that the background is not solid—it is in color, but it also contains texture. Select the background in the same way as you would use a Brush Tool (B).

Press Command-I to Invert the background. Press Command-D to Deselect.

Step 3

On the Layers panel, right-click on the Layer Mask thumbnail. Select Refine Mask. This is perfect for getting into the finer details on an image. In the Refine Mask option window, activate the Smart Radius option and set the Radius to 4 px. Set the Feather to 0.5 px and the Shift Edge to -50%. Click OK.

Note that might need to tweak these values slightly depending on the selection you made with the Quick Selection Tool (W).

Step 4

Let’s resize the image. Press Command-T to Transform. Head over to the Options bar and activate the Maintain Aspect Ratio button. Set the Width and Height to 85%. Press Enter to proceed.

Step 5

You will notice that the remainder of the background is visible. This is a quick fix. Select the Brush Tool (B) and the Stylish Woman Layer Mask. Any manageable brush size will work. Set the Foreground Color to black and brush over the exposed sections.

Step 6

On the Layers panel, locate Shape 1 or the Ellipse layer we created. Hold Command and select the Vector Layer Mask. This will result in the selection of the Ellipse, which we will use to shape part of the Stylish Woman layer. Press Shift-Command-I to Invert the selection.

Select the Stylish Woman layer mask thumbnail. Using the Brush Tool (B), brush the bottom part of the image. This will make it appear as if the Stylish Woman is jumping out of the circle. Press Command-D to Deselect.

Remember that we are using Layer Masks for these layers. This will make it easier if we need to edit the image again.

Step 7

Press Command-J to Duplicate the Stylish Woman layer. We will be working on this layer for now.

Select the Lasso Tool (L) from the toolbar. Using this tool, we will create a split look. Create a wave form across the Stylish Woman’s face. It will take a few tries until you are happy with the style of wave you produce. Use Command-D to Deselect and start again.

Press Shift-Command-I to Invert the selection. While on the same layer, select the Layer Mask. Using the Brush Tool (B), hide the bottom part of the image, leaving only the wavy selection intact. You can use the thumbnail as a guide. Below, I’ve hidden all the other layers so you can see this step more clearly.

Step 8

Press Shift-Command-I to Invert the selection. This time, head over to the Stylish Woman layer below. Select the Layer Mask. For this layer, we will hide the opposite part of the wave. Use the Brush Tool (B) and the Layer Mask thumbnail as a guide. Below, I’ve hidden all the other layers so you can see this step more clearly. Press Command-D to Deselect.

Step 9

Select the top Stylish Woman layer. Using the Move Tool (V), move the layer slightly towards the top left.

Right-click on the layer and select Blending Options. Activate the Drop Shadow effect and select to change the settings. Set the Opacity to 40%, the Distance to 10 px, and the Size to 25 px. Click OK.

Right-click on the layer and select Copy Layer Style. Select the Stylish Woman layer below, and Right-Click > Paste Layer Style.

Step 10

Create a New Layer by pressing Shift-Command-N. Name the layer Split. Click OK. Place the layer under the two Stylish Woman layers we previously worked on. This layer will give the split effect a sense of depth.

Select the Brush Tool (B), and right-click to change the settings. Set the Size to something you are comfortable with; I am setting it to 70 px. Set the Hardness to 100%. Set the Foreground Color to #6d4ad9. Start by brushing between the split we created in the step above. Make sure not to brush outside of the split.

To further achieve a sense of depth, set the foreground color to #200b62. Set the Brush Tool (B) Hardness to 0%. Head over to the Options bar and set the Opacity to 25%. We want to create some sort of shadow. Brush lightly under the top portion of the split.

Step 11

To create a contrast between the two split sections, we will create an Adjustment Layer. Head over to the Layers panel, and select Create a New Fill or Adjustment Layer > Black and White.

Place this new layer between the two Stylish Woman layers we last worked on. We also need to create a Clipping Mask. This is so that this new layer adjustment is applied only to the layer below. Right-click on the new layer and select Create Clipping Mask.

4. How to Use the Text Tool

Step 1

On the Tools panel, select the Text Tool (T). I used white text to contrast with the background. The typeface I used is Prospekt Regular.

Bring up the Type panel by going to Type > Panels > Character Panel. Below are the details I added with the type size and specific font weight on separate layers.

EUFORIA
FESTIVAL DE MUSICA TECHNO
(Prospekt, Regular, Size: 205 pt and 62 pt, Tracking: 400 pt and 300 pt, Leading: 62 pt)

+
MONTERREY
CIUDAD DE MEXICO
GUADALAJARA
(Prospekt, Regular, Size: 40 pt, Tracking: 0, Leading: 35)

02/09
20/09
27/09
(Prospekt, Regular, Size: 40 pt, Tracking: 0, Leading: 35)

20:00 HORAS
ESTADIO LOS OLIVOS
EUFORIA2018.COM
(Prospekt, Regular, Size: 40 pt, Tracking: 0, Leading: 35)

I’ve placed the headline at the very top of the poster and the information spread out at the bottom. This is to create a well-rounded and balanced poster. Use the guides we created at the beginning of this tutorial. Activate them by pressing Command-;.

To align a layer to the center of a document, select any text layer and the very first background layer of the document. In our case, it would be the dates layer. Have the Move Tool (V) selected from the toolbar. Head over to the Options bar, and the Align buttons will appear. In this case, select the Align Horizontal Centers button.

Step 2

To add dimension to the text, we can add a Drop Shadow. Right-click on one of the text layers and select Blending Options. We will create a shadow for one layer and later copy the Layer Style to the other text layers.

Select the Drop Shadow style. Set the Blending Mode to Multiply, the Opacity to 40%, the Angle to 120, the Distance to 10 px, and the Size to 25 px. Click OK.

To copy the Layer Style, Right-Click on the text layer and select Copy Layer Style. Head over to another text layer, and Right-Click > Paste Layer Style.

5. How to Save a File for Web

Head over to File > Save and save the file as you would normally.

To save a JPEG for web file, head over to File > Save for Web or Shift-Option-Command-S. Select the file type you want to save the document in—I am choosing JPEG—and set 100 for Quality. Under Image size, you can change the pixel size of the image if you have any size constraints.

On the bottom left-hand side, you can see a preview of the size of the file. This is useful when there are size constraints on a website and you need to lower the quality or the size of the image.

Click on Save… to choose the location in the new window, and click on Save again.

Congratulations! You’ve Finished This Tutorial!

In this tutorial, we’ve learned to use a split effect to create a techno poster with basic Photoshop tools. Today, we’ve learned to:

• Use the Pixelate and Blur effects to create a new style of background.
• Use the Quick Selection tool to close crop images.
• Use the Refine Mask to finesse the edges on close crop images.
• Apply Adjustment Layers and Clipping Masks to edit images.
• Use the Lasso Tool to create a split image look.

If you liked this tutorial, you might like these:

• 
  Photo Manipulation
  How to Create a Sliced Mountain Effect Using Adobe Photoshop
  Laura Keung

• 
  Photo Collage
  How to Create a Colorful, Wavy, Tribal Photo Manipulation in Adobe Photoshop & Lightroom
  Kaylan Michael

• 
  Flyers
  18 Best New Event Flyers for 2018
  Melody Nieves

• 
  Poster Design
  10 Top Tips for Designing Music Festival Posters
  Grace Fussell

• 
  Digital Painting
  How to Incorporate Selection Tools Into Your Workflow in Adobe Photoshop
  Melody Nieves

Post pobrano z: How to Create a Split Image Poster in Adobe Photoshop

Learn how to create an amazing split image music poster. In this tutorial, we will be using a mix of basic Photoshop tools that will let us achieve a visually strong poster.

What You Will Need

You’ll need access to Adobe Photoshop—if you don’t have the software, you can download a trial from the Adobe website. You’ll also need the following resources:

• Stylish Woman from Envato Elements
• Prospekt Typeface from Envato Elements

Download the images and install the font, and you are ready to start!

Looking for amazing Photoshop add-ons? Head on over to GraphicRiver.

1. Setting Up a New Photoshop File

Step 1

In Photoshop, go to File > New. Name the document Euforia Poster. Set the Width to 1270 px and Height to 1600 px. Set the Resolution to 72 Pixels/Inch. Click OK.

Step 2

Press Command-R to bring up the rules around the document. Head over to View > New Guide. In the New Guide window option, select Horizontal and set the guide to 50 px. Click OK.

Do the same for the other sides of the document by subtracting 50 px from the final size. Additionally, create a Vertical guide at 635 px and a Horizontal guide at 900 px. To activate and deactivate the guides, press Command-;.

Step 3

On the Layers panel, click on the Create a new Fill or Adjustment Layer > Gradient. In the Gradient Fill option window, double-click in the Gradient window to set the colors.

On the Gradient Editor window option, set the left color stop under the bar to #dc4545 and the right to #6a50c6. Click OK.

The color stops above the bar are to set the Opacity, and the color stops under the bar are to set the colors.

Step 4

On the toolbar, select the Ellipse Tool (U). Activate the guides using Command-;. Create an ellipse by using the two intersecting guides as its center. Hold down Shift-Option and drag to create an ellipse that expands from its own center.

Choose any size you’d like as long as it fits within the vertical margins.

Step 5

On the Layers panel, double-click on the Shape 1 layer thumbnail. Set the color to #ed145b. Click OK.

Right-click on the Ellipse layer and select Blending Options. In the Layer Style option window, activate the Drop Shadow option. Click the option to change the settings.  

Set the Opacity to 35%, the Distance to 5 px, and the Size to 35 px. Click OK.

2. How to Create a Vertical Lined Background

Step 1

Open the Stylish Woman image in Photoshop as a separate document. On the toolbar, select the Crop Tool (C). Hold down Shift as you drag the mouse to crop an even square out of the image. Crop the image from just above the shoulders, as shown below. Press Enter to proceed.  

Step 2

On the Layers panel, right-click on the Background layer and select Duplicate Layer. In the Duplicate Layer option window, change the name to Stylish Woman. Choose the Document Euforia Poster.psd. Click OK.

Please note that we’ve done this in order to have a manageable image size.

Step 3

Let’s work on the Euforia Poster.pdf file. Select the Stylish Woman duplicate layer and duplicate it, this time in the same document, by pressing Command-J.

Hide the copy, and let’s work on the original layer as shown in the image below:

Step 4

Head over to Filter > Pixelate > Color Halftone. Set the Max. Radius to 8 pixels. Use any Screen Angle degree. This will yield different results for everyone; I am using the Photoshop default. Click OK.

Head over to Image > Adjustments > Black and White. In the Black and White option window, click OK.

Step 5

Head over to Filter > Blur > Motion Blur. In the Motion Blur option window, set the Angle to 90 degrees and the Distance to 430 pixels. Click OK.

On the Layers panel, set the layer to Multiply and the Opacity to 70%.  

3. How to Create a Split Image

Step 1

On the Layers panel, activate the Stylish Woman copy layer. Click on the Add Layer Mask button. Make sure you are selecting the Layer Mask thumbnail.

Step 2

On the toolbar, select the Quick Selection Tool (W). We will be using this tool instead of the Magic Wand Tool (W). The reason is that the background is not solid—it is in color, but it also contains texture. Select the background in the same way as you would use a Brush Tool (B).

Press Command-I to Invert the background. Press Command-D to Deselect.

Step 3

On the Layers panel, right-click on the Layer Mask thumbnail. Select Refine Mask. This is perfect for getting into the finer details on an image. In the Refine Mask option window, activate the Smart Radius option and set the Radius to 4 px. Set the Feather to 0.5 px and the Shift Edge to -50%. Click OK.

Note that might need to tweak these values slightly depending on the selection you made with the Quick Selection Tool (W).

Step 4

Let’s resize the image. Press Command-T to Transform. Head over to the Options bar and activate the Maintain Aspect Ratio button. Set the Width and Height to 85%. Press Enter to proceed.

Step 5

You will notice that the remainder of the background is visible. This is a quick fix. Select the Brush Tool (B) and the Stylish Woman Layer Mask. Any manageable brush size will work. Set the Foreground Color to black and brush over the exposed sections.

Step 6

On the Layers panel, locate Shape 1 or the Ellipse layer we created. Hold Command and select the Vector Layer Mask. This will result in the selection of the Ellipse, which we will use to shape part of the Stylish Woman layer. Press Shift-Command-I to Invert the selection.

Select the Stylish Woman layer mask thumbnail. Using the Brush Tool (B), brush the bottom part of the image. This will make it appear as if the Stylish Woman is jumping out of the circle. Press Command-D to Deselect.

Remember that we are using Layer Masks for these layers. This will make it easier if we need to edit the image again.

Step 7

Press Command-J to Duplicate the Stylish Woman layer. We will be working on this layer for now.

Select the Lasso Tool (L) from the toolbar. Using this tool, we will create a split look. Create a wave form across the Stylish Woman’s face. It will take a few tries until you are happy with the style of wave you produce. Use Command-D to Deselect and start again.

Press Shift-Command-I to Invert the selection. While on the same layer, select the Layer Mask. Using the Brush Tool (B), hide the bottom part of the image, leaving only the wavy selection intact. You can use the thumbnail as a guide. Below, I’ve hidden all the other layers so you can see this step more clearly.

Step 8

Press Shift-Command-I to Invert the selection. This time, head over to the Stylish Woman layer below. Select the Layer Mask. For this layer, we will hide the opposite part of the wave. Use the Brush Tool (B) and the Layer Mask thumbnail as a guide. Below, I’ve hidden all the other layers so you can see this step more clearly. Press Command-D to Deselect.

Step 9

Select the top Stylish Woman layer. Using the Move Tool (V), move the layer slightly towards the top left.

Right-click on the layer and select Blending Options. Activate the Drop Shadow effect and select to change the settings. Set the Opacity to 40%, the Distance to 10 px, and the Size to 25 px. Click OK.

Right-click on the layer and select Copy Layer Style. Select the Stylish Woman layer below, and Right-Click > Paste Layer Style.

Step 10

Create a New Layer by pressing Shift-Command-N. Name the layer Split. Click OK. Place the layer under the two Stylish Woman layers we previously worked on. This layer will give the split effect a sense of depth.

Select the Brush Tool (B), and right-click to change the settings. Set the Size to something you are comfortable with; I am setting it to 70 px. Set the Hardness to 100%. Set the Foreground Color to #6d4ad9. Start by brushing between the split we created in the step above. Make sure not to brush outside of the split.

To further achieve a sense of depth, set the foreground color to #200b62. Set the Brush Tool (B) Hardness to 0%. Head over to the Options bar and set the Opacity to 25%. We want to create some sort of shadow. Brush lightly under the top portion of the split.

Step 11

To create a contrast between the two split sections, we will create an Adjustment Layer. Head over to the Layers panel, and select Create a New Fill or Adjustment Layer > Black and White.

Place this new layer between the two Stylish Woman layers we last worked on. We also need to create a Clipping Mask. This is so that this new layer adjustment is applied only to the layer below. Right-click on the new layer and select Create Clipping Mask.

4. How to Use the Text Tool

Step 1

On the Tools panel, select the Text Tool (T). I used white text to contrast with the background. The typeface I used is Prospekt Regular.

Bring up the Type panel by going to Type > Panels > Character Panel. Below are the details I added with the type size and specific font weight on separate layers.

EUFORIA
FESTIVAL DE MUSICA TECHNO
(Prospekt, Regular, Size: 205 pt and 62 pt, Tracking: 400 pt and 300 pt, Leading: 62 pt)

+
MONTERREY
CIUDAD DE MEXICO
GUADALAJARA
(Prospekt, Regular, Size: 40 pt, Tracking: 0, Leading: 35)

02/09
20/09
27/09
(Prospekt, Regular, Size: 40 pt, Tracking: 0, Leading: 35)

20:00 HORAS
ESTADIO LOS OLIVOS
EUFORIA2018.COM
(Prospekt, Regular, Size: 40 pt, Tracking: 0, Leading: 35)

I’ve placed the headline at the very top of the poster and the information spread out at the bottom. This is to create a well-rounded and balanced poster. Use the guides we created at the beginning of this tutorial. Activate them by pressing Command-;.

To align a layer to the center of a document, select any text layer and the very first background layer of the document. In our case, it would be the dates layer. Have the Move Tool (V) selected from the toolbar. Head over to the Options bar, and the Align buttons will appear. In this case, select the Align Horizontal Centers button.

Step 2

To add dimension to the text, we can add a Drop Shadow. Right-click on one of the text layers and select Blending Options. We will create a shadow for one layer and later copy the Layer Style to the other text layers.

Select the Drop Shadow style. Set the Blending Mode to Multiply, the Opacity to 40%, the Angle to 120, the Distance to 10 px, and the Size to 25 px. Click OK.

To copy the Layer Style, Right-Click on the text layer and select Copy Layer Style. Head over to another text layer, and Right-Click > Paste Layer Style.

5. How to Save a File for Web

Head over to File > Save and save the file as you would normally.

To save a JPEG for web file, head over to File > Save for Web or Shift-Option-Command-S. Select the file type you want to save the document in—I am choosing JPEG—and set 100 for Quality. Under Image size, you can change the pixel size of the image if you have any size constraints.

On the bottom left-hand side, you can see a preview of the size of the file. This is useful when there are size constraints on a website and you need to lower the quality or the size of the image.

Click on Save… to choose the location in the new window, and click on Save again.

Congratulations! You’ve Finished This Tutorial!

In this tutorial, we’ve learned to use a split effect to create a techno poster with basic Photoshop tools. Today, we’ve learned to:

• Use the Pixelate and Blur effects to create a new style of background.
• Use the Quick Selection tool to close crop images.
• Use the Refine Mask to finesse the edges on close crop images.
• Apply Adjustment Layers and Clipping Masks to edit images.
• Use the Lasso Tool to create a split image look.

If you liked this tutorial, you might like these:

• 
  Photo Manipulation
  How to Create a Sliced Mountain Effect Using Adobe Photoshop
  Laura Keung

• 
  Photo Collage
  How to Create a Colorful, Wavy, Tribal Photo Manipulation in Adobe Photoshop & Lightroom
  Kaylan Michael

• 
  Flyers
  18 Best New Event Flyers for 2018
  Melody Nieves

• 
  Poster Design
  10 Top Tips for Designing Music Festival Posters
  Grace Fussell

• 
  Digital Painting
  How to Incorporate Selection Tools Into Your Workflow in Adobe Photoshop
  Melody Nieves

Post pobrano z: How to Create a Split Image Poster in Adobe Photoshop

Learn how to create an amazing split image music poster. In this tutorial, we will be using a mix of basic Photoshop tools that will let us achieve a visually strong poster.

What You Will Need

You’ll need access to Adobe Photoshop—if you don’t have the software, you can download a trial from the Adobe website. You’ll also need the following resources:

• Stylish Woman from Envato Elements
• Prospekt Typeface from Envato Elements

Download the images and install the font, and you are ready to start!

Looking for amazing Photoshop add-ons? Head on over to GraphicRiver.

1. Setting Up a New Photoshop File

Step 1

In Photoshop, go to File > New. Name the document Euforia Poster. Set the Width to 1270 px and Height to 1600 px. Set the Resolution to 72 Pixels/Inch. Click OK.

Step 2

Press Command-R to bring up the rules around the document. Head over to View > New Guide. In the New Guide window option, select Horizontal and set the guide to 50 px. Click OK.

Do the same for the other sides of the document by subtracting 50 px from the final size. Additionally, create a Vertical guide at 635 px and a Horizontal guide at 900 px. To activate and deactivate the guides, press Command-;.

Step 3

On the Layers panel, click on the Create a new Fill or Adjustment Layer > Gradient. In the Gradient Fill option window, double-click in the Gradient window to set the colors.

On the Gradient Editor window option, set the left color stop under the bar to #dc4545 and the right to #6a50c6. Click OK.

The color stops above the bar are to set the Opacity, and the color stops under the bar are to set the colors.

Step 4

On the toolbar, select the Ellipse Tool (U). Activate the guides using Command-;. Create an ellipse by using the two intersecting guides as its center. Hold down Shift-Option and drag to create an ellipse that expands from its own center.

Choose any size you’d like as long as it fits within the vertical margins.

Step 5

On the Layers panel, double-click on the Shape 1 layer thumbnail. Set the color to #ed145b. Click OK.

Right-click on the Ellipse layer and select Blending Options. In the Layer Style option window, activate the Drop Shadow option. Click the option to change the settings.  

Set the Opacity to 35%, the Distance to 5 px, and the Size to 35 px. Click OK.

2. How to Create a Vertical Lined Background

Step 1

Open the Stylish Woman image in Photoshop as a separate document. On the toolbar, select the Crop Tool (C). Hold down Shift as you drag the mouse to crop an even square out of the image. Crop the image from just above the shoulders, as shown below. Press Enter to proceed.  

Step 2

On the Layers panel, right-click on the Background layer and select Duplicate Layer. In the Duplicate Layer option window, change the name to Stylish Woman. Choose the Document Euforia Poster.psd. Click OK.

Please note that we’ve done this in order to have a manageable image size.

Step 3

Let’s work on the Euforia Poster.pdf file. Select the Stylish Woman duplicate layer and duplicate it, this time in the same document, by pressing Command-J.

Hide the copy, and let’s work on the original layer as shown in the image below:

Step 4

Head over to Filter > Pixelate > Color Halftone. Set the Max. Radius to 8 pixels. Use any Screen Angle degree. This will yield different results for everyone; I am using the Photoshop default. Click OK.

Head over to Image > Adjustments > Black and White. In the Black and White option window, click OK.

Step 5

Head over to Filter > Blur > Motion Blur. In the Motion Blur option window, set the Angle to 90 degrees and the Distance to 430 pixels. Click OK.

On the Layers panel, set the layer to Multiply and the Opacity to 70%.  

3. How to Create a Split Image

Step 1

On the Layers panel, activate the Stylish Woman copy layer. Click on the Add Layer Mask button. Make sure you are selecting the Layer Mask thumbnail.

Step 2

On the toolbar, select the Quick Selection Tool (W). We will be using this tool instead of the Magic Wand Tool (W). The reason is that the background is not solid—it is in color, but it also contains texture. Select the background in the same way as you would use a Brush Tool (B).

Press Command-I to Invert the background. Press Command-D to Deselect.

Step 3

On the Layers panel, right-click on the Layer Mask thumbnail. Select Refine Mask. This is perfect for getting into the finer details on an image. In the Refine Mask option window, activate the Smart Radius option and set the Radius to 4 px. Set the Feather to 0.5 px and the Shift Edge to -50%. Click OK.

Note that might need to tweak these values slightly depending on the selection you made with the Quick Selection Tool (W).

Step 4

Let’s resize the image. Press Command-T to Transform. Head over to the Options bar and activate the Maintain Aspect Ratio button. Set the Width and Height to 85%. Press Enter to proceed.

Step 5

You will notice that the remainder of the background is visible. This is a quick fix. Select the Brush Tool (B) and the Stylish Woman Layer Mask. Any manageable brush size will work. Set the Foreground Color to black and brush over the exposed sections.

Step 6

On the Layers panel, locate Shape 1 or the Ellipse layer we created. Hold Command and select the Vector Layer Mask. This will result in the selection of the Ellipse, which we will use to shape part of the Stylish Woman layer. Press Shift-Command-I to Invert the selection.

Select the Stylish Woman layer mask thumbnail. Using the Brush Tool (B), brush the bottom part of the image. This will make it appear as if the Stylish Woman is jumping out of the circle. Press Command-D to Deselect.

Remember that we are using Layer Masks for these layers. This will make it easier if we need to edit the image again.

Step 7

Press Command-J to Duplicate the Stylish Woman layer. We will be working on this layer for now.

Select the Lasso Tool (L) from the toolbar. Using this tool, we will create a split look. Create a wave form across the Stylish Woman’s face. It will take a few tries until you are happy with the style of wave you produce. Use Command-D to Deselect and start again.

Press Shift-Command-I to Invert the selection. While on the same layer, select the Layer Mask. Using the Brush Tool (B), hide the bottom part of the image, leaving only the wavy selection intact. You can use the thumbnail as a guide. Below, I’ve hidden all the other layers so you can see this step more clearly.

Step 8

Press Shift-Command-I to Invert the selection. This time, head over to the Stylish Woman layer below. Select the Layer Mask. For this layer, we will hide the opposite part of the wave. Use the Brush Tool (B) and the Layer Mask thumbnail as a guide. Below, I’ve hidden all the other layers so you can see this step more clearly. Press Command-D to Deselect.

Step 9

Select the top Stylish Woman layer. Using the Move Tool (V), move the layer slightly towards the top left.

Right-click on the layer and select Blending Options. Activate the Drop Shadow effect and select to change the settings. Set the Opacity to 40%, the Distance to 10 px, and the Size to 25 px. Click OK.

Right-click on the layer and select Copy Layer Style. Select the Stylish Woman layer below, and Right-Click > Paste Layer Style.

Step 10

Create a New Layer by pressing Shift-Command-N. Name the layer Split. Click OK. Place the layer under the two Stylish Woman layers we previously worked on. This layer will give the split effect a sense of depth.

Select the Brush Tool (B), and right-click to change the settings. Set the Size to something you are comfortable with; I am setting it to 70 px. Set the Hardness to 100%. Set the Foreground Color to #6d4ad9. Start by brushing between the split we created in the step above. Make sure not to brush outside of the split.

To further achieve a sense of depth, set the foreground color to #200b62. Set the Brush Tool (B) Hardness to 0%. Head over to the Options bar and set the Opacity to 25%. We want to create some sort of shadow. Brush lightly under the top portion of the split.

Step 11

To create a contrast between the two split sections, we will create an Adjustment Layer. Head over to the Layers panel, and select Create a New Fill or Adjustment Layer > Black and White.

Place this new layer between the two Stylish Woman layers we last worked on. We also need to create a Clipping Mask. This is so that this new layer adjustment is applied only to the layer below. Right-click on the new layer and select Create Clipping Mask.

4. How to Use the Text Tool

Step 1

On the Tools panel, select the Text Tool (T). I used white text to contrast with the background. The typeface I used is Prospekt Regular.

Bring up the Type panel by going to Type > Panels > Character Panel. Below are the details I added with the type size and specific font weight on separate layers.

EUFORIA
FESTIVAL DE MUSICA TECHNO
(Prospekt, Regular, Size: 205 pt and 62 pt, Tracking: 400 pt and 300 pt, Leading: 62 pt)

+
MONTERREY
CIUDAD DE MEXICO
GUADALAJARA
(Prospekt, Regular, Size: 40 pt, Tracking: 0, Leading: 35)

02/09
20/09
27/09
(Prospekt, Regular, Size: 40 pt, Tracking: 0, Leading: 35)

20:00 HORAS
ESTADIO LOS OLIVOS
EUFORIA2018.COM
(Prospekt, Regular, Size: 40 pt, Tracking: 0, Leading: 35)

I’ve placed the headline at the very top of the poster and the information spread out at the bottom. This is to create a well-rounded and balanced poster. Use the guides we created at the beginning of this tutorial. Activate them by pressing Command-;.

To align a layer to the center of a document, select any text layer and the very first background layer of the document. In our case, it would be the dates layer. Have the Move Tool (V) selected from the toolbar. Head over to the Options bar, and the Align buttons will appear. In this case, select the Align Horizontal Centers button.

Step 2

To add dimension to the text, we can add a Drop Shadow. Right-click on one of the text layers and select Blending Options. We will create a shadow for one layer and later copy the Layer Style to the other text layers.

Select the Drop Shadow style. Set the Blending Mode to Multiply, the Opacity to 40%, the Angle to 120, the Distance to 10 px, and the Size to 25 px. Click OK.

To copy the Layer Style, Right-Click on the text layer and select Copy Layer Style. Head over to another text layer, and Right-Click > Paste Layer Style.

5. How to Save a File for Web

Head over to File > Save and save the file as you would normally.

To save a JPEG for web file, head over to File > Save for Web or Shift-Option-Command-S. Select the file type you want to save the document in—I am choosing JPEG—and set 100 for Quality. Under Image size, you can change the pixel size of the image if you have any size constraints.

On the bottom left-hand side, you can see a preview of the size of the file. This is useful when there are size constraints on a website and you need to lower the quality or the size of the image.

Click on Save… to choose the location in the new window, and click on Save again.

Congratulations! You’ve Finished This Tutorial!

In this tutorial, we’ve learned to use a split effect to create a techno poster with basic Photoshop tools. Today, we’ve learned to:

• Use the Pixelate and Blur effects to create a new style of background.
• Use the Quick Selection tool to close crop images.
• Use the Refine Mask to finesse the edges on close crop images.
• Apply Adjustment Layers and Clipping Masks to edit images.
• Use the Lasso Tool to create a split image look.

If you liked this tutorial, you might like these:

• 
  Photo Manipulation
  How to Create a Sliced Mountain Effect Using Adobe Photoshop
  Laura Keung

• 
  Photo Collage
  How to Create a Colorful, Wavy, Tribal Photo Manipulation in Adobe Photoshop & Lightroom
  Kaylan Michael

• 
  Flyers
  18 Best New Event Flyers for 2018
  Melody Nieves

• 
  Poster Design
  10 Top Tips for Designing Music Festival Posters
  Grace Fussell

• 
  Digital Painting
  How to Incorporate Selection Tools Into Your Workflow in Adobe Photoshop
  Melody Nieves

Post pobrano z: How to Create a Mexican Fiesta Poster in Adobe InDesign

We’re celebrating all things to do with Mexico this week! This is a fun and festive poster design that would translate well to food or music events. 

If you’re new to using InDesign, this is a simple tutorial which covers a broad range of poster and print design techniques.

If you’re on the hunt for more poster designs, a poster template is a quick and easy-to-edit alternative. You can find a wide range of stylish events posters over on GraphicRiver and Envato Elements.

Let’s get started!

What You’ll Need to Create Your Poster

You’ll need the following resources in order to complete this project:

• Vector cacti
• Moolrys font
• US Bilko font
• Vintage lines textures
• Vintage paper textures

Install the fonts on your computer, and you’re ready to get started with creating your poster.

1. How to Set Up Your Poster Document in InDesign

Step 1

Open InDesign and go to File > New > Document. 

Set the Width of the page to 18 in and Height to 24 in. Uncheck Facing Pages. Keep the Margins to their default value, and add a Bleed of 0.25 in. 

Click Create.

Step 2

Expand the Layers panel (Window > Layers), and double-click on Layer 1 to rename it Paper.

Create four more new layers in this order—Background, Graphics, Type, and Overlay texture at the top. 

Then lock all the layers except Paper, to work on this first. 

Step 3

Expand the Swatches panel (Window > Color > Swatches), and choose New Color Swatch from the panel’s main drop-down menu. 

With the Type set to Process and Mode to CMYK, set the levels below to C=61 M=0 Y=40 K=0. Click Add and Done. 

Repeat the process to create five more new CMYK swatches, with the following values:

• C=48 M=77 Y=82 K=74
• C=0 M=44 Y=93 K=0
• C=0 M=82 Y=14 K=0
• C=93 M=81 Y=0 K=0
• C=46 M=0 Y=11 K=0

2. How to Create a Colorful Textured Backdrop for Your Poster

Step 1

With the Paper layer unlocked and active, use the Rectangle Frame Tool (F) to create an image frame across the whole page, extending the edge up to the bleed on all sides. 

Go to File > Place, navigate to the vintage paper textures folder you downloaded earlier, and choose ‘Vintage-Paper-Texture-6.jpg’. Click Open, and allow the paper to fill the whole image frame. 

Step 2

With the image frame selected, go to Object > Effects > Transparency. Bring the Opacity down to 45%, and click OK.

Step 3

Lock the Paper layer and unlock the layer above, Background.

Use the Rectangle Tool (M) to create a shape across the whole page. From the Swatches panel, set the Fill to C=0 M=82 Y=14 K=0.

With the shape selected, go to Object > Effects > Transparency, and set the Mode to Multiply. Click OK to exit the window. 

3. How to Create Eclectic Typography on Your Layout

Step 1

Lock the Background layer and unlock the Type layer. 

Use the Type Tool (T) to create a small text frame on the top-left section of the page, and type in a single letter, ‘F’.

From either the top Controls panel or the Character panel (Window > Type & Tables > Character), set the Font to US Bilko (this will have installed as US Lumia) Black.

Step 2

Edit > Copy and Edit > Paste the text frame repeatedly, arranging them in an imperfect, jaunty line across the page. Set a single letter in each frame, building up the word ‘Fiesta’, and vary the capitalisation to create an eclectic look. 

Using your new color palette, apply a different color swatch to each letter.

Use the Paste function to drop in more text frames above ‘Fiesta’, adjusting the text to read ‘foodie’.

Step 3

Create a small subtitle above the main header using the Type Tool (T), typing in ‘Come along to our’ and setting the Font to Moolpys, Size 110 pt. 

4. How to Build Up Quirky Graphics on Your Poster

Step 1

Minimize your InDesign window for a moment. Open up the ‘Llama and Cacti clipart vector.eps’ file inside the vector cacti pack you downloaded earlier in Adobe Illustrator.

You can use this illustration as a pick-and-choose pack of vector graphics you can copy in Illustrator and paste directly into your InDesign document. 

Don’t worry about the original colors used in the vector—you can change these quickly and easily in InDesign using the Swatches panel, to match the color palette you created earlier.

Let’s start with one of the cacti with stripes, intending to use this as the main image on our design. 

Select the cactus and Edit > Copy it.

Step 2

Back in InDesign, lock the Type layer and unlock the Graphics layer below. 

Edit > Paste the cactus onto the page. Position centrally and scale holding Shift to maintain the proportions. Double-click on the cactus to select individual parts of the illustration and adjust the color from the Swatches panel, using the colors in your CMYK palette. 

Step 3

Return to the Illustrator file and select another cactus, copying it as before.

Paste it onto your InDesign poster, and scale and position it roughly as shown. 

Keep heading back and forth between the Illustrator file and your poster, copying and pasting different elements and scattering them around the layout. Adjust the colors to match your CMYK palette. 

Leave a little bit of room across the page to allow you to place text, which we’ll do in the next step. 

5. How to Create Text Paths on Your Poster

Step 1

Lock the Graphics layer and unlock the Type layer. 

Use the Type Tool (T) to create a few small text frames in some of the gaps on the layout, setting the Font to Moolpys. 

Step 2

To create a really eclectic look for your typography, you can create text paths around some of the graphics to allow you to curve text around the illustrations. 

Use the Pencil Tool (N) to draw a rough line around one of the graphics, as shown in the example below. 

From the Swatches panel, set the Stroke Color of the line to [None].

Switch to the Type on a Path Tool (Shift-T) and click once on the beginning of the line to transform it into a text path.

Type in a word (e.g. ‘Burritos’), highlight the text, and set the Font to Moolpys. Adjust the Font Color to match the adjacent illustration. 

Step 3

Use the same process to create more text paths around the graphics, filling up the gaps on the poster. 

Use the Pencil Tool to create a line, set the Stroke Color to [None], use the Type on a Path Tool to create a text path, and then type up and format a word or phrase. 

Step 4

Set any particularly important details about the event, such as the date, in a high-contrast [Paper] Font Color.

6. How to Add an Overlay Texture to Your Poster

Step 1

Lock the Type layer and unlock the top layer, Overlay texture. 

Use the Rectangle Frame Tool (F) to create an image frame across the whole page. 

File > Place, and choose an EPS image from the vintage lines textures pack you downloaded earlier. Click Open, and allow it to fill up the frame.

Step 2

With the image frame selected, head up to Object > Effects > Transparency. 

Set the Mode to Screen and bring the Opacity down to 25%. Click OK. 

7. How to Export Your Poster

Step 1

Go to File > Export. For sharing your poster online or over email, you can choose JPEG, PNG or PDF (Interactive) from the Format drop-down menu.

To export your poster for printing, choose Adobe PDF (Print) from the Format menu. Read on to discover the best steps for exporting your poster as a press-ready file.

Click Save.

Step 2

In the Export Adobe PDF window that opens, choose [Press Quality] from the Preset menu at the top.

Click on Marks and Bleeds in the window’s left-hand menu. Check All Printer’s Marks and Use Document Bleed Settings, before hitting the Export button. 

Conclusion: Your Finished Fiesta Poster

Your poster’s finished—awesome work! 

In this tutorial, we’ve covered a wide range of skills for creating poster artwork in InDesign. You now know how to:

• Set up a poster document in InDesign, as well as a CMYK color palette.
• Format interesting and professional typography for your poster design.
• Use vector graphics in a creative way to give your poster a unique design.

If you’re on the hunt for more poster designs, a poster template is a quick and easy-to-edit alternative. Track down more great event posters and flyers on GraphicRiver and Envato Elements.

Discover more poster design tutorials here:

• 

  How to Create an Ice-Cream Script Poster in Adobe InDesign

  Looking for a summer fix? This pastel poster evokes long, hot days eating ice cream in the park. It’s also super simple to create in Adobe InDesign and is a…
• 

  How to Create a Poster Using Layer Masks in Adobe Photoshop

  For this tutorial we will design an empowering poster using typography interwoven into flowers using the Layer Mask tool.
• 

  How to Create a Light Streak Effect for a Contemporary Ballet Poster in Adobe Photoshop

  Learn how to combine some of Photoshop’s popular filters in a different way to achieve a futuristic light effect.
• 

  How to Create an ‘Everything Will Be Alright’ Neon Poster in Adobe InDesign

  Everyone needs a bit of optimism in their lives, and this neon sign poster is the perfect pick-me-up. Pop it on the office noticeboard, set it as your phone…

Post pobrano z: How to Create a Mexican Fiesta Poster in Adobe InDesign

We’re celebrating all things to do with Mexico this week! This is a fun and festive poster design that would translate well to food or music events. 

If you’re new to using InDesign, this is a simple tutorial which covers a broad range of poster and print design techniques.

If you’re on the hunt for more poster designs, a poster template is a quick and easy-to-edit alternative. You can find a wide range of stylish events posters over on GraphicRiver and Envato Elements.

Let’s get started!

What You’ll Need to Create Your Poster

You’ll need the following resources in order to complete this project:

• Vector cacti
• Moolrys font
• US Bilko font
• Vintage lines textures
• Vintage paper textures

Install the fonts on your computer, and you’re ready to get started with creating your poster.

1. How to Set Up Your Poster Document in InDesign

Step 1

Open InDesign and go to File > New > Document. 

Set the Width of the page to 18 in and Height to 24 in. Uncheck Facing Pages. Keep the Margins to their default value, and add a Bleed of 0.25 in. 

Click Create.

Step 2

Expand the Layers panel (Window > Layers), and double-click on Layer 1 to rename it Paper.

Create four more new layers in this order—Background, Graphics, Type, and Overlay texture at the top. 

Then lock all the layers except Paper, to work on this first. 

Step 3

Expand the Swatches panel (Window > Color > Swatches), and choose New Color Swatch from the panel’s main drop-down menu. 

With the Type set to Process and Mode to CMYK, set the levels below to C=61 M=0 Y=40 K=0. Click Add and Done. 

Repeat the process to create five more new CMYK swatches, with the following values:

• C=48 M=77 Y=82 K=74
• C=0 M=44 Y=93 K=0
• C=0 M=82 Y=14 K=0
• C=93 M=81 Y=0 K=0
• C=46 M=0 Y=11 K=0

2. How to Create a Colorful Textured Backdrop for Your Poster

Step 1

With the Paper layer unlocked and active, use the Rectangle Frame Tool (F) to create an image frame across the whole page, extending the edge up to the bleed on all sides. 

Go to File > Place, navigate to the vintage paper textures folder you downloaded earlier, and choose ‘Vintage-Paper-Texture-6.jpg’. Click Open, and allow the paper to fill the whole image frame. 

Step 2

With the image frame selected, go to Object > Effects > Transparency. Bring the Opacity down to 45%, and click OK.

Step 3

Lock the Paper layer and unlock the layer above, Background.

Use the Rectangle Tool (M) to create a shape across the whole page. From the Swatches panel, set the Fill to C=0 M=82 Y=14 K=0.

With the shape selected, go to Object > Effects > Transparency, and set the Mode to Multiply. Click OK to exit the window. 

3. How to Create Eclectic Typography on Your Layout

Step 1

Lock the Background layer and unlock the Type layer. 

Use the Type Tool (T) to create a small text frame on the top-left section of the page, and type in a single letter, ‘F’.

From either the top Controls panel or the Character panel (Window > Type & Tables > Character), set the Font to US Bilko (this will have installed as US Lumia) Black.

Step 2

Edit > Copy and Edit > Paste the text frame repeatedly, arranging them in an imperfect, jaunty line across the page. Set a single letter in each frame, building up the word ‘Fiesta’, and vary the capitalisation to create an eclectic look. 

Using your new color palette, apply a different color swatch to each letter.

Use the Paste function to drop in more text frames above ‘Fiesta’, adjusting the text to read ‘foodie’.

Step 3

Create a small subtitle above the main header using the Type Tool (T), typing in ‘Come along to our’ and setting the Font to Moolpys, Size 110 pt. 

4. How to Build Up Quirky Graphics on Your Poster

Step 1

Minimize your InDesign window for a moment. Open up the ‘Llama and Cacti clipart vector.eps’ file inside the vector cacti pack you downloaded earlier in Adobe Illustrator.

You can use this illustration as a pick-and-choose pack of vector graphics you can copy in Illustrator and paste directly into your InDesign document. 

Don’t worry about the original colors used in the vector—you can change these quickly and easily in InDesign using the Swatches panel, to match the color palette you created earlier.

Let’s start with one of the cacti with stripes, intending to use this as the main image on our design. 

Select the cactus and Edit > Copy it.

Step 2

Back in InDesign, lock the Type layer and unlock the Graphics layer below. 

Edit > Paste the cactus onto the page. Position centrally and scale holding Shift to maintain the proportions. Double-click on the cactus to select individual parts of the illustration and adjust the color from the Swatches panel, using the colors in your CMYK palette. 

Step 3

Return to the Illustrator file and select another cactus, copying it as before.

Paste it onto your InDesign poster, and scale and position it roughly as shown. 

Keep heading back and forth between the Illustrator file and your poster, copying and pasting different elements and scattering them around the layout. Adjust the colors to match your CMYK palette. 

Leave a little bit of room across the page to allow you to place text, which we’ll do in the next step. 

5. How to Create Text Paths on Your Poster

Step 1

Lock the Graphics layer and unlock the Type layer. 

Use the Type Tool (T) to create a few small text frames in some of the gaps on the layout, setting the Font to Moolpys. 

Step 2

To create a really eclectic look for your typography, you can create text paths around some of the graphics to allow you to curve text around the illustrations. 

Use the Pencil Tool (N) to draw a rough line around one of the graphics, as shown in the example below. 

From the Swatches panel, set the Stroke Color of the line to [None].

Switch to the Type on a Path Tool (Shift-T) and click once on the beginning of the line to transform it into a text path.

Type in a word (e.g. ‘Burritos’), highlight the text, and set the Font to Moolpys. Adjust the Font Color to match the adjacent illustration. 

Step 3

Use the same process to create more text paths around the graphics, filling up the gaps on the poster. 

Use the Pencil Tool to create a line, set the Stroke Color to [None], use the Type on a Path Tool to create a text path, and then type up and format a word or phrase. 

Step 4

Set any particularly important details about the event, such as the date, in a high-contrast [Paper] Font Color.

6. How to Add an Overlay Texture to Your Poster

Step 1

Lock the Type layer and unlock the top layer, Overlay texture. 

Use the Rectangle Frame Tool (F) to create an image frame across the whole page. 

File > Place, and choose an EPS image from the vintage lines textures pack you downloaded earlier. Click Open, and allow it to fill up the frame.

Step 2

With the image frame selected, head up to Object > Effects > Transparency. 

Set the Mode to Screen and bring the Opacity down to 25%. Click OK. 

7. How to Export Your Poster

Step 1

Go to File > Export. For sharing your poster online or over email, you can choose JPEG, PNG or PDF (Interactive) from the Format drop-down menu.

To export your poster for printing, choose Adobe PDF (Print) from the Format menu. Read on to discover the best steps for exporting your poster as a press-ready file.

Click Save.

Step 2

In the Export Adobe PDF window that opens, choose [Press Quality] from the Preset menu at the top.

Click on Marks and Bleeds in the window’s left-hand menu. Check All Printer’s Marks and Use Document Bleed Settings, before hitting the Export button. 

Conclusion: Your Finished Fiesta Poster

Your poster’s finished—awesome work! 

In this tutorial, we’ve covered a wide range of skills for creating poster artwork in InDesign. You now know how to:

• Set up a poster document in InDesign, as well as a CMYK color palette.
• Format interesting and professional typography for your poster design.
• Use vector graphics in a creative way to give your poster a unique design.

If you’re on the hunt for more poster designs, a poster template is a quick and easy-to-edit alternative. Track down more great event posters and flyers on GraphicRiver and Envato Elements.

Discover more poster design tutorials here:

• 

  How to Create an Ice-Cream Script Poster in Adobe InDesign

  Looking for a summer fix? This pastel poster evokes long, hot days eating ice cream in the park. It’s also super simple to create in Adobe InDesign and is a…
• 

  How to Create a Poster Using Layer Masks in Adobe Photoshop

  For this tutorial we will design an empowering poster using typography interwoven into flowers using the Layer Mask tool.
• 

  How to Create a Light Streak Effect for a Contemporary Ballet Poster in Adobe Photoshop

  Learn how to combine some of Photoshop’s popular filters in a different way to achieve a futuristic light effect.
• 

  How to Create an ‘Everything Will Be Alright’ Neon Poster in Adobe InDesign

  Everyone needs a bit of optimism in their lives, and this neon sign poster is the perfect pick-me-up. Pop it on the office noticeboard, set it as your phone…

Post pobrano z: How to Create a Mexican Fiesta Poster in Adobe InDesign

We’re celebrating all things to do with Mexico this week! This is a fun and festive poster design that would translate well to food or music events. 

If you’re new to using InDesign, this is a simple tutorial which covers a broad range of poster and print design techniques.

If you’re on the hunt for more poster designs, a poster template is a quick and easy-to-edit alternative. You can find a wide range of stylish events posters over on GraphicRiver and Envato Elements.

Let’s get started!

What You’ll Need to Create Your Poster

You’ll need the following resources in order to complete this project:

• Vector cacti
• Moolrys font
• US Bilko font
• Vintage lines textures
• Vintage paper textures

Install the fonts on your computer, and you’re ready to get started with creating your poster.

1. How to Set Up Your Poster Document in InDesign

Step 1

Open InDesign and go to File > New > Document. 

Set the Width of the page to 18 in and Height to 24 in. Uncheck Facing Pages. Keep the Margins to their default value, and add a Bleed of 0.25 in. 

Click Create.

Step 2

Expand the Layers panel (Window > Layers), and double-click on Layer 1 to rename it Paper.

Create four more new layers in this order—Background, Graphics, Type, and Overlay texture at the top. 

Then lock all the layers except Paper, to work on this first. 

Step 3

Expand the Swatches panel (Window > Color > Swatches), and choose New Color Swatch from the panel’s main drop-down menu. 

With the Type set to Process and Mode to CMYK, set the levels below to C=61 M=0 Y=40 K=0. Click Add and Done. 

Repeat the process to create five more new CMYK swatches, with the following values:

• C=48 M=77 Y=82 K=74
• C=0 M=44 Y=93 K=0
• C=0 M=82 Y=14 K=0
• C=93 M=81 Y=0 K=0
• C=46 M=0 Y=11 K=0

2. How to Create a Colorful Textured Backdrop for Your Poster

Step 1

With the Paper layer unlocked and active, use the Rectangle Frame Tool (F) to create an image frame across the whole page, extending the edge up to the bleed on all sides. 

Go to File > Place, navigate to the vintage paper textures folder you downloaded earlier, and choose ‘Vintage-Paper-Texture-6.jpg’. Click Open, and allow the paper to fill the whole image frame. 

Step 2

With the image frame selected, go to Object > Effects > Transparency. Bring the Opacity down to 45%, and click OK.

Step 3

Lock the Paper layer and unlock the layer above, Background.

Use the Rectangle Tool (M) to create a shape across the whole page. From the Swatches panel, set the Fill to C=0 M=82 Y=14 K=0.

With the shape selected, go to Object > Effects > Transparency, and set the Mode to Multiply. Click OK to exit the window. 

3. How to Create Eclectic Typography on Your Layout

Step 1

Lock the Background layer and unlock the Type layer. 

Use the Type Tool (T) to create a small text frame on the top-left section of the page, and type in a single letter, ‘F’.

From either the top Controls panel or the Character panel (Window > Type & Tables > Character), set the Font to US Bilko (this will have installed as US Lumia) Black.

Step 2

Edit > Copy and Edit > Paste the text frame repeatedly, arranging them in an imperfect, jaunty line across the page. Set a single letter in each frame, building up the word ‘Fiesta’, and vary the capitalisation to create an eclectic look. 

Using your new color palette, apply a different color swatch to each letter.

Use the Paste function to drop in more text frames above ‘Fiesta’, adjusting the text to read ‘foodie’.

Step 3

Create a small subtitle above the main header using the Type Tool (T), typing in ‘Come along to our’ and setting the Font to Moolpys, Size 110 pt. 

4. How to Build Up Quirky Graphics on Your Poster

Step 1

Minimize your InDesign window for a moment. Open up the ‘Llama and Cacti clipart vector.eps’ file inside the vector cacti pack you downloaded earlier in Adobe Illustrator.

You can use this illustration as a pick-and-choose pack of vector graphics you can copy in Illustrator and paste directly into your InDesign document. 

Don’t worry about the original colors used in the vector—you can change these quickly and easily in InDesign using the Swatches panel, to match the color palette you created earlier.

Let’s start with one of the cacti with stripes, intending to use this as the main image on our design. 

Select the cactus and Edit > Copy it.

Step 2

Back in InDesign, lock the Type layer and unlock the Graphics layer below. 

Edit > Paste the cactus onto the page. Position centrally and scale holding Shift to maintain the proportions. Double-click on the cactus to select individual parts of the illustration and adjust the color from the Swatches panel, using the colors in your CMYK palette. 

Step 3

Return to the Illustrator file and select another cactus, copying it as before.

Paste it onto your InDesign poster, and scale and position it roughly as shown. 

Keep heading back and forth between the Illustrator file and your poster, copying and pasting different elements and scattering them around the layout. Adjust the colors to match your CMYK palette. 

Leave a little bit of room across the page to allow you to place text, which we’ll do in the next step. 

5. How to Create Text Paths on Your Poster

Step 1

Lock the Graphics layer and unlock the Type layer. 

Use the Type Tool (T) to create a few small text frames in some of the gaps on the layout, setting the Font to Moolpys. 

Step 2

To create a really eclectic look for your typography, you can create text paths around some of the graphics to allow you to curve text around the illustrations. 

Use the Pencil Tool (N) to draw a rough line around one of the graphics, as shown in the example below. 

From the Swatches panel, set the Stroke Color of the line to [None].

Switch to the Type on a Path Tool (Shift-T) and click once on the beginning of the line to transform it into a text path.

Type in a word (e.g. ‘Burritos’), highlight the text, and set the Font to Moolpys. Adjust the Font Color to match the adjacent illustration. 

Step 3

Use the same process to create more text paths around the graphics, filling up the gaps on the poster. 

Use the Pencil Tool to create a line, set the Stroke Color to [None], use the Type on a Path Tool to create a text path, and then type up and format a word or phrase. 

Step 4

Set any particularly important details about the event, such as the date, in a high-contrast [Paper] Font Color.

6. How to Add an Overlay Texture to Your Poster

Step 1

Lock the Type layer and unlock the top layer, Overlay texture. 

Use the Rectangle Frame Tool (F) to create an image frame across the whole page. 

File > Place, and choose an EPS image from the vintage lines textures pack you downloaded earlier. Click Open, and allow it to fill up the frame.

Step 2

With the image frame selected, head up to Object > Effects > Transparency. 

Set the Mode to Screen and bring the Opacity down to 25%. Click OK. 

7. How to Export Your Poster

Step 1

Go to File > Export. For sharing your poster online or over email, you can choose JPEG, PNG or PDF (Interactive) from the Format drop-down menu.

To export your poster for printing, choose Adobe PDF (Print) from the Format menu. Read on to discover the best steps for exporting your poster as a press-ready file.

Click Save.

Step 2

In the Export Adobe PDF window that opens, choose [Press Quality] from the Preset menu at the top.

Click on Marks and Bleeds in the window’s left-hand menu. Check All Printer’s Marks and Use Document Bleed Settings, before hitting the Export button. 

Conclusion: Your Finished Fiesta Poster

Your poster’s finished—awesome work! 

In this tutorial, we’ve covered a wide range of skills for creating poster artwork in InDesign. You now know how to:

• Set up a poster document in InDesign, as well as a CMYK color palette.
• Format interesting and professional typography for your poster design.
• Use vector graphics in a creative way to give your poster a unique design.

If you’re on the hunt for more poster designs, a poster template is a quick and easy-to-edit alternative. Track down more great event posters and flyers on GraphicRiver and Envato Elements.

Discover more poster design tutorials here:

• 

  How to Create an Ice-Cream Script Poster in Adobe InDesign

  Looking for a summer fix? This pastel poster evokes long, hot days eating ice cream in the park. It’s also super simple to create in Adobe InDesign and is a…
• 

  How to Create a Poster Using Layer Masks in Adobe Photoshop

  For this tutorial we will design an empowering poster using typography interwoven into flowers using the Layer Mask tool.
• 

  How to Create a Light Streak Effect for a Contemporary Ballet Poster in Adobe Photoshop

  Learn how to combine some of Photoshop’s popular filters in a different way to achieve a futuristic light effect.
• 

  How to Create an ‘Everything Will Be Alright’ Neon Poster in Adobe InDesign

  Everyone needs a bit of optimism in their lives, and this neon sign poster is the perfect pick-me-up. Pop it on the office noticeboard, set it as your phone…