Sometimes you need to upload an image containing transparent elements through which the original background will penetrate. In these cases, it would be convenient to download PNG images, as they are able to maintain transparency.
In this article we will tell how to make transparency in photoshop.
Creating a file.
The first step is to create a file. For this discover Adobe Photoshop. and in the "File" menu ( File) Top Page Select "Create" ( New).
Then in the window that appears " new document » ( New Document) Create a file of the desired size, and make sure that the permission of the document is 72 pixels per inch ( since the file is intended for use in web). And also that you have chosen the value "Transparent" ( Transparent) in the drop-down list "Content background" ( Background Contents.).
* Before making PNG with transparency in Photoshop, you need to clarify that in this example we create an image to download as a background for the site, so the size of the document is given as follows: Width 3000 pixels, the height of 1730 pixels, which is recommended for the sizes for Downloads HD images:
After you specified the parameter values, click "OK" to open a new document.
Then in the "Layers" panel ( Layers.) Make sure that you work on a transparent layer, and not on the background:
After you have completed creating and ready to save a transparent image, depending on the used version of Photoshop, in the File menu ( File) You can use one of the possible options:
Photoshop version previously than CC 2015:
Now we will tell how to make transparency pictures in photoshopwhich came out before CC 2015. These versions use the "Save for Web" method ( Save For Web & Devices.) to save and optimize PNG images for use on the web. To take advantage of this method, just go to the "File" menu ( File), and further - "Save for Web" ( Save for Web & Devices):
Then, in the window that appears, select PNG-24 from the drop-down menu of possible values, and then make sure the transparency options are selected ( Transparency) and " Convert to srgb» ( Convert to srgb.). This confirms that the image will contain transparent background And its color mode will be converted to SRGB, recommended color space for web.
Fields " Image size» ( Image Size) Automatically filled with the values \u200b\u200bthat you specified when you created the file. But if you want to change the file size before saving, you can do it now.
Photoshop version CC 2015:
Before, how to make transparency photo in photoshop, you need to know that from the CC 2015 version option "Save for Web" ( Save for Web & Devices) In the "File" menu ( File) marked like Legacy (outdated). And replaced by new option "Export" ( Export), which offers identical functionality with faster saving in a smaller file and in best quality. To use the Export option, click the File menu ( File), and then - " Export as» ( Export as).
Note: Adobe still offers the "Save for Web" option ( Save for Web & Devices) In Photoshop CC 2015, and it is available through the File\u003e Export menu ( File\u003e Export) or when using the Command + Option + SHIFT + S key combination (for Mac) or Ctrl + Alt + Shift + S (for PC):
Then, in the window that appears, select PNG from the "Format" drop-down menu ( Format.) And make sure that the "Transparency" options are selected ( Transparency) and " Convert to srgb» ( Convert to srgb.).
If you have on a computer installed antivirus program can scan all files on your computer, as well as each file separately. You can scan any file by right-clicking on the file and selecting the appropriate option to check the file for the presence of viruses.
For example, in this picture allocated file my-file.pngthen you need to right-click on this file, and select the option in the File menu "Scan with AVG". When this parameter is selected, opens Avg Antivirus.which will check this file For viruses.
Sometimes an error may occur as a result invalid installation software What can be related to the problem that occurred during the installation process. It may interfere with your operating system. tie your PNG file with proper applied software having an impact on the so-called "Association of File Extensions".
Sometimes simple reinstall Adobe Illustrator CC. It can solve your problem correctly linking PNG with Adobe Illustrator CC. In other cases, problems with file associations may result from bad Software Programming developer and you may need to contact the developer to receive additional help.
Tip: Try updating Adobe Illustrator CC to the latest version to make sure that the latest fixes and updates are installed.
It may seem too obvious, but often directly the PNG file itself may cause the problem. If you received a file through attachment email or downloaded it from the website, and the download process was interrupted (for example, a power outage or for another reason), the file may be damaged. If possible, try to get a new copy of the PNG file and try to open it again.
Caution: The damaged file may entail the emergence of the accompanying damage of the previous or already existing malware On your PC, so it is very important that the updated antivirus constantly worked on your computer.
If your PNG file associated with hardware on your computerTo open the file you may need update device driversassociated with this equipment.
This problem Usually related to the types of multimedia filesthat depend on the successful opening of hardware inside the computer, for example, sound card or video card. For example, if you are trying to open an audio file, but you can't open it, you may need update sound card drivers.
Tip: If you try to open the PNG file, you get error message associated with S.Sys File, the problem is likely to be associated with damaged or outdated device driversthat need to be updated. This process It is possible to facilitate through the use of software to update drivers, such as DriverDoc.
If the steps did not solve the problemand you still have problems with opening PNG files, it may be related to lack of available system resources. For some versions of PNG files, considerable amount of resources may be required (for example, memory / RAM, computing power) for proper opening on your computer. Such a problem is often found, if you use a fairly old computer hardware And at the same time a much newer operating system.
Such a problem may occur when a computer is difficult to cope with the task, since operating system (and other services operating in the background) can consume too many resources to open the PNG file. Try to close all applications on your PC before opening Portable Network Graphics. After freeing all the available resources on your computer, you will provide the best conditions for trying to open the PNG file.
If you performed all the steps described above, and your PNG file still does not open, it may be necessary to perform equipment update. In most cases, even when using old versions of equipment, computing power can still be more than sufficient for most user applications (if you do not perform a lot of resource-intensive processor operation, such as 3D rendering, financial / scientific modeling or intensive multimedia work) . In this way, it is likely that your computer lacks the required amount of memory.(more often called "RAM", or rAM) To execute the task of opening a file.
David
Why did the loaded PNG displays transparency in photoshop?
I tried to upload photos / pictures from the Internet and edit them, but whenever I do it, the transparent background becomes white. I tried to copy / insert, which never works. I tried to download as a PNG and open it in Photoshop, which sometimes works, but usually not. I tried to upload it, copy preview And insert it into Photoshop, but it doesn't work either. All pictures are transparent in my browser (I use chrome), but when I download them, they often do not retain their transparency. I know that there is a post on it, but none of the answers helped. I am on Mac.
First photo shows image on chrome, with transparent background. The second is in Photoshop, with a white background.
IN google settings Images Before searching, I change the background to "transparent", that is, all images obtained as a result of the search, have a transparent background. When searching for specially transparent images and seeing checkered background, I am sure that the images are transparent. In addition, it is PNG, which always has a transparent background. If it were JPEG, he would have a white background.
user287001
This case is interesting. Give us a screenshot of one transparent image in your Chrome and very carefully and detail how you see it in its transparency in Chrome, but not after downloading.
Billy Kerr.
Not all PNG images have transparency. It depends on how the image was saved. Do you have a direct URL to the original PNG image so that we can check it out?
Billy Kerr.
OK. I'm going to add an answer now.
Answers
Billy Kerr.
Please note that in recent versions Photoshop CC By default, the "Artboards" option is enabled, which does not at all displays the transparency grid. You need to get out of the Artboard mode to see the transparency again. I do not know why Adobe did it by default setting.
Billy Kerr.
@Dai - The default ArtBoard setting is applied only if you start when creating a new document you start from one of the templates in the Web or Mobile sections. For other types of documents, the ARTBOARD option is disabled by default. PNG Opening is also not default for artboards at least in PS CC 2017. My screenshot was in CS4, but CC has the same behavior when opening PNG.
The most common problem, due to which users cannot open this file, is an incorrectly assigned program. To fix it in Windows, you need to right-click on the file, in the context menu, bring the mouse to "Open Using" item, and select the Select Program item drop-down menu. As a result, you will see a list. installed programs On your computer, and you can choose the appropriate. We also recommend checking the box in front of the "Use this application for all PNG files".
Another problem with which our users also occur quite often - the PNG file is damaged. Such a situation may arise in cases of cases. For example: the file was downloaded not fully as a result server errorsThe file was damaged initially, etc. To eliminate this problem, use one of the recommendations:
- Try to find the desired file. In another source on the Internet. You may be lucky to find a more suitable version. Google search example: "File File: PNG". Just replace the word "file" to the name you need;
- Ask you to send you the source file again, it may have been damaged during transmission;
