PS Basic Tutorial: The combination of AI and PS to create a dynamic music poster

This tutorial introduces the method of producing trendy style posters. It is very quick to do some stereo decoration with AI when making pictures here. You just need to set up a few to make the stereo graphics you want. Then pour into the good PS and then make some adjustments can be combined to cool effect.

Final effect

　　

　　

1, create a new Photoshop file and create a background, first, in Photoshop a new size A4 file, double-click the background layer to unlock.

　　

2. Double-click the background layer, bring up the Layer style panel, and increase the radial gradient from white (#ffffff) to Gray (#cccccc). Set as follows.

　　

3, in the illustrator to create a A4 size of the file, we will draw the main graphic material required for composition.

　　

4, with the Oval tool to draw two circles, fill color can be arbitrary, but must not stroke, and two circle to intersect.

　　

5. Copy the two circles, paste them in Photoshop, select the Smart Object in the dialog box that appears, and use the smart object as a sticky option in order to scale the graphic later without damaging the image quality. Place the circle at the bottom of the screen.

　　

6, click the layer, bring up the Layer style panel, in the blending options: The default of the fill opacity to 0, and then open the color overlay, the fill color set to white, mode for soft light.

　　

7. At the moment, we will combine this group of circles with the background to make them look like large, unique clouds. Add a layer mask and erase the bottom circle. To do this, set the foreground color to black, and then select a brush with a hardness of 0.

　　

8, in the same way, you can add a group of clouds at the bottom of the composition.

　　

9, color halftone in the illustrator production is very simple, first draw three or more intersecting circle.

　　

10. Select this set of circles and merge them (Window > Pathfinder > Join set).

　　

11, the application of Gaussian blur, radius of 70-77.

　　

12, then the implementation of objects > grid.

　　

13, at this moment, began to make color halftone effect. Effect > Pixel > Color half tone. The maximum radius is the size of the color halftone you want to get, and you can try it many times until you get a satisfactory result.

　　

14, the next need to be produced in the color halftone pattern converted into vector graphics, object > Real-time copy > Copy options, the specific data settings are as follows. When set, press the Copy button.

　　

15, because we only need to select a part of the color halftone pattern elements, so we need to be real-time copy pattern expansion. Object > Expand Appearance, then select Object > Expand, select Object, Fill in the dialog box that appears, and then click OK.

Then select the Magic Wand tool and click on the white area and press Delet to remove them.

　　

16, and then copy the resulting graphics to Photoshop, or select the Smart object.

Double-click the layer to bring up the Layer style panel, select the color overlay, fill the white, and then set the opacity of the layer to 40%. Rotate the graphic (ctrl+t) with the free Transform tool, and then use the selection tool to place it on the edge of the composition panel or where you think it is appropriate. Then copy a few more layers (ctrl+j) and put them in different positions in your composition.

　　

17, our composition needs the theme, you can according to your own needs to put any you like the pattern.

First, pull the theme from the original background and put it in the center of the artboard.

If you want to increase the color contrast of the theme, copy the layer (CTRL+J) and change the blending mode of the duplicate layer to overlay, with an opacity of 70%.

　　

18, we will put some decorative elements of coloring in the composition. Before creating these elements, we first need to determine the hue of these elements.

As far as this picture is concerned, I have selected three colors, as follows:

Blue-Green: #51bbe1

Magenta: #ec6ccc

Yellow: #f3cf40

Note: You can use your own photos as a design theme, and then use the eyedropper tool to extract your favorite colors from your theme pictures, and the colors I choose are inspired by the theme. This will make your overall tone and your composition very harmonious.

　　

19, we want to start to draw some geometric decorative graphics, here, we do not need to illustrator. Create a new layer group named "Colored Circles" and place it on the next floor of the guitarist. Set the foreground color to one of the colors you chose before.

Draw a circle with the Ellipse tool (U) and hold down the SHIFT key while drawing to make sure that you are drawing a positive circle.

　　

20, a single color fill will appear very stiff, here is a make these elements and your composition want to blend the tips. Just as we do clouds in the second step, add a layer mask to the layer and erase the part with a soft brush.

Then set the blending mode of the layer to linear dodge, and in the next steps you will be aware of the importance of the step.

　　

21, the same way to draw other circles, or only need to draw the front of the circular copy (CTRL+J), and then use its own transformation tool to change the size and direction of the copy.

　　

22, you can fill the rest of the color with the other circles, in this case I used the blue-green: #51bbe1和黄色: #f3cf40. Try to get these graphs stacked together, and then remember to set the blending mode of each layer to "linear dodge" to get the effect we want more.

　　

23. Let's go back to illustrator and draw the next "bubble" to use. Draws some tangent circles and merges them with the path finder.

　　

24, the application radius of 60 Gaussian blur.

　　

25, and then open the "object > Expand Appearance", and then "object > Real-time copy > Build and expand." Remember to remove the white part with the magic wand tool.

　　

26. Copy the graphic to Photoshop, double-click the layer into the Layer style panel, and we go to the blending option: The default option is to set the opacity in the advanced blend to 0. Then set the color overlay with one of the colors you've set.

　　

27, like the previous steps, add a layer mask, and then use a soft brush to erase part of the bubble.

　　

28, in the illustrator to draw more different shapes of bubbles, and then import Photoshop. Then use the same method above to change the bubble color, add masks, wipe. Finally, create a new group and put all the bubble layers into the group.

　　

29, let's switch to illustrator again, draw the vector curve, in this step, we will use illustrator powerful tool "mixed command", (CTRL+B).

Draw two curves with the pen tool first, making sure you have two or more points in the curve, which makes your banded elements more complex.

　　

30, the two curves are selected, and then Execute "Object > Mix > Build" (ctrl+b).

　　

31. Double-click the toolbar's blending tool to change the blending options, as shown in the picture.

　　

32, select the Ribbon element, copy to Photoshop, or smart object. Place the layer on the upper layer of the bubble chart group. Next, change the color of the ribbon element, bring up the Layer style panel, and set the gradient overlay with your predetermined color.

　　

33, convert to illustrator, with star tool to draw a star, fill color is our choice of magenta.

　　

34, there is a 3D tool in the illustrator can draw a simple three-dimensional effect, select the drawn graphics, perform "effect >3D> convex and bevel"

Rotate the cube to change the direction of the star, increase the protruding thickness and perspective, and in the selection panel, move the spot on the star surface.

　　

35, copy the star into Photoshop and place it behind the guitarist.

　　

36, use the same method to draw more stars, and then put all the star layer into a group folder (CTRL+G).

　　

37. Create a new layer between the guitarist layer and the star layer, select a large 0-hardness brush, click on the central position behind the guitarist, and reduce the opacity of the layer if necessary. Lighting effects can make the theme of the screen more prominent.

　　

38, in the illustrator with the type tool input one word, the size 100pt. You can use a font similar to impact, Arial, or Helvetica bold.

　　

39, the choice of words, the implementation of "text > Contour" (ctrl+o), so that the text into a mixed path.

　　

40, the text also made of three-dimensional effect, the implementation of the "effect > Highlight and Bevel", to confirm the bevel set to a oblong, height of 2pt, you will see a weak inner glow effect.

　　

41. Copy the text of the effect to Photoshop as a smart object.

In the same way, you can also use the other colors to make the remaining 3D text you want, and copy them into Photoshop as smart objects. In Illustrator, you can use the 3D highlight and bevel options to resize and angle the text until you get the effect you want.

　　

42. Now that we have all the elements we need in the poster, we'll fine-tune our composition in Photoshop.

First, the texture of our poster, with a soft cut subtle noise effect is more appropriate. Download the black and white texture footage shown in the following image and open it in Photoshop (you can also choose your favorite texture material according to your own good), put the texture material at the top level, and set its blending mode to filter. In this way, the black part will disappear and the white area will be preserved.

　　

　　

43, Ctrl+m, Mediation Curve dialog box, click one to create a reference point, and then to the lower right area to pull this point, you will notice that the more to the right below the point of reference, white noise becomes softer.

　　

44, then you will apply a sharpening filter to the texture, which can make the details more prominent. Perform filter > Sharpen > Sharpen to apply the filter, and then press Ctrl+f to apply the filter again.

　　

45, next we want to improve the composition of the lightness and color. Perform layer > New adjustment layer > Hue/saturation, the saturation is set to-40, which is the color of the image.

　　

46, the same way to create a new gradient map adjustment layer, set from purple (#9e0c92) to Orange (#ffae00) gradient. This is to improve the color contrast and add new colors ...

　　

47, we can light up the spot to improve the composition of the details. Create a new group below the texture layer and set the blending mode to color dodge.

Create a new layer within the group, with a white brush with a hardness of 0 to click on the details you want to highlight, for example, I click on the text surface and the subject hand to finish the final effect.