UI Level Two

Ibex level two is a Catalog page. Sizing lots of elements to get them to work together is tricky in PhotoShop - because you don't want to scale more than once.

Stage One: Measuring and rough placement of images, according to my sketch.

Issue: vase sizes needed to be accurate, relative to each other...I had scaled them correctly, but I ran out of room.

First, I rough -scaled some of the elements with Free Transform to see if the new scale would work. But I didn't keep the changes, because you should only scale elements once in PhotoShop...I needed more accuracy.

Technique for scaling elements on this page:

First I locked all six elements together, then used Image>Transform>Numeric transform to reduce them all by the same percentage.

Finally, the elements of my mockup fit together.

Next: adding text