In this step you will learn how to create a pattern. Open the Layer Style window for the vector shape made in the previous step and enter the settings mentioned in the next images. Go to Edit > Transform Path > Warp, select Arc Upper, check the orientation button, set the Bend to 30 and then hit Enter. Move to your canvas, create a 10 x 30px vector shape and place it as you can see in the first image. Select the Arial Bold font, set the text color to #41B455 and the size to 8px and then enter the “Incoming Call” text.įor the white text, use the same font, change the color to #FFFFFF and increase the size to 10px.įor the clock text, use the Arial Regular font, change the color to #839EAA and keep the size t o 10px.Ĭhange to foreground color to #E6E6E6, select the Rounded Rectangle Tool and set the Radius to 4. Select the Horizontal Type Tool and open the Character Panel. Select the vector shapes that make up the white icon, right click on one of these shapes and go to Merge Shapes.ĭuplicate this new vector shape ( Control + J ), hit Control + T and rotate to -135 degrees and then place it over the green vector shape. Grab the Direct Selection Tool, select the anchor points added in this step and drag them 2px to up. Pick the Add Anchor Point Tool, make sure that your vector shape made in this step is selected and add two new anchor points as you can see in the second image. Select the Rectangle Tool, create a 17 x 2px vector shape and place it as you can see in the first image. Now, focus on the right, white vector shape, select the anchor point highlighted in the same image and drag it 1px to right. Pick the Direct Selection Tool, focus on the left, white shape, select the anchor point highlighted in the second image and drag it 1px to left. Move to your canvas, create two, 6 x 4px vector shapes and place them as you can see in the first image. Select the Ellipse Tool, move to your canvas, create two, 35px circles and place them as you can see below.įill the left circle with red ( #FF3D32 ) and the right circle with green ( #4ED966 ).Ĭhange the foreground color to #FFFFFF and make sure that your Ellipse Tool is still selected. Now, go to Filter > Blur > Gaussian Blur and set the Radius to 0.4px. Open the Layer Style window for this vector shape and enter the settings mentioned below.įocus on the Layers panel, right click on your white vector shape and go to Convert to Smart Object. Move to your canvas, create a 110 x 12px vector shape and place it as you can see below.įocus on the Layers panel, make sure that your white vector shape is selected and lower the Fill to 0%. Open the Layer Style window for the vector shape made in the previous step and enter the setting mentioned in the next images.Ĭhange the foreground color to white ( #FFFFFF ), select the Rounded Rectangle Tool and set the Radius to 6px. Move to your canvas, create a 130 x 156px vector shape and place it as you can see in the next image. Open the Layer Style window for the vector shape made in the previous step and enter the settings mentioned below.Ĭhange the foreground color to #0C0C0C, pick the Rounded Rectangle Tool and set the Radius to 20px from the top bar. Move to your canvas and create a 144 x 170px vector shape. Select the Rounded Rectangle Tool, focus on the top bar and set the Radius to 25px. The grid will make it easier for you to create the shapes.Ĭoncentrate on your Toolbar and set the foreground color to #EAEAEA. Along the tutorial I turned off the grid ( Control + ‘ ) for you to have a better vision.
Hit Control + K to open the Preferences window, go to Guides, Grid & Slices and enter the settings mentioned in the next image. Create a 600 x 500px document, go to View > Show > Grid to enable the Grid and then go to View > Snap To > Grid to enable the Snap to Grid.
0 kommentar(er)
