1
00:00:00.05 --> 00:00:01.07
- [Instructor] You can also import

2
00:00:01.07 --> 00:00:04.06
bitmap or raster graphics into Adobe XD

3
00:00:04.06 --> 00:00:06.03
and there's a couple things
you need to watch out for,

4
00:00:06.03 --> 00:00:08.07
so first off, go to File, Import

5
00:00:08.07 --> 00:00:11.02
and you can import JPEG files

6
00:00:11.02 --> 00:00:13.08
as well as PNG and even GIF.

7
00:00:13.08 --> 00:00:15.06
Now, when it comes to animated GIF,

8
00:00:15.06 --> 00:00:17.03
it's just going to bring
in the first frames.

9
00:00:17.03 --> 00:00:19.01
That's the first thing
you need to watch out for.

10
00:00:19.01 --> 00:00:20.04
Second thing is the size.

11
00:00:20.04 --> 00:00:22.08
It's going to bring in
everything at half the size

12
00:00:22.08 --> 00:00:24.01
because it's going to assume

13
00:00:24.01 --> 00:00:25.03
that you're going to export everything

14
00:00:25.03 --> 00:00:27.00
at twice the size

15
00:00:27.00 --> 00:00:29.04
for high DPI devices.

16
00:00:29.04 --> 00:00:30.08
So, notice how this says dimensions

17
00:00:30.08 --> 00:00:32.04
are 3840 by 2400,

18
00:00:32.04 --> 00:00:34.00
this is twice the size

19
00:00:34.00 --> 00:00:36.03
and then some of 1920,

20
00:00:36.03 --> 00:00:37.04
so with it selected,

21
00:00:37.04 --> 00:00:38.07
I'm going to select Import.

22
00:00:38.07 --> 00:00:41.04
Sure enough, with it still
selected it says 1920,

23
00:00:41.04 --> 00:00:44.04
so it's going to bring in
everything at half the size

24
00:00:44.04 --> 00:00:46.05
so you can export it out safely.

25
00:00:46.05 --> 00:00:47.06
And once you bring it in,

26
00:00:47.06 --> 00:00:50.00
you can size it down any way you want.

27
00:00:50.00 --> 00:00:52.01
It's going to be constrained

28
00:00:52.01 --> 00:00:53.01
which totally works.

29
00:00:53.01 --> 00:00:54.08
You can scale up from the center

30
00:00:54.08 --> 00:00:56.08
by holding down the alt or option key

31
00:00:56.08 --> 00:00:57.09
but I want to go beyond this

32
00:00:57.09 --> 00:00:59.02
because I'm thinking you know what?

33
00:00:59.02 --> 00:01:01.09
I want it to actually just
kind of fill this area

34
00:01:01.09 --> 00:01:03.09
and what you can do there

35
00:01:03.09 --> 00:01:08.01
is actually just select a rectangle

36
00:01:08.01 --> 00:01:09.07
or even use an ellipse

37
00:01:09.07 --> 00:01:11.04
and draw out a container.

38
00:01:11.04 --> 00:01:14.07
From there you can
actually go to your images

39
00:01:14.07 --> 00:01:16.03
wherever they may be,

40
00:01:16.03 --> 00:01:17.06
selecting those images,

41
00:01:17.06 --> 00:01:19.07
in this case I'm going to
select a different one,

42
00:01:19.07 --> 00:01:22.09
Background3 and you can drag and drop

43
00:01:22.09 --> 00:01:25.08
into a container if you will,

44
00:01:25.08 --> 00:01:28.05
so whether it's an ellipse or a rectangle

45
00:01:28.05 --> 00:01:30.03
and watch these properties.

46
00:01:30.03 --> 00:01:32.06
Essentially this gives
me this flexibility,

47
00:01:32.06 --> 00:01:34.07
it's actually covering the image.

48
00:01:34.07 --> 00:01:36.01
I actually like that better.

49
00:01:36.01 --> 00:01:38.06
I think it's a little
bit easier to work with

50
00:01:38.06 --> 00:01:40.02
and nonetheless what I can do

51
00:01:40.02 --> 00:01:44.05
is I can delete this initial
background right here,

52
00:01:44.05 --> 00:01:45.04
just delete it

53
00:01:45.04 --> 00:01:47.04
and take this Background3

54
00:01:47.04 --> 00:01:49.02
and drag it down.

55
00:01:49.02 --> 00:01:52.00
Again, I'm in my Layers panel

56
00:01:52.00 --> 00:01:54.07
and then I can just kind of resize it

57
00:01:54.07 --> 00:01:56.06
but I like that it's covered

58
00:01:56.06 --> 00:01:59.03
and that looks great.

59
00:01:59.03 --> 00:02:00.08
A third way to bring in images

60
00:02:00.08 --> 00:02:04.08
is by going to File and bringing in assets

61
00:02:04.08 --> 00:02:08.04
from a CC library that you might have.

62
00:02:08.04 --> 00:02:10.00
So, just Open CC Libraries,

63
00:02:10.00 --> 00:02:11.02
you can drag in those images,

64
00:02:11.02 --> 00:02:12.03
whatever you want

65
00:02:12.03 --> 00:02:15.04
and not only that, you can
also do an easy copy and paste

66
00:02:15.04 --> 00:02:16.09
if it's a bitmap image.