Skip to content
Archi-Tech Guy Logo

The Archi-Tech Guy

A Resource for the Practicing Architect
  • Tip Jar
  • Learn
    • Bluebeam
    • Revit
    • Photoshop
    • Photography
    • Organization
    • Tools and Resources
  • Latest
  • Contact Me
Archi-Tech Guy Logo

The Archi-Tech Guy

A Resource for the Practicing Architect
  • Tip Jar
  • Learn
    • Bluebeam
    • Revit
    • Photoshop
    • Photography
    • Organization
    • Tools and Resources
  • Latest
  • Contact Me

How to Remove White Space from a Logo – Photoshop for Architects

  • by Craig
  • January 23, 2020July 19, 2020
  • Photoshop
Finished image of Milwaukee Art Museum with The Archi-Tech Guy logo without a background

Hey there!

In this post, I’m going to show you how to remove the white space from a logo and place it onto an image.

1. Drag Logo onto Image

The first thing to do is open up your logo and the image that you’d like to place the logo on.

Click on your logo using the ‘Move’ tool and drag it over to the tab of the image and let go anywhere on your image. It will copy the logo into the file and create a new layer. Rename that layer to say ‘Logo’.

Gif showing how to copy an open Photoshop document into another Photoshop document by dragging and dropping

Option 1 – Change Blending Mode

Ok, here’s the easiest way.

Simply click on your layer, and change the blending mode from ‘Normal‘ to ‘Multiply‘. This will turn all the white pixels to transparent for that layer.

Gif showing how to change layer properties in Photoshop

Super easy to do, right? Well yes, but really just if your logo is black and white. If you have color in your logo and change the blending mode to multiply, you’ll see something like the image below. See how the white disappeared but the blue became semi-transparent? That’s not always desirable, especially if you want your logo to stand out. Let’s check out the other ways to do this.

Image showing Milwaukee Art Museum and The Archi-Tech Guy logo with a blue background in the logo

Option 2 – Magic Wand Tool with Contiguous Checked

This option is going to work best for you if all of your white space is touching each other. If it’s not, you’ll have to select a bunch of different areas to remove all the white space. This is also helpful if you’re just looking to remove the white space from certain areas of your logo.
  • Use the ‘Magic Wand‘ tool with ‘Contiguous‘ checked. Then click on the white space in your logo. It will only select the white pixels that are touching each other. So if there are any circles or any closed shapes, those won’t get selected.
  • Now hit ‘Delete‘ on your keyboard.
  • Repeat those steps as necessary to remove all the white space you need to from the logo.
Gif showing how to remove white space in The Archi-Tech Guy logo in Photoshop using Contiguous check box

Option 3 – Magic Wand Tool with Contiguous Unchecked

This option works well if you want to get rid of all the white pixels in your logo, regardless of if the pixels are touching or not.
  • Use the ‘Magic Wand‘ tool and make sure ‘Contiguous‘ is unchecked.
  • Click any white space in your logo.
  • Hit ‘Delete‘ on your keyboard
Gif showing how to remove white space in The Archi-Tech Guy logo using Photoshop

I hope you learned how to remove white space from a logo! Feel free to let me know if you need more help on this topic by commenting below.

I’ll see ya next time!

Craig
The Archi-Tech Guy

Thanks for following along! Check out my youtube channel for other How-To Videos for Architects.

Want More Content?

Sign up for my newsletter to receive updates, exclusive content, occasional musings, and more!

Tags:adobe photoshoparchitectsarchitectureHow-TologoPhotoshopremovewhite space

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Original | Powered by WordPress

We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies.
Cookie settingsACCEPT
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.
Necessary
Always Enabled
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Non-necessary
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
SAVE & ACCEPT

Insert/edit link

Enter the destination URL

Or link to existing content

    No search term specified. Showing recent items. Search or use up and down arrow keys to select an item.

      Terms and Conditions - Privacy Policy