Free advice: 0800 047 6777
0800 047 6777
Header Background

Use our Blog to keep your business performing online and increasing
its digital revenues

Top tips for choosing and editing your imagery: part 2

Need to spice up your website's appearance but not sure how to do it? Well we have some expert advice coming your way. This week, we hand off to our Lead Digital Designer who provides some more excellent tips on how to choose and edit your imagery.

"We’ll be looking at the same three website designs that featured in our last design post and showing how selecting and altering your images can make a big difference to your final website design. Our focus areas include:

  • Perspective
  • Audience
  • Setting
  • Style
  • Framing

You'll also find tips on how you can apply all the effects mentioned in these two design articles using Trendzer’s easy-to-use Aviary editor. So, let's dive in and look at the factors that you should think about...


Perspective

Consider how the object or person is captured within the photo or graphic. Keeping the angle consistent across all images creates a cohesive design. You could experiment with different perspectives including:

  • Aerial
  • Profile
  • Portrait
  • Below
  • Above
  • Landscape

Here, I have added an image in aerial perspective, to give the effect of looking down into the design:


Image perspective


Audience

Know your audience. After all, you wouldn't sell tickets for an over 60s cruise by showcasing an energetic young couple skydiving on an adventure holiday!

The audience factor is key when you are targeting a particular market. Always ask yourself if each image is relevant to your market before deciding to include it in your design.

For example, when I had to make a mock-up design for a fictional bakery, I made sure to pick an appropriate image for a fictional testimonial about cakes.


Your image audiance


Setting

Always keep in mind how you want to brand your business or product. Images set the mood for your website and are key to creating an appealing brand.

For example, if you want a handmade feel, think about the setting of your product. I have chosen the cake and pastry images below for their rustic, home-made feel and universal format.


Setting your Image


Style

Choose images that support the style of your theme. You should consider the time, place, and subject of your images and graphics.

For example, if you are going for a retro 50s look, you shouldn't fill your website with images of modern-day gadgets! Below, I have used a consistent colour theme with supporting images and graphics from the 50s era.

Take note that on Trendzer sites, you can customize the colours of your map to support your colour scheme! Other useful features to keep a uniform style are available in our Aviary image editor, including:

  • Effects : Choose from a variety of effects and filters for your image.
  • Frames : Add a variety of frames to your images.
  • Focus : Keep one part of your image in focus while the rest is blurred.
  • Warmth : Adjust the tone of your image from cool blue to warm orange.
  • Splash : Make your image black and white or colour parts in.
  • Draw : Add doodle overlays to your image with a brush.
  • Text : Put text overlays on to your image with a text input box.

Image styling


Framing

Framing images and graphics can give your design consistency and definition within your layout which focus on your subject matter with very little effort. Below, I have added a modern take on a Victorian-inspired border to frame my design. This emphasizes the modern take on the by-gone era of the brand.

Notable features in the image editor that help with framing include:

  • Frames : Add a variety of frames to your images.
  • Crop : Crop a portion of your image.
  • Focus : Keep one part of your image in focus while the rest is blurred.
  • Splash : Make your image black and white or colour parts in.
  • Draw : Add doodle overlays to your image with a brush.

Framing your images


Conclusion

So, we have covered a variety of different effects that you can use to edit images and graphics easily. Why not have a go at applying some of these effects to your own designs? Use your Trendzer image editor to experiment with different image ideas. Try applying simple filters, colours, styles, and text to see how many different effects you can create!

Below, I have created a quick Trendzer image editor guide to get you started. If you haven’t already tried it, I have highlighted some features that you can use to achieve similar effects to my examples of bakery websites.


Editing Images with Trendzer’s Aviary Photo Editor

Please note: The Aviary Photo Editor changes the image you're altering within Trendzer permanently. I recommend saving a copy of the original image on your computer if you do not have a copy before you start using the editor. Take a backup of any of your favourite pictures!


Step 1 - Choose Your Image

My Images

Access the Image Manager in the Page Manager.

Click Change Design of this Site Icon to open the Edit Website Design menu. Hover over the Manage Images Icon and click.


My Images in Trendzer


Content Image

Access the Content Area where the imageis to be added. Click the Insert Image Icon to open the Image Manager. Then, hover over the Thumbnail Image and click the Image Thumbnail.


Insering an image in Trendzer


Step 2 - Edit your Image

The Aviary editing tools will appear above your image. Use the magnifying glass to zoom in on your image.

You can use these tools to edit your images within the Aviary Editor:


The Trendzer Avery editor


  • Enhance : Auto-correct your image with one of the four basic enhancement settings.
  • Effects : Choose from a variety of effects and filters for your image.
  • Frames : Add a variety of frames to your images.
  • Crop : Crop a portion of your image.
  • Resize : Resize your image to the size you need whilst keeping the proportions.
  • Orientation : Rotate and flip your image.
  • Focus : Keep one part of your image in focus while the rest is blurred.
  • Brightness : Change the overall image brightness.
  • Contrast : Alter the overall image contrast.
  • Saturation : Manipulate the overall image saturation.
  • Warmth : Adjust the tone of your image from cool blue to warm orange.
  • Sharpness : Blur or sharpen your image.
  • Splash : Make your image black and white or colour parts in.
  • Draw : Add doodle overlays to your image with a brush.
  • Text : Put text overlays on to your image with a text input box.
  • Redeye : Remove redeye from your image with a brush.
  • Whiten : Whiten teeth in your image with a brush.
  • Blemish : Remove skin blemishes with a brush.

You can use the left and right arrows to navigate through the editing tools if you are working on a smaller screen size.


Step 3 - Save Image

Click Save to publish your changes.

I hope you’ve found these tips helpful. Follow these simple suggestions and you’re well on your way to an attractive and consistent site!"

Well, that's all from Team Design this time around. Next week, we'll be looking at SEO and social media issues. But bookmark our blog page for more handy design tips over the coming months! And if you need professional web design, contact us by calling 0800 047 6777.

Blog Categories

Want to find out more? Book a demo or a call back

Send us your details and we’ll call you at your earliest convenience.
Let us know if you’re interested in seeing a demo or just looking for a general chat about your options.

Call Us Free


When is it a good time to call?

There's no obligation to buy after your demo (it's free!) but we think you'll love it