How to display your ebook in an iPad

By Michaela Latavanha

I'm sure you have created an awesome ebook you want to share with your tribe or use as an incentive for your newsletter. 

You’ve also probably seen on other websites the cool images of iPads displaying their ebooks (in the design world those are called mockups) above the newsletter sign­up form and wondered how they did that.

It's a lot easier than you might think, and you don't need a PhD in Photoshop. 

There are two ways of doing this, using handy sites like Place it, Dunnnk and Magic Mockups,  or using Photoshop. 

Using Photoshop means a few more steps but you have a bigger variety of options. If you don't have Photoshop, you can always download the 30­day free trial over here.

Before you start you will need to download your mockup. I've created a Pinterest board with a few iPad mockups to choose from. Alternatively you can search "iPad mockup PSD" or "styled iPad mockup". 

I recommend visiting sites like Creative Market, Etsy, QuaqlGraphic Burger and Freebies Bug to find great quality mockups. 

Look for the ones that say they use Smart Layers or Objects. Those are the ones you want to download.

You will also need your ebook cover image ready, saved as a JPEG or PNG and on hand. 

Let's start.

I’m using a free mockup from Tomodachi in this tutorial. You can download it here.  Once you have downloaded the mockup, open it in Photoshop. The first thing you want to do is look for the layers panel. It should be on your right, if it’s not there click Window > Layers

In the layers panel, you will see clearly marked layers. In this case, they have separate layers for each object, a folder layer for the iPad & background layers. 

Tip: If you are not sure what the layer is you can click on the eye icon to the left of the layer to switch it on and off. This way you can see what has disappeared and know what the layer is.

Placing your ebook cover image on the iPad

Step 1: Look for the layer where you need to place your cover image into. This layer is normally a smart object, is highlighted with a color and named something like "place your design here”. 

If the layers are in a folder, like in this case, click on the arrow between the eye and folder icon to open up the folder.

Step 2: Now that you have found the right layer, double click on it. Make sure you double click on the layer icon, it's in between the eye icon and the layer's name.

Step 3: It will then open up another Photoshop file. Hide any layers that are in that file by clicking on the eye icon next to the layer in the layers panel.

Step 4: Place your cover image inside this Photoshop file by clicking File > Place.

Your cover image will be placed on its own layer. You want to make sure that the image is covering the whole artboard (the white & grey checkered blocks area).

You will see there is a border around your image, this means we can resize it. Just hover over any corner until you cursor turns into an arrow. Hold down shift (to keep the proportions), click & drag until you are happy with the size & hit enter.  If you don’t need to resize the image, just hit enter.

If you've hit enter too soon and still need to resize your cover image click Edit > Free Transform to get the border around your image. 

To move the image around, click & drag the image after you have hit enter. 

Then click File > Save and close this Photoshop file. 

Go back to the original Photoshop file and you will see your cover image has been placed on the iPad. 

Advanced: Moving objects around

Step 5: Make sure your move tool in the toolbar is selected. 

Step 6: Make sure the layer of the object you want to move is selected. Then click & drag the objects around.

Step 7: If you don’t like a certain object you can hide the layer by clicking on the eye icon to the left of the layer.

Saving your image for the web

Step 8: Once you are all done and happy with the way the image looks click File > Save for web. Then select PNG, resize the image to your liking and click Save.

Now you are ready to upload the image to your website or a design.

If you want a high ­quality image click File > Save as and select JPEG or PNG from the drop down menu.

If you have any questions or need help, feel free to ask, I’m happy to help.

Michaela is a beach-­loving graphic designer living in Brazil. You can find her over at Bonfires & Ukuleles where she helps barefoot adventurers design their online businesses. Design that acts as their silent ambassador so it can help generate an income for them while they are off on an adventure. 

Every week she sends a design tutorial & resource newsletter that helps the non-­designer business owner design visuals for their Instagram, blog, website & more. She teaches them how to create designer-­made looking visuals & bend professional designer tools to their will without breaking a sweat.

You can also find her on Instagram

Photo Credit: Death to the Stock Photo & Tomodachi

8 Ways Lightroom & Photoshop Will Improve Your Blog

By Taylor Mathis

Do you use Lightroom and Photoshop in your blogging?

I know what you may be thinking. Isn’t Photoshop just for making models look unrealistically skinny?  Yes, Photoshop can be used for that, but there is so much more the software can do. In fact, incorporating the powerful features of Lightroom and Photoshop into your workflow will dramatically increase the effectiveness of your blogging and connecting with your audience!

So why do I mention Lightroom and Photoshop together? A little while ago, Adobe launched something called the Creative Cloud and in doing so decided to put all of their software (Lightroom, Photoshop, Indesign, Illustrator, Audition, Premiere, etc…) online and made everything accessible through a cloud membership.

In doing this, they also created a program called the Photography Plan. For $10 a month, you have access to the full versions of both Lightroom and Photoshop. In the past it would cost hundreds to thousands of dollars to purchase this software. Not anymore. For what you may spend for two cups of coffee, you can have the most powerful imaging software available to you!

So now that this software is affordable, you may be wondering, how will Lightroom and Photoshop help my blog? Here are 8 ways that I use the software to create content for my blogs.

Organization and editing with Lightroom

1) Staying Organized
Lightroom’s Library module brings organization and the ability to find your images when you need them! Whether you are taking the pictures yourself, or receive them from a photographer, there is a good chance that you will have hundreds of images on your blog! Do you know how to quickly find any image on there? With Lightroom, you can organize your images so that you will always be able to find whatever image you need!

2) Editing your images and taking them from good to great!
If you are shooting with a DSLR, in order to ensure you are capturing the best image you can, you need to shoot in RAW. Unsure what RAW is? Here is an article that explains why it is superior to shooting in JPG.

You will need software to view and edit RAW files. Lightroom can read your files and will allow you to edit them to bring the most out of your images. Changes in editing allow you to fix any exposure issues that you may have had and take your image from good to great! Here is an example of an image straight from the camera and one that has been edited in Lightroom.


3) Create images of any size and for any purpose!
Once your images are edited you will want to share them on your blog, Facebook, Twitter, Instagram, or Pinterest. There is a problem, though. Each of these social media forms likes their images to be a certain size. You could upload the same image to each social media platform and hope that it crops well or you could use lightroom’s cropping and export features to ensure that your images will appear exactly how you want them and display the message that you intend!

The size of your images will also affect the performance of your site. The more images you have in a post, the higher potential there is for the post to lag while loading. If you want to keep the attention of your reader, ensuring that your images are sized appropriately for your blog is a necessity! With Lightroom, you can export your images in the exact size you need.  

Creating Content With Photoshop

Photoshop and Lightroom work seamlessly together and you can quickly move images from one program to the other and back. Photoshop has editing tools that will allow you to perform more precise retouching and create composites, but the ability to blend your images with text to create content is something that can take your blog to the next level!

Here is an example of some of the content you can create for your blog with Photoshop.

4) Blend text with images
They say a picture is worth a thousand words, but sometimes adding text to an image makes that image more powerful! With Photoshop you can easily incorporate text into your images to create more impactful content! Here is an example of what you can create.


5) Create Calls To Action for Sidebars, Headers, and Footers
Do you have an affiliate program for your site where you want others to share your products? Are you looking at advertising your site on another online site? You will need to create web advertisements for these purposes. In Photoshop, you can create correctly sized images that will showcase your site with a mix of text, graphics, and images.

Not interested in creating advertisements? Photoshop can still help. Is there an email list you want people to sign up for, or some other action you want readers to take? With Photoshop, you can create buttons and advertisements that can blend together images and text to share your message and signal what action you want a viewer to take!

6) Create PDFs
A PDF is an incredibly useful file that can serve a wide variety of purpose on your blog. You can create one with tips and resources and tips to use as a free opt-in to get people to sign up for your email list. You can go a step further and take your expertise to create a PDF to include in a digital course or product.  

7) Create Presentation slides
Are you creating an online course or giving a presentation? With Photoshop, you can quickly and easily slide templates that will allow you to incorporate your brand and messages into a beautiful presentation. These templates can be used in powerpoint or google slides and presented live or recorded through a screencast presentation like the video you see above!

8) Create Animation and Videos
With photoshop, you can add movement to your images and words to create animations and video perfect for a wide variety of resources. They can be introductions to videos, animated web advertising, or to tell a short story on social media! Once you learn the basics, there is no shortage to what you can create!

As you can see Lightroom and Photoshop do much more than just making models look skinnier. They are incredibly powerful tools that will bring you organization and allow you to create stunning and impactful content for your blog! This content can be used to grow your readership or even turn into digital products.

There is a problem, though. The software is now at an affordable price, but it isn’t the most intuitive or user friendly software to use. If you are interested in learning how you can use Lightroom and Photoshop to organize, edit, and create content with your images and graphics, check out Post-Processing and Content Creation for Creatives! * It is a course with over 70 videos, templates, and resources that will help you quickly and easily learn to use Lightroom and Photoshop to create content for your blog!

You can find Taylor blogging and sharing helpful biz tips over here - say hello! *I am a proud of affiliate of his program too!