Now we are going to make a CC Library of the icons. Not on CC? You should save the images as PSD and back up to Dropbox or onto a drive. Tip: Press Cmd/Ctrl+J to duplicate the icons, so you can modify each one and not start from scratch. Notice our icon from our drawing is there. Make several more icons using the same steps as above. Select both of the Layers that make top the icon and Press Cmd/Ctrl+G to make a group.
Notice you can also select a fill and stroke color as well as thickness of the stroke (outline),Ĭhoose the thumb Shape that we made earlierĭrag the shape on top of the speech bubble and set it to white fill and no stroke. (Shape Path or Pixels)ĭrag onto your canvas to create the shape. Make sure you choose Shape from the left dropdown menu. When you make a Shape, this is where they go. You will also notice our thumb and custom icon are in there too. Now you will see all the Shapes that come with Photoshop, lots more 🙂 When the dialog box appears, choose append. There are many more, lets get them.Ĭhoose the gear icon and select All. In the top toolbar you will see an assortment of Shapes that come with Photoshop. We won’t use the background, its a helper layer so we can see what you are doing while working. It can be any size, here we used 1920×1080 (HD video size) Here we will create some icons from the shapes and save them for future use.Ĭreate a new Document. Making icon badges from the custom shapes Step 9. Here is a tutorial on using the Pen tool. You might need to use the Pen tool to finesse the path a little bit. This time give it a tolerance of 8.0 this will smoothen out the bumps. Just like before, make a work path in the Paths panel. Just like we did with the thumb icon, use the magic wand to select the white area (I used the lasso tool to clean up the dark areas on the paper, you can see on the video). The image doesn’t have to look good, just have a nice clearly defined shape. Squeeze in the triangles in levels to make the icon more dense and a clear outline. Filter>Blur>Gaussian blur (See how I do it in the video above).Ĭhoose Cmd/Ctrl+L for levels. If you have a clean drawing, you can skip this step.Īpply a small amount of blur to the drawing to smudge all the areas together. You can also use a scanner if you have one.īecause the pencil sketch isn’t a solid tone, we need to make it more defined. I got it into Photoshop by snapping a picture on my phone. Obviously using a marker on smooth paper will make this easier, but I want this tutorial to be useful for any image and be limited to “perfect” images. Here is an icon I quickly sketched with a pencil on a piece of bristol paper. You can skip to step 9 if you aren’t making another shape. Now we will look at making an icon from a sketch.
ADOBE PHOTOSHOP ICON 2020 HOW TO
Ill show you how to use the shape in the following steps and some great tips on using Libraries in Step 9. This makes it easy to use in the future.Ĭlick ok and the new thumbsup icon will be added to your shape library They are solution independent, unlike pixels. This means that you can make them as large or as small as you like and they will always have sharp edges. We are making paths because they are Vectors. You can use the pen tool to clean up the path if needed. Its called the work path in the path panel. You will now see a path created around the shape. Lower number = more complex path, higher number, simpler path. (you don’t have to use the pen tool because PS will do it for you.)īy default, tolerance is set to 2.0, this will work. This is where Photoshop will turn the selection into a vector path. Open the Paths Panel in Photoshop (Window>Path)Ĭhoose Make work path, if its grayed out, make sure your selection is active Press Ctrl/Cmd+Shift+I to inverse the selection. Use the Magic want and select the white around the shape. Set the width to 1000 pixels, this will be big enough to trace. Then go to Photoshop create a new document and Ctrl+V to paste the screen shotĬhoose Image>Image size (see how small it currently is in the bottom right corner)Ĭhoose Preserve details 2.0 for resample method.
ADOBE PHOTOSHOP ICON 2020 MAC
On Mac its Cmd+Shift+4 and drag the region to capture.Step 1. Make a screen capture of the icon. In this case we will go to youtube and snag the like icon, the thumbs up. We will need a like, comment and a subscribe badge. These steps can actually be used for anything, but for the example, we will make a set of icons to be used on youtube videos.
0 kommentar(er)
