You can manage images using the image manager. It can be accessed in three ways:
- When not in EasyEditor, select Image manager from the 'Campaigns' menu along the top navigation bar
- When in the 'Images' section of the 'Build' tab in EasyEditor, click on Manage
- When in the surveys and forms tool, adding or editing an image will open it
The image manager allows you to:
- Upload new images (including uploading multiple images)
- Edit and delete images
- Manage what folders your images are stored in
- Search for images
- Recover deleted images
Within the image manager there are a few key controls to determine your view.
Click on the file tree in the left-hand side panel to determine which images you view. As well as any folders you create yourself, you also have the top level choices of 'All images', 'Images used in this campaign' and 'Recently uploaded images'.
Click on the list and thumbnail view icons to toggle between showing a grid of all your images or a list of thumbnail images with additional information such as width, height, size and upload date.
If using the thumbnail view, you can use the slider to determine the size of the thumbnails. Move it left to reduce the size and right to increase it.
If using the list view, you can change the default order of the list of the folder you're in (which is based alphabetically on image name) by clicking on anyone of the attribute titles. Thus 'Name' can be changed from alphabetical to reverse alphabetical order, 'Width', 'Height' and 'Size' can be switched between ascending and descending order, whilst 'Uploaded' can be switched between most recent upload first or oldest upload first.
Other useful navigational features to note:
- Mousing over any image will highlight its containing folder in the file tree to the left
- When you exit Image manager, the folder and image you last had selected is highlighted in the side panel. This makes it easy to then insert that image into your campaign if you wish. Conversely, the image you have selected in the side panel will be the image highlighted when you open Image manager.
To upload new images:
- click on the Add button
- choose your image (or images) in your computer's file system
- click OK or Open
Images are created with the same name as the filename from your computer (with some changes to remove special symbols). You can rename them once they have been uploaded.
Note that multiple image upload is not available for all browsers (notably it is not supported by Internet Explorer 8 or 9).
Use the toolbar running along the top of the image manager to preview and edit your images.
To rename an image, click on its name at any point. This will make the name editable. Alternatively, click on Rename.
Click on Preview to open a full size version of the image. This can also be done by double-clicking on the image in image manager.
From here you can remove sections of an image that you don't wan, or edit it with Aviary's picture editor, by selecting Crop or Edit from underneath the image. You can also select to crop or edit an image from the top ribbon without needing to preview it.
On the cropping screen, a cropping rectangle will display in the image.
You can manipulate the rectangle over the area of the image you want to keep by dragging it as a block around the image, by lengthening or shortening its sides horizontally or vertically, or by increasing or decreasing its area by pulling one of its corners in or out. Width and height indicators along the bottom edge indicate the size of the image that is being retained.
To entirely move the cropping focus elsewhere in your image, simply click on the desired location with the crosshair, hold down and drag to make the cropping rectangle re-appear in that position and thus cancel the previous position.
When you're happy with your cropping, click on Save cropped image. You will have two choices:
- You can either overwrite the existing image (don't worry though - the original will continue to display wherever it's already been used), or
- You can choose a new name for the image (thus this will be saved as a new image and not overwrite your original).
In addition to image manager's native cropping function, you also have the power of Aviary's picture editor to edit your images. Select Edit to open it.
The Aviary toolbar contains a wealth of options to make use of.
It's a very intuitive tool and with so many possibilities available, it would be too extensive to cover them all in depth. However, here's a summary of the tool's main twenty functions:
- Enhance - enhance an image as suitable to its type (scenery, a portrait, etc.)
- Effects - apply an overall effect to an image, such as a sepia tone
- Frames - apply a frame around an image
- Overlays - apply an overlay to an image
- Stickers - apply any number of stickers to an image (such as speech bubbles and arrows)
- Orientation - rotate and/or mirror an image
- Crop - an alternative to image manager's native cropping tool, this provides predefined crop settings as well as the ability to custom crop
- Resize - resize an image
- Lighting - alter brightness, contrast, highlights and shadows
- Colour - alter saturation and warmth, plus tint and fade
- Sharpness - alter the sharpness of an image
- Focus - apply localised focus to an image
- Vignette - select a specific part of an image around which to apply a light or dark surround
- Blemish - choose from different brush sizes with to touch up any blemishes on an image
- Whiten - choose from different brush sizes to whiten areas on an image
- Redeye - choose from different brush sizes to reduce any redeye in an image
- Draw - choose from different brush sizes to draw with, whilst also providing an eraser and a colour picker
- Splash - converts your image to black and white and allows you to reveal the original colour of chosen areas, with a choice of different brush sizes and an eraser
- Text - add text to an image in different positions, fonts, sizes and colours
- Meme - turn an image into a meme by adding text at the top and the bottom of it
Click on one of the above functions to open it and access its individual toolbar.
Click on the magnifying glass in the top left hand corner of the tool to go into zoom mode, which will enable you to zoom in using the slider and do some close editing work on an image.
Once happy with your edits, click Apply in the top right hand corner. You can use the undo/redo arrows in the bottom left hand corner to reverse and reapply any changes you've made.
Lastly click Save in the top right hand corner to confirm your edits. You'll be required to name the edited image. Enter a name and click Save again. The edited image will then be uploaded to the image manager for you to use.
Manage what folders your images are stored in
The image manager supports unlimited folders and nested folders. To create a new folder click on the New Folder icon.
It will be created inside the current folder.
You can drag folders around to nest them inside each other, and delete whole folders by moving them to the Recycle bin.
To rename a folder, click on the folder name to highlight it and then click again to edit its name.
Images can be dragged from one folder to another; you can also select multiple images and drag them to a new folder.
To delete an image, either drag it to the Recycle bin or select it and then click Remove on the toolbar, which will also place the image in the recycle bin.
Not sure which folder an image is in? Don't worry, the image manager includes a search facility in the top right-hand corner; type the name, or part name, of the image you're looking for and it will show all matching images from all folders.
You can also search for images uploaded in a given month of a year by searching the three letter shortening of a month’s name or the full month’s name followed by the full year, e.g., ‘jan 2014’ or ‘january 2014’.
A temporary folder will contain your search results. Mousing over a found image will highlight its containing folder in your folder tree, whilst also producing an information box containing all the relevant details about the image.
We also have keyboard shortcuts for navigating your way around the image manager:
- Ctrl and k will show the grid view
- Ctrl and l will show the list view
- Alt and + will initiate the upload of an image
- Alt and n will create a new folder