extension joomla, template joomla,banner extension joomla,jomla slider,slider joomla

Aligning objects image photoshop using for change image templates joomla

There are occasions when you want to align multiple objects, but this is very difficult to do accurately just by eyeing it. In such a situation, you can use Grid or Guides to help you, or you can use the align/distribution functions.

Let's say I'm designing a menu, and I want to put a fork/knife/spoon graphic just inward from the four corners. If I were to place the graphics manually, they would probably wind up at slightly different distances from the sides of the image, no matter how hard I tried to line them up properly. This is where the Grid is convenient.

In the View menu, you can set it to Show ? Grid and Snap To ? Grid. This makes a grid appear across your image. Whenever you move an object with the cursor under these settings, it will automatically snap to the nearest grid line. This way you can make certain that objects are aligned perfectly. The grid is only visible while you are editing the image, so you don't have to worry that it will show up after you save it. This grid can also be used to align text and selection areas as shown in the example below.


Grid Visible

Grid Invisible

If you don't need a grid over the entire image, or if the lines on the grid aren't where you want them, you can create your own lines using View ? New Guide. Such lines work the same as the grid lines. You can input a numerical value for the position of each guide, or you can drag them to where you want them. The pictures below show one way that the guides can be used.


Guides Visible

Guides Invisible

The defaults, such as the intervals marked by the grid lines, can be changed with Edit ? Preferences ? Guides, Grid & Slices.

Another way to align objects is to use the Align and Distribute functions of the Move menu bar (right). Each item must be in its own layer. In the Layers palette, click the box to the right of the eye icon to make the "link" icon appear for every layer you want to align. If you only link one layer to the active layer, only the Align menu will be available. You must link two or more layers to the active layer for the Distribute menu to become available.

For this example, open a new image and use the Custom Shape tool to scatter some shapes randomly across it. I used the cherry blossom shape created in Lesson 14 (left). Make sure you set the tool to create a new layer for every shape.

Next, choose which shape you want to be the active layer and link the other shape layers to it. The layer you select to be the active layer is the one used as the reference point for the rest. If I choose the topmost cherry blossom as the active layer and click "Align top edges," the remaining three blossoms will all move upward until their top edges align with the top edge of the highest blossom. If the bottommost blossom is the active layer, on the other hand, clicking the same "Align top edges" icon will make the other three blossoms sink to the bottom of the image. This is illustrated below.

Align top edges
(top blossom active)

Align top edges
(bottom blossom active)

The Distribute function, in contrast, does not match up the edges or centers of the objects. Instead, it spaces out the objects in the middle equally between the objects on either end. (This is why you need at least three layers involved to use this function; if you have only two, there is no middle layer to be distributed.)

You can distribute the objects either horizontally or vertically...or both, if you use the function twice in a row. The pictures below show the result of using Distribute.


Distribute top edges

Distribute left edges

Distribute top edges
Distribute left edges

Align and distribute can also be used to organize paths. For example, if you want to make certain that two paths are centered, you can select them both and use the Align function. This is illustrated below.


Polygon tool
Custom Shape tool

Align vertical centers
Align horizontal centers