Now you may be asking But why are 2 rows of thumbnails sat outside of the screen?
Then rename this sketch new Symbol to Form Fields (Sign Up).Then click Add to bring the new icon set into Iconjar.And thats photo a job well done for the Welcome screen!Make sure you have Iconjar installed, and running?I hear sketch you say.Now, there are a few different methods we could use to accomplish this next sketch part, but for this tutorial Ill stick with the following sketch So, select the background image, and overlay from the Welcome screen design, and holding down photo Alt (to duplicate the layers click.Click, and drag it onto your Artboard.Google Fonts, grab the following fonts that I will be using in the tutorial.Then, for the shutter button, select the Oval tool (O), draw out a circle 58 x photo 58px, change the Fill Color to #ffffff, and remove the border. So do that now.
Remove the sketch Fill Colour, and better give it a Border of 1 with the homes colour #ffffff.
Give the designer set a name, and then browse to the (unzipped) folder where the icons are.So with the Navigation Bar home selected (icons, and background better choose Create Symbol from the Toolbar.Time gardens to add some text to our Welcome screen, and make use of the San Francisco font you downloaded earlier.With both icons selected, use Align Left, and then using Alt, position them 20px from the left edge of the Artboard.And thats that screen sown up!