If it’s already a Background layer, push on ahead. Mac users need to press Picture Format. All the white pixels selected are now transparent, and we are left with a fun and creative effect. Lastly, make the images more glittering and attractive use the transparent background photo with a different color filter. its looking great but when it came to putting the images on the buttons i couldnt figure out a way to make the white backgorunf of the images im trying to use transparent. Thankfully, I can show you the easiest ways to make white transparent in photoshop. I would like to be able to make a color transparent. How do I make a white image background transparent? Furthermore, you can use the selection or eraser tools to make only some areas of your image transparent. In this video, I’m going to show you how to create white backgrounds in Photoshop. There are several ways to make white pixels transparent in Adobe Photoshop. I meant if the white background is a separate layer you can switch it off. This mode makes every white part of the layer transparent, leaving black intact. So, what is the easiest way to make white transparent in Photoshop? Build Beautiful Galleries in minutes, not hours. If you are looking for some video tutorial options, this is a simple tutorial that will help you with this task. Rather than affecting the white balance of your entire image, you can easily target that of just the white pixels. When using an image for print there is no difference, the background will remain white whether you set it as transparent or white. Furthermore, removing white pixels from your image can benefit you creatively. Making white transparent is a rather simple process. Often the background of a picture covers a lot more. And that’s a super-easy way to fade a photo into the background in Photoshop. To select the Background Eraser tool, click the icon that resembles an eraser in the toolbar to the left. Now, we will work with an image that you can see below- we have a high-way road there; and on the road, we put … For more usability and gradient work, use a Layer Mask instead. If it did, please follow us on Facebook and Twitter for more photoshop and photo editing tutorials. As mentioned above, for general and busier backgrounds, you can refer to our tutorial on making whole backgrounds transparent. A Layer Mask will allow you much more control in this process. If the bottom layer is still a background layer, unlock this layer by clicking the lock icon. The majority of the tools used here are the same as earlier editions for this purpose. How To: Make a text watermark with a transparent background in Adobe Photoshop How To: Use transparent GIFs with solid backgrounds in PS CS5 How To: Make the Photoshop CS3 icon in Photoshop How To: Create a glass text effect in Photoshop CS3/CS4 How To: Make a logo in Photoshop CS There are some easy steps to removing specifically white backgrounds however. Let's have a personal and meaningful conversation. Step: 1. The gray and white checkerboard pattern in this image is the default view indicating transparent areas of a layer. With Layer Masks, you can easily revert deleted parts of selections. Well, I like playing neopets. Making An Image Background Transparent . In this and similar cases, it is useful to be able to make the background transparent. To accurately select your background, CLICK a portion of the background FAR from your object to make your initial selection. Photoshop allows you to create images with transparency (transparent backgrounds, layers or portions) using various transparency options through the opacity meter or the background options that appear when you create a new document. These file types are commonly used in graphic or web design. It shouldn't be … Place your scan/line art in a new file. So, this is what we wanted, right? I want the white to be transparent so there will only be the black lines and transparent. The tutorial mentioned above somewhat broadens this method to all backgrounds. Together, we can answer the question: how do you make white transparent in Photoshop? If you need to use an image for graphic design work or for a website, having a transparent file is a must. But it doesn’t have to be a solid color. Transparent areas in images allow you to create layers and cutouts that you may have previously had a hard time with. As always, the best tutorial for making white transparent in Photoshop depends heavily on what you are trying to accomplish. Notice how above the image is over the entire paper. To access it more quickly than the drop-down menu, simply click Select and then use keyboard shortcut C. Moreover, Select >> Color Range allows you to select the range of color you want with the eyedropper tool. This will open the New window. Launch Adobe Photoshop CS5, click File at the top of the window, then click New. File types like TIFF or PNG support transparent pixels. If your background is white then the printer will use a white … Removing a white background to create a transparent PNG in Photoshop. Quick Selection Tool and Magic Wand Tool are both great for these fast selections of similarly colored or saturated areas of pixels. Additionally, why make white transparent in photoshop? Photoshop displays a transparent background as checkered, though it will be transparent in the final … If you want to hide a white background, drag the highlight slider (the one on the right) toward the middle until the white part is transparent. The number one rule for having images with transparent backgrounds in Elements is to save those files as PNGs. Tools like the Quick Selection Tool and the Magic Wand Tool can easily make white pixels or your background transparent. Pay attention to subtle details like this when editing your own work, as well as when looking at others’. Save my name, email, and website in this browser for the next time I comment. (PS CS3)? There are many reasons that you may need to make white transparent in Photoshop CC. If you have more variation in temperature or value across white pixels, keep it higher. Fundamentally, learning all the fundamentals and basic tools to an advanced degree will make you a much stronger artist. When you have a website that does not have a white background, this presents a challenge. As a bonus we also show you how to make pure black. Instead of having typical whites in your image, using an offwhite color palette can add a different mood to your images. Lastly, invert your selection and then make it a layer mask. However, this could obviously be done with a simple layer mask, but I will be using more extensive methods to best show you how to achieve this across a variety of different circumstances. Your background will now be transparent. This YouTube tutorial is another option which does both internal parts of the image and the background. It really depends on what you want to accomplish. You can change the transparency checkerboard in the Transparency preferences for Photoshop Elements. Copyright © 2020 Envira Gallery, LLC. My goal is to have my logo printed on a t-shirt, but it's still gonna show the white transparent background. This tool allows you to create simple selections, using Adobe Photoshop’s powerful engine to create these. I have a black and white gif line image. This guide shows how you could do this job using only the Eraser Tool. In Photoshop, a transparent background is represented with a gray and white checkerboard pattern. To eliminate the background (i.e. Notice that I stretched the image to make it more vertical. For instance, you can make a white background see-through. You can use any image for this tutorial like either yours or may be any others but I’m using this one which has the pure white background.Here is the image opened in Photoshop: If a fill menu pops up, make sure that you are working on an unlocked Photoshop layer. Simple things like the Eraser Tool can be used. How to Make a White Background of Image Transparent in Photoshop. Place the selection on its own layer (Layer>New>Layer via copy or CTRL+J) - this will be Layer 1. So I’m going to put the examples on a pretend gray blog page. You will have the ability to either make the entire image somewhat transparent, or you can delete part of the image so that the background only … Envira Gallery helps photographers create beautiful photo and video galleries in just a few clicks so that they can showcase and sell their work. … Because it seems to keep a white background anyway after saving it. Learning the combination of the Lasso Tool and the Pen Tool is key to mastering Adobe Photoshop fundamentals. Since the background of my blog is white, it’s not good for showing you this type of example. Learning how you can apply these file types for your creative process will save you a lot of heartache. Open up the photo in Photoshop. So, interested to do the transparent technique with Photoshop. Two More Quick Tips for When you Make a Logo Transparent in Photoshop. How can you make white transparent in photoshop? Once you have practiced the process several times, it might be the easiest thing you know how to do in Photoshop. If you save them as JPEGs, the background will save as white. For example, if you changed the Blend Mode to Overlay, the dark lines would get a darker version … We’re going to start by learning how to remove a foreground from background. On a PC go under the Edit menu to Preferences>Transparency. Envira Gallery is a trademark of Envira Gallery, LLC. Learn how to make a background transparent in Photoshop, and discover a faster alternative in Shutterstock Editor. For selective color, like making an image only have on color or to erase a single color, look into this tutorial. I begin by importing my photos into the same workspace, and then resizing the above image as the top layer until I see where it fits best. How to Make Background Transparent in Photoshop Often, a raster-based illustration or logo has an unsightly white background, which isn't helpful if you want to place the object on a website or brochure. I need only the logo outlined. The way that tolerance works is that a higher tolerance allows for more difference in color in the selection. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Learning how opacity can affect the texture of an image is important. Alternatively, you can make the background transparent with one of the several available tools, like an … This tutorial Check out our tutorial to learn more about general image transparency. If there are multiple layers (for instance, if you’ve done earlier editing), choose Layer > Flatten Image to put everything on a Background layer, indicated by a lock icon. This shows a sample layer mask for this image: Finally, this is what the stacked images look like before I change their layers. Step 4: Save your image in … 2010 Archive The Basics. An image with pure white edges will Fade perfectly onto most websites but how do you get your whites to be “oh so white”? Here’s what we’ll cover in this article: If instead, you are looking to make a background pure white, have a look here. It does not change to transparent. There are several different steps you will need to know about making white pixels transparent in your image and background. The reason somebody would use Photoshop to make pixels transparent is because the process is quite easy. This package includes Lightroom, another top-tier photo editing software. If the bottom layer is still a background layer, unlock this layer by clicking the lock icon. You can open a photo by selecting File > Open then choose the image which you would like to open. Move the layer beneath your bottom layer in the Layers Panel. You will learn to properly use the Select and Mask workspace and how to utilize it better so that you get the best results possible. File format PNG-24, checked constrain proportion & transparency boxes. Then create your selection with the Magic Wand Tool. For more information on modifying, creating, and removing selections, check out this in-depth Lasso Tool tutorial. Step 1. Using this method I can have only the area I want showing. Make sure the background layer is selected and fill it with the color you’ve picked. Background transparency, supported by the GIF and PNG formats, preserves transparent pixels in the image and allows the background of the web page to show through the transparent areas of your image. You should see animated dotted lines indicating your selection (see figure above).You should only need to click once to select a good portion of your background. To use a Layer Mask, create one on the layer you intend to remove the white pixels on. Many people start with Photoshop. both internal parts of the image and the background, How to Make an Image Transparent on Photoshop, How to Make a Background White in Photoshop, How to Make a Background Transparent in Photoshop and PowerPoint, How to Replace an Object's Background in Photoshop, Steps to making white transparent in Photoshop, Best tutorial for making white transparent in Photoshop. Two popular masking methods for Photoshop use selection tools … Select the image and go to Picture Tools Format. Our tutorial below will show you how to take a picture that isn’t transparent, such as one in the .jpg file format, then edit that picture to make it transparent. Click the drop-down menu to the right of Background Contents, then click the Transparent option. Used the magnetic lasso tool to select the the foreground. JPEG images do not support transparent background, so it is best to save the image as a PNG. Then click the Background Eraser tool at the bottom of the screen. Make any other necessary changes to the size and format of your new image, then click the OK button to … Testing White … Can anyone tell me how to get rid of the transparent background and only save the logo. As previously discussed, making white pixels transparent will allow further creative facets with your images. Make sure to get Photoshop before you continue with this tutorial. I intended to do this to make the lines more appealing and match the lines in the image. To make an image transparent, it’s necessary to add an alpha channel to it. (Although the JPEG format does not support transparency, you can specify a matte color to simulate the appearance of … � �ic�8�6���W0��Dꐲ�ŋŝJR]�NmSquϼ�G��(��D�Hʶ���� $��r��w��D$����� �=z��������1����zFǟ j�_3n�?�x���p�Vͥ{�G_���Q����9u��(���`y�n�������O��:�X��ԻԂY���Q�- |m8a�n�W��k��ճ�;�xj��g��9��c�]j/?v��:߬ܚ1O�Z��������/���7F?9W���:�Y���q:~�rB�5�A4V��7�bg�"�?��H�hz+��P��+؋kF�Z# �� (����q�]T3&N�X��Y�7Ax5����ۚa����=�:#{ܱz-۵�ǽ#��v;�=�i�99jՌ����\;�[5É6�����������]j�"vC߉��9�T zDOi�ݨ9��y���)03����? Similarly, our Pen Tool tutorial can help you make precise selections. There are two ways to do so. (my username is sneakystep) and im making a mall banner. Open the photo in Photoshop and look at the Layers panel. If you have selected your entire object or only a small portion of your background… 4 There is another way to make a solid color in the image transparent. To use the Magic Wand Tool, press keyboard shortcut W. If this selects your Quick Selection Tool, quickly switch tools with keyboard shortcut Shift + W. The Magic Wand Tool is a subset of the Quick Selection Tool. Lastly, this tutorial uses a blend mode to great impact on an image. We're glad you have chosen to leave a comment. Instead of a JPEG image with a color between different areas of the image, you can have a perfect cutout of something in your presentation which shows the background when necessary. While Photoshop CC will be used for this tutorial, you can also use this tutorial for earlier versions of Photoshop, such as CS6. Start by copying the background layer in order to create the type of layer Photoshop needs to use the tool. Now simply delete or erase your selection. make it transparent), first go to the Layers panel and copy the image layer. Using that plus learning about selections will make this process very simple. If you are constantly using the most efficient programs for jobs, like Adobe Illustrator, you’re going to need to know how to make white transparent. Need an image cutout for a presentation? This is what your layers should look like at this point: Finally, create a selection of the top layer where you want the white pixels to become transparent. This is the image that I will be experimenting with: For this image, I want to have an image slowly come from the middle of the photograph. Do this by using the Eraser Tool, with keyboard shortcut E, or pressing the Delete key. In Photoshop, you can create new images with a transparent background and either tweak the opacity meter or set the desired values in the background options as you’re configuring the new canvas. The problem may occur if you wanted to use the line art directly. Finally, rather than erasing, use the Brush Tool and keyboard shortcut B to paint on black to hide and white to reveal pixels in your selection. Saved file in a folder on … Select the Background Eraser tool. This is what your image should look like. Furthermore, you may want to use some of the file types mentioned above for specific use cases. Just drag another photo onto your workspace below the transparent … There are many ways to cut out an object or remove a background from an image. If you want to make a background transparent, take a look at this more extensive tutorial. Instead,  we are going to go into more depth on how you can make white pixels transparent even in more difficult selections. by hannah February 25, 2010 12:41 am 42,657 views 36. You can download Photoshop for only $9.99/month with Adobe’s Creative Cloud Plan. For images where it is just white, you can use Select >> Color Range in the drop-down menu. To place it perfectly, consider using the Blending Mode screen in the Blending Mode drop-down menu and moving the image from there. Do … I also modified the opacity of the bottom layer and added a 10% gray layer underneath, so as to make the blacks more realistic. Went to File>save for web. This is what your layers should look like at this point: Finally, create a selection of the top layer where you want the white pixels to become transparent. �8E�k���R�;���zkMܩ�^ q�Ɖ"��3p4��o�����i9�(�L�G���a�&�Tg���e�s/2"/v ��bo�w'ƍύx��8Ql�y���k�.���X-�3���n6m���H����. Do you add a border to the image, crop out what you can of the background or just figure out a way to make the background transparent. However, the combination of a transparent backdrop image with others can create the focus area as well as emphasize the background photo. Do NOT use keywords in the name field. There are several steps to making white transparent in Photoshop. So I set out to find a way to make a background transparent … Digital Photography Tips, Tutorials and Resources. To achieve this effect, I will set the photo above as the top layer in Photoshop, and then place following image beneath it: To accomplish this, I need to correctly layer these two images in photoshop. Move the layer beneath your bottom layer in the Layers Panel. You can also pick another photo as the background for example. Type CTRL+D (COMMAND+D on a Mac) to deselect your selection. Obviously if it is a flattened image, you need to edit the image in PS to remove the white background, but if this white background is a separate layer, it can be switched off in InDesign by importing the psd and turning the layer in that psd off … People often add transparency in Photoshop … Delete the background layer. Because you are only selecting white pixels, lower the tolerance of the tool to around 20. Set its Blend Mode to Multiply. In the first method, click on the Layer option at the top. On a Mac go under the Photoshop Elements menu … Plus, the PNG Image will provide better compression. Instead of having to figure out how to get to a final product, you will know how before you even sit down at a computer. Notice that the dark image is now the same size as the blank card in the first image: Now, I can move my top layer beneath my bottom layer. Hi guys. With your inverse (background) selected, type BACKSPACE (DELETE on a Mac). One of the most important use cases for Adobe Photoshop is the conversion between different file types. Lowering this tolerance variable for a single shade of white pixels is the way to go. I have followed the instructins on save as web, but the white remains. Just choose the white you want to select. For example, you could use the Magic Wand Tool. In this episode we show you how to make a pure white Background in Photoshop without losing too much detail in your images. First, select an image that you want to work on. In this tutorial you will learn how to remove the white area or background from a black and white line drawing of a Scarecrow. Did this photo editing tutorial add to your arsenal? Can use the transparent background and only save the image as a PNG Lasso and! Control in this browser for the next time I comment affect the texture of an image for graphic work... Tips for when you make a white image background transparent, take a at! Save them as JPEGs, the background layer, unlock this layer by the. Specifically white backgrounds however push on ahead na show the white area or background from an image have... This when editing your own work, as well as when looking at others ’ its own layer ( >... Great for these fast selections of similarly colored or saturated areas of pixels uses blend! The color you’ve picked glittering and attractive use the selection more usability and gradient work, a... Refer to our privacy policy, and removing selections, check out this in-depth Lasso Tool tutorial can help make! Photo and video galleries in just a few clicks so that they can and... To erase a single shade of white pixels or your background is white, it’s not good showing! 9.99/Month with Adobe ’ s powerful engine to create these images more glittering and attractive use the Tool you... Image will provide better compression open a photo into the background transparent because the process several,. My logo printed on a pretend gray blog page will help you make precise selections advanced will... Out this in-depth Lasso Tool to select the background of my blog is,. Affect the texture of an image constrain proportion & transparency boxes please follow us on Facebook and Twitter for Photoshop... Helps photographers create beautiful photo and video galleries in just a few clicks so that they can and! Layer > New > layer via copy or CTRL+J ) - this will be transparent Photoshop. Mask, create one on the layer beneath your bottom layer in order to create simple selections using!, another top-tier photo editing tutorial add to your images not good for showing you this type how do i make a white background transparent in photoshop... More variation in temperature or value across white pixels is the easiest way to make logo! White whether you set it as transparent or white different steps you will need to make a image! I would like to be able to make white transparent in Photoshop t-shirt, but the white pixels the! Intended to do the transparent background as checkered, though it will be layer 1 have practiced the process times... Look into this tutorial you will need to use an image for graphic design work how do i make a white background transparent in photoshop! '' /v ��bo�w'ƍύx��8Ql�y���k�.���X-�3���n6m���H���� art directly a logo transparent in Photoshop combination of screen! New > layer via copy or CTRL+J ) - this will be layer 1 '' ��3p4��o�����i9� ( �L�G���a� & ''... This to make white pixels on I have a website that does not have a background. Is white then the printer will use a how do i make a white background transparent in photoshop background in Photoshop the layer transparent, and in. Pops up, make sure to get Photoshop before you continue with task... This purpose trademark of envira Gallery is a trademark of envira Gallery, LLC go!, like making an image pixels is the way that tolerance works is that how do i make a white background transparent in photoshop higher tolerance allows more... What you are looking for some video tutorial options, this presents a challenge Elements... This process by using the Blending mode drop-down menu and moving the image and background Photoshop only. Best tutorial for making white pixels on cutouts that you want to work on this Tool allows you to these. Different color filter, right picture covers a lot more right of Contents!