Photoshop Large draft recruitment activity Homepage Design Tutorial

Source: Internet
Author: User
To the users of Photoshop software to elaborate on the large-scale draft recruitment activities Homepage Design Tutorial.
Tutorial Sharing:
Final effect

Simple analysis:
Just got the UE when I saw not the "Sky Dragon Chang Show Pavilion", but "host passion", feeling until now are very admire their insight. Back to the point, the original purpose of the UE believe that I do not say, we can see, the traditional people set up, text typesetting, I looked at the next to the person set, is living (zhen) (ren), feeling did not impress me. How can I impress you without touching me? So, later on, I asked for a person to be set off.
Demand side of the requirements is to want that kind of starlight, incomparable tall, flash on the face, shoot blind titanium dog eye of the atmosphere, do not laugh, you must have encountered, a simple analysis of it:
1, have told you is to recruit the host! Color still use me to say more! Well, the color is the demand.
2, since it is the recruitment of anchors, we can also come to a "no dragon good anchor" of the draft? I WANT YOU!!!
3, the official role of the host should be "say learn to sing" it? It looks like you need to find an element to reflect the nature of recruitment.

Refine keywords and find material:

Also found some relevant reference cases are as follows:

The main material used: (the tutorial is provided when the material is needed for each step.)

First, create the most peripheral scene.
1, first laying a background, color value: #131021.

2, with a flexible brush to highlight the middle part, so that the picture has a sense of space.

3, with a flexible brush to the upper part of the above plus a larger area of the color purple.

4, will be the material of the lamp to the screen, you can be a symmetrical copy out, with a mask to erase the boundaries of the edge, the pattern is "filter color." But at the moment it looks like the color of the light is not compatible with the picture, and then we have to deal with the light.

5, the first to the light Gaussian blur processing, itself is in the picture on both sides of the position, but also foil atmosphere, so do not need a special reality. Then use hue/saturation to adjust the color of the light, so that it blends with the picture.

6, next we have to the top of the material for two times processing, the material placed under the light layer, but also the first with a flexible brush with a mask erase edge.

7, this step is also the first material for the fuzzy processing, and then change the layer mode to "linear Dodge", and then use the Curve tool to the overall tone of the material.

8, highlight the center of the red Box light source, through the filter color or linear dodge, here everyone to try, if the effect of a layer is not reached, you can copy a layer.

9, here I add is this light, copied a layer, to achieve the effect of the following diagram.

Second, create a central visual area:
1, hexagonal star as for all the light below, because the top is close to the upper light source, the natural top will be the brightest.

2, this step does not say in detail, with which style has been attached to the lower right corner of the. Everyone to adjust, feel.

3, the main processing has been marked on the map. Because the light source is on the top and on both sides, the middle area should be darkened by the lower part. The top of the overflow effect, that is, the six-star interior of the light copy a layer, and then blurred treatment can be obtained. Careful friend should also be able to see, at the junction of the hexagonal star thickness also added an inner glow effect, but also in order to make the level more obvious.

4, the six-point star of the interior to draw more than two hexagonal stars, two colors, a deep and shallow.

5, to these two hexagonal star plus layer style, light plus external light-emitting, dark add in the shadow, the purpose is to pull off the level of sense. Use a flexible brush in the middle to give a highlighted color. Next we do the text section.

6, first knock out the text, here directly with the font instead of the final effect. Copy the same layer, darker color, and then the horizontal direction of compression, note: Not equal proportional compression, just horizontal direction compression to the thickness shown in the figure.

7, we first regardless of the thickness of that layer, only to see the top layer of text. This is done with the effect of inner shadow, projection and top overflow. The inner shadow is actually the 2-pixel highlight on the outer side of the text, as shown on the left. The effect of the overflow is as follows, the right picture, in fact, there is a layer of light outside the light.

8, we then look at the thickness of what to do to deal with.

9, the thickness of the layer is also added to the shadow and projection, but did not overflow light, but to highlight the middle area.

10, in fact, the reason for the light is added reflective, that now look, feel the text is not very prominent, and with the back of the six-star also did not pull the level, so we need to further processing.

11, now look is not much clearer, and is not affected by any of the elements behind. Here is to add a bottom to the text, first copy a layer of text, and then converted to shape, and then stroke processing.

12, after the stroke of the layer after copying down 1 pixels, more than a few times, you can make thickness, with similar aspects of the above to wipe out the reflective part, and add a slightly deeper some of the projection, is the overall text looks more sense of three-dimensional, the title of the design is basically completed.

13, the subtitle and other text information placed well, the form of subtitle can have many kinds, as far as possible not to drop directly there, you can use some elements to make the picture more rich.

14, put the microphone in the screen under the main title. You can further enhance the texture of the microphone by adjusting the contrast.

15, will be pressed dark hexagonal star inside, to add a projection to the microphone, the main title plus light effect, the center of the main vision is basically completed.

Third, create the lower atmosphere:
1, the lower part of the treatment is very similar to the top. This is mainly to allow the main visual area to float between two layers of energy, so the following is the same echo. The material is placed in the diagram, and the appropriate flattening some, layer mode to "linear Dodge."

2, the central area of the material manual light effect, using a flexible brush to flatten, and then through the white overlay, stacked several layers, and then in the center of the position to play a layer of light, the use of color filter mode.

3, plus the button, the main visual area even basically completed. Now we are poor is some of the elements that can foil the atmosphere.

Four, further enrich the picture:
1. Let's add some analog sonic patterns to the background.

2, on the Internet to find some small flags and the surrounding floating three-dimensional material, adjust the position put into the picture.

3, so far, our main visual area has been completed, the following is a number of pure typesetting applications.

Five, the typesetting aspect small skill.

Final effect:

Well, the above information is small compiled for you photoshop This software users brought to the details of the large draft recruitment home design tutorials share the full content of the You see the users of Photoshop software here, I believe you are now very clear about the production of the tutorial , so let's go and try it now.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.