Look inside the Layers panel, select both circles made in the previous step and go to Merge Shapes. Tip: Hold the Shift button on your keyboard to create a perfect circle. Make sure that these new vector shapes are placed as shown below. Switch the foreground color to #4BB1FB and pick the Rectangle Tool.Ĭreate a 2 x 16px vector shape then place it as you can see below.Ĭhange the foreground color to #848F93, pick the Ellipse Tool and move to your canvas.Ĭreate a 7 x 7px circle and a 2 x 2px circle. Next, open the Layer Style window for this text to enter the settings shown in the last image. Go to character window ( Window > Character), use the Calibri Bold font, change the color to #8D9799 and set the size at 16px and then enter the text as you can see below. Now, return to your second input form vector shape and select the Horizontal Type Tool. Use the Ellipse Tool to create a 6 x 8px vector shape then place it as you can see below. Now, pick the Convert Point Tool and click once on your new anchor points to remove the curves. Use the Direct Selection Tool to select your new anchor points added in the previous step and hit the Up arrow button on your keyboard 3 times to move them 3px. Use the Add Anchor Point Tool to add two new anchor points to your rectangle as you can see in the last image. Open your character window ( Window > Character), use the Calibri Bold font, fill the color with #CB7C6F and set the size at 14px and then enter the text as you can see below.īring up the Layer Style window for your text and enter the settings shown in the image below.Ĭhange the foreground color to #848F93 and select the Rectangle Tool.Ĭreate a 2 x 14px vector shape and place it as you can see in the next images. Return to your first input form vector shape and select the Horizontal Type Tool from your Toolbar. Go to the Layer Style window for the vector shape made in the previous step and enter the settings shown in the next images. Now, hit the Down arrow button from your keyboard to move this new copy as you can see in the image below. Open the Layer Style window for the vector shape that makes up your input form (made in the previous step) and enter the settings shown in the next images.ĭuplicate ( Control + J) your input form vector shape and go to Clear Layer Style. Go to your canvas, create a 220 x 36px vector shape and place it exactly as shown in the image below. Lower Fill to 0% and open the Layer Style window for this copy to enter the settings as shown in the last image.ĭuplicate ( Control + J) your vector shape copy, open the Layer Style window for this new copy and enter the settings shown in the following image.Ĭhange the foreground color to #E5E9F2, select the Rounded Rectangle Tool and set the Radius to 10px from the top bar. Right click on this fresh copy and go to Clear Layer Style. Look inside the Layers panel and make sure that your vector shape is still selected.ĭuplicate it using the Control + J keyboard shortcut. For the Pattern Overlay section add the pattern saved in the previous step. Open the Layer Style window for the rounded rectangle vector shape and enter the settings shown in the next images. Now, go to Edit > Define Pattern pick a name for your pattern and click OK. Use the left mouse button to add the black points shown in the image below. Set the foreground color to #000000, pick the Pencil Tool and set the size at 1 px. Hit Control + N and create a 5 x5px document. In this step you will learn how to create a pattern. ![]() Select the Rounded Rectangle Tool, focus on the top bar and set the Radius to 10px and then move to your canvas to create a 264 x190px vector shape. Now, concentrate on your Toolbar and fill the foreground color with #F0F5FE. The grid will make it easier for you to create the shapes.Ĭoncentrate on the Layers panel, double click on your Background locked layer and set the new name to BG.įrom the Layers panel, open the Layer Style window for the “BG” layer to set a new background color with the settings shown in the second image. Hit Control + K to open the Preferences window, go to Guides, Grid & Slices and enter the settings mentioned in the next image.Īlong the tutorial I turned off the grid ( Control + ‘ ) for you to have a better vision. Create a 600 圆00px 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 Comments
Leave a Reply. |