Mixbook Editor 101: Zoom, Rotate and Flip Your Photos

Hello class and welcome to Mixbook Editor 101! 🙂 This is the first post of a series of six that will give you the low down on all the different buttons and features you can find in the editor.

In today’s post, we will be taking a look at the photo toolbar and focusing on the first three buttons: the zoom slider, the rotation button and the flip button.

Photo Toolbar

1. The Zoom Slider
The magnifying glass icon identifies that the slider to the right of it will zoom in and out of your photo. In its current state (the slider resting all the way to the left), our photo is zoomed all the way out. As you move the slider to the right, we gradually zoom in on the photo.

Zoom Options

When zooming into a photo, you will notice a hand icon appear in the middle of the photo.

Zoom-Tool

This hand allows you to pan around the photo within the frame. As you may have already noticed, when a photo is zoomed in on, less of the original photo shows. This hand icon allows you to move the photo within the frame, so you can show just the right part of the photo.

Slider Tool

2. The Rotation Button
This curved arrow signifies the photo rotation button. Clicking on this button will rotate your photo 90° to the right, in a clockwise direction.

Rotate

The editor also allows you to do free rotation. When you click on a photo on one of your pages,  two curved arrows, creating a circle, will appear above the photo.

Free Rotation

While the rotation button on the toolbar allows you to rotate your photos to the right, free rotation allows you to rotate the photo to the left and right, at any varying degree. Simply click on the curved circles (also known as the “Free Rotation Button”), hold down the “clicker” on your mouse, and move it to the left or right. The photo will move according to the direction the mouse is moved.

3. The Flip Button
The last button has a slightly curved arrow with two triangles. This button will flip, or mirror, your image across the vertical access.

Flip Button

That’s it for today, class! If you are new to Mixbook, check out the Editor Road Map to get better acquainted with the Mixbook basics. If you have any questions, please feel free to leave us a comment! Join us next week, when we continue to explore the options the photo toolbar has!

**The layouts used in this class can be found in our Watercolor Washes theme.

Need further assistance? Email us!

[contact-form to=’hello@mixbook.com’ subject=’Question from the Mixbook Blog’][contact-field label=’Name’ type=’name’ required=’1’/][contact-field label=’Email’ type=’email’ required=’1’/][contact-field label=’Comment’ type=’textarea’ required=’1’/][/contact-form]

Mixbook Editor 101: Photo Style Tools

Hello and welcome to our last class on the photo toolbar! If this is your first time joining us, you can catch up with our first class here, and our second class here. This class will take a look at the last unexplored button – the paintbrush! Believe us, we’ve saved the best for last! 🙂 Clicking on the paintbrush icon opens up a new style toolbox that really allows you to customize your photos! These tools include the ability to add shadows, reflections, borders, shapes, and transparency to your photos. Here’s a closer look at the toolbox the paintbrush will open up. Styles Tool Box We’ll take a look at each tab, moving from left to right. So let’s start!

Shadow Styles This tab allows you to add a shadow behind your photo. What are the benefits of adding a shadow to your photo? It gives your photo a 3D look, replicating the look of a regular photo album. When layering elements, using shadows also help to show the distinction between layers, making a photo look further back or closer to the top. Shadow Tool Box Photos are automatically placed onto the page with a shadow. There are four preset shadow settings, each one varying in the amount of shadow placed behind the photo. Right below the tabs, you will see the “No Shadow” button, which will completely remove the shadow.

Shadow Tools

Clicking on the Customize box at the bottom of the toolbox will provide you with more options on how to customize the shadow.

  • Blur: Stretches the shadow, creating a larger shadow behind the photo
  • Distance: Moves the shadow further away from the photo, following the angle at which the shadow is cast
  • Angle: Changes the angle from which the shadow is cast
  • Opacity: Darkens/Lightens the shadow
  • Color: Changes the color of your shadow

Here’s an example of what you can do with these customized settings:

Shadow Tools

Reflection Styles This tab allows you to add a reflection of your photo under the original photo. Reflection Toolbox There are 8 different preset reflection styles to choose from, in addition to the “No Reflection” option. As our toolbox can only show four at a time, you’ll want to click on the green arrow to see the second page. Depending on which preset is chosen, the reflection will increase or decrease. Reflection Tools

Just like the shadow style, you are able to customize the reflection to your liking, by clicking on Customize at the bottom of the toolbox. The

  • Opacity: Controls the transparency of the reflection
  • Distance: Controls how far down the photo will reflect
  • Blur: Controls how blurry or crisp the reflection will be

Here’s an example of what you can do with these customized settings:

Reflection ToolsBorder Styles This tab allows you to add a border or frame to your photo. Border Tool Box There are 12 pages of different preset borders, ranging in color and thickness. Like the previous tabs, there is also the option to have “No Border.”

Border Tools Clicking on Customize at the bottom of the toolbox (show above) will open up two additional ways to customize your border.

  • Thickness: Controls how thick your border is
  • Color: Allows you to choose the border’s color

Here’s an example of what you can do with these customized settings:

Border Tools

Shape Styles This tab allows you to “cut” your photo in the form of a shape. Shape Tool BoxThere are five different shapes you can choose from:

  1. Rectangle
  2. Circle
  3. Triangle
  4. Heart
  5. Star

ShapeTools Remember, all of these shapes can be enlarged, stretched or shrunk by utilizing our resizing tools. Also, don’t forget to utilize your panning hand to get the right part of your photo into that shape! 🙂

Transparency Styles This last tab allows you to control the transparency of your photo. This feature is especially useful when you want to use your photo as a background for your page, or even a background for text! Transparency Tool BoxThere are four preset transparency options, in addition to, of course, the “No Transparency” button. TransparencyTool Again, clicking on customize at the bottom will allow you to more specifically control the transparency. Here’s an example of what you can do with these customized settings: Last but not least, you may have noticed an “Apply All” button at the bottom of some or our style tabs. Clicking on this button will apply that particular style to all the photos present on your two page spread. It’s a quick way to make all your photos uniform! And that completes our lesson on the styles toolbox. Now that you know what you can do, let’s get to work! If you need help with some color choices, check out our tutorial on how to choose colors! While we’ve shown you the basics, a little experimenting and exploration will get you on track to making the most custom and unique books! Happy Mixbooking!

Need further assistance? Email us!

[contact-form to=’hello@mixbook.com’ subject=’Question from the Mixbook Blog’][contact-field label=’Name’ type=’name’ required=’1’/][contact-field label=’Email’ type=’email’ required=’1’/][contact-field label=’Comment’ type=’textarea’ required=’1’/][/contact-form]

Mixbook Editor 101: Photo Effects, Placement & Deletions

Thanks for joining us for the second installment of Mixbook Editor 101! Last week, we took a look at the zoom slider, the rotation button and the flip button located on our photo editing tool bar. This week, we’ll be taking a look at most of the remaining buttons. We will, however, be saving the paintbrush button for next week – it does so many fun things, we decided it needed its own post!

So, let’s take a look at our buttons for today.

Photo Effects, Placement and Deletion

First we’ve got the Color Filter button and the Photo Adjustment button. These buttons are exclusive to our photo toolbar. The next set of buttons deal with the photo placement on your page: Bring Forward, Send Back, 2-Page Span and Delete.

1. The Color Filter Button
The color filter button provides you with two popular tones to apply to your entire photo. You can choose between black and white (B&W) or a sepia tone.

Color Filter Example2. The Photo Adjustment Button
These tools allow you to edit your photo right in the Mixbook editor. You can change the brightness, contrast or saturation by sliding the buttons to the left and right. Sliding the buttons to the right will increase the brightness, contrast or saturation, and moving it to the left will decrease it.

Brightness ComparisonsHere is a comparison of the adjustments that can be made with the Brightness slider. The brightness slider controls the over all brightness of your photo.

Contrast ComparisonHere is a comparison of the adjustments that can be made with the Contrast slider.  Contrast increases the separation between the dark and light areas of your photos, creating more definition between those areas.

Saturation ComparisonHere is a comparison of the adjustments that can be made with the Saturation slider. Saturation is similar to contrast, but deals more directly with colors. Increasing saturation increases the red tones in the photo, making the photo appear warmer. Decreasing saturation cools the photo, bringing it closer to the gray scale.

**Insider Tip: If your photo looks too dark, you’ll want to increase the brightness. If your photo looks a little red/orange, you’ll want to decrease the saturation.

3. Bring Forward
This button will bring your photo forward one layer. In the screenshot below, for example, the photo is behind the sticker and text. Clicking the Bring Forward button once will bring the photo over the sticker. Clicking the button again, will bring the photo over the text.

Bring Forward
4. Send Back
Opposite of the previous button, the Send Back button will send your photo back one layer. The following screen shot shows a photo being used a full page background. By sending the photo back, we are able to reveal the second photo we wanted to be placed on top. To learn more about using photos as full page spreads, click here.

Send Back

5. 2-Page Span
This button allows you to span the photo across two pages, or prevent it from spreading onto the next page. A simple click of this button will toggle the feature.

Spanning Pages
6. Delete
Last but not least, is our delete or remove button. Clicking on this will remove the photo from the page. While the photo is deleted from your page, it will not actually be deleted from the entire project.

If you would like your photo deleted from your project, locate the picture in your photo tray. When you hover your mouse over the photo, you will see a red circle with a horizontal line through it.

Photo Tray Delete
Clicking the red circle will completely remove the photo from that project.

So now we’ve got all the functional buttons explained, be sure to stay tuned for next week’s class, where we discuss the fun stuff! Our lesson includes borders, shadows, shapes and more! Until then, Happy Mixbooking!