1
00:00:07,180 --> 00:00:10,470
Hey everybody what's going on this is Caleb with deps slopes dot com.

2
00:00:10,470 --> 00:00:16,900
And in this video I'm going to share with you some amazing resources not only for finding a free non-attribute

3
00:00:17,230 --> 00:00:22,280
art that you can use in your sticker pack without having to credit the author totally free.

4
00:00:22,300 --> 00:00:23,180
Amazing.

5
00:00:23,230 --> 00:00:28,750
I'm also going to share with you a couple of Web sites where you can design and create your own stickers

6
00:00:29,110 --> 00:00:31,300
using an online tool.

7
00:00:31,300 --> 00:00:32,760
Very cool stuff.

8
00:00:32,770 --> 00:00:37,900
So let's go ahead and pull open Safari and I want to share with you the first web site now it's called

9
00:00:38,370 --> 00:00:38,980
IO.

10
00:00:39,070 --> 00:00:44,530
And if you actually look at the main web site it's a place that's like a marketplace to download the

11
00:00:44,530 --> 00:00:45,910
latest indie games.

12
00:00:45,910 --> 00:00:52,380
OK now some are free some are for pay and there's just a ton of stuff on here it's pretty cool.

13
00:00:52,630 --> 00:01:00,400
But they have a marketplace where artists can sell game assets and there's an entire section of totally

14
00:01:00,430 --> 00:01:02,050
free game assets.

15
00:01:02,050 --> 00:01:02,650
OK.

16
00:01:02,890 --> 00:01:07,140
So I'm going actually sort these by popularity because there some really cool ones.

17
00:01:07,240 --> 00:01:10,750
And as you can see I mean this is this is high quality.

18
00:01:10,750 --> 00:01:16,900
Very nice stuff here it's not it's not you know your rinky dink you know basic animations here this

19
00:01:16,900 --> 00:01:19,390
is like high quality stuff you could actually use.

20
00:01:19,390 --> 00:01:20,650
I mean I'm going to open this one here.

21
00:01:20,650 --> 00:01:24,470
Gothic Vania and I mean just the Web site just looks so cool.

22
00:01:24,640 --> 00:01:27,110
But let me show you a little trailer here.

23
00:01:27,280 --> 00:01:33,520
Gothic Venia town is like you know a little indie but they shared all the art for free which is pretty

24
00:01:33,520 --> 00:01:34,840
cool.

25
00:01:34,840 --> 00:01:37,460
So if you look here here's the art.

26
00:01:37,480 --> 00:01:41,910
I think it's like a timelapse actually of them designing all of it which is pretty sweet.

27
00:01:42,100 --> 00:01:44,170
But let's see if they show a demo.

28
00:01:45,030 --> 00:01:45,260
Yeah.

29
00:01:45,360 --> 00:01:50,120
So like you can see it's just this cool kind of Castlevania style.

30
00:01:50,180 --> 00:01:53,200
You know art and you can download all that art for free.

31
00:01:53,220 --> 00:01:57,510
There's also you know a dungeon tile pack which is pretty cool.

32
00:01:57,510 --> 00:02:02,640
There is no skeleton sprite pack and if you click on this you'll notice right here permissions you can

33
00:02:02,640 --> 00:02:07,230
use the art provided by this asset pack for personal and commercial use.

34
00:02:07,230 --> 00:02:13,050
You cannot redistribute this asset packs so you can't download it and then sell it as your own asset

35
00:02:13,050 --> 00:02:17,230
pack but you can use it for commercial products you can put it in a sticker app and sell it on the App

36
00:02:17,230 --> 00:02:17,910
Store.

37
00:02:17,940 --> 00:02:18,840
Very cool.

38
00:02:18,840 --> 00:02:22,380
And you'll notice each one has a you know sort of different permissions here.

39
00:02:22,590 --> 00:02:26,420
It says you can use it for personal and commercial use you can't redistribute it.

40
00:02:26,490 --> 00:02:28,050
Most of it will let you do that.

41
00:02:28,050 --> 00:02:33,300
I did see one that says it's not required to credit the author but we would appreciate it.

42
00:02:33,300 --> 00:02:34,550
So it's optional.

43
00:02:34,560 --> 00:02:39,790
But if you want you could put maybe in the credits you know art provided by X and whoever it is.

44
00:02:40,020 --> 00:02:48,270
So I actually used a few assets from this Web site and just kind of modified them a little bit but I

45
00:02:48,270 --> 00:02:56,520
also found that there were some when you downloaded the pack it downloads in a file format called a

46
00:02:56,580 --> 00:02:57,720
sprite sheet.

47
00:02:57,750 --> 00:03:01,510
And if you're not familiar with game design Let me show you what a sprite sheet looks like.

48
00:03:01,890 --> 00:03:02,650
OK here it is.

49
00:03:02,670 --> 00:03:10,050
So this is basically the animation that happens for this character to run.

50
00:03:10,080 --> 00:03:17,010
OK so we have frame one frame to frame three frame four and as they go it creates a nice running animation

51
00:03:17,010 --> 00:03:21,900
that can loop and make it appear that the character is running of course but you'll notice this is just

52
00:03:21,900 --> 00:03:23,520
one static image.

53
00:03:23,520 --> 00:03:25,370
There are not individual frames.

54
00:03:25,380 --> 00:03:27,480
I'll show you how to circumvent that later on.

55
00:03:27,570 --> 00:03:33,790
But many of these four characters at least for the animations will download as a sprite sheet.

56
00:03:33,870 --> 00:03:40,080
There are some cases where each individual frame will be its own punji file but it is unlikely that

57
00:03:40,080 --> 00:03:41,430
it will be like that.

58
00:03:41,460 --> 00:03:43,830
So that's just something to keep in your mind.

59
00:03:43,830 --> 00:03:50,010
Now I want you to notice all of the TNG files have a transparent background.

60
00:03:50,030 --> 00:03:51,770
K that is a must.

61
00:03:51,930 --> 00:03:58,950
Unless of course you saw in the simulator in the first video of this course I had a square gif of Jack

62
00:03:58,980 --> 00:04:04,260
and Mark and that that itself was an image didn't have a transparent background because the whole square

63
00:04:04,260 --> 00:04:09,810
is full of content but the running character for instance the whole background behind him is totally

64
00:04:09,810 --> 00:04:10,740
transparent.

65
00:04:10,740 --> 00:04:14,870
If it was white it would look kind of weird being a square with just the static white background.

66
00:04:14,870 --> 00:04:21,180
So thats why you want to make sure that all of your PNB files have transparent backgrounds and that's

67
00:04:21,180 --> 00:04:28,830
actually why I sort of recommend not doing Jay pig because when you compress a j peg down to save it

68
00:04:28,920 --> 00:04:33,850
it actually creates a white background automatically behind any of the art that you've created.

69
00:04:33,850 --> 00:04:38,550
So Jay Peggs can be used but I don't really recommend using them.

70
00:04:38,790 --> 00:04:40,930
So let's go ahead and move on.

71
00:04:40,960 --> 00:04:41,980
It's IO.

72
00:04:42,000 --> 00:04:46,640
The URL is I.O. slash game assets slash free.

73
00:04:46,790 --> 00:04:49,830
OK you can go and find that very easily online.

74
00:04:49,830 --> 00:04:51,890
Make sure you read the permissions.

75
00:04:51,900 --> 00:04:57,690
If the author does request that you do credit them make sure that you credit them because that's just

76
00:04:57,690 --> 00:05:03,180
kind of a way to be you know saying thank you and giving back because they provided this amazing art

77
00:05:03,180 --> 00:05:03,910
for free.

78
00:05:03,960 --> 00:05:08,700
That's sort of the least we can do to say thank you and say hey this art was from X person.

79
00:05:08,700 --> 00:05:10,620
So it's amazing.

80
00:05:10,620 --> 00:05:15,190
Now there's another tool called pixel art.

81
00:05:15,270 --> 00:05:19,050
And I just personally like this if you're not into the pixel art thing that's fine there are plenty

82
00:05:19,050 --> 00:05:24,990
of other ways you can design stickers but I just found that pixel art was a really cool online tool

83
00:05:24,990 --> 00:05:31,320
to create that sort of retro bit style art that that's just so popular nowadays so if you go in here

84
00:05:31,320 --> 00:05:37,170
and click on start drawing you can go ahead and click on new drawing and you can create your own size

85
00:05:37,440 --> 00:05:38,970
or you can choose from the presets.

86
00:05:38,970 --> 00:05:45,730
Now I have found that what works best is images in 128 by 128 pixels.

87
00:05:45,780 --> 00:05:51,300
I just seem to like that it seems to be a good size on the iPhone sticker pack so go ahead and create

88
00:05:51,360 --> 00:05:54,540
a document of 128 by 128.

89
00:05:54,540 --> 00:05:59,770
Again this is pixel art dot com with an eye not an E and create a new drawing.

90
00:06:00,020 --> 00:06:00,520
OK.

91
00:06:00,810 --> 00:06:01,980
And that's fine.

92
00:06:01,990 --> 00:06:08,760
OK so as you can see the background in and of itself is transparent and we can go in and we can create

93
00:06:08,970 --> 00:06:10,910
pixel art which is super neat.

94
00:06:11,040 --> 00:06:16,290
So I'm going to go ahead and increase the pixel size here just to show you an example if I wanted to

95
00:06:16,290 --> 00:06:21,930
create you know maybe like a pixellated smiley face.

96
00:06:21,930 --> 00:06:24,870
I could do that very easily like so.

97
00:06:25,170 --> 00:06:25,670
OK.

98
00:06:25,800 --> 00:06:27,110
So I just created a smiley face.

99
00:06:27,100 --> 00:06:33,020
It's pretty you know it's not a very nice pretty design but it'll work and I'm going to center there.

100
00:06:33,090 --> 00:06:39,480
And now if I wanted to use this I could just click on download and you'll notice it says layer's frames

101
00:06:39,510 --> 00:06:40,410
or gif.

102
00:06:40,470 --> 00:06:46,540
And the cool thing is that in pixel art you can actually add a frame and you can see the old design.

103
00:06:46,650 --> 00:06:52,290
So if I wanted to I could come in here and I could try my best to re draw it again and then maybe I'll

104
00:06:52,290 --> 00:06:55,700
make the smile a little less this time.

105
00:06:55,710 --> 00:06:56,090
OK.

106
00:06:56,100 --> 00:07:00,360
And let's go ahead and add a new frame we'll draw it again and you'll notice it shows frame too.

107
00:07:00,360 --> 00:07:03,300
Now in the background which is pretty neat.

108
00:07:03,300 --> 00:07:08,050
And now I'm going to make it's just flat out a new frame.

109
00:07:08,070 --> 00:07:08,630
Draw it again.

110
00:07:08,640 --> 00:07:11,000
And of course you'd want to you know pay attention to.

111
00:07:11,250 --> 00:07:12,770
I don't like that I'm going to do that.

112
00:07:13,050 --> 00:07:18,360
You'd want to pay attention to more detail than I am I'm just doing this very very quickly and then

113
00:07:18,360 --> 00:07:20,950
now we're going to do a little Frohman's so.

114
00:07:21,300 --> 00:07:27,220
And then in the last one we're going to go ahead and make him totally sad.

115
00:07:27,720 --> 00:07:33,930
And now if I preview it you'll see it makes this nice animation of smile to frown so you can do that.

116
00:07:33,930 --> 00:07:36,940
Download it as a gift which is really cool.

117
00:07:37,260 --> 00:07:37,740
Or.

118
00:07:37,770 --> 00:07:38,400
Well you know what.

119
00:07:38,400 --> 00:07:39,570
Let me go back to my frames here.

120
00:07:39,570 --> 00:07:43,310
Go to the first frame and I'm just going to download this one frame.

121
00:07:43,590 --> 00:07:46,490
But as you saw you could download it as a gif which is neat.

122
00:07:46,710 --> 00:07:53,540
But this right here one to one ratio is going to download at 128 pixels by 128 pixels.

123
00:07:53,550 --> 00:07:57,100
So if I click download you'll see it comes out right there.

124
00:07:57,270 --> 00:08:02,340
And if you look I'm going to go ahead and hover this you'll see the background is definitely transparent

125
00:08:02,340 --> 00:08:03,630
which is perfect.

126
00:08:03,630 --> 00:08:07,580
Now let's say that you wanted that to be 2x right.

127
00:08:07,710 --> 00:08:10,480
If you wanted to print out a 2 x image that's a little bit bigger.

128
00:08:10,480 --> 00:08:12,730
You could do two by two and watch what happens.

129
00:08:12,850 --> 00:08:13,970
I click download.

130
00:08:13,970 --> 00:08:15,350
It's twice as big.

131
00:08:15,420 --> 00:08:22,290
So you can see pixel art is just this amazing program that you can create not only static images of

132
00:08:22,290 --> 00:08:28,290
this 8 bit pixel theme but you can also create animated gifs using pixel art which is just so so so

133
00:08:28,290 --> 00:08:28,780
cool.

134
00:08:28,920 --> 00:08:32,920
So anyway those are two amazing resources one for free.

135
00:08:32,940 --> 00:08:38,790
Non-attribute an art you can just simply use in your project as well as pixel art which will allow you

136
00:08:38,790 --> 00:08:42,050
to draw and create your own assets which is just super super neat.

137
00:08:42,060 --> 00:08:48,510
So in the next video we're going to go ahead and add in some static graphics that I've downloaded from

138
00:08:48,950 --> 00:08:54,690
I O as well as a couple of other free Web sites and we're going to go ahead and test it out and just

139
00:08:54,690 --> 00:08:57,640
see how easy it is to create a sticker pack in Iowa.

140
00:08:57,810 --> 00:09:00,310
Amazing work guys and I'll see in the next video.