Multiple Images to PDF Presentation / Multi-Page Document Using Photoshop

As all we know, you can save a single image into PDF format using Photoshop by hitting ctrl+shift+s then save as Photoshop PDF. But many of us still don’t know that you can save multiple images into a PDF Presentation / Multi-Page Document using Photoshop.

Here are the simple steps to do that…

1. Go to File>Automate>PDF Presentation.

2. Click ‘Browse’ then choose the Images you want to include.

3. Either choose ‘Multi-Page Document’ or ‘Presentation’ depending on your need. There are lot of options you can check to customize your output. You can sort the image files by name, you can include the each file’s file name, etc. Then after that, you can now click ‘Save’.

Adobe Photoshop: Color Range

We often use magic wand or pentool to separate/isolate objects from its background. But sometimes it doesn’t go well using those tools.

Here is another way to remove the background of your images.

If you aren’t familiar with the Adobe Photoshop’s feature called “Color Range”… then you must try it! It will help you a lot in many ways not just by removing the background of your images 🙂

Open your image. Go to Menu>Select>Color Range.

A pop-up dialog will appear like in the image below.

Click on the background of the image. Color picker will be the appearance of your cursor once you hover outside the pop-up dialog.

Hold shift while clicking on the background to add the range of color to the selection. You will notice in the preview that there are white and black areas. White areas are the selected portions of the image vice versa. You  can change the preview mode in the Selection preview dropdown.

You can adjust the fuzziness to your preference to adjust the range of the color selection but for me I will set the fuzziness to 40. You can also check Localized Color Clusters for better selection.

After that, click Ok. The selection will appear like this.

You can refine your selection in various ways by using refine edge functions but that’s a different topic so I won’t be explaining it too further.

Hope you’ve learned something new again by reading this tutorial. Thank you for reading! 🙂

Adobe Photoshop’s Hidden Trick: Color Picker

Adobe Photoshop had so many features, shortcuts, etc. But this trick that I’ll show you maybe isn’t very known to all of us because it is unlikely being often use by the other users.

Maybe it will help you in your workflow so I guess I’ll show you 🙂

First, you must have an open canvass to do this trick. If you don’t have yet, just be sure to create one.

Then pick ‘Color Picker’ at the tool bar menu.

Then resize your Photoshop window to make it smaller. Resize it according to your preference. We need to resize it so we can see the portion of the background behind Photoshop app window. In my case the background behind my Adobe Photoshop window is my Google Chrome browser.

Then with the color picker tool selected, click on the canvass then hold+drag going outside the Adobe Photoshop window, point your color picker cursor to the color you want to pick/select. As you can see, a big circle near the picker will appear and will show the color which the picker is pointed at. If you can’t see the circle in your case, you can notice that the foreground color that is active at the bottom of your toolbar updates every time you move your cursor/picker to another color.

I hope this trick will help you a lot and can improve the way you work inside Adobe Photoshop. Thank you! 🙂

Adobe Photoshop: Image Color Mode

Users that have less knowledge on using Adobe Photoshop sometimes ask “Why I can’t save this image into a .PNG format. Well there are 2 the solutions.

1. (For this method only: Ctrl+Shift+S or Ctrl+S) You cannot save your image into a .PNG format because the Image Color mode of the document is set to CMYK and there is no solution for that to save an image into .PNG format while in CMYK color mode.

All you can do is change the color mode to RGB by going to the Menu>Image>Mode>RGB color.

2. The 2nd method is you don’t have to convert the color mode of your document to RGB. All you have to do is press Ctrl+Shift+Alt+S and then a pop-up dialog and choose PNG-8 or PNG-24 in able for you to save your image in .PNG format.

Adobe Photoshop: Layer Kind Filter

This Adobe Photoshop’s feature is often ignored by many of us who’s using Photoshop.

But this Layer Kind Filter is kind of very useful when it comes to enhancing the speed of our workflow inside Photoshop.

Layer Kind Filter literally will help you to filter layers according to their kind. It might be type layers? smart objects? adjustment layers? shapes? pixels? or by color? If you don’t get what I am saying, i will show below where you can find them inside the Photoshop…

blog-post-11-29-16

There are 2 options to filter layer types. As shown above, the first way to filter layers is by clicking on the ‘Kind’ with search icon then a dropdown will appear bringing different options.

You can filter them by name, effect, mode, attribute, color, smart object and selected.

The other way of filtering layers have 5 options. By pixel, by adjustment layers, by text/type, by shape or by smart object.

it will be very useful when you have tons of layers and having a hard time finding them one by one. It will really help you on your workflow once you’ve got to learn how to use the filter for layers.

Generating Image Assets Inside Adobe Photoshop CC

This feature of Adobe Photoshop CC will sure bring you ease of exporting multiple images in a single document without using the Slice tool.

All you have to do is rename every single image into something like “banner-image.jpg” or “banner-image.png” in able to generate image assets in file formats like JPG or PNG depending on what you have specified in the layer name.

ga-1

First, rename the image layers into something like in the shown image above. Specifiy what image file format you want to export that certain image by adding “.jpg” or “.png” at the end of the layer name as the file extension.

Then go to ‘File’ menu then select ‘Generate’ then select ‘Image Assets’.

ga-2

If the Photoshop document where the images are placed is not yet saved, the images will be exported/generated in Desktop inside a folder. Or if the Photoshop document has already been save, the images will be saved in a folder inside the same location folder of your Photoshop document.

And that is how easy to export images without using the Slice tool. Very helpful to the web developers who will be converting a PSD file into an HTML.