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: 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.