Post pobrano z: How to Apply a Photo Filter or Effect in Photoshop

Photoshop offers a lot of special photo filters. They can turn a photo into a work of art, or simply make it look more interesting and unique. These photo effects are usually easy to use and can be customized. 

In this tutorial, I’ll show you how to add a photo filter to your image to achieve a variety of different results.

Follow along on our Envato Tuts+ YouTube Channel:

1. How to Use Photoshop Filters

Step 1

First, make sure that your image isn’t too big. The bigger the image, the longer it takes for Photoshop to apply a filter. To resize the image to a size more convenient for experimenting, go to Image > Image Size and change the values.

Step 2

Let’s turn the image into a Smart Object. This will allow you to adjust or even remove the effect of a filter without affecting the original image. To do this, right-click the layer and select Convert to Smart Object.

Step 3

Let’s start with something simple. Go to Filter > Oil Paint. On the right, you can find settings that will allow you to turn the photo into an oil painting. Experiment with the sliders to see how they affect the image and how you can create a convincing, natural effect with them. In the case of extreme filters like this one, it’s better to go for a subtle effect that will not look obviously digital.

When you’re done, click OK. The effect will be applied to the photo, but because it’s a Smart Object, you can easily turn it off to see the original image.

Step 4

Not all filters are used for such dramatic effect. Sometimes you just want to make a slight correction. A sharpening filter is often a good idea. Go to Filter > Sharpen > Smart Sharpen. Here you can adjust the sharpening very accurately, whether you want a subtle or a more artistic effect. But even a subtle sharpening can make a big difference!

Step 5

You may also want to go the other way around and blur the image, but without losing too much detail. There’s a filter for this, too! Go to Filter > Blur > Smart Blur. This filter doesn’t blur an entire image, but rather tries to blur the areas that it intelligently detected. You can adjust the end result to your liking with the sliders.

Step 6

Photographers usually want to avoid noise in their photos, but sometimes it’s desired for an artistic effect. That’s why Photoshop has a special filter for this. Go to Filter > Noise > Add Noise and drag the slider to add some less or more visible grain. This way you can easily add some character of an old photo to your image.

Step 7

Photoshop can also change lighting in the photo to some extent. Go to Filter > Render > Lighting Effects. This filter, or rather a tool, allows you to add an illusion of another light source, to hide some areas in the shadow and reveal the others by contrast. It can take some practice to create convincing effects with this tool, but it can be very powerful once you get to know it. For example, you can use it to create a vignette effect.

Step 8

Not all filters can be used on Smart Objects, so let’s rasterize the layer to present one of them (right-click > Rasterize). Go to Filter > Blur > Iris Blur. This is a very complex filter that gives you a lot of space for customization to create exactly the effect you want. You can use it to simulate depth of field, or to bring attention to one area by blurring the rest.

Step 9

Photoshop also has a whole library of special effects for photos. Go to Filter > Filter Gallery. Zoom out to see your entire picture. On the right, you have a lot of different filters grouped into types. Let’s take a closer look at a few of them.

Dry Brush, for example, can turn a photo into a smooth painting. It can give you a simple, yet elegant results. This filter can also be useful if you want to clear a blurry image, to turn its lack of detail into a feature rather than a flaw. If you want to see what’s changed, click the eye icon under the filter.

Step 10

The Watercolor filter in theory has a similar goal, but the effect is strikingly different. It adds some subtle texture and darkens the already dark areas, adding an appealing contrast. It may not really look like a watercolor painting, but it’s still a very interesting effect.

Step 11

Most of the filters in Filter Gallery turn your photo in a painting or a drawing, and although each gives their unique effects, they’re all similar in that regard. So let’s take a look at one of these that work in a different way—Halftone Pattern. It
adds a vintage comic book effect to the photo, and it can also give
it a traditional newspaper effect. The colors it uses are based on your foreground and background colors, so if you want a crazy artistic
effect, you can experiment with them, too.

Step 12

Finally, I’ll show you a trick that allows you to use all these filters and more in a special way that leads to unique results. Go to Channels and select one of the layers other than RGB.

Step 13

Keep them all visible.

Step 14

Now you can use any filter on that single channel, keeping the others intact. This leads to some crazy effects that wouldn’t be possible if you applied the same filter to the entire image. Feel free to play with some of them to see what this method is capable of.

2. How to Use Filters as Actions

Photoshop filters are very powerful, but they are even more powerful if you mix them. This, of course, requires more time and skill, but such complex filters can also be saved as an action that you can apply with a single click. Let’s take a look at a few examples of such advanced filters available on Envato Elements.

Perfectum – Vintage Watercolor Photoshop Action

As I mentioned before, Photoshop’s watercolor filter doesn’t really give you a convincing result. If you want a more realistic watercolor painting effect, try this action. Once you play it, you’ll see how it does a lot more than a single filter, using many tools and effects to create the desired result. It may take a while, but you just have to wait—it’s even easier than using a normal filter!

Hand-Drawn Photoshop Action

If you want to turn a photo into a drawing, it’s possible, too! This filter creates the nice, monochromatic effect of a pencil drawing. The final result is soft, pleasant, and very convincing. With this Photoshop filter, you can have a drawing without even touching a pencil!

Brightum – Soft Focus Photoshop Action

But although turning a photo into a painting or a drawing is the most obvious way of modifying it, there are many more! For example, this action adds some shiny glitter to the background, creating a perfect effect for Christmas or New Year. You don’t really need to know how it happens — everything is done for you magically, and you just have to wait and enjoy the effect.

Pixel Artist – Photoshop Action

Some filters are capable of creating completely crazy effects, like this one—it turns a photo into pixel art. You can easily create a unique avatar this way, showing your love to the retro style. With this filter, every photo will look like an artwork created manually by a skilled pixel artist.

Good Job!

Now you know how to apply filters to your photos in Photoshop. If you’re interested in photo effects, you may also like our other tutorials:

• 
  Photo Manipulation
  50 Awesome Photo Effect Tutorials
  Grant Friedman

• 
  Photo Effects
  How to Create an Infrared Photo Effect in Adobe Photoshop
  Ivan Gromov

• 
  Photo Effects
  How to Create a VHS HUD Design and Vintage Photo Effect in Photoshop
  Ivan Gromov

• 
  Photoshop Actions
  How to Create an Evil Photo Effect With an Adobe Photoshop Action
  Marko Kožokar

• 
  Photoshop Actions
  How to Create Pop Art Photo Effects With Photoshop Actions
  John Negoita

Post pobrano z: How to Apply a Photo Filter or Effect in Photoshop

Photoshop offers a lot of special photo filters. They can turn a photo into a work of art, or simply make it look more interesting and unique. These photo effects are usually easy to use and can be customized. 

In this tutorial, I’ll show you how to add a photo filter to your image to achieve a variety of different results.

Follow along on our Envato Tuts+ YouTube Channel:

1. How to Use Photoshop Filters

Step 1

First, make sure that your image isn’t too big. The bigger the image, the longer it takes for Photoshop to apply a filter. To resize the image to a size more convenient for experimenting, go to Image > Image Size and change the values.

Step 2

Let’s turn the image into a Smart Object. This will allow you to adjust or even remove the effect of a filter without affecting the original image. To do this, right-click the layer and select Convert to Smart Object.

Step 3

Let’s start with something simple. Go to Filter > Oil Paint. On the right, you can find settings that will allow you to turn the photo into an oil painting. Experiment with the sliders to see how they affect the image and how you can create a convincing, natural effect with them. In the case of extreme filters like this one, it’s better to go for a subtle effect that will not look obviously digital.

When you’re done, click OK. The effect will be applied to the photo, but because it’s a Smart Object, you can easily turn it off to see the original image.

Step 4

Not all filters are used for such dramatic effect. Sometimes you just want to make a slight correction. A sharpening filter is often a good idea. Go to Filter > Sharpen > Smart Sharpen. Here you can adjust the sharpening very accurately, whether you want a subtle or a more artistic effect. But even a subtle sharpening can make a big difference!

Step 5

You may also want to go the other way around and blur the image, but without losing too much detail. There’s a filter for this, too! Go to Filter > Blur > Smart Blur. This filter doesn’t blur an entire image, but rather tries to blur the areas that it intelligently detected. You can adjust the end result to your liking with the sliders.

Step 6

Photographers usually want to avoid noise in their photos, but sometimes it’s desired for an artistic effect. That’s why Photoshop has a special filter for this. Go to Filter > Noise > Add Noise and drag the slider to add some less or more visible grain. This way you can easily add some character of an old photo to your image.

Step 7

Photoshop can also change lighting in the photo to some extent. Go to Filter > Render > Lighting Effects. This filter, or rather a tool, allows you to add an illusion of another light source, to hide some areas in the shadow and reveal the others by contrast. It can take some practice to create convincing effects with this tool, but it can be very powerful once you get to know it. For example, you can use it to create a vignette effect.

Step 8

Not all filters can be used on Smart Objects, so let’s rasterize the layer to present one of them (right-click > Rasterize). Go to Filter > Blur > Iris Blur. This is a very complex filter that gives you a lot of space for customization to create exactly the effect you want. You can use it to simulate depth of field, or to bring attention to one area by blurring the rest.

Step 9

Photoshop also has a whole library of special effects for photos. Go to Filter > Filter Gallery. Zoom out to see your entire picture. On the right, you have a lot of different filters grouped into types. Let’s take a closer look at a few of them.

Dry Brush, for example, can turn a photo into a smooth painting. It can give you a simple, yet elegant results. This filter can also be useful if you want to clear a blurry image, to turn its lack of detail into a feature rather than a flaw. If you want to see what’s changed, click the eye icon under the filter.

Step 10

The Watercolor filter in theory has a similar goal, but the effect is strikingly different. It adds some subtle texture and darkens the already dark areas, adding an appealing contrast. It may not really look like a watercolor painting, but it’s still a very interesting effect.

Step 11

Most of the filters in Filter Gallery turn your photo in a painting or a drawing, and although each gives their unique effects, they’re all similar in that regard. So let’s take a look at one of these that work in a different way—Halftone Pattern. It
adds a vintage comic book effect to the photo, and it can also give
it a traditional newspaper effect. The colors it uses are based on your foreground and background colors, so if you want a crazy artistic
effect, you can experiment with them, too.

Step 12

Finally, I’ll show you a trick that allows you to use all these filters and more in a special way that leads to unique results. Go to Channels and select one of the layers other than RGB.

Step 13

Keep them all visible.

Step 14

Now you can use any filter on that single channel, keeping the others intact. This leads to some crazy effects that wouldn’t be possible if you applied the same filter to the entire image. Feel free to play with some of them to see what this method is capable of.

2. How to Use Filters as Actions

Photoshop filters are very powerful, but they are even more powerful if you mix them. This, of course, requires more time and skill, but such complex filters can also be saved as an action that you can apply with a single click. Let’s take a look at a few examples of such advanced filters available on Envato Elements.

Perfectum – Vintage Watercolor Photoshop Action

As I mentioned before, Photoshop’s watercolor filter doesn’t really give you a convincing result. If you want a more realistic watercolor painting effect, try this action. Once you play it, you’ll see how it does a lot more than a single filter, using many tools and effects to create the desired result. It may take a while, but you just have to wait—it’s even easier than using a normal filter!

Hand-Drawn Photoshop Action

If you want to turn a photo into a drawing, it’s possible, too! This filter creates the nice, monochromatic effect of a pencil drawing. The final result is soft, pleasant, and very convincing. With this Photoshop filter, you can have a drawing without even touching a pencil!

Brightum – Soft Focus Photoshop Action

But although turning a photo into a painting or a drawing is the most obvious way of modifying it, there are many more! For example, this action adds some shiny glitter to the background, creating a perfect effect for Christmas or New Year. You don’t really need to know how it happens — everything is done for you magically, and you just have to wait and enjoy the effect.

Pixel Artist – Photoshop Action

Some filters are capable of creating completely crazy effects, like this one—it turns a photo into pixel art. You can easily create a unique avatar this way, showing your love to the retro style. With this filter, every photo will look like an artwork created manually by a skilled pixel artist.

Good Job!

Now you know how to apply filters to your photos in Photoshop. If you’re interested in photo effects, you may also like our other tutorials:

• 
  Photo Manipulation
  50 Awesome Photo Effect Tutorials
  Grant Friedman

• 
  Photo Effects
  How to Create an Infrared Photo Effect in Adobe Photoshop
  Ivan Gromov

• 
  Photo Effects
  How to Create a VHS HUD Design and Vintage Photo Effect in Photoshop
  Ivan Gromov

• 
  Photoshop Actions
  How to Create an Evil Photo Effect With an Adobe Photoshop Action
  Marko Kožokar

• 
  Photoshop Actions
  How to Create Pop Art Photo Effects With Photoshop Actions
  John Negoita

Post pobrano z: How to Apply a Photo Filter or Effect in Photoshop

Photoshop offers a lot of special photo filters. They can turn a photo into a work of art, or simply make it look more interesting and unique. These photo effects are usually easy to use and can be customized. 

In this tutorial, I’ll show you how to add a photo filter to your image to achieve a variety of different results.

Follow along on our Envato Tuts+ YouTube Channel:

1. How to Use Photoshop Filters

Step 1

First, make sure that your image isn’t too big. The bigger the image, the longer it takes for Photoshop to apply a filter. To resize the image to a size more convenient for experimenting, go to Image > Image Size and change the values.

Step 2

Let’s turn the image into a Smart Object. This will allow you to adjust or even remove the effect of a filter without affecting the original image. To do this, right-click the layer and select Convert to Smart Object.

Step 3

Let’s start with something simple. Go to Filter > Oil Paint. On the right, you can find settings that will allow you to turn the photo into an oil painting. Experiment with the sliders to see how they affect the image and how you can create a convincing, natural effect with them. In the case of extreme filters like this one, it’s better to go for a subtle effect that will not look obviously digital.

When you’re done, click OK. The effect will be applied to the photo, but because it’s a Smart Object, you can easily turn it off to see the original image.

Step 4

Not all filters are used for such dramatic effect. Sometimes you just want to make a slight correction. A sharpening filter is often a good idea. Go to Filter > Sharpen > Smart Sharpen. Here you can adjust the sharpening very accurately, whether you want a subtle or a more artistic effect. But even a subtle sharpening can make a big difference!

Step 5

You may also want to go the other way around and blur the image, but without losing too much detail. There’s a filter for this, too! Go to Filter > Blur > Smart Blur. This filter doesn’t blur an entire image, but rather tries to blur the areas that it intelligently detected. You can adjust the end result to your liking with the sliders.

Step 6

Photographers usually want to avoid noise in their photos, but sometimes it’s desired for an artistic effect. That’s why Photoshop has a special filter for this. Go to Filter > Noise > Add Noise and drag the slider to add some less or more visible grain. This way you can easily add some character of an old photo to your image.

Step 7

Photoshop can also change lighting in the photo to some extent. Go to Filter > Render > Lighting Effects. This filter, or rather a tool, allows you to add an illusion of another light source, to hide some areas in the shadow and reveal the others by contrast. It can take some practice to create convincing effects with this tool, but it can be very powerful once you get to know it. For example, you can use it to create a vignette effect.

Step 8

Not all filters can be used on Smart Objects, so let’s rasterize the layer to present one of them (right-click > Rasterize). Go to Filter > Blur > Iris Blur. This is a very complex filter that gives you a lot of space for customization to create exactly the effect you want. You can use it to simulate depth of field, or to bring attention to one area by blurring the rest.

Step 9

Photoshop also has a whole library of special effects for photos. Go to Filter > Filter Gallery. Zoom out to see your entire picture. On the right, you have a lot of different filters grouped into types. Let’s take a closer look at a few of them.

Dry Brush, for example, can turn a photo into a smooth painting. It can give you a simple, yet elegant results. This filter can also be useful if you want to clear a blurry image, to turn its lack of detail into a feature rather than a flaw. If you want to see what’s changed, click the eye icon under the filter.

Step 10

The Watercolor filter in theory has a similar goal, but the effect is strikingly different. It adds some subtle texture and darkens the already dark areas, adding an appealing contrast. It may not really look like a watercolor painting, but it’s still a very interesting effect.

Step 11

Most of the filters in Filter Gallery turn your photo in a painting or a drawing, and although each gives their unique effects, they’re all similar in that regard. So let’s take a look at one of these that work in a different way—Halftone Pattern. It
adds a vintage comic book effect to the photo, and it can also give
it a traditional newspaper effect. The colors it uses are based on your foreground and background colors, so if you want a crazy artistic
effect, you can experiment with them, too.

Step 12

Finally, I’ll show you a trick that allows you to use all these filters and more in a special way that leads to unique results. Go to Channels and select one of the layers other than RGB.

Step 13

Keep them all visible.

Step 14

Now you can use any filter on that single channel, keeping the others intact. This leads to some crazy effects that wouldn’t be possible if you applied the same filter to the entire image. Feel free to play with some of them to see what this method is capable of.

2. How to Use Filters as Actions

Photoshop filters are very powerful, but they are even more powerful if you mix them. This, of course, requires more time and skill, but such complex filters can also be saved as an action that you can apply with a single click. Let’s take a look at a few examples of such advanced filters available on Envato Elements.

Perfectum – Vintage Watercolor Photoshop Action

As I mentioned before, Photoshop’s watercolor filter doesn’t really give you a convincing result. If you want a more realistic watercolor painting effect, try this action. Once you play it, you’ll see how it does a lot more than a single filter, using many tools and effects to create the desired result. It may take a while, but you just have to wait—it’s even easier than using a normal filter!

Hand-Drawn Photoshop Action

If you want to turn a photo into a drawing, it’s possible, too! This filter creates the nice, monochromatic effect of a pencil drawing. The final result is soft, pleasant, and very convincing. With this Photoshop filter, you can have a drawing without even touching a pencil!

Brightum – Soft Focus Photoshop Action

But although turning a photo into a painting or a drawing is the most obvious way of modifying it, there are many more! For example, this action adds some shiny glitter to the background, creating a perfect effect for Christmas or New Year. You don’t really need to know how it happens — everything is done for you magically, and you just have to wait and enjoy the effect.

Pixel Artist – Photoshop Action

Some filters are capable of creating completely crazy effects, like this one—it turns a photo into pixel art. You can easily create a unique avatar this way, showing your love to the retro style. With this filter, every photo will look like an artwork created manually by a skilled pixel artist.

Good Job!

Now you know how to apply filters to your photos in Photoshop. If you’re interested in photo effects, you may also like our other tutorials:

• 
  Photo Manipulation
  50 Awesome Photo Effect Tutorials
  Grant Friedman

• 
  Photo Effects
  How to Create an Infrared Photo Effect in Adobe Photoshop
  Ivan Gromov

• 
  Photo Effects
  How to Create a VHS HUD Design and Vintage Photo Effect in Photoshop
  Ivan Gromov

• 
  Photoshop Actions
  How to Create an Evil Photo Effect With an Adobe Photoshop Action
  Marko Kožokar

• 
  Photoshop Actions
  How to Create Pop Art Photo Effects With Photoshop Actions
  John Negoita

Post pobrano z: 21 Best MacBook & Laptop Mockup Templates (Including iMac & MacBook Pro PNG Mockups)

A computer screen mockup is the perfect way to show your website in context or to show your website actually being used. If you’ve ever searched for just the right computer screen mockup, however, you know that it can be really difficult to find the exact template you need. That is, until now. Placeit has an incredible range of Apple device mockups that will make you jump for joy. And using one is easier than you could ever have imagined.

How to Use a Computer Screen Mockup

Placeit’s iMac, MacBook, MacBook Air and MacBook Pro mockups are all very easy to use. Let me show you how.

1. Sign Up for Free at Placeit

Navigate to the MacBook Mockup page.

2. Select a Template You Like

3. Upload Your Image

Now you have two options:

Take a screenshot of the content you’d like to display in your Mac Mockup and click the Upload Image button in the upper left of the screen. Navigate to your screenshot and upload.

Alternatively, if you wish to display a webpage, select the option From URL, and then copy and paste the URL of the webpage you’d like to display in the box provided.

4. Crop If Necessary

If you chose to upload an image, you will be presented with a window which allows you to crop it to the required size for your Mac mockup. If you’ve typed in the URL of the webpage you’d like to display, the software will automatically fit the website to the dimensions of the mockup.

5. Make Changes as Needed and Download

After the image is processed, it will appear in your Apple mockup templates. If you’re not happy with your crop, you can click the crop icon in the upload box, located to the right of the upload image text, to re-crop the image.

If you want to choose another image or website, click the X next to the crop tool in the Upload Image box or the X next to the From URL box and start the process again. If you’re happy with your laptop mockup, you can download it for a small fee. And just like that, you’ve got a great Mac mockup. 

21 Best Mac Mockups

1. MacBook Mockup on a Table in an Office Environment 

This MacBook mockup is perfect for businesses of any size that want a photo of a laptop in the context of a modern office that they can use to display a specific page of a website, a business presentation, or some other page. The background is softly blurred so that all eyes will be on the screen.

2. Device Mockup MacBook and iPhone on Wooden Table

There’s a reason flat-lays are so popular nowadays. They’re a perfect way to display the objects on any surface. What’s great about this particular flat-lay is that it’s a perfect phone and computer mockup for showing off how a webpage would look on a computer screen and on a mobile device. A great laptop phone mockup combo for web designers, writers, or entrepreneurs.  

3. MacBook Mockup Featuring a House Environment

Looking for a MacBook mockup in the context of a home interior? Take a look at the MacBook Mockup Featuring a House Environment. A great choice for home decorating, home cleaning or home furnishing businesses who want to show off their business websites in a context their clients can relate to.

4. MacBook Mockup Featuring a Woman Taking a Break

This template has a youthful, cool creative vibe. Featuring a young woman taking a coffee break while checking her phone in a flex-office space, the MacBook png will appeal to solopreneurs, entrepreneurs, and start-ups.

5. Mockup of a Space Gray MacBook Standing on a Solid Colour

If you need a minimalist mockup, this MacBook png is for you. It features a solid background so you can show off a presentation or website with minimal distraction. A handy feature of this mockup is that you can change the background to any colour you need.

6. MacBook Mockup Lying Near a Phone and Some Flowers

Go into a coffee shop in any major city and you’re bound to see someone working on a laptop. So of course I had to include a MacBook mockup in a coffee shop. And this one is particularly nice, with freshly picked flowers on one side and a refreshing drink on the other. A really great laptop mockup to advertise a new website, a product sale, the publication of a new book, or some other fabulous event. 

7. MacBook Mockup Template at a Crowded Cafeteria

Just to make sure you have loads of options if you are looking for just the right cafe context for your laptop mockup, I’ve included another template here with the laptop much closer to the screen. The background on this one is nicely blurred so the context is a bit less specific. It could be a cafe, but it could also be a college cafeteria or cafeteria in a mall, all of which just extends the flexibility of this great computer screen mockup.

8. Man Using a MacBook Mockup on a Wooden Bench

This
MacBook mockup would work equally well for a casual context or
work-away-from- office context. Shot from over the young man’s shoulder, the photo directs our gaze to the screen both by the clear view of the laptop
screen and the man’s intense gaze at the screen. A great multi-purpose Mac mockup.

9. iPhone in Portrait Position and MacBook Pro Over a PNG Background Mockup 

This phone and computer mockup combo is ideal for showing off responsive websites. The iPhone mockup overlaps the MacBook just enough so that it doesn’t obscure too much of its screen. This Apple mockup template will appeal to those looking for MacBook png files that will allow them to insert the image easily in any background. 

10. MacBook Pro in Angled View Over a Transparent Background

Alternatively, if you need a MacBook Pro png without the addition of the iPhone, take a look at this laptop mockup. This template features an angled MacBook Pro mockup as opposed to the head-on image featured above. This adds a bit of dynamism to the model while still keeping the computer screen mockup completely visible. 

11. Product Mockup, Woman Typing on a MacBook Pro

This over-the-shoulder angle of a woman using her computer on her lap gives the viewer a big, bright, clear image of the screen. A great Mac mockup for any number of uses, from a woman working on her book to booking an appointment on a website to buying a present from an e-commerce site and more. 

12. MacBook Pro Mockup Lying on a White Desk 

Featuring a MacBook Pro mockup with the screen at a good angle for showing off whatever image you choose to add, this template is a great computer screen mockup for photographers, lifestyle, food, and travel bloggers, and various creatives. 

13. Mockup of a Woman Using a MacBook on Her Lap

Of
course we don’t just use our computers in the office or other public
spaces, and this MacBook template is a casual one that could be useful
for bloggers of every stripe who want to show their content being
appreciated by someone relaxing at home.

14. Girl Showing Something in iMac Mockup to Coworker

This new iMac mockup, which features two colleagues in an office discussing something on a computer screen, is ideal for a variety of uses, but particularly speaks to a collaborative work environment.

15. 27 inch iMac Mockup Generator 

For those times when you need Apple mockup templates with no bells and whistles, there’s this new iMac mockup template. Just a giant screen that fills the frame and a transparent background so you can add your own. Minimalism at its best. 

16. Mockup Featuring an iMac at a Creative Office

Need a photo of a creative office space to complement your website? Surely this template will do the trick. Featuring an iMac computer screen mockup on a vintage desk framed by plant leaves and surrounded by a brass Turkish coffee pot and mug on one side and an opened magazine on another, this mockup is perfect for designers of all types who want to display their website or portfolio page in a cool context. 

17. Mockup of a Silver MacBook Air Over a Solid Surface

This minimal apple mockup template is sister to the Mockup of a Space Gray MacBook Standing on a Solid Colour but for your MacBook Air instead of MacBook. Like the MacBook Mockup, it features a solid background whose colour you can change as needed.

18. Mockup of MacBook Air Next to a Cute Dog Over a Couch 

The only thing as fabulous as a Mac mockup with a dog would be a Mac mockup featuring a cat. This ever so wonderful Apple mockup template is ideal for pet-related business websites, but would work equally well with websites related to lifestyle, home decor, etc. Don’t blame us if your viewers can’t keep their eyes off the dog, though. 

19. Apple Mockup Templates 

Featuring the triple threat combination of an iMac, MacBook Air, and MacBook Pro png mockup, this template is great for displaying a website’s responsiveness. In addition, with its transparent background, you can place it against any background you choose.

20. Mockup of a Young Designer Working on an iMac and iPhone

If you’re looking specifically for an iMac and iPhone mockup, this one may be just the thing you need. The Apple devices mockup features a young man working from home or in what could be an informal office environment. You can use the template to illustrate website responsiveness, feature a different website on each device, or whatever your project calls for. 

21. Fancy MacBook Pro Mockup Pink Color

The sky’s the limit when it comes to the uses you can put this awesome MacBook Pro mockup to. Celebrate the launch of a new website, upload a photo to send a birthday greeting, use the Placeit Flyer Maker to create a party flyer, upload it to the screen mockup… your turn. 

Choose Your Mac Mockup Today

That’s my list of the 21 best Apple device mockups, but remember there are hundreds of other Mac mockups at Placeit. So head on over there, sign up for free, and try out as many templates as you like. If you find one you really like, upload an image below to show how you’ve used it. Would love to hear from you. 

Post pobrano z: 21 Best MacBook & Laptop Mockup Templates (Including iMac & MacBook Pro PNG Mockups)

A computer screen mockup is the perfect way to show your website in context or to show your website actually being used. If you’ve ever searched for just the right computer screen mockup, however, you know that it can be really difficult to find the exact template you need. That is, until now. Placeit has an incredible range of Apple device mockups that will make you jump for joy. And using one is easier than you could ever have imagined.

How to Use a Computer Screen Mockup

Placeit’s iMac, MacBook, MacBook Air and MacBook Pro mockups are all very easy to use. Let me show you how.

1. Sign Up for Free at Placeit

Navigate to the MacBook Mockup page.

2. Select a Template You Like

3. Upload Your Image

Now you have two options:

Take a screenshot of the content you’d like to display in your Mac Mockup and click the Upload Image button in the upper left of the screen. Navigate to your screenshot and upload.

Alternatively, if you wish to display a webpage, select the option From URL, and then copy and paste the URL of the webpage you’d like to display in the box provided.

4. Crop If Necessary

If you chose to upload an image, you will be presented with a window which allows you to crop it to the required size for your Mac mockup. If you’ve typed in the URL of the webpage you’d like to display, the software will automatically fit the website to the dimensions of the mockup.

5. Make Changes as Needed and Download

After the image is processed, it will appear in your Apple mockup templates. If you’re not happy with your crop, you can click the crop icon in the upload box, located to the right of the upload image text, to re-crop the image.

If you want to choose another image or website, click the X next to the crop tool in the Upload Image box or the X next to the From URL box and start the process again. If you’re happy with your laptop mockup, you can download it for a small fee. And just like that, you’ve got a great Mac mockup. 

21 Best Mac Mockups

1. MacBook Mockup on a Table in an Office Environment 

This MacBook mockup is perfect for businesses of any size that want a photo of a laptop in the context of a modern office that they can use to display a specific page of a website, a business presentation, or some other page. The background is softly blurred so that all eyes will be on the screen.

2. Device Mockup MacBook and iPhone on Wooden Table

There’s a reason flat-lays are so popular nowadays. They’re a perfect way to display the objects on any surface. What’s great about this particular flat-lay is that it’s a perfect phone and computer mockup for showing off how a webpage would look on a computer screen and on a mobile device. A great laptop phone mockup combo for web designers, writers, or entrepreneurs.  

3. MacBook Mockup Featuring a House Environment

Looking for a MacBook mockup in the context of a home interior? Take a look at the MacBook Mockup Featuring a House Environment. A great choice for home decorating, home cleaning or home furnishing businesses who want to show off their business websites in a context their clients can relate to.

4. MacBook Mockup Featuring a Woman Taking a Break

This template has a youthful, cool creative vibe. Featuring a young woman taking a coffee break while checking her phone in a flex-office space, the MacBook png will appeal to solopreneurs, entrepreneurs, and start-ups.

5. Mockup of a Space Gray MacBook Standing on a Solid Colour

If you need a minimalist mockup, this MacBook png is for you. It features a solid background so you can show off a presentation or website with minimal distraction. A handy feature of this mockup is that you can change the background to any colour you need.

6. MacBook Mockup Lying Near a Phone and Some Flowers

Go into a coffee shop in any major city and you’re bound to see someone working on a laptop. So of course I had to include a MacBook mockup in a coffee shop. And this one is particularly nice, with freshly picked flowers on one side and a refreshing drink on the other. A really great laptop mockup to advertise a new website, a product sale, the publication of a new book, or some other fabulous event. 

7. MacBook Mockup Template at a Crowded Cafeteria

Just to make sure you have loads of options if you are looking for just the right cafe context for your laptop mockup, I’ve included another template here with the laptop much closer to the screen. The background on this one is nicely blurred so the context is a bit less specific. It could be a cafe, but it could also be a college cafeteria or cafeteria in a mall, all of which just extends the flexibility of this great computer screen mockup.

8. Man Using a MacBook Mockup on a Wooden Bench

This
MacBook mockup would work equally well for a casual context or
work-away-from- office context. Shot from over the young man’s shoulder, the photo directs our gaze to the screen both by the clear view of the laptop
screen and the man’s intense gaze at the screen. A great multi-purpose Mac mockup.

9. iPhone in Portrait Position and MacBook Pro Over a PNG Background Mockup 

This phone and computer mockup combo is ideal for showing off responsive websites. The iPhone mockup overlaps the MacBook just enough so that it doesn’t obscure too much of its screen. This Apple mockup template will appeal to those looking for MacBook png files that will allow them to insert the image easily in any background. 

10. MacBook Pro in Angled View Over a Transparent Background

Alternatively, if you need a MacBook Pro png without the addition of the iPhone, take a look at this laptop mockup. This template features an angled MacBook Pro mockup as opposed to the head-on image featured above. This adds a bit of dynamism to the model while still keeping the computer screen mockup completely visible. 

11. Product Mockup, Woman Typing on a MacBook Pro

This over-the-shoulder angle of a woman using her computer on her lap gives the viewer a big, bright, clear image of the screen. A great Mac mockup for any number of uses, from a woman working on her book to booking an appointment on a website to buying a present from an e-commerce site and more. 

12. MacBook Pro Mockup Lying on a White Desk 

Featuring a MacBook Pro mockup with the screen at a good angle for showing off whatever image you choose to add, this template is a great computer screen mockup for photographers, lifestyle, food, and travel bloggers, and various creatives. 

13. Mockup of a Woman Using a MacBook on Her Lap

Of
course we don’t just use our computers in the office or other public
spaces, and this MacBook template is a casual one that could be useful
for bloggers of every stripe who want to show their content being
appreciated by someone relaxing at home.

14. Girl Showing Something in iMac Mockup to Coworker

This new iMac mockup, which features two colleagues in an office discussing something on a computer screen, is ideal for a variety of uses, but particularly speaks to a collaborative work environment.

15. 27 inch iMac Mockup Generator 

For those times when you need Apple mockup templates with no bells and whistles, there’s this new iMac mockup template. Just a giant screen that fills the frame and a transparent background so you can add your own. Minimalism at its best. 

16. Mockup Featuring an iMac at a Creative Office

Need a photo of a creative office space to complement your website? Surely this template will do the trick. Featuring an iMac computer screen mockup on a vintage desk framed by plant leaves and surrounded by a brass Turkish coffee pot and mug on one side and an opened magazine on another, this mockup is perfect for designers of all types who want to display their website or portfolio page in a cool context. 

17. Mockup of a Silver MacBook Air Over a Solid Surface

This minimal apple mockup template is sister to the Mockup of a Space Gray MacBook Standing on a Solid Colour but for your MacBook Air instead of MacBook. Like the MacBook Mockup, it features a solid background whose colour you can change as needed.

18. Mockup of MacBook Air Next to a Cute Dog Over a Couch 

The only thing as fabulous as a Mac mockup with a dog would be a Mac mockup featuring a cat. This ever so wonderful Apple mockup template is ideal for pet-related business websites, but would work equally well with websites related to lifestyle, home decor, etc. Don’t blame us if your viewers can’t keep their eyes off the dog, though. 

19. Apple Mockup Templates 

Featuring the triple threat combination of an iMac, MacBook Air, and MacBook Pro png mockup, this template is great for displaying a website’s responsiveness. In addition, with its transparent background, you can place it against any background you choose.

20. Mockup of a Young Designer Working on an iMac and iPhone

If you’re looking specifically for an iMac and iPhone mockup, this one may be just the thing you need. The Apple devices mockup features a young man working from home or in what could be an informal office environment. You can use the template to illustrate website responsiveness, feature a different website on each device, or whatever your project calls for. 

21. Fancy MacBook Pro Mockup Pink Color

The sky’s the limit when it comes to the uses you can put this awesome MacBook Pro mockup to. Celebrate the launch of a new website, upload a photo to send a birthday greeting, use the Placeit Flyer Maker to create a party flyer, upload it to the screen mockup… your turn. 

Choose Your Mac Mockup Today

That’s my list of the 21 best Apple device mockups, but remember there are hundreds of other Mac mockups at Placeit. So head on over there, sign up for free, and try out as many templates as you like. If you find one you really like, upload an image below to show how you’ve used it. Would love to hear from you. 

Post pobrano z: 21 Best MacBook & Laptop Mockup Templates (Including iMac & MacBook Pro PNG Mockups)

A computer screen mockup is the perfect way to show your website in context or to show your website actually being used. If you’ve ever searched for just the right computer screen mockup, however, you know that it can be really difficult to find the exact template you need. That is, until now. Placeit has an incredible range of Apple device mockups that will make you jump for joy. And using one is easier than you could ever have imagined.

How to Use a Computer Screen Mockup

Placeit’s iMac, MacBook, MacBook Air and MacBook Pro mockups are all very easy to use. Let me show you how.

1. Sign Up for Free at Placeit

Navigate to the MacBook Mockup page.

2. Select a Template You Like

3. Upload Your Image

Now you have two options:

Take a screenshot of the content you’d like to display in your Mac Mockup and click the Upload Image button in the upper left of the screen. Navigate to your screenshot and upload.

Alternatively, if you wish to display a webpage, select the option From URL, and then copy and paste the URL of the webpage you’d like to display in the box provided.

4. Crop If Necessary

If you chose to upload an image, you will be presented with a window which allows you to crop it to the required size for your Mac mockup. If you’ve typed in the URL of the webpage you’d like to display, the software will automatically fit the website to the dimensions of the mockup.

5. Make Changes as Needed and Download

After the image is processed, it will appear in your Apple mockup templates. If you’re not happy with your crop, you can click the crop icon in the upload box, located to the right of the upload image text, to re-crop the image.

If you want to choose another image or website, click the X next to the crop tool in the Upload Image box or the X next to the From URL box and start the process again. If you’re happy with your laptop mockup, you can download it for a small fee. And just like that, you’ve got a great Mac mockup. 

21 Best Mac Mockups

1. MacBook Mockup on a Table in an Office Environment 

This MacBook mockup is perfect for businesses of any size that want a photo of a laptop in the context of a modern office that they can use to display a specific page of a website, a business presentation, or some other page. The background is softly blurred so that all eyes will be on the screen.

2. Device Mockup MacBook and iPhone on Wooden Table

There’s a reason flat-lays are so popular nowadays. They’re a perfect way to display the objects on any surface. What’s great about this particular flat-lay is that it’s a perfect phone and computer mockup for showing off how a webpage would look on a computer screen and on a mobile device. A great laptop phone mockup combo for web designers, writers, or entrepreneurs.  

3. MacBook Mockup Featuring a House Environment

Looking for a MacBook mockup in the context of a home interior? Take a look at the MacBook Mockup Featuring a House Environment. A great choice for home decorating, home cleaning or home furnishing businesses who want to show off their business websites in a context their clients can relate to.

4. MacBook Mockup Featuring a Woman Taking a Break

This template has a youthful, cool creative vibe. Featuring a young woman taking a coffee break while checking her phone in a flex-office space, the MacBook png will appeal to solopreneurs, entrepreneurs, and start-ups.

5. Mockup of a Space Gray MacBook Standing on a Solid Colour

If you need a minimalist mockup, this MacBook png is for you. It features a solid background so you can show off a presentation or website with minimal distraction. A handy feature of this mockup is that you can change the background to any colour you need.

6. MacBook Mockup Lying Near a Phone and Some Flowers

Go into a coffee shop in any major city and you’re bound to see someone working on a laptop. So of course I had to include a MacBook mockup in a coffee shop. And this one is particularly nice, with freshly picked flowers on one side and a refreshing drink on the other. A really great laptop mockup to advertise a new website, a product sale, the publication of a new book, or some other fabulous event. 

7. MacBook Mockup Template at a Crowded Cafeteria

Just to make sure you have loads of options if you are looking for just the right cafe context for your laptop mockup, I’ve included another template here with the laptop much closer to the screen. The background on this one is nicely blurred so the context is a bit less specific. It could be a cafe, but it could also be a college cafeteria or cafeteria in a mall, all of which just extends the flexibility of this great computer screen mockup.

8. Man Using a MacBook Mockup on a Wooden Bench

This
MacBook mockup would work equally well for a casual context or
work-away-from- office context. Shot from over the young man’s shoulder, the photo directs our gaze to the screen both by the clear view of the laptop
screen and the man’s intense gaze at the screen. A great multi-purpose Mac mockup.

9. iPhone in Portrait Position and MacBook Pro Over a PNG Background Mockup 

This phone and computer mockup combo is ideal for showing off responsive websites. The iPhone mockup overlaps the MacBook just enough so that it doesn’t obscure too much of its screen. This Apple mockup template will appeal to those looking for MacBook png files that will allow them to insert the image easily in any background. 

10. MacBook Pro in Angled View Over a Transparent Background

Alternatively, if you need a MacBook Pro png without the addition of the iPhone, take a look at this laptop mockup. This template features an angled MacBook Pro mockup as opposed to the head-on image featured above. This adds a bit of dynamism to the model while still keeping the computer screen mockup completely visible. 

11. Product Mockup, Woman Typing on a MacBook Pro

This over-the-shoulder angle of a woman using her computer on her lap gives the viewer a big, bright, clear image of the screen. A great Mac mockup for any number of uses, from a woman working on her book to booking an appointment on a website to buying a present from an e-commerce site and more. 

12. MacBook Pro Mockup Lying on a White Desk 

Featuring a MacBook Pro mockup with the screen at a good angle for showing off whatever image you choose to add, this template is a great computer screen mockup for photographers, lifestyle, food, and travel bloggers, and various creatives. 

13. Mockup of a Woman Using a MacBook on Her Lap

Of
course we don’t just use our computers in the office or other public
spaces, and this MacBook template is a casual one that could be useful
for bloggers of every stripe who want to show their content being
appreciated by someone relaxing at home.

14. Girl Showing Something in iMac Mockup to Coworker

This new iMac mockup, which features two colleagues in an office discussing something on a computer screen, is ideal for a variety of uses, but particularly speaks to a collaborative work environment.

15. 27 inch iMac Mockup Generator 

For those times when you need Apple mockup templates with no bells and whistles, there’s this new iMac mockup template. Just a giant screen that fills the frame and a transparent background so you can add your own. Minimalism at its best. 

16. Mockup Featuring an iMac at a Creative Office

Need a photo of a creative office space to complement your website? Surely this template will do the trick. Featuring an iMac computer screen mockup on a vintage desk framed by plant leaves and surrounded by a brass Turkish coffee pot and mug on one side and an opened magazine on another, this mockup is perfect for designers of all types who want to display their website or portfolio page in a cool context. 

17. Mockup of a Silver MacBook Air Over a Solid Surface

This minimal apple mockup template is sister to the Mockup of a Space Gray MacBook Standing on a Solid Colour but for your MacBook Air instead of MacBook. Like the MacBook Mockup, it features a solid background whose colour you can change as needed.

18. Mockup of MacBook Air Next to a Cute Dog Over a Couch 

The only thing as fabulous as a Mac mockup with a dog would be a Mac mockup featuring a cat. This ever so wonderful Apple mockup template is ideal for pet-related business websites, but would work equally well with websites related to lifestyle, home decor, etc. Don’t blame us if your viewers can’t keep their eyes off the dog, though. 

19. Apple Mockup Templates 

Featuring the triple threat combination of an iMac, MacBook Air, and MacBook Pro png mockup, this template is great for displaying a website’s responsiveness. In addition, with its transparent background, you can place it against any background you choose.

20. Mockup of a Young Designer Working on an iMac and iPhone

If you’re looking specifically for an iMac and iPhone mockup, this one may be just the thing you need. The Apple devices mockup features a young man working from home or in what could be an informal office environment. You can use the template to illustrate website responsiveness, feature a different website on each device, or whatever your project calls for. 

21. Fancy MacBook Pro Mockup Pink Color

The sky’s the limit when it comes to the uses you can put this awesome MacBook Pro mockup to. Celebrate the launch of a new website, upload a photo to send a birthday greeting, use the Placeit Flyer Maker to create a party flyer, upload it to the screen mockup… your turn. 

Choose Your Mac Mockup Today

That’s my list of the 21 best Apple device mockups, but remember there are hundreds of other Mac mockups at Placeit. So head on over there, sign up for free, and try out as many templates as you like. If you find one you really like, upload an image below to show how you’ve used it. Would love to hear from you. 

Post pobrano z: 21 Best MacBook & Laptop Mockup Templates (Including iMac & MacBook Pro PNG Mockups)

A computer screen mockup is the perfect way to show your website in context or to show your website actually being used. If you’ve ever searched for just the right computer screen mockup, however, you know that it can be really difficult to find the exact template you need. That is, until now. Placeit has an incredible range of Apple device mockups that will make you jump for joy. And using one is easier than you could ever have imagined.

How to Use a Computer Screen Mockup

Placeit’s iMac, MacBook, MacBook Air and MacBook Pro mockups are all very easy to use. Let me show you how.

1. Sign Up for Free at Placeit

Navigate to the MacBook Mockup page.

2. Select a Template You Like

3. Upload Your Image

Now you have two options:

Take a screenshot of the content you’d like to display in your Mac Mockup and click the Upload Image button in the upper left of the screen. Navigate to your screenshot and upload.

Alternatively, if you wish to display a webpage, select the option From URL, and then copy and paste the URL of the webpage you’d like to display in the box provided.

4. Crop If Necessary

If you chose to upload an image, you will be presented with a window which allows you to crop it to the required size for your Mac mockup. If you’ve typed in the URL of the webpage you’d like to display, the software will automatically fit the website to the dimensions of the mockup.

5. Make Changes as Needed and Download

After the image is processed, it will appear in your Apple mockup templates. If you’re not happy with your crop, you can click the crop icon in the upload box, located to the right of the upload image text, to re-crop the image.

If you want to choose another image or website, click the X next to the crop tool in the Upload Image box or the X next to the From URL box and start the process again. If you’re happy with your laptop mockup, you can download it for a small fee. And just like that, you’ve got a great Mac mockup. 

21 Best Mac Mockups

1. MacBook Mockup on a Table in an Office Environment 

This MacBook mockup is perfect for businesses of any size that want a photo of a laptop in the context of a modern office that they can use to display a specific page of a website, a business presentation, or some other page. The background is softly blurred so that all eyes will be on the screen.

2. Device Mockup MacBook and iPhone on Wooden Table

There’s a reason flat-lays are so popular nowadays. They’re a perfect way to display the objects on any surface. What’s great about this particular flat-lay is that it’s a perfect phone and computer mockup for showing off how a webpage would look on a computer screen and on a mobile device. A great laptop phone mockup combo for web designers, writers, or entrepreneurs.  

3. MacBook Mockup Featuring a House Environment

Looking for a MacBook mockup in the context of a home interior? Take a look at the MacBook Mockup Featuring a House Environment. A great choice for home decorating, home cleaning or home furnishing businesses who want to show off their business websites in a context their clients can relate to.

4. MacBook Mockup Featuring a Woman Taking a Break

This template has a youthful, cool creative vibe. Featuring a young woman taking a coffee break while checking her phone in a flex-office space, the MacBook png will appeal to solopreneurs, entrepreneurs, and start-ups.

5. Mockup of a Space Gray MacBook Standing on a Solid Colour

If you need a minimalist mockup, this MacBook png is for you. It features a solid background so you can show off a presentation or website with minimal distraction. A handy feature of this mockup is that you can change the background to any colour you need.

6. MacBook Mockup Lying Near a Phone and Some Flowers

Go into a coffee shop in any major city and you’re bound to see someone working on a laptop. So of course I had to include a MacBook mockup in a coffee shop. And this one is particularly nice, with freshly picked flowers on one side and a refreshing drink on the other. A really great laptop mockup to advertise a new website, a product sale, the publication of a new book, or some other fabulous event. 

7. MacBook Mockup Template at a Crowded Cafeteria

Just to make sure you have loads of options if you are looking for just the right cafe context for your laptop mockup, I’ve included another template here with the laptop much closer to the screen. The background on this one is nicely blurred so the context is a bit less specific. It could be a cafe, but it could also be a college cafeteria or cafeteria in a mall, all of which just extends the flexibility of this great computer screen mockup.

8. Man Using a MacBook Mockup on a Wooden Bench

This
MacBook mockup would work equally well for a casual context or
work-away-from- office context. Shot from over the young man’s shoulder, the photo directs our gaze to the screen both by the clear view of the laptop
screen and the man’s intense gaze at the screen. A great multi-purpose Mac mockup.

9. iPhone in Portrait Position and MacBook Pro Over a PNG Background Mockup 

This phone and computer mockup combo is ideal for showing off responsive websites. The iPhone mockup overlaps the MacBook just enough so that it doesn’t obscure too much of its screen. This Apple mockup template will appeal to those looking for MacBook png files that will allow them to insert the image easily in any background. 

10. MacBook Pro in Angled View Over a Transparent Background

Alternatively, if you need a MacBook Pro png without the addition of the iPhone, take a look at this laptop mockup. This template features an angled MacBook Pro mockup as opposed to the head-on image featured above. This adds a bit of dynamism to the model while still keeping the computer screen mockup completely visible. 

11. Product Mockup, Woman Typing on a MacBook Pro

This over-the-shoulder angle of a woman using her computer on her lap gives the viewer a big, bright, clear image of the screen. A great Mac mockup for any number of uses, from a woman working on her book to booking an appointment on a website to buying a present from an e-commerce site and more. 

12. MacBook Pro Mockup Lying on a White Desk 

Featuring a MacBook Pro mockup with the screen at a good angle for showing off whatever image you choose to add, this template is a great computer screen mockup for photographers, lifestyle, food, and travel bloggers, and various creatives. 

13. Mockup of a Woman Using a MacBook on Her Lap

Of
course we don’t just use our computers in the office or other public
spaces, and this MacBook template is a casual one that could be useful
for bloggers of every stripe who want to show their content being
appreciated by someone relaxing at home.

14. Girl Showing Something in iMac Mockup to Coworker

This new iMac mockup, which features two colleagues in an office discussing something on a computer screen, is ideal for a variety of uses, but particularly speaks to a collaborative work environment.

15. 27 inch iMac Mockup Generator 

For those times when you need Apple mockup templates with no bells and whistles, there’s this new iMac mockup template. Just a giant screen that fills the frame and a transparent background so you can add your own. Minimalism at its best. 

16. Mockup Featuring an iMac at a Creative Office

Need a photo of a creative office space to complement your website? Surely this template will do the trick. Featuring an iMac computer screen mockup on a vintage desk framed by plant leaves and surrounded by a brass Turkish coffee pot and mug on one side and an opened magazine on another, this mockup is perfect for designers of all types who want to display their website or portfolio page in a cool context. 

17. Mockup of a Silver MacBook Air Over a Solid Surface

This minimal apple mockup template is sister to the Mockup of a Space Gray MacBook Standing on a Solid Colour but for your MacBook Air instead of MacBook. Like the MacBook Mockup, it features a solid background whose colour you can change as needed.

18. Mockup of MacBook Air Next to a Cute Dog Over a Couch 

The only thing as fabulous as a Mac mockup with a dog would be a Mac mockup featuring a cat. This ever so wonderful Apple mockup template is ideal for pet-related business websites, but would work equally well with websites related to lifestyle, home decor, etc. Don’t blame us if your viewers can’t keep their eyes off the dog, though. 

19. Apple Mockup Templates 

Featuring the triple threat combination of an iMac, MacBook Air, and MacBook Pro png mockup, this template is great for displaying a website’s responsiveness. In addition, with its transparent background, you can place it against any background you choose.

20. Mockup of a Young Designer Working on an iMac and iPhone

If you’re looking specifically for an iMac and iPhone mockup, this one may be just the thing you need. The Apple devices mockup features a young man working from home or in what could be an informal office environment. You can use the template to illustrate website responsiveness, feature a different website on each device, or whatever your project calls for. 

21. Fancy MacBook Pro Mockup Pink Color

The sky’s the limit when it comes to the uses you can put this awesome MacBook Pro mockup to. Celebrate the launch of a new website, upload a photo to send a birthday greeting, use the Placeit Flyer Maker to create a party flyer, upload it to the screen mockup… your turn. 

Choose Your Mac Mockup Today

That’s my list of the 21 best Apple device mockups, but remember there are hundreds of other Mac mockups at Placeit. So head on over there, sign up for free, and try out as many templates as you like. If you find one you really like, upload an image below to show how you’ve used it. Would love to hear from you. 

Post pobrano z: How to Make a Medical Brochure Template in InDesign

Looking for a simple, clean, easy-to-edit medical brochure? This tutorial shows you how to make a brochure template in InDesign.  

Brochure designs play an important role in the impact of your marketing communication. Brochures are a nice way to engage customers by providing key points of your medical center, clinic, or hospital. 

In this tutorial, we will set up a ready-to-print template using color swatches and paragraph styles. These two panels will make it easier for you edit the design in a variety of colors and fonts. This template is fully editable and a time saver! This template is packed with design essentials, ready to get your business up and running. 

What You Will Need

You’ll need access to Adobe InDesign and Adobe Illustrator. If you don’t have the software, you can download a trial from the Adobe website. You’ll also need the following assets:

• Happy doctor
• Smiling medical team
• Healthcare workers
• Sisters smiling
• Happy hospital patient
• Health cross logo
• Medical and health care icons
• Catesque font

Download the assets and make sure the font is installed on your system before starting. When you are ready, we can dive in! 

Looking for amazing InDesign brochure templates? Head on over to Envato Elements or GraphicRiver.

1. How to Create a New InDesign File

Step 1

In InDesign, go to File > New. Name the document Medical Brochure Template. We will create an A5 brochure template. Set the file to the following dimensions:

• Width to 14.8 cm
• Height to 21 cm 
• Orientation to Portrait
• Pages to 4 
• Check Facing Pages
• Margins to 1 cm 
• Bleeds to 0.3 cm (it’s best to seek your professional printer’s preference)

Click Create.

Step 2

For this brochure design tutorial, we will work with two Layers. Organizing layers is an important practice when designing a template.

Bring up the Layers panel by going to Window > Layers. Double-click on Layer 1 and rename it Images/Vector. 

On the Layers panel main menu, select New Layer. Name it Copy. Click OK. This is where all of the text will go.

Step 3

Before we start with the design, let’s organize the color swatches. Head over to Window > Color > Swatches to expand the Swatches panel. Select the default swatches, and Right-Click > Delete Swatch.

Choose New Color Swatch button from the main menu. Add the following colors:

• Dark Blue: C=100 M=50 Y=0 K=40
• Light Blue: C=45 M=10 Y=0 K=0
• Dark Grey: C=0 M=0 Y=0 K=50
• Light Grey: C=0 M=0 Y=0 K=15

Click Add after inputting each color value. Click Done. 

2. How to Place Images and Create Vectors in Adobe InDesign

Step 1

On the Layers panel, make sure you are selecting the Images/Vector layer. 

On the toolbar, select the Pen Tool (P). We will create a path. Click outside the left side of the page to create the first point—this is an anchor point. Next, click inside the page, and hold and drag to create a curve. This is called a direction point, and you can alter this later. Click outside the right side of the page to complete the curve. Close the object by going around the page until you meet the initial point. 

To edit the curve, select the Direct Selection Tool (A) from the toolbar. Select the center point and move the handles around until you’ve achieved a curve you are happy with.

Duplicate the object by pressing Shift-Option and dragging to the side. Duplicate this once more—we will go back to these two objects shortly. 

Step 2

Select the original object that is currently on the page. Press Command-D to Place an image. Select the Happy doctor image, and click OK. 

Head over to the control bar and activate the Constrain Proportion Scaling button. Set the Scale to 56%. Use the Direct Selection Tool (A) to Move the image within the object. 

Lock the object by pressing Command-L.

Step 3

Let’s go back to the duplicate objects. Color each object by going to the Swatches panel. Color one object with light grey and the other object with dark blue. 

Select both objects and press Shift-Command-[ to send the objects to the back. Spread both objects across the page to create a wave below the image. 

Step 4

As mentioned before, keeping the files clean is ideal, especially if you will be using this as a medical brochure template. We will cut out the leftover part hanging outside the bleed mark. Using the Rectangle Tool (M), draw a rectangle covering the outside of the bleed and just enough to cover one of the shapes. Select the new rectangle and the grey object.

Bring up the Pathfinder panel by going to Window > Object & Layout > Pathfinder. Select the Subtract button. Repeat the process for the second object. Perfect! 

Step 5

To add a logo, press Command-D and select the logo. Click OK. Drag on the document instead of clicking to place the object at a smaller size than the original. If you click on the document, the software will place the object at 100% scale.

Place the logo on the bottom right side.

To create a cohesive look, draw a rectangle at the bottom of the cover. It should cover the width of the page. I set the Height to 0.6 cm on the Control bar.

3. How to Create Paragraph Styles in Adobe InDesign

Paragraph styles are a great tool when creating a template. We can set text styles, similar to the colors on the Swatches panel. This will allow us to create a cohesive look throughout the brochure template. It will also be faster to edit to specific brand guidelines.

For this project, we will set styles for a title, tagline, subheading, body copy, and pull quote. 

Step 1

Open up the Paragraph Styles panel by going to Windows > Styles > Paragraph Styles. 

From the main menu, select New Paragraph Style. 

In the New Paragraph Style window, set the Style Name to Headline. Select Basic Character Formats from the left side menu and use the following settings:

• Font Family: Catesque
• Font Style: Bold
• Size: 22 pt
• Leading: 22 pt
• Tracking: 20

Select the Character Color option from the left menu. Set the color to the darker blue. Click OK. 

Perfect! Now let’s create a few more styles, and then we will be ready to format text boxes. Use the following settings for the tagline:

• Font Family: Catesque
• Font Style: Medium
• Size: 10 pt
• Leading: 12 pt
• Tracking: 45

Set the Character Color to dark grey. Click OK. 

Use the following settings for the subheading:

• Font Family: Catesque
• Font Style: Black
• Size: 12 pt
• Leading: 14.4 pt
• Tracking: 45

Set the Character Color to dark blue. Click OK.

Use the following settings for the body copy:

• Font Family: Catesque
• Font Style: Regular
• Size: 8 pt
• Leading: 9.6 pt
• Tracking: 0

Set the Character Color to dark grey. Click OK. 

Use the following settings for the body copy:

• Font Family: Catesque
• Font Style: Bold
• Size: 14 pt
• Leading: 16.8 pt
• Tracking: 0

Set the Character Color to dark blue. Click OK.

Step 2

Perfect! Select the Text Tool (T) from the toolbar. Draw a text box opposite the logo. Add a headline and a tagline.

Select the headline by highlighting it with the text tool. Select the Headline style from the Paragraph style panel. Keep in mind you can still customize text boxes. For the headline, I will set the second line in the dark grey color. 

Select the tagline and set it to the Tagline style on the Paragraph panel.

Step 3

If you’ve been working on the Images layer, select the text box. Head over to the Layers panel, and click and drag the blue square to the Copy layer. This action will transfer the objects from one layer to the other. 

Step 4

Let’s work on the inside pages of the medical brochure. Using the Rectangle Tool (M), draw a rectangle at the very top of the pages. Make sure it is going over to the bleed mark. Set the color to dark blue. 

Create a few text boxes using the Text Tool (T). Don’t worry about the placement for now—we can move them around as we develop the rest of the pages. 

Step 5

Press Command-D to Place these two images: Smiling medical team and Sisters smiling. I’ve arranged the two photos as shown in the image below:

Profile headshots are an important part of medical brochures. They’ll give the target market a chance to get to know some faces. Select the Ellipse Tool (L) from the toolbar. Click on the document and set the Width and Height to 2 cm. 

Head over to the Control bar, and set the Stroke Weight to 3 pt. Set the Stroke color to dark blue. 

Step 6

Duplicate the circle by pressing Shift-Option and dragging. Have a total of four circles. 

To distribute the four objects evenly, place two of them on each side of the page, ideally just inside the margin. Head over to Window > Object and Layout > Align to open the Align panel. Select all four objects and press the Distribute Horizontal Center button. 

Step  7

Select one of the circles and press Command-D. Select the Healthcare workers image and click OK. 

Select the Direct Selection Tool (A), and set the Scale to 40%. This image contains several headshots, so repeat this action for the rest of the circles.

Step 8

To bring it all together, we will add some blue vectors at the back. Use the Rectangle Tool (M), and click on the document. Set the Width to 15 cm and the Height to 3.45 cm. Place this object behind the headshots. 

Create another rectangle with the same dimensions. Place it on the opposite page. Using the Direct Selection Tool (A), select the top right point and move it downwards. This will create some movement on the spread. 

Select both items and press Command-L to Lock both the objects.

Step 9

Let’s add some names to the headshots. Using the Text Tool (T), draw text boxes under each photo. Use the Paragraph Styles to set the styles. Remember you can still change the format of the text box after setting a style. I’ve chosen Body Copy to make sure the size is uniform but changed the color to white and the name to the Bold family. 

To align the text boxes to the headshots, use the Align panel and select the Align Horizontal Center button. 

Step 10

Let’s add some icons on the right page. This is perfect to promote any kind of services. Open the colored version of the healthcare icons in Adobe Illustrator. Select three icons of your choice to copy to the medical brochure design. Use Command-C to Copy and Command-V to Paste. 

Head back to the brochure design. Select all three icons, and on the Align panel, select the Top Edge button. 

Head over to the Control panel, activate the Constrain Proportions button, and set the Height to 1.5 cm.

Step 11

This time, to divide the icons equally, we will use Guides. This is a second method of dividing objects across a page. 

Head over to Layout > Create Guides. In the Create Guides option window, set the Columns to 3 and the Gutter to 0.5 cm. Set Fit Guides to: Margins and click OK.

Step 12

Create three text boxes using the Text Tool (T) on each column. Use Paragraph Styles to format the text. Set the Alignment to Align Center. 

Step 13

Select an icon and a text box. On the Align panel, select the Align Horizontal Center button. The two objects will align; place them on one of the columns. Repeat this with the other objects until you’ve centered each on a column. 

Let’s add a divider in the gutter. Select the Line Tool (\) from the toolbar. Hold Shift and drag to create a straight line.

Step 14

Let’s work on the back cover. Press Command-D to add an image. Place the image on the top two-thirds of the brochure. Use the Direct Selection Tool (A) to move the image within the frame.

Repeat the blue stripe by using the Rectangle Tool (M). Set the Width to 15.4 cm and the Height to 0.4 cm. This time, place it under the image. 

Using the Text Tool (T), add a pull quote over the image. Use the Pull quote style from the Paragraph Styles panel.

Place a logo on the bottom right side using the Command-D shortcut. 

Select the Text Tool (T) to add contact information. Place this text box opposite the logo, and use Paragraph Styles to format the text. 

4. How to Export a PDF File for Printing

Before exporting a file for printing, it is useful to take a look around the edges of each page. Make sure all the objects that are meant to bleed out of the page are touching the bleeds. 

Step 1

To export the file, go to File > Export. Name the file medical brochure template and choose Adobe PDF (Print) from the Format dropdown menu. Click Save. 

Step 2

In the Export Adobe PDF window, set the Adobe PDF Preset to Press Quality.

On the left side of the panel, select Marks and Bleeds. Check All Printer’s Marks and Use Document Bleed Settings. Click Export. You will have a ready-to-print PDF file.

Great Job! You’ve Finished This Tutorial!

In this tutorial, we learned how to make a medical brochure template in InDesign. Marketing is an important part of any business, and brochures play an important role in making it effective. Today, we’ve learned to:

• Create a ready-to-print Adobe InDesign file
• Place images within vector objects
• Use the Paragraph Styles panel
• Use the Color Swatches panel
• Export a ready-to-print PDF file

If you would like to explore more template ideas, you can find many customizable brochures and flyers over at Envato Elements and Graphic River. Check it out!

If you liked this tutorial, you might like these:

• 
  Flyers
  21 Best Business Flyer Templates Using a Flyer Creator (Without Photoshop)
  Nona Blackman

• 
  Adobe InDesign
  25 InDesign Templates Every Designer Should Own
  Grace Fussell

• 
  Adobe Photoshop
  20+ Top Magazine PSD Mockup Templates (Spread & Cover Designs)
  Melody Nieves

• 
  Flyers
  How to Make a Flyer Online With a Flyer Creator (Without Photoshop!)
  Monika Zagrobelna