![]() ![]() In the end things should look like in the second image. Once again, the Snap to Grid should ease your work. Select the left one and drag it 3px down and 15px to the right then select the right one and drag it 3px down and 15px to the left. Grab the Direct Selection Tool (A) and focus on the two anchor points added for that orange shape. ![]() Again, the Snap to Grid should ease your work.įor this step you will need a grid every 1px, so go to Edit > Preferences > Guides & Grid and enter 1 in the Gridline every box. Switch to the Add Anchor Point Tool (+) and simply add two anchor points as shown in the second image. Using the Rectangle Tool (M), create a 95 x 60px shape, set the fill color to R=251 G=176 B=64 and place it as shown in the first image. Make sure that this new rectangle is selected and go to Effect > Path > Offset Path. Using the Rectangle Tool (M), create a 275 x 155px shape, set the fill color to R=30 G=30 B=30 and place it as shown in the first image. Select the remaining orange shape, focus on the Appearance panel and replace the existing fill color with R=3 G=3 B=3.Įnable the Snap to Grid ( View > Snap to Grid). Fill the resulting shape with black, lower its Opacity to 15% and change the Blending Mode to Soft Light. Reselect both copies made in this step and click the Minus Front button from the Pathfinder panel. Select the top copy and simply hit the up arrow button once to move it 1px up. Reselect the shape filled with the linear gradient and make two new copies in front ( CTRL + C > CTRL + F > CTRL + F). Simply lower the Opacity to 15% and change the Blending Mode to Soft Light. Fill the resulting shape with white and open the Transparency panel ( Window > Transparency). Select the top copy and simpy hit the down arrow button (from your keyboard) once to move it 1px down. Reselect the shape filled with the linear gradient and make two copies in front ( CTRL + C > CTRL + F > CTRL + F). Keep in mind that the white number from the Gradient image stands for Location percentage.ĭisable the Snap to Grid ( View > Snap to Grid) then go to Edit > Preferences > General and make sure that the Keyboard Increment is set to 1px. Make sure that the right gradient slider is still selected, focus on the Location box (from the Gradient panel) and set it to 90%. Then select the right gradient slider and set the color to R=224 G=224 B=226. Next, select the left gradient slider and set the color to R=165 G=166 B=171. Make sure that your shape stays selected and focus on the Gradient panel. Select the smaller orange shape, open the Gradient panel ( Window > Gradient) and simply click on the gradient thumbnail to add the default black to white linear gradient. Make sure that the resulting group of shapes is selected and simply hit Shift + CTRL + G to Ungroup it. Reselect your orange rounded rectangle along with the horizontal path, open the Pathfinder panel ( Window > Pathfinder) and click the Divide button. Add a 1pt, black stroke for this new path just to make it easier to notice. Using the Pen Tool (P), create a 305px, horizontal path and place it as shown in the following image. Enter a 7px radius, click OK and go to Object > Expand Appearance. Make sure that this orange rectangle is selected and go to Effect > Stylize > Rounded Corners. Move to your artboard and simply create a 295 x 205px rectangle, the Snap to Grid should ease your work. Remove the color from the stroke then select the fill and set its color to R=251 G=176 B=64. Pick the Rectangle Tool (M) and focus on your Toolbar. All these options will significantly increase your work speed. Do not forget to set the unit of measurement to pixels from Edit > Preferences > Units > General. You should also open the Info panel ( Window > Info) for a live preview with the size and position of your shapes. For starters you will need a grid every 5px, so simply go to Edit > Preferences > Guides > Grid, enter 5 in the Gridline every box and 1 in the Subdivisions box. Select RGB, Screen (72ppi) and make sure that the Align New Objects to Pixel Grid box is unchecked before you click OK.Įnable the Grid ( View > Show Grid) and the Snap to Grid ( View > Snap to Grid). Select Pixels from the Units drop-down menu, enter 600 in the width and height boxes then click on the Advanced button. ![]()
0 Comments
Leave a Reply. |