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