Front-end development-image tagging tools and front-end tagging tools

Front-end development-image tagging tools and front-end tagging tools
Game Development requires dealing with the UI, whether you are planning, testing, or front-end programmers.
The following two tools can be used in the UI layout are recommended.


One MarkMan: http://www.getmarkman.com/
Adobe Air must be installed before installation.
1 can measure the horizontal distance and vertical distance, unit: pixel (px)
2. Obtain the coordinates of a point. The coordinate origin is in the upper left corner.
3. Obtain the color of a vertex in hexadecimal RGB format.
4. You can add or delete images.
5. You can enlarge the image as a whole, and then perform operations to make the operation more accurate.

The free trial Edition does not support standard information storage.
The interface is refreshing, and the window size can be arbitrary, and it is a platform for expansion. The only drawback is that it is not completely free;

Below are some:

(1) icon

(2) Enable the interface

(3) Software

The opened image is the previously captured icon.

2 Dorado: http://cdc.tencent.com /? P = 3268


1 can measure the horizontal distance and vertical distance, unit: pixel (px), same
2. Obtain the color of a vertex in hexadecimal RGB format.
3. You can add tags to images. You cannot delete tags, but you can hide the display standard.


Dorado provides the zoom-in function when selecting the actual vertex, which makes the selected vertex more accurate;
However, this tool only supports windows, and the interface only supports maximization and Microwindows. The overall feeling is that MarkMan is not easy to use.

However, they are completely free of charge.

Below are some:

(1) icon

(2) Enable the interface

(3) Software

The opened image is the previously captured icon.

(4) Micro window

What software should I use to mark images?

Hello, Landlord

The effect you mentioned can be fully achieved using the shape tool in PS.

Create a new layer, select the 18th options in the 6th tools of the shape tool, and select the shape

Drag, select the path panel, and click the third button. Load a path as a selection

Set the foreground color to red and press Alt + Delete

Create a new layer and enter the text. Ctal + T can change the angle and position of the identifier.

I hope my answers will help you to be satisfied. Please adopt them.
Bytes -----------------------------------------------------------------------------------------------

Thank you!



What is front-end development?

Use Fireworks's slicing tool.

In general, you can use PS to save the psd file to a fraction Based on the demo diagram and different business needs.
Use Fireworks's slicing tool to crop the desired image area.

Fireworks has the advantage of Fast startup. Because images are operated rather than huge psd, the speed is also very fast.

You can save multiple image formats, gif png (8, 24, 32). jpg.