Posts Tagged ‘Slide Show’

Working with Images

Thursday, March 13th, 2014

006-smallImages are a huge part of your website. They are one of the best ways to draw your audience in, keep their visual interest and make an emotional connection. While not all churches and other organizations may have the budget to hire a photographer and designer to help them put together great images for their website and other materials, there are many ways that you can make the most of what you have.

 

 

How to obtain images:

  1. Understand that Google Images is not your free image library. There are a ton of great images available on the internet, but you must obtain your images legally. Most images that you see on Google Images are copy-righted and are not free for use. You can go to the website where the image is located and see if it lists usage information for the image. If not, contact the website administrator before using.
  2. Instead of grabbing off of Google images, use stock images. Stock images are images which are available for use, although you typically need to pay for them. Here are some sources that we recommend for finding images for your website:
    • Church Visuals has a ton of awesome free downloadable images. Take a few minutes to check out the other awesome resources on their website, too!
    • Creationswap, where we used to advertise, offers both free and for sale graphics. You can find the free ones here.
    • Stockvault and Stock.xchng are both free sources, although their images are not specifically for churches or Christian schools
    • Fotolia is another favorite of ours and one of the most inexpensive stock photo websites.
    • Lastly, check out this great list that Church Relevance has put together of images and other resources.
  3. Look for the talent. Do you have a mom at your school who always seems to be toting her camera around? Is there a guy at the church picnic who always seems to be behind the lens? Ask for their help! Most people are happy to help and this can be a great way to collect the photos that you need on a limited budget.
  4. And don’t forget to take advantage of our free image gallery! We have many images which are ready to be added to your website.  Find the image gallery here.

    fws_freeSlides_2014-001_600x480_weather

    One of our fantastic free images, available in our image gallery.

How to work with what you have:

  1. Crop well. Avoid chopping at the joints, leave negative space for movement or crop tight. Look for an upcoming blog post from us with more tips on cropping!

    Amelia Earhat Statue Cropping example

    On the left, I chopped off Amelia Earhart’s feet, which leaves her looking a bit awkward. On the right, her feet are still intact, which makes the statue look more complete.

  2. Straighten your horizons. This applies not just for horizons, but for any line, such as a door or wall corner which should be straight.
    Crooked morning fog landscape

    Top: Just a quick photo on a fogging morning, which is obviously a bit crooked.

    Straight image of a foggy morning

    Bottom: Now, it has been cropped and straighten just slightly, which gives it a more professional look.

  3. Use a free photo editor to edit, add text and interesting texture to the photos. This is a great way to build some graphics for your website to make an announcement or promote an event. You can take an ordinary photo– some grass, a brick wall, or even the donuts on Sunday morning, and turn it into something interesting by adding textures and text. We have a blog post on our favorite free photo editors here.

    Cup of coffee

    Here’s an picture of a cup of hot chocolate which I quickly edited and added text to in Pic Monkey.

We think this is a great time to give away 6 more free images! You’ll find them them all in our Image Gallery, in the General album.
fws_freeSlides_2014-001_400x250_connectfws_freeSlides_2014-001_400x250_joinUsfws_freeSlides_2014-001_400x250_grow

Free Image Editors You Can Start Using Today – and why you should use them

Monday, May 20th, 2013

Images are an important part of website content. I would venture to say that you should be investing about 30 to 50% of your content building time and effort into building images. But any old stock image isn’t going to cut it these days. Today, your audience is filled with image-centric, image savvy individuals and website images need to be awesome to meet those expectations.

Sound daunting? It can be. But like all content building tasks, start with baby steps and work into more. Here is our short-list of recommended “do’s & don’ts” to start with:

  1. Crop your images to fit your space – and enhance your message. When building content in Site Manager, always choose to crop your photos whenever possible. Cropping ensures a perfect fit, fast page load time and more. And don’t forget that cropping can enhance the vision, mission or emotion you’re looking to portray on that page.
  2. Add text over images – in moderation. Adding text over an image is a great visual. However, more than a couple lines of text, using a font that is hard to read or a color that is hard to read, will quickly turn that positive image to a negative user experience. Stick with easy to read fonts and keep the text short. Use the tools in Site Manager to add URLs to your images and direct your users to more content.
  3. A collage of pictures can sometimes be a better choice than a slide show.
  4. Choosing images that have a similar color as your site’s background can add a measure of professionalism to your site.
  5. “Image” does not always mean people or nature pictures. Create stunning announcement slides or landing page visuals using an image of a texture or background. But use a photographic one, or maybe a vector – and not clip art.
  6. Avoid clip art, mis-matched icons, animated GIFs.
  7. Be responsible – be sure you have permission to use (or re-use) the image file.

Now on to free online image editors. No doubt you’re already not sure how to go about accomplishing some of the above list. Some of the tasks you can handle right inside of Site Manager (like the fact that the slide show tool has built-in cropping to the precise dimensions of your slide show!), but many will require the use of an image editing application.

While many of you may have a software installed on your computer, free web based image editors offer the ability to crop, resize, add text and much more to your photos. And even if you have a computer software program (like Photoshop), you may just want to explore some of these options as fast and easy ways to be creative with images. Like every type of application – take a little time to explore each application, and have some fun working towards your objective!

  1. PicMonkey
    At the top of our lists right now because of its simplicity, drag and drop and super fun effects, PicMonkey is worth a try. Not all of the features are free, but the basic cropping, image resize, photo edits (lighting, sharpness, etc.), adding text and even frames are all free. Jump on, upload your photo and you can be done in minutes. Save your photo back out to your computer and you’re good to go. Ideal for building collages, banners (think inside webpages, Facebook pages), and especially for creating the square format that is so popular with social media currently. (Tip: build a square photo for your social media stream and add it, in a smaller size, to your right side bar on your webpage!)

    Sample screenshot of PicMonkey

    Sample screenshot of PicMonkey

  2. Pixlr/Editor
    This free online editor is more advanced and offers traditional features that would be similar to Adobe Photoshop. While it offers more advanced features, users can quickly learn how to use the Layers palette and add text and other images (think logo on top of a texture image background) to create a well designed slide. You can save the layered file (to your computer or online if you build an account) to be loaded back into Pixlr for more editing at a later date. Which is a nice advantage if you have one image that you just want to edit the date on regularly, for example.

    Sample screenshot of Pixlr/Editor

    Sample screenshot of Pixlr/Editor

  3. Splashup
    Very similar to Pixlr in that it offers layers and plenty of filters and image editing tools, Splashup may be a bit more user friendly. It’s a good mid-level option to explore – and offers easy sharing plus being able to save your images to your computer.

All of the above websites offer easy options for cropping to specific dimensions and/or aspect ratio, resizing, adding text overlays, and minor touch ups. Explore other features like applying color filters, fading out part of an image and much more! If you’d like to know more – watch our upcoming newsletters or forum for User Group Trainings that feature image tips.

Make Mother’s Day special…

Thursday, April 25th, 2013

… on your website too!

To help you do just that (and keep your home page updated too), we’re offering our customers FREE images. We’re continuing our free image promotions throughout this year with Mother’s Day images to use on your home page slide show. We hope that you and others are blessed by these. Drop us a comment or a note on our Forum letting us know!

mom1_400x250

mom2_400x250

Click the links below to download the size needed. Be sure to choose a size that is large enough (or larger) than your slide show dimensions and use the built-in crop tool to size the image perfectly. To download, when the image opens in a new tab/window, right click and choose Save As or Save Link As.

Striped Mother’s Day – wide 980×400
Striped Mother’s Day – medium 600×400
Striped Mother’s Day – small 400×250

Sunflower Mother’s Day – wide 980×400
Sunflower Mothers’ Day – medium 600×400
Sunflower Mother’s Day – small 400×250

 

Easter Graphic Freebies

Wednesday, February 20th, 2013

We’re happy to hear from many of our customers that you are finding these free images for your website a blessing. If you would like us to continue, post a comment, or drop us an email to let us know your feedback!

In time for Easter, we are providing you with three different images for Easter, and once again we have them available in many of the standard home page slide show sizes. Remember that you can take these images into any photo editing program and add your own text/copy. If you don’t own a photo editing software program, several free web based options include PicMonkey and Pixlr, and a free desktop option would be Picasa.

To Download:

Click on the size and version(s) that you want. The image will open in a new browser window/tab. Next, right click and choose Save Image As (or Save Link As) , and save the image on your computer.

Choose the image size that is closest to the size of your slide show – being sure that the width and height are either equal to, or larger than, your slide show’s dimensions. Use the crop tool as you upload the image to get a perfect fit for your website.

The links for each of the image files are below the preview.

easter1-original

easter2_wide

easter3_wide

 

Christmas Graphic Freebies

Tuesday, November 27th, 2012

You asked, and we’re doing it again! This time, we have 3 different Christmas and Holiday themed images for you to download – completely free! They are available in the most common slide show sizes; if you don’t see the exact size you need, go with the next largest width and then use the built-in crop tool to size it perfectly!

Remember that you can take these images into any photo editing program (Picasa, Pixlr, etc.) and add your own text, save it and upload that to your website.

To Download:

Click on the size and version(s) that you want. The image will open in a new browser window/tab. Next, right click and choose Save Image As (or Save Link As) , and save the image on your computer.

Choose the image size that is closest to the size of your slide show – being sure that the width and height are either equal to, or larger than, your slide show’s dimensions. Use the crop tool as you upload the image to get a perfect fit for your website.

The links for each of the image files are below the preview.

New Enhancement: Image Cropping Tool!

Tuesday, February 21st, 2012

We are super excited to announce that a new image cropping tool has been installed in Faithwebsites CMS!

Understanding the importance that top-quality visuals and slide shows have in websites today, this built-in crop tool will help you upload any picture and make that picture fit the designated space perfectly. This results in the image looking made for the space and professional, versus stretched or squished to fit the space!

The crop tool works with the Slide Show tool in the Main Body and Right Side Bar sections of the site.  The photo dimensions are drawn from the dimensions you have setup in the Slide Show tool.

Here’s a basic step-by-step of how the crop tool works. If you use a crop tool in other applications, you’ll find this quite familiar.

  1. When you add a photo in the Slide Show tool, you’ll see a Crop or Downsize option. Be sure that the button for crop photo is selected. Add your photo as you would normally.
  2. In the next step, click anywhere on the photo to get the crop tool to appear. In our example, this is the original photo we started with.
  3. Use the corners to resize the crop tool or grab the tool frame to reposition the tool.
  4. The crop box itself will always stay in the correct aspect ratio, (horizontal x vertical) of the dimensions in your Slide Show tool. What you see inside the crop box dotted lines is the final photo product that will be displayed. This allows you to take pictures and create copy space, added visual interest, cut out unwanted parts of the photo and the list goes on!
  5. Finally, click Crop Photo & Finish. The final result of our cropping example is below. We’ve made a wider horizontal photo fit a square Slide Show nicely by cropping out part of the photo and centering the focus on the subject.

Need more help? We have a video tutorial that will take you through the Slide Show Tool setup and cropping features. Still need more help? No problem, just contact Support. We’re happy to assist.