Tag Archives: Image

Photoshop Tool: Slice Tool


Slice tool is used to divide an image into sections. This is very useful when you have a design layout for your website and want to slice them to get the same image output as that of the image. There are actually two tools under it: Slice which has the capabilities to divide / slice an image. The other one is Slice Select (from the name itself) which lets you select and modify a sliced section.

I gathered these videos from youtube that will help you understand slicing more:

Slice Tool – Adobe Photoshop

Photoshop Tips – Slice Tool

Aside from those videos above, here is another useful information from Adobe Help Page:

Slices are categorized by their content type (Table, Image, No Image) and by the way they are created (user, layer-based, auto).
Slices created with the Slice tool are called user slices; slices created from a layer are called layer-based slices. When you create a new user slice or layer-based slice, additional auto slices are generated to account for the remaining areas of the image. In other words, auto slices fill the space in the image that is not defined by user slices or layer-based slices. Auto slices are regenerated every time you add or edit user slices or layer‑based slices. You can convert auto slices to user slices.
User slices, layer-based slices, and auto slices look different—user slices and layer-based slices are defined by a solid line, whereas auto slices are defined by a dotted line. In addition, user slices and layer-based slices display a distinct icon. You can choose to show or hide auto slices, which can make your work with user-slices and layer-based slices easier to view.
A subslice is a type of auto slice that is generated when you create overlapping slices. Subslices indicate how the image is divided when you save the optimized file. Although subslices are numbered and display a slice symbol, you cannot select or edit them separately from the underlying slice. Subslices are regenerated every time you arrange the stacking order of slices.
Advertisements

Photoshop Tool: Move Tool


PHOTOSOP_MOVE_TOOL

Move tool is actually understandable. There is no need to for further discussion. Move tool is use to move an element or a selection.

move

I use move tool after marquee. As I open an image, I will do selection of some of its parts with the help of the marquee tool. If you have read my last post, you will understand why.

According to Wikipedia, The marquee tool can make selections that are single row, single column, rectangular and elliptical. Once an area of an image is highlighted, the move tool can be used to manually relocate the selected piece to anywhere on the canvas.

Furthermore, move tool is not only use to move an image inside your canvas, but you can also move it from one canvas to another.

Photoshop: Introduction to Different Tools


PHOTOSOP_INT_TO_DIFF_TOOLS

In order to understand Photoshop, you have to familiarize the tools used by designers. The tools of Photoshop are divided into five parts: (1) Selection, Crop & Slice Tools, (2) Retouch & Paint Tools, (3) Drawing & Type Tools, (4) Annotation/Measurements, and (5) Color box.

select_crop_slice

Selection, Crop & Slice Tools

This includes marquee, move, lasso, magic wand, crop, and slice tool. Usually, marquee is used when you want to make a square/rectangular shape on your image. Move is understandable already(use to move things). Lasso is use to draw selections in any shape that you would like to create. Magic Wand is used to select a color range. Crop is self-explanatory. Use to crop your image. Slice is used to slice an image when you do slicing. Most commonly, I use this tool when I start to build a new website design.

retouch_paint

Retouch & Paint Tools

This includes healing, brush, clone, history, eraser, fill/gradient, sharpen/blur, and  dodge. Healing is use when repairing something. Brush is very useful and everyone love this because, this is the only tool that you don’t need to study. Clone is somewhat have the same capability to a healing tool. History brush works like a normal brush but the only difference is that it’s paints is from the original state of your image. Eraser is understandable as well. It works like a simple eraser. You can use it when you have made a mistake. Fill is used to fill color to a specific selection. Gradient is use when you are making a gradiation of colors. Sharpen is use when making putting some emphasis to your image corners. Blur can make things blurry. Dodge is used to lighten any area.

drawing_type

Drawing & Type Tools

This group of tools are used for vector based drawing and type. This includes path selection, horizontal type, rectangle and my favorite pen tool.

annotation_measurement

Annotation/Measurements

These are tools use for remarks and dimensions. This includes notes, eyedropper, hand, and zoom. Note is use if you want to make a small note to your image. Eyedropper is use when you like to change your foreground background color to whatever color you want. Hand is use to move the image. Zoom is understandable. Use to change the size of your image.

foreground_background

Color Box

This contains boxes of colors. Foreground is the one in front and Background is the one at the back. You can click on any of them to bring up the color.