Photoshop Instance Tutorial: Drawing iOS5 Notification bar background

Source: Internet
Author: User
Tags filter

Making tools: Adobe Photoshop CS5
IOS5 after the release of the comments are very good, and did not hesitate to brush, is to commemorate the death of jobs. There's a lot of improvements, and one of the big features is that there's almost the same notice bar as Android, and colleagues read, "I rub, what's the difference between this and the Android dropdown?" Complete plagiarism ... Then someone said: That's not, look, contrast, obviously ... iOS5 Notice column is much more handsome, look this background, see this detail ....
Well, it's really cool to take a closer look, the detail texture is great, like a piece of cloth. The discovery does not have the complexity to be possible a few steps can ^__^.

Final effect


Step 1

New PSD, size 800*600, fill background color (#45454c). The following figure. Flying fish: Filling God's horse I don't have to teach it. XD

Step 2

Create a new layer, fill the black (#000000), select Filter-noise-add noise , and the number of noise is about 20%. Then change the layer mode to: color filter . The following figure.

Step 3

Select Filters-Blur-motion blur , Angle 90, distance 30 or so. Then select Filter-sharpen-sharpen , as shown below:
It's a little bit of a feeling at this time. ^__^ continue.

Step 4

Next, just do the horizontal effect is almost, create a new layer, according to step 2, only the angle to 45 degrees. The results are shown below:
Here in fact there is another way is to duplicate a layer, ctrl+t rotation can be, but the length will not be enough.

Step 5

Here the effect is basically out, just add a layer, do the inner shadow, or black and white gradient, and then superimposed on the effect.

Summarize

It can be found that only a few filters to do this can easily achieve results, details need to be carefully adjusted, such as color, shadow and so on.



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.