PS Hand to teach you to draw exquisite realistic notebook icon

Source: Internet
Author: User

First, take a look at our effect chart.


Create a new document, where I'm using 1000*800 pixels. Sets the foreground color to #9e9e9e and the background color to #616161, pulling a radial gradient from center to perimeter.

Add a noise, set the noise quantity to 2%, Gaussian distribution, tick monochrome.

Copy a layer of background layers, perform filter-Filter gallery-texture-mosaic tiles, set the tile size to 2, slot width 1, highlight the gap to 1, and change the layer blending mode to "soft light", opacity 20%.

Create a "curve" adjustment layer, select an S curve, and strengthen the contrast.

Use the rounded Rectangle tool to draw a 450*600 rounded rectangle, set the rounded corners to 30 degrees, and align the center.

Hold down ALT, draw a rectangle, move the rectangle to the left of the rounded rectangle, and get the panel outline of the notebook we want. Alt here is the shortcut, minus the pattern, of course you can also draw and subtract before merging the shape components.

Next, set a layer style for this panel.

Put the "leather" footage I provided and put it on the top floor and create a clipping mask that looks like this:

Next, we add a suture effect, or just like the example, I narrowed the 5 pixel, rounded angle angle of the rectangle to remember need to change, when finished, merge shape components.

Using the direct Selection tool, select Live shape, in the Shape Options menu, set the shape fill color is none, shape strokes 1 pixels, stroke color #5a5a5a, virtual line drawing edge. For specific settings, please see the following figure:

On the virtual line drawing side, the practice of countless, with the shape of the stroke function, relatively simple. Before this function, the double brush can be realized, the use of patterns can also be achieved, of course, you directly make a brush to stroke the path, but also understandable, many ways.

Below, we add a layer style to the seam layer to increase the realism.

Using the rectangular tool, draw a 30*600 pixel rectangle on the lower layer of the cortex panel, placing it on the left side of the cortex panel.

Next, add a layer style to the rectangle.

Then use the Rectangle tool to draw a 10*596 pixel rectangle, which is placed on the lower layer of the rectangle on which we set the layers style.

Sets the layer style for this rectangle.

or the lower layer of the rectangle on which you set the layers style, and with the rounded rectangle tool, draw a rounded rectangle with a 50*600 pixel.

In order not to affect us a gradient overlay is set on this shape, we draw a rectangle, subtract the top shape, and then merge the shape components.

OK, let's set the layer style for it below.

So far, we've got the following effect:

Next, we add a shadow to the notebook. The first thing we need to do is get a selection of the notebooks. From the layers, we can easily understand that the entire outline of the notebook is composed of the four layers in the following figure.

The method of loading a single layer's selection, I'm sure you know, press CTRL + the left mouse button to click on the layer thumbnail to load the selection. But now we need to load four layers of the selection, is actually the same, press ctrl+shift+ the left mouse button click on the layer thumbnail, click on the four layer thumbnails.

When you hold down SHIFT, the mouse moves to the layer thumbnail, and the + number appears in the following image, which means that the selection of the currently selected layer is added to the existing selection.

OK, after we get the selection, create a new layer, put it on the lower level of the four shapes, name "projection", fill the black, and perform a 10-pixel high blur.

Then set a layer style for this "drop shadow" layer.

Below, we type the text, the color is white, and change the fill of the type layer to 3%.

Next, we set a layer style for the type layer:

Finish, add a logo, layer style directly copy the text of the layer style can be.

Category:
    • PS Getting Started Tutorial
    • PS Icon Production Tutorial

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.