Drop Zones are design magic, giving you the power to create custom designs in a matter of seconds. Just drag and drop your images onto a spread and they are automatically placed into a Drop Zone. Grab the corner of your Drop Zone, move it around and watch the design automatically adapt. Whether it’s adding new images to a Drop Zone, or moving images around within a Drop Zone, you'll experience creative freedom when designing your spreads.
What is a Drop Zone?
As shown in the image above, the images placed on the spread are enclosed in a blue box, this is the Drop Zone for this particular design.
Moving Images Within a Drop Zone
Moving images around is extremely simple and intuitive with the introduction of Drop Zones 2.0. Experience creative freedom when designing your album spreads. Add images by selecting a group of thumbnails and dragging them onto a spread to automatically create a Drop Zone or add images to an existing Drop Zone. You can move images within a Drop Zone by dragging them wherever you want. A yellow box will appear indicating where you can place the image. If you drag an image on top of another image, you can swap images.
As you can see in this example, we moved the selected image between the two images below it. The design adapts to the new arrangement allowing the top images to be larger on the page and stand out more.
Drop Zone Rows and Columns
Sometimes you want the Drop Zone to align your images in columns or rows. We’ve made that easy with a brand new toggle. Above is the Drop Zone selected with the toggle set as rows.
Above is the Drop Zone toggle set to rows. As you can see, the design concept was maintained and updated as columns.
Once you toggle between columns and rows, a circle with an arrow will appear. This indicates that you have manually taken control of the Drop Zone. You can rescale the Drop Zone and the design will remain locked. If you want to go back to Auto Design within the Drop Zone, click the circle icon to reflow the Drop Zone with your images.
Adding New Rows and Columns
Adding a new rows or column of images is extremely easy too. Drag an image onto the edge of a Drop Zone or between two rows or columns. Here you can see that we are dragging an image to the edge of a column, which will create a new one.
Adding and Deleting Images from a Drop Zone
To add an image to a Drop Zone, drag your image(s) from the Image Well and drop it into an existing Drop Zone. The Drop Zone will dynamically adjust your design instantly.
To delete an image from a Drop Zone, select the image and hit the Delete key on your keyboard or you can right-click the image and choose 'Remove Image' from the menu.
How Do I Resize a Drop Zone?
The corners of the Drop Zone allow you to change the size. As you place your mouse over the corner, your cursor will turn into a double-ended arrow icon indicating the ability to scale is present. To maintain the aspect ratio while scaling the Drop Zone, hold the shift key while moving the corner.
You can also choose to hold the Option/Alt key while resizing to maintain the aspect ratio while scaling the Drop Zone from the center.
Moving the Drop Zone Around the Spread
To move the Drop Zone around the spread, simply hover over one the blue edges of the Drop Zone. When your cursor changes to a hand icon, you can click and move it around the spread.
Adjusting Images Within a Drop Zone
You can select each individual images within a Drop Zone to further adjust the size, proportion, position and transparency. You'll know which image is selected by the yellow frame that surrounds it. You'll also see a toolbar at the bottom of the image.
1. ASPECT RATIO: Change the aspect ratio of the selected image (3:2/1:1/Original/Horizontal/Vertical). Holding down the Shift key and choosing an aspect ratio is a quick way to change adjacent images.
2. OPEN IN EXTERNAL EDITOR: Clicking this will open the selected image in your selected image editing program. (Photoshop, Photoshop Elements, Alien Skin Exposure 6, etc.) for editing. Once you finishing editing, save the image and it will automatically update in Fundy Designer. Select your image editing program under the menu: Edit > Choose External Editor.
3. APPLY BW OR SEPIA FILTER: Apply one of 3 Black & White or Sepia filters (including a Contrast slider) to your image.
4. FLIP IMAGE HORIZONTALLY: This allows you to horizontally flip your image within the Drop Zone.
5. ADDITIONAL IMAGE ADJUSTMENTS: Click this will open a sub-menu with three options for further image adjustments. Set Image Opacity slider, Set Image Magnification slider (zoom) and Adjust Image Rotation to rotate and straighten your image.
Drop Zone Tools
At the top of your selected Drop Zone you'll find a toolbar with 10 different tools.
1. IMAGE RATIO: This provides the ability to switch all the images in a Drop Zone between different image ratios: (3:2/1:1/ Original/Horizontal/Vertical).
2. FIT/FILL: Fit adapts the design keeping the original image proportion within the Drop Zone. Fill adapts the design to fill the entire area of the Drop Zone frame leaving no white space.
3. EXTERNAL EDITOR: Clicking this will open all of the images in the Drop Zone in your selected image editing program. (Photoshop, Photoshop Elements, Alien Skin Exposure 6, etc.) for editing. Once you finishing editing, save the images and it will automatically update in Fundy Designer. Select your image editing program under the menu: Edit > Choose External Editor.
4. LAYERS: Gives you the ability to arrange the layer order of a Drop Zone (Move Forward/Move Backward/Move to Front/Move to Back). Example, If you have an image covering a Drop Zone containing text, you can choose to move that image behind the text.
5. SHUFFLE IMAGES: Allows you to shuffle the images within a Drop Zone while maintaining the current design.
6. ALIGNMENT: This opens up (7) Drop Zone and (5) image alignment options. The first (7) Drop Zone options give you the ability to align and snap the Drop Zone either to Horizontal Center, Horizontal Vertical, Center, Left, Right, Bottom, Top of the canvas. The next (5) image alignment options give you the ability to align your images to the Center, Left, Right, Bottom, Top of the Drop Zone.
7. BACKGROUND: This will allow you to change the background color and opacity, as well as add a horizontal and vertical buffer to the Drop Zone.
8. APPLY BW OR SEPIA FILTER: This will allow you to apply one of 3 Black & White or Sepia filters (including a Contrast slider) to all the images in the Drop Zone.
9. EDIT: Provides you even further creative control over your designs with 3 different options (Spacing, Stroke and Drop Shadow), including color options. These settings will override your global album settings per Drop Zone, as used. The Spacing and Stroke sliders are a dynamic ratio based on canvas size so it's consistent if you make multiple versions of the same album at different sizes.
10. DELETE DROP ZONE: This simply allows you to delete the selected Drop Zone.
Image Ratio Control
You can override an image ratio. If you have a horizontal image, you can make it a vertical and vice versa. We can apply this to one image, or if we hold down the shift key, we can apply it to all images in that row or column. In this example, we'll select a single image in a Drop Zone and change the image ratio from Horizontal to Vertical.
As you can see, when the image ratio was changed to Vertical, the design adapted, but kept the original design concept.
Here is an example of holding down the shift key and selecting the 1:1 ratio. You can see that all of the images in that column of images changed to square and the design adjusted.
How to Create Multiple Drop Zones
You can add additional Drop Zones to a spread by selecting the image(s) and dragging them over to an empty space on the spread. *Please note that this will only work in Designer View.
Swapping and Replacing Images
You can replace or swap images within a Drop Zone. To do this, select the new image and drag it over the same spot as the image you would like to replace. Once the yellow selection box appears around the image, you are ready to drop the new image into that spot, replacing the original image. You can swap images within a Drop Zone or you can replace an image by dragging a new one from your image thumbnail well.
Advanced Drop Zone Techniques
Drop Zones are automatically created when you drag your images onto a spread. If you drag a group of images onto a spread, all of them will be placed into a single Drop Zone. If you have more than one Drop Zone on a spread, you can group them together. As you move a Drop Zone next to another one, it will automatically snap, respecting the spacing distance you have in your settings.
Sometimes, if you have your Drop Zone set to Fit (keeping the original aspect ratio of your image) there will be a lot of empty space in the Drop Zone. This can seemingly prevent you from placing your images next to each other if they are in separate Drop Zones.
Collapsing the Empty Space in a Drop Zone
By double-clicking on the blue border of the Drop Zone, it will automatically collapse the Drop Zone to the edges of your image or group of images. Now you can move your Drop Zone closer to another Drop Zone or to the edges of your spread.
Creative Drop Zone Technique to Create a Panoramic
Creating panoramic images is very easy to do with Drop Zones. In this example, a single image is placed on the spread in it's own Drop Zone. By default, it's in it's original 3:2 proportion and the Drop Zone is set to Fit. This means that the image is filling the Drop Zone so that it fits, without changing it's original proportion.
To create this panoramic image, the Drop Zone was changed to Fill (the image will completely fill the Drop Zone). Next, drag the corners of the Drop Zone to change the height of the image. The Drop Zone will automatically snap to any of the guides on the spread. Once you are happy with the dimensions of your panoramic, you simply click and drag the photo to move it up and down within the Drop Zone until you are happy with the crop.
You can see Drop Zones 2.0 in action HERE.