If you followed every step correctly your illustration should look something like this.įor the display part, I thought we should keep it flat simple by creating a dock, a notification bar and some widgets. To keep things flat, add a subtle shadow by duplicating both the phone and buttons, uniting them and then after changing the color to #C47171 move the new shape 18px down using the Move option (right click>Move). To correct this select the phone, then right click>Arrange>Bring to front. Color it as the volume buttons and then using the transform panel position it as follows:Īs you might have noticed we have a small problem as all of the buttons appear to be on top of the phone’s body. Again, using the rounded rectangle tool create a 8 x 34px shape with a 2px corner radius. Great! Now let’s take care of the lock button. Now select them both and using the Align panel position them at 10px from one another. Position it to the left side of the phone by using the Transform panel ( Window>Transform):ĭuplicate the object by selecting it and while holding down alt ( option on a mac) drag it downwards. To do so, we will create an 8 x 46px rounded rectangle with a corner radius of 2px and color it slightly darker #D6D5B2. Next, we need to create the side volume and lock buttons.
Try Startup App Try Slides App Other Products With Startup App and Slides App you can build unlimited websites using the online website editor which includes ready-made designed and coded elements, templates and themes. As before, make sure to align the object to the arboard using the same steps as above and then change its color to #F4F2CB. So, assuming you’ve moved up to the phone body layer, grab the rounded rectangle tool and create a 290 x 496px shape with an 8px corner radius. The phone’s bodyĪs with any illustration, we first start defining our base shapes and then add little details that help build up our imagery. Quick tip : in case you don’t see the Align panel, go to Window>Align and it should quickly pop up. Make sure you’re on the background layer and with the help of the rectangle tool (M) create a 1200 x 800px object (#DE7F7F) and vertically and horizontally center it to the artboard (make sure the align to is set on the Artboard and not selection) using the Align panel. Now that we have everything set neat and tidy it’s time to start pushing buttons.
Using the layers panel, create 6 layers and name them from the bottom up as below: Try Free Other Products Step 2 – layering the document With Postcards you can create and edit email templates online without any coding skills! Includes more than 100 components to help you create custom emails templates faster than ever before.
0 kommentar(er)
