Technical background illustration-how does -AdobeIllustrator design blue background pictures with high technology?

How to design a poster with a sense of technology? If you have a sense of science and technology, you should mainly design elements with a sense of science and technology. First of all, the pattern elements are more dynamic and the lines are simple. Bright. In terms of color, the sense of technology is mostly cool blue to purple. In short, it is composition and color.

How to draw a blue background tool/material with a sense of science and technology with ps?

AdobePhotoshopCS5

Method/step 1

1

Open Photoshop and create a new picture file with the size of 1200*800 and the background filled with radial gradient. The gradient color is # 0 15F8-# 026DD6.

PS production technology sensitive light beam and line background

Next, we will draw an arc, a smooth line with luminous effect. In fact, here we can think about how to achieve that effect, there are many ways, filling? Feathers? And delete it? That's too wordy. I used a layer style here to achieve this effect. Just adjust the slider in the layer style. Come on, we don't have to draw such a line ourselves. We just choose the ellipse tool to draw an ellipse, then enlarge it to the size we need, leaving only an arc on the canvas. This is not only quick, but also better than the pen tool.

PS production technology sensitive light beam and line background

PS production technology sensitive light beam and line background

Adjust the fill parameter of the ellipse layer to 0. If you haven't used this function, I'll tell you, it is adjusted by the layer opacity, which is different from the layer opacity. If it is the same, Adobe is not redundant here. After the fill adjustment is 0, the layer style can still be displayed, but when the layer transparency is 0, nothing will be displayed.

Next, use the layer style to add a glow effect. The parameters are shown in the figure. After these two parameters are set, the effect is basically realized.

PS production technology sensitive light beam and line background

PS production technology sensitive light beam and line background

Then we copy one, adjust the opacity to 60%, and put it in the right place.

PS production technology sensitive light beam and line background

Next, it's time to draw those complicated and regular lines. I couldn't figure out how to achieve that effect, but I was inspired from other places. In the past, when drawing a dial, Ctrl+Alt+Shift+T was used for 12 scale (the last operation of ctrl+T was repeated (the effect can be accumulated), and the result was put in a new copy layer). Let's go

Use the brush tool, set the size to 2PX and the hardness to 100%, and draw a straight line, preferably as long as the canvas width.

PS production technology sensitive light beam and line background

Ctrl+T, activate the free transformation tool, and press and hold Alt at the appropriate position point 1 below the horizontal line, which is understood as the center point of line transformation.

PS production technology sensitive light beam and line background

The line of sight shifts to the top, and the parameter bar changes freely. Three parameters need to be adjusted, as shown by the red arrow. On the original basis, increase the x and y coordinates by 20 (that is, the original x is 729, I input 749, the original y is 439, I input 459), the rotation angle is 2, and then press enter to confirm.

PS production technology sensitive light beam and line background

This step will use the above mentioned Ctrl+Alt+Shift+T, and repeat the last Ctrl+T operation to generate a new layer. Start pressing it. Press it dozens of times.

PS production technology sensitive light beam and line background

There are so many layers generated, is it a headache to merge all of them (select the top one, hold down Shift and click the bottom one, and then Ctrl+E merge or Ctrl+G layer group).

Resize the line, or rotate the line and put it in the correct position.

PS production technology sensitive light beam and line background

Type out the words, add English, and you're done. This picture is different from the top effect picture, which is normal. In the process of transformation, any parameter change will lead to differences, such as the increase of the center point, X and Y, and the degree of rotation. It's up to you.

PS production technology sensitive light beam and line background

How does AdobeIllustrator design high-tech blue background pictures? 1. Sets the radial gradient of blue and white. We fill the rectangle where the background is, and let the light bloom from left to right by setting the angle.

2. Draw three rays scattered from the white center on the left with pen drawing, and we fill the blue gradient.

3. Continue to use the pentagon to form a radian, from big to small. We fill these pentagons with a blue gradient.

4. Copy this pentagonal spiral to the left for symmetrical transformation and fly out from the center of the white circle.

5. Draw more pentagons and fill them with a blue gradient. We make the pentagon bigger and bigger. Finally, we choose pentagons in the same direction to change the composite path and get a combination of blue gradient borders. Similarly, we make a border combination from the white center to five directions.

6. Copy the whole frame combination, and we extend it to the whole background, so as to make a hierarchical and dynamic blue background design.