Character Design For Mobile Devices Download

Mobile Game Design. Sign up for Treehouse. Character Design: Part 2 1:47 with Jake Fleming. Design the enemy characters utilizing the same 3 design principles of form/function, style, and personality. Approach their design the same way that you would your main character. Remember the sketch that we shared with our team.

1. Character Design For Mobile Devices Download Free
2. Character Design For Mobile Devices Downloads

Bummer! This is just a preview. You need to be signed in with a Basic account to view the entire video.

Instructor System center configuration managerallows you to create custom device collectionsso that you can more easily managethe devices on your network.To create a custom collection go tothe assets and compliance workspaceand then right click on device collectionsand choose the create device collection option.This is going to launch the create. The only problem is you need character design for your app to make it look as awesome in real life as it does in your head! Well the good news is you found the world’s leading character designers and we’d be happy to get your app looking amazing. What goes into great character design for apps and mobile devices? Those character sizes that increased the amount of scrolling on the small device screen produced lower levels of factual recall than typesets that better condensed textual information. These results provide several interesting suggestions for the future design of small devices and mobile interfaces to protect learning.

When designing a character, we need to think about form/function, style, and personality. Utilizing these 3 design principles will help you design better characters and ultimately engage players.

• 0:00

  When designing a character, we need to

• 0:02

  think about form and function, style andpersonality.

• 0:05

  Utilizing these three design principleswill help you

• 0:08

  design better characters and, ultimately,better engage players.

• 0:11

  Form and function, simple shapes, andlogical forms are more easily understood

• 0:15

  by the human brain and more versatile whendrawing characters at different angles.

• 0:21

  Style: use proportions and contrast andshape to your

• 0:24

  advantage in the same sense that mostchildren's cartoons do.

• 0:28

  Big eyes, big head, small body, etcetera.

• 0:33

  Personality.

• 0:34

  The two previous principles directlyaffect the character's personality.

• 0:38

  By giving your character rounded features,a big head in proportion to

• 0:42

  its body, and large eyes, it willundoubtedly look cute and cuddly.

• 0:46

  But if you give it a tall slender body,sharp angular facial

• 0:49

  features, and smaller eyes, the characterswill take on a more evil personality.

• 0:54

  If you were to reverse the roles of thesetwo

• 0:56

  personalities, it might not immediatelymake sense to the player.

• 1:01

  So with those principles in mind, let'ssketch out our main character, Space Cat.

• 1:05

  We've got our document open with the scenewe drew earlier.

• 1:08

  Let's hide the scene folder and also theHUD folder.

• 1:12

  Let's create a new folder called Spacecatand then

• 1:16

  create a layer inside that folder calledSketches Space Cat.

• 1:20

  [BLANK_AUDIO].

• 1:26

  Now I'm just going to grab our blue brush

• 1:28

  and start drawing a few variations of bodytypes.

• 1:31

  He's in space, so he will have a big roundspace helmet on.

• 1:34

  So we'll start with the circle for that.

• 1:36

  [BLANK_AUDIO].

• 1:49

  Let's draw a few different body types forhis head.

• 1:51

  [BLANK_AUDIO].

• 2:03

  Just by drawing those two simple shapes,you can kind of start

• 2:06

  imagining what that body type could do forthe personality of Space Cat.

• 2:09

  Different proportions will imply differentcharacteristics.

• 2:12

  The tall skinny one looks kind of like anormal proportion for a person.

• 2:16

  The middle one looks cuter with a bighelmet and smaller body.

• 2:19

  The one on the right looks kind of like abody builder.

• 2:22

  Now let's draw a few face variations belowour body types.

• 2:25

  [BLANK_AUDIO].

• 2:53

  Now we can choose which combination welike best and develop it further.

• 2:57

  I tend to gravitate toward drawing cutethings,

• 2:59

  so I'm going to choose the middle body

• 3:01

  type, and I also this sketch of the middleface will go well inside of the helmet.

• 3:04

  So let's ago ahead and move that faceinside of the helmet.

• 3:08

  First, create a new folder called SpaceCat HUD.

• 3:15

  Then, create a new layer called, BaseSpace Cat HUD.

• 3:17

  [BLANK_AUDIO].

• 3:22

  Let's sketch a face resembling the one wechose inside the circular helmet.

• 3:26

  Let's turn our HUD back on.

• 3:29

  We'll replace the circle we drew initiallywith our new base Space Cat HUD.

• 3:33

  [BLANK_AUDIO].

• 3:59

  Add some details like bushy cheeks.

• 4:01

  [BLANK_AUDIO].

• 4:07

  Then duplicate that layer, and drag itinto

• 4:11

  our Spacecat folder, and rename it BaseSpace Cat.

• 4:16

  Let's drag it over next to the bodies andposition it into place to our middle body.

• 4:21

  Now, let's erase the face, keeping onlyoutlines of his head.

• 4:25

  We're doing this because space cat will be

• 4:27

  facing away from us and controlling amachine.

• 4:30

  Let's duplicate sketches space cat, hidethe original,

• 4:34

  and delete everything but the middle bodytype.

• 4:42

  Now, we can flesh out this body tag.

• 4:46

  Let's merge these two layers.

• 4:49

  You can multi select two layers by holdingCmd, and clicking the

• 4:52

  multiple layers that you wanna select, andhitting Cmd+E to merge them.

• 4:56

  Let's go ahead and flesh out this bodytype.

• 4:59

  He's in space, so we'll give him a littleoxygen pack and space suit.

• 5:02

  [BLANK_AUDIO].

• 5:06

  Add some gloves and boots too.

• 5:08

  [BLANK_AUDIO].

• 5:15

  That's looking pretty great.

• 5:17

  Let's go ahead and create a new layer forhis outline.

• 5:19

  [BLANK_AUDIO].

• 5:59

  Let's add another layer for Space Cat'sshading.

• 6:02

  [BLANK_AUDIO].

• 6:24

  Let's also go back and do the same thingfor the Space Cat Hunt folder.

• 6:28

  Let's just add to the layers we madeearlier for the HUD outline and shadows.

• 6:32

  Let's delete the circle that we have forour Outline HUD.

• 6:37

  Let's cut and paste this outline that wehave in

• 6:40

  our Outline HUD layer and paste it intoSpacecat HUD.

• 6:43

  [BLANK_AUDIO].

• 6:54

  And then finish outlining the face.

• 6:55

  [BLANK_AUDIO].

• 7:06

  I'm basing Space Cat on my cat, and my catis a tuxedo cat.

• 7:10

  So we're gonna draw line through his faceand then just add the shadows.

• 7:18

  [BLANK_AUDIO].

• 7:40

  Let's turn the scene folder back on andposition the Space

• 7:43

  Cat folder down to where the bottom centerof our screen now.

• 7:46

  [BLANK_AUDIO].

• 7:51

  We're going to draw the machine that spacecop will be controlling next.

• 7:54

  So create a new folder called machine.

• 7:55

  [BLANK_AUDIO].

• 8:00

  And the new layer inside called basedmachine.

• 8:07

  We're now going to draw a machine similarto the one we sketched on paper.

• 8:10

  It will resemble a giant computer withsome buttons for space cat to push.

• 8:14

  I'm going to start drawing the machinewith the space cat folder

• 8:16

  visible, so I can judge the right size weshould make it.

• 8:19

  Once I get a basic outline.

• 8:20

  I'll go ahead and hide the space catfolder and finish it out.

• 8:23

  [BLANK_AUDIO].

• 8:27

  Now we'll outline it.

• 8:28

  [BLANK_AUDIO].

• 8:33

  Let's mask the scene folder, so we don'tsee

• 8:35

  the ground going through our machine andspace cat.

• 8:38

  [BLANK_AUDIO].

• 8:45

  And shade it.

• 8:46

  [BLANK_AUDIO].

• 8:50

  All right, that's looking great.

• 8:52

  All that's left now is to design ourenemies,

• 8:54

  which is exactly what we'll do in our nextvideo.

You need to sign up for Treehouse in order to download course files.

Bummer! This is just a preview. You need to be signed in with a Basic account to view the entire video.

Design the enemy characters utilizing the same 3 design principles of form/function, style, and personality .

• 0:00

  Creating the enemies will be pretty muchthe same process

• 0:02

  as creating our space cat character and isjust as important.

• 0:06

  Your enemies need a personality of theirown and you should

• 0:08

  approach their design the same way thatyou would your main character.

• 0:12

  Remember the sketch that we shared withour team.

• 0:14

  We had a wiener dog enemy in a space shipand a

• 0:16

  more generic looking dog with just ahelmet, free floating in space.

• 0:20

  I wanna develop those characters morebecause I think they were a

• 0:23

  good starting point and the team seemed torespond well to them.

• 0:26

  So when you're done finding the rightcomposition for your enemies, the

• 0:29

  same way you did for space cat, you mighthave something like this.

• 0:33

  Then you just follow the same process of

• 0:35

  outlining as we've been doing for eachenemy,

• 0:39

  and add the shading.

• 0:45

  Make sure you're staying organized withyour layers.

• 0:48

  Next you can save it and look at it onyour phone.

• 0:51

  Just go up to File, Save for web, and justhit Save.

• 1:00

  After you've looked at it on your phone,and everything looks great, let's

• 1:03

  save a .png of just our seen layers,without the enemies or space cat.

• 1:07

  [SOUND]Let's call

• 1:13

  it referencing.

• 1:19

  Next, we'll save a .png of just ourcharacters.

• 1:22

  [SOUND] And we'll hide the background

• 1:27

  layer, because we want transparency.

• 1:33

  And we'll call this file, ReferenceCharacters.

• 1:40

  Now that we have all the elements sketchedout at the sizes we

• 1:43

  want, in the next video, we'll dive intocreating our high fidelity assets.

Character Design For Mobile Devices Download Free

Character Design For Mobile Devices Downloads

You need to sign up for Treehouse in order to download course files.