Photoshop Bag Theme UI icon Design Tutorial

Source: Internet
Author: User
Tags dashed line
To give you Photoshop software users to elaborate on the skin theme UI icon Design Tutorial.
Tutorial Sharing:
Final effect:

Below, the tutorial begins!
Before you make a formal icon, you need to customize a pattern first.
First create a new 1000x1000px canvas, fill the color #c5ab90, and then "filter"-"noise"-"add noise" to add 7% noise to the layer. When you are finished, edit-custom pattern adds a pattern, named "Matte Texture".

Prepare for the job and start painting the purse.
Creates a new 1000x1000 canvas that fills a radial gradient from #d9d5cf to #9c8c7e.

Build a 512x512 rectangle with a radius of 90, and add a layer style, where "pattern overlay" is the new "matte texture" superimposed.

Ctrl+j Copy the rounded rectangle just above, ctrl+t and hold down the Alt+shift, and then add a projection to the layer.

Draw a vertical rectangle, center it, and add a layer style.

Draw a thin line that clings to the right edge of the vertical rectangle and adds a layer style.

Copy this line one layer, move to the left of the vertical rectangle, and change the "projection" angle to 0°

Copy a smaller rounded rectangle (layer "medium"), clear the layer style, trim the upper part with a Boolean operation, and fill the color #372715

Add a layer style to this shape, where "pattern overlay" is superimposed "leather texture" (provided in the material package)

Ctlr+j copies the vertical line (layer "left") before the first layer, ctrl+t rotates to the horizontal line and puts it on the top edge of the leather.
Adjust colors and projections to make this look

Copy the horizontal line, and change it to a dashed line under the shape tool.

Adjust the layer color and projection to make the following effects:

Set up a group (CTRL+G) with the solid line and dashed lines you just made, add a layer mask, and then pull a gradient on the mask.

Then create a new layer and add a black and white gradient.

Hold down the selection of the Ctrl smaller rounded rectangle (in the Layer "), add a mask, and hide the extra space. Then change the blending mode to "soft light" opacity to 60%.
The effect of the middle section has been completed, and it is recommended that you build a group with layers other than the "bottom" and "background".

Copy the bottom layer one layer, adjust the shape, and change the layer style.

Copy the layer "cover" again, resize, and modify the layer style.

Copy a layer, change the shape to a dashed line, and then copy the layer style from the dashed layer you made before, paste it onto the dotted layer, and modify the layer style.

To adjust the layer order, move the top dashed layer below the top layer.
The following white shapes are then made from Boolean operations.

Grid layer, "filter"-"Gaussian blur" give the appropriate degree of ambiguity, and adjust the layer transparency, with the layer mask hide the extra parts, make the following effect.

The overall shape of the purse has already been made, followed by a belt and metal buckle.
Using the rounded Rectangle tool to draw the shape of the following figure and fill the color #c5ab90, remember to move the layer below the "high light" layer you just made.

Copy the layer style of the front "leather layer", adjust the layer style appropriately, hide the extra shape with the mask, and get the following effect:

Use the dotted line before doing a dotted line.

Draw a small black circle on the belt, then copy a small circle, draw a circle with Boolean operations, fill the color # c5ab90.
It's best not to make a circle with a layer stroke. If you have to do this, you must have the ring grid in order to continue the steps that follow.
Copy the layer style of the dashed layer, paste it to the ring layer, adjust it appropriately, and make the following effects

Set the rings and holes together, and copy the groups to arrange the following effects:

Draw a rectangle, make the following shape with the deformation, and fill the color #c5ab90.

Copy the layer style of the "leather layer", adjust it appropriately, and add a "gradient overlay"

Draw a circle to the right of the horizontal button and add a layer style

Copy a "round button" to the left. Then copy a "horizontal button" layer to the following, adjust the shape, make the following effect.

Use Boolean operations to draw the shape of the metal buckle, and then copy the "round button" layer style, appropriate adjustment

On this metal clasp, I drew a circle myself, then dragged the anchor point up and adjusted the anchor handle to get the shape.
After making the metal buckle, hide the bottom edge with the layer mask, and then use the previous method of high light to add some shadow to the metal buckle covered by the belt.

Draw an elongated rectangle and copy the "Metal Buckle" layer style.

Add a mask to the layer and pull a black and white gradient on the mask.

And the purse is done.

Well, the above information is a small set of Photoshop for the software users brought to the user of the detailed bag theme UI icon design tutorials to share all the content, you see the software users here Photoshop, Small series believe that you are now very clear the production of the tutorial, then you will quickly follow the small share of the tutorial to make their own.

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.