University Web Communications

Limited availability of Help Desk over the Thanksgiving holidays.

The help desk will be closed Thursday, November 27 and Friday, November 28, in observance of Thanksgiving. We will be open again for business on Monday, December 1.

Home » Omni Tutorial » How To Edit Your Slider Images

Omni Tutorials

How To Edit Your Slider Images

Beth Fox

Sometimes your slider images aren’t big enough to fit in your slider. Other times you may need to resize them so that your left caption box doesn’t block someone’s face. Here’s how to do that.

Open and resize your image in Photoshop. Many of our sliders are 650×300, but you should double check your dimensions before beginning.

If your image is too small, open a New File in Photoshop with the correct dimensions for your slider, and fill it with black background color. Then Copy and Paste your image into your new black image, moving it all the way to the right.

After you’ve opened your image in Photoshop, you’ll need to add a vector mask.










Next, select the Gradient tool. Make sure the gradient fades from darkest to light, and that black is the foreground color.




















Then, click a spot in the black box, near the photo, and click and drag to the right.

tagged: , , , , Omni Tutorial, WordPress Tutorial

  • Rebecca

    Great Thanks for sharing. :)

Back Home   

browse topics

A&S admissions android athletics audio blogs brand bar branding calendar commencement css digitalvu digitalvu2010 email facebook flickr google google calendar gsa homepage images iphone jquery mobile mysql news old school html omni php political science presentation prezi sitemason social media students templates tutorial twitter video vunetid web comm wordpress youtube zend

browse by month

webcomm blog