Showing posts with label 9 Slice scaling. Show all posts
Showing posts with label 9 Slice scaling. Show all posts

Tuesday, June 17, 2008

Fireworks CS4 Beta - 9 Slice scaling Tool

As I mentioned in the earlier posts during CS3 time, this was one of the requests which was high on my list. In Fireworks CS4, my wish has been granted.

This request implementation will help out innumerable designer when doing any sort of design work involving scaling. The tool will be great to all the other designers who have got addicted to the intelligent 9 Slice scaling added in CS3 version of Fireworks.

My request was to remove the limitation of converting an object to symbol to apply 9 slice scaling settings to it.

Now, designers need not create a symbol out of the existing object to apply 9 slice guides to it. The tool is accessible via scaling tools options as shown below.

The 9 slice scaling tool cannot be applied to a symbol.

The 9 slice guides are available on a per object per session basis. The guides do not remember the settings. Hence when the object looses selection the guide settings are also lost. The next time 9 slice scaling is done, the guides will appear at the default location.

Tuesday, June 3, 2008

Adobe Fireworks CS3 - 9 Slice scaling

I can bet on the following functionality that it is just amazing for any designer and after looking at its working they would want it in every designer application. This is the 9 Slice scaling functionality.

I think it will be self descriptive through images rather than trying to explain you by writing pages of text.

Consider the following object.

After scaling it by 150% in the horizontal direction WITHOUT 9 slicing applied to it.

After scaling the same object by 150% in the horizontal direction WITH 9 slicing applied to it.

The following figure will explain you more how the guides are placed for the above object so that the curves at the end of the object donot distort when it is transformed.

The region in between the vertical guides gets scaled when the object is scaled horizontally. Similarly when the object is transformed vertically, the region between the horizontal guides gets expanded.

What you see above is done for vector objects, but the same principle works for bitmap objects also and I can bet that this is a great thing for desktop, web and mobile application UI designers.

The only disadvantage I see for it is that the object needs to be converted to a symbol for 9 slice scaling guides to be applied to it.