Remove the Stroke color and set the Fill color to any color you like (color is not important). Just make sure to create a rectangle slightly larger then the loading part of the loading bar. Grab it from the Tool Panel and draw a rectangle as shown on the picture below. In this tutorial we will be creating a checkered pattern. It can be anything you want stripes pattern, grungy metal pattern,…anything you like. Now we need to create a nice pattern for our loading bar. Select both green shapes and under the Pathfinder Panel hit the Unite button. Make sure to move the green shape on the right to meet the one on the left side (don’t forget to hold the Shift key for the straight dragging). You should end up with something like this. Ungroup (Shift + Ctrl / Cmd + G) the divided shape and remove the middle part by hitting the Delete key on your keyboard. It will divide the yellow shape into three smaller shapes. Select both vertical lines and the copy of the smaller shape we have just created and under the Pathfinder Panel hit Divide button. Select the Line Tool (/) from the Tool Panel, create two vertical lines and place them as shown on the picture below (don’t forget to hold the Shift key on your keyboard for the straight dragging). Now we are going to create the loading part of the loading bar (the part that actually moves during the load).ĭuplicate the smaller shape (Ctrl / Cmd + C, Ctrl / Cmd + F). Select the basic shape from the previous step and under the Object select Path > Offset Path. That edge will increase the depth for our design element. Let’s create a small edge for the shape we have just created. We have created the basic shape for our loading bar. Make sure to set the dimensions as it shown in the picture below and hit the OK button. The Rounded Rectangle option box will pop up. Select it from the Tool Panel and click somewhere on the Artboard. There are a few different shapes of loading bar we can create, but for this tutorial we will be using the Rounded Rectangle Tool to create a basic shape.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |