Efficient front-end development: one-click graph cutting"

Source: Internet
Author: User

As a 'Token' worker, you must first cut the graph quickly, rather than wasting a lot of time on the graph.

Shortly after arriving at the new company, I saw a colleague using the slicing tool to cut the chart. This method needs to enlarge the image n times to cut the image, but it is not necessarily accurate. At the same time, it produces a lot of useless image products. In short, it is troublesome!

I am very lucky about this. I am glad that I have been taught by a friend of Awesome designer for the first time to cut the image with one click. After selecting the image, I just need to press F2 with one click, then the picture enters the bowl!

Express connect

[Download] You only need to gently click to download the 'one-click graph cutting action', and load the action in your ps to easily get it done.

If you know how to load an action, you can directly use it in your own ps, and you don't have to look down.

Demo I. loading action

The following shows the Import action in photoshop cs6.

[STEP]Menu Bar-> window-> action

Follow these steps to open the action panel, click the upper-right corner of the Panel (see the red box in the figure below), select 'Load action' from the drop-down menu, and load the downloaded 'one-click cut action. OK!

Ii. Demonstration of one-click graph cutting

After successfully loading the 'one-Click image cutting action', you can use F2 to cut out the image you want with one click!

Open any psd, as shown below:

[Goal]Cut out the 'love' in the figure.

[STEP]

1. In the upper left corner of the page, under 'move tools', select 'autoselect' and select 'layer '.

2. Click the 'love' icon. On the layer panel, we can see that the layer corresponding to the 'love' has been located.

3. Click the small eyes in front of the layer and check whether 'love' is hidden to determine whether we have selected love.

4. Then, let's witness the miracle: Click F2, and the love icon is in the bowl, as shown in.

Finally, you can use the method you used to store it as the web format. You can find this in the menu bar. I used to press ctrl + shift + alt + s together, which seemed awesome. Of course, you can also use the idea provided in this article to save this simple operation as an action, and then use a shortcut key to get everything done.

[Conclusion] from now on, Mom no longer has to worry about my cut-out. Ideally, I hope this article will provide you with an idea or inspiration: Record complex ps operations as a simple shortcut.

[Attachment] provides two actions for you to choose from.

1. One-click cropping (only one-click cropping is included)

2. Agile development (including the 'one-click cropping 'action and the 'One-click saving as the web format' action)

Original article. For more information, see [http://www.cnblogs.com/rangzf/]
Address: http://www.cnblogs.com/rangzf/p/3279848.html

Related Article

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.