Ios app icon flat9/17/2023 ![]() Once the anchor points are selected, use your Up-Arrow key on your keyboard and move the corners up by 16px. ![]() ![]() Then hold the right-click of your mouse and drag the Direct Selection Tool on the lower portion of the curves, so the anchor points of the shape are selected. A quick technique to reduce the height of the shape is to select the shape layer by clicking on it with the Direct Selection Tool (A). Now duplicate the layer (Ctrl/Command + J) and reduce the bottom height of the paper by 16pix. Double click the shape layer and set the color to # d9d9d9. Select the Rounded Rectangle Tool (U) and draw a rounded shape with the measurements of 448 x 448px with a radius of 100px. Let’s create a set of papers, and for that start with the paper at the bottom. Okay the 2 nd part of the icons is notepapers. Now the base of the icon looks like this. Make sure that the Layer Fill is set to 0% and the Layer Opacity is to 30%. Now to make the shadow fade away as it goes down long, add the following gradient effect and values. Rotate the rectangle layer to -44 degrees and adjust the top edges of the rectangle diagonally as shown below. For that, create a rectangular shape using Rectangle Tool (U) and move down the layer under the “icon base” layer by clicking Ctrl/Command + [ (open bracket). Now let’s add long shadow to the icon base. (Select the Shape option from the Pick Tool Mode from the top left, if it’s not already selected.) Pick the color of the shape to # c47420 and name the layer to “icon base”.Īdd Inner Shadow for the layer as shown below. Now using the Rounded Rectangle Tool (U) create a shape layer with a size of 512x512 px with a radius of 120 px. Go to Edit > Preferences > Guides, Grids & Slices and set the Grid to 256px with Subdivision of 16px. ![]() Let’s begin with a new document with a size of 1024 x 1024 px and set the background color to # fcf2da. Here’s the final output of the icon you’ll be creating. This tutorial will also help you learn some useful techniques with a step-by-step process to create the pixel perfect 256x256px mobile icon. Okay guys, I am back again with a wonderful Photoshop tutorial where you'll learn to create tasty flat, pixel-perfect iOS 7 icon. ![]()
0 Comments
Leave a Reply.AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |