Important Notice:

The Digital-Tutors site will soon be retired and your access will be turned off - but don’t worry, you can still enjoy all your favorite Digital-Tutors content on Pluralsight (plus thousands of additional courses, skill assessments, paths and more). You can log in to Pluralsight with your Digital-Tutors credentials, as well as update your password at any time on Pluralsight. Please contact us with questions or concerns: support@pluralsight.com.
Designing a Splash Page for your Mobile App
See Details
Released Mar 30, 2016
Mario Macari

Guest Tutor

Mario Macari
A well designed and executed splash page has a profound effect on your users. In makes or breaks confidence in your app as it loads. In “Designing a Splash Page for Your Mobile App” you will learn how to create and set up artwork in raster or vector formats that you can either combine with coding or in Adobe Photoshop. You will learn about drawing elements, both electronically with a tablet and conventionally with pencil on paper. You’ll be taught about vectoring your art work and arranging elements. You’ll see how to use the powerful tools in Adobe Animate CC, Illustrator and Photoshop. You’ll explore the basics of color theory and become versed in the use of a color wheel and in picking pleasing color combinations. From there, you’ll find public domain NASA photos that you can composite in Photoshop and use as a background element. You’ll discover the basics of typography, picking out type for your audience and creating an app logo. You’ll create a graphic violator and learn about design principles. Finally, you’ll create a mock-up and combine the elements. “Designing a Splash Page for Your Mobile App” will help you improve your app skill set in a fun worthwhile way.
Course Overview
1

Course Overview

 
01:21
A Look at the Material Provided
2

A Look at the Material Provided

 
01:32
Introduction
3

Introduction

 
00:56
Differences Between Vector and Raster Images
4

Differences Between Vector and Raster Images

 
02:32
Drawing an Alien with Pencil on Paper
5

Drawing an Alien with Pencil on Paper

 
01:37
Inking an Alien Drawing with Marker on Paper
6

Inking an Alien Drawing with Marker on Paper

 
01:16
Cleaning up the Pencil Drawing and Scanning
7

Cleaning up the Pencil Drawing and Scanning

 
01:35
More Clean up in Photoshop
8

More Clean up in Photoshop

 
04:07
Inking with the Aid of a Lightbox
9

Inking with the Aid of a Lightbox

 
01:49
Vectorizing Your Scan
10

Vectorizing Your Scan

 
03:00
Using Adobe Apps, an iPad and an Apple Pencil to Draw an Alien
11

Using Adobe Apps, an iPad and an Apple Pencil to Draw an Alien

 
06:00
A Look at the Aliens and the Hazards of Scale
12

A Look at the Aliens and the Hazards of Scale

 
02:23
Selecting and Arranging the Aliens for the Splash Page
13

Selecting and Arranging the Aliens for the Splash Page

 
01:36
Placing the Aliens on Separate Layers
14

Placing the Aliens on Separate Layers

 
01:45
Summary
15

Summary

 
00:54
Introduction
16

Introduction

 
00:40
Color Theory
17

Color Theory

 
03:11
Palettes or Picking the Colors that Work Together
18

Palettes or Picking the Colors that Work Together

 
01:25
Warm and Cool Colors
19

Warm and Cool Colors

 
01:07
Choosing the Flat Colors for Our Characters
20

Choosing the Flat Colors for Our Characters

 
06:18
Adding the Flat Color Detail
21

Adding the Flat Color Detail

 
05:21
Adding the Tints and Shades to Our Aliens
22

Adding the Tints and Shades to Our Aliens

 
07:18
Summary
23

Summary

 
00:41
Introduction
24

Introduction

 
00:47
Using NASA Public Domain Photos
25

Using NASA Public Domain Photos

 
01:51
Cropping the Moon Photo
26

Cropping the Moon Photo

 
01:58
Adding the Stars
27

Adding the Stars

 
02:33
Tweaking the Moon
28

Tweaking the Moon

 
05:17
Dropping in the Aliens and Outlining Them
29

Dropping in the Aliens and Outlining Them

 
01:41
Summary
30

Summary

 
00:48
Introduction
31

Introduction

 
00:38
A Brief Look at Typeface Families
32

A Brief Look at Typeface Families

 
01:56
Our Target Audience and Choosing Fonts for the App
33

Our Target Audience and Choosing Fonts for the App

 
01:44
Making a Logo from the Letters
34

Making a Logo from the Letters

 
01:59
Adding Strokes
35

Adding Strokes

 
04:27
Dot the Strokes
36

Dot the Strokes

 
01:31
Choosing the Color for the Logo
37

Choosing the Color for the Logo

 
03:40
Summary
38

Summary

 
00:38
Introduction
39

Introduction

 
00:50
Placing the Alien Logo
40

Placing the Alien Logo

 
02:56
Placing the Provided Client's Logo
41

Placing the Provided Client's Logo

 
02:25
Summary
42

Summary

 
00:49
Introduction
43

Introduction

 
00:38
Setting the Copy
44

Setting the Copy

 
01:48
Kerning and Outlining the Type
45

Kerning and Outlining the Type

 
03:14
Creating the Hot Dog Shape Around the Text
46

Creating the Hot Dog Shape Around the Text

 
03:19
Saving an SVG and Dropping the Subhead at the Top of the Mock-up
47

Saving an SVG and Dropping the Subhead at the Top of the Mock-up

 
01:33
Placing the Subhead
48

Placing the Subhead

 
01:41
Summary and Conclusion
49

Summary and Conclusion

 
00:50