Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:06,656 --> 00:00:12,800
We have a coins you I created Wilson a hey
2
00:00:13,056 --> 00:00:16,640
It's going to be a little bit different then actually just changing the text
3
00:00:16,896 --> 00:00:18,176
A UI element
4
00:00:18,944 --> 00:00:22,528
I'm going to do is actually create a UI Photoshop file
5
00:00:23,040 --> 00:00:28,416
Is going to include a health bar in it so it's just go ahead and open up the level 1 PSB
6
00:00:28,928 --> 00:00:33,280
Double click on that and would it create a very similar file
7
00:00:33,792 --> 00:00:35,584
Service level 1 art file
8
00:00:36,608 --> 00:00:39,936
Remember this our file is 3840 by 2160
9
00:00:40,192 --> 00:00:41,984
There is going to create a new one
10
00:00:42,240 --> 00:00:44,544
At 3840 x 2160
11
00:00:44,800 --> 00:00:45,568
Create
12
00:00:46,080 --> 00:00:48,384
Just really quick change the background
13
00:00:48,896 --> 00:00:50,176
Be a little bit darker
14
00:00:50,688 --> 00:00:55,296
So that we can see the UI elements that we create so we created a new layer here
15
00:00:56,064 --> 00:00:58,880
Go ahead and create a rounded rectangle
16
00:01:00,123 --> 00:01:02,363
Subtitled by
-♪ online-courses.club ♪-
We compress knowledge for you!
https://t.me/joinchat/ailxpXoW3JVjYzQ1
17
00:01:02,364 --> 00:01:02,208
Didn't see that just click and hold
18
00:01:02,464 --> 00:01:04,256
Images rounded rectangle
19
00:01:04,512 --> 00:01:07,072
Is going to have a radius of 25 pixels
20
00:01:08,096 --> 00:01:10,400
No stroke going to have a white film
21
00:01:10,656 --> 00:01:12,448
Just going to click and drag
22
00:01:13,216 --> 00:01:14,240
And create
23
00:01:15,008 --> 00:01:15,776
A white
24
00:01:16,032 --> 00:01:17,312
Rounded rectangle
25
00:01:18,336 --> 00:01:19,616
I'm going to leave it health
26
00:01:20,384 --> 00:01:20,896
Bar
27
00:01:22,432 --> 00:01:28,064
What's unlock this background layer that was created by default by clicking the log in less than name this
28
00:01:28,320 --> 00:01:34,464
Background princesses reference and I just means this is for a reference in Photoshop
29
00:01:34,720 --> 00:01:40,864
Use this background image inside of the unity in the assets folder
30
00:01:41,376 --> 00:01:44,960
Art folder and then create new folder called you
31
00:01:47,008 --> 00:01:52,896
Images called a style UI and be sure you choose the large document format that PSB
32
00:01:53,152 --> 00:01:55,712
Not PSD which is the default
33
00:01:56,992 --> 00:01:57,760
Say that
34
00:01:59,552 --> 00:02:01,344
Image jump into unity
35
00:02:01,856 --> 00:02:04,928
So it's going to import the PSD file
36
00:02:05,696 --> 00:02:11,072
And again guys just like I level up here when we select our UI PSD file here
37
00:02:11,840 --> 00:02:14,144
Reset the message type to fall wrecked
38
00:02:14,912 --> 00:02:17,472
So that allows us to actually edit a spray
39
00:02:19,520 --> 00:02:21,056
Create
40
00:02:21,568 --> 00:02:23,872
Eternal individual sprites here
41
00:02:24,128 --> 00:02:25,920
With bounding boxes around them
42
00:02:26,432 --> 00:02:27,200
Meniscus
43
00:02:27,456 --> 00:02:31,552
Is named the health bar too with the letter name was which is health bar
44
00:02:32,320 --> 00:02:33,344
That looks great
45
00:02:35,392 --> 00:02:39,232
So if we just drag the health bar with collapse this year
46
00:02:39,488 --> 00:02:40,256
I'm not here
47
00:02:40,768 --> 00:02:42,560
And drag the health bar sprite
48
00:02:42,816 --> 00:02:44,352
Richest drag that in
49
00:02:45,376 --> 00:02:49,472
Let's say maybe position it up towards the zero
50
00:02:51,520 --> 00:02:53,056
About right there
51
00:02:53,312 --> 00:02:54,592
Why is it going behind
52
00:02:54,848 --> 00:02:58,944
What the reason why is because we're not actually dragging it in properly
53
00:02:59,456 --> 00:03:01,248
Exactly not a u ion
54
00:03:01,760 --> 00:03:03,040
If I hit play here
55
00:03:04,320 --> 00:03:05,088
Note to self
56
00:03:05,856 --> 00:03:06,624
It's actually
57
00:03:06,880 --> 00:03:09,184
In the world it's not a UI element
58
00:03:09,952 --> 00:03:14,048
That's because spriterenderer are not the component you wanna use
59
00:03:14,816 --> 00:03:17,376
Creating images for UI
60
00:03:18,400 --> 00:03:21,472
A Sprite renderer is going to be depending on the camera
61
00:03:21,728 --> 00:03:24,544
We might something dead independent of the camera
62
00:03:24,800 --> 00:03:27,360
Tesco head and just delete the health bar really quick
63
00:03:27,872 --> 00:03:31,200
What I want to do is actually create an image component
64
00:03:31,968 --> 00:03:36,320
On a game object in have there under the canvas game after
65
00:03:37,088 --> 00:03:39,392
So just like a coins game object which has
66
00:03:39,904 --> 00:03:41,184
Text component on
67
00:03:41,952 --> 00:03:43,744
We want to create another game object
68
00:03:45,024 --> 00:03:47,072
Has an image component on it
69
00:03:47,840 --> 00:03:49,120
I just got a game object
70
00:03:49,376 --> 00:03:50,912
You are an image
71
00:03:51,168 --> 00:03:51,936
It's like that
72
00:03:53,728 --> 00:03:54,752
Wo
73
00:03:55,264 --> 00:03:57,056
Zoom out here
74
00:03:58,336 --> 00:03:59,360
You can see
75
00:03:59,616 --> 00:04:01,152
Ok I get it
76
00:04:01,664 --> 00:04:06,272
Zoom out you can see we have a nice brownie box of 3840 by 2160
77
00:04:07,040 --> 00:04:08,576
And then we have this UI on it
78
00:04:09,600 --> 00:04:13,184
It's just a simple square because there's no sprite
79
00:04:13,440 --> 00:04:14,720
The source image
80
00:04:15,488 --> 00:04:16,768
In the image component
81
00:04:17,280 --> 00:04:22,143
The first thing I want to do is just make sure this name is proper so health
82
00:04:22,399 --> 00:04:23,167
Bar
83
00:04:24,191 --> 00:04:26,751
And remember we also want to make sure that the
84
00:04:27,007 --> 00:04:29,567
Encopresis is Settle top left
85
00:04:29,823 --> 00:04:31,871
Just like we did with the coins text
86
00:04:32,895 --> 00:04:33,407
Right
87
00:04:35,455 --> 00:04:38,527
And then finally we can just go ahead and drag the health bar
88
00:04:38,783 --> 00:04:41,087
Into the images source image slot
89
00:04:42,623 --> 00:04:44,159
Alright so far
90
00:04:44,415 --> 00:04:50,559
So good I guess got some weird scaling issues
91
00:04:50,815 --> 00:04:53,375
We're heading clip this set native size button
92
00:04:53,887 --> 00:04:55,935
Alright there we go OK cool
93
00:04:56,191 --> 00:04:57,471
So we drag it over here
94
00:04:57,727 --> 00:05:01,567
Now we have a health bar a bar Queen's that looks great
95
00:05:02,079 --> 00:05:05,407
Basically we're going to work this to scale down and it's weird
96
00:05:05,919 --> 00:05:06,943
Based on
97
00:05:07,199 --> 00:05:08,223
The players health
98
00:05:08,735 --> 00:05:11,551
So what happens when I just drag this down slowly
99
00:05:13,087 --> 00:05:14,111
It looks like
100
00:05:15,135 --> 00:05:17,183
Scaling towards the centre
101
00:05:17,695 --> 00:05:21,023
We don't want that we actually wanted to go from right to left
102
00:05:21,279 --> 00:05:22,559
As we adjust the width
103
00:05:22,815 --> 00:05:24,351
So the way that we do that
104
00:05:25,631 --> 00:05:27,423
Is simply change the pivot
105
00:05:27,935 --> 00:05:29,215
Value here
106
00:05:29,471 --> 00:05:31,775
In the recttransform component
107
00:05:32,031 --> 00:05:38,175
The recttransform component is similar to the transform component of any game object in your game
108
00:05:38,687 --> 00:05:40,479
Except the recttransform
109
00:05:40,735 --> 00:05:41,503
Actually
110
00:05:41,759 --> 00:05:44,063
Interact with the Candice
111
00:05:44,831 --> 00:05:45,343
Right here
112
00:05:46,623 --> 00:05:52,767
Directions form is unique to UI element using a standard transform component
113
00:05:53,023 --> 00:05:57,631
Erect transform component is by default going to be added to UI elements
114
00:05:58,911 --> 00:06:04,543
Pivot is one of the values that knew that we can change so we change the pivot value
115
00:06:04,799 --> 00:06:06,335
Of the X20
116
00:06:07,871 --> 00:06:08,895
And then scale it
117
00:06:09,663 --> 00:06:11,199
Are we good
118
00:06:11,711 --> 00:06:13,247
Right to left now
119
00:06:14,271 --> 00:06:15,295
As perfect
120
00:06:15,551 --> 00:06:17,855
Now all we need to do is just dragging over here
121
00:06:18,623 --> 00:06:20,927
Maybe try scaling it again see outlook
122
00:06:21,439 --> 00:06:22,719
That's great
123
00:06:23,231 --> 00:06:25,535
There's an issue maybe some of your noticing
124
00:06:26,303 --> 00:06:29,631
Rounded corners here are starting to get sharper
125
00:06:29,887 --> 00:06:33,727
When is greater than the original default width and then when it gets smaller
126
00:06:33,983 --> 00:06:35,519
A slowly start to shrink
127
00:06:36,799 --> 00:06:37,823
We definitely don't want that
128
00:06:38,335 --> 00:06:41,919
Where we fix that is simply to go back to rui here
129
00:06:43,455 --> 00:06:44,991
Go to display editor
130
00:06:45,247 --> 00:06:47,551
Can you use a something called slicing
131
00:06:47,807 --> 00:06:49,087
Eclipse play editor
132
00:06:50,111 --> 00:06:51,391
Zoom in
133
00:06:51,903 --> 00:06:53,183
To our surprise here
134
00:06:53,695 --> 00:06:55,999
Now the bounding box here in blue
135
00:06:56,511 --> 00:06:58,303
Just basically specifies
136
00:06:59,327 --> 00:07:01,119
Where were cutting this out
137
00:07:01,375 --> 00:07:03,679
You think about this big image here
138
00:07:03,935 --> 00:07:05,983
As almost like a transparency
139
00:07:06,239 --> 00:07:06,751
With
140
00:07:07,775 --> 00:07:09,055
Please images printed on
141
00:07:09,567 --> 00:07:12,383
We could technically cut it out like this if you wanted to
142
00:07:12,895 --> 00:07:15,711
Let's go ahead and set the blue bounding box
143
00:07:15,967 --> 00:07:16,991
Toolbar right here
144
00:07:17,759 --> 00:07:20,319
You may have been wondering where the Green dots
145
00:07:20,831 --> 00:07:22,879
That's how we're going to Centre Parcs life
146
00:07:23,647 --> 00:07:28,767
What is allows us to do if we click on the green door in drag down and then drag down here
147
00:07:29,535 --> 00:07:31,583
And maybe here as well
148
00:07:31,839 --> 00:07:34,911
Kinda hard to see is in it let's go ahead and click this button here
149
00:07:35,679 --> 00:07:39,007
Set the background black ok now we can really see
150
00:07:39,519 --> 00:07:44,383
What were looking at ok in over here as well grab this green.in dragon over
151
00:07:44,895 --> 00:07:47,199
What this means that no matter how
152
00:07:47,455 --> 00:07:49,759
Bigger how wide are how tall
153
00:07:50,527 --> 00:07:51,807
We make this pride
154
00:07:52,831 --> 00:07:56,415
The corners will not scale everything else will scale
155
00:07:56,671 --> 00:07:57,951
Except for the corners
156
00:07:59,743 --> 00:08:02,047
Again that's what the green dots signify
157
00:08:02,559 --> 00:08:06,143
The blue Max just signifies where were cutting the spread out
158
00:08:06,655 --> 00:08:09,471
So actually this dragon to that right there there we go
159
00:08:10,495 --> 00:08:11,519
Alright
160
00:08:12,031 --> 00:08:17,407
So this might not make sense but we're going to go ahead and apply here and I can show you exactly what's going on
161
00:08:17,663 --> 00:08:19,967
Alright so let's shift the wet here
162
00:08:20,479 --> 00:08:22,527
Well looks like it's not really
163
00:08:22,783 --> 00:08:25,599
Changing anything we're still getting a squashed look
164
00:08:26,367 --> 00:08:28,671
You know change the weight using the rat tour
165
00:08:29,439 --> 00:08:33,791
Let's try that as well known as the width values as a shift using the red door
166
00:08:34,047 --> 00:08:37,119
Our changing just like we were doing earlier like this
167
00:08:38,399 --> 00:08:38,911
Well
168
00:08:39,167 --> 00:08:43,263
Still getting a squashed look so he didn't fix it why is that
169
00:08:43,775 --> 00:08:46,335
What's because you know image type it's not a symbol
170
00:08:47,103 --> 00:08:48,383
Actually said it to
171
00:08:48,639 --> 00:08:49,151
Sliced
172
00:08:50,175 --> 00:08:55,295
So now you nearly knows that we want to take advantage of those green dots
173
00:08:56,319 --> 00:08:58,367
Are there we go awesome
174
00:08:58,879 --> 00:09:01,439
So no matter how far we go
175
00:09:01,695 --> 00:09:05,023
Is still going to look like a nice clean rounded rectangle
176
00:09:05,791 --> 00:09:07,583
Ok there's one problem here
177
00:09:08,095 --> 00:09:09,375
Bring it down
178
00:09:09,887 --> 00:09:12,703
Some weird artefacts of wearside make this bigger
179
00:09:13,983 --> 00:09:15,007
What's going on there
180
00:09:15,263 --> 00:09:17,055
So strange zoom in here
181
00:09:18,847 --> 00:09:24,479
The more we zoom in the last artefact it looks
182
00:09:24,735 --> 00:09:30,879
That's because we using something tipping no photos of you who have worked at 3D game you know what mething is
183
00:09:31,135 --> 00:09:35,231
Mapping basically compressors a texture the further away from the actual object you are
184
00:09:35,999 --> 00:09:39,327
We need mapping for you ion it's because well
185
00:09:39,583 --> 00:09:42,399
I was going to be there whenever going to be a different size
186
00:09:43,167 --> 00:09:48,543
Doesn't really want to use mate mapping for 2D and general so what we going to do is just go to are you I am not here
187
00:09:49,567 --> 00:09:50,847
We're going to go to advanced
188
00:09:51,871 --> 00:09:54,175
I'm going to change the properties
189
00:09:54,687 --> 00:09:56,735
Are you a PSD file
190
00:09:57,759 --> 00:10:00,588
Change the generate mipmaps to false
191
00:10:00,589 --> 00:10:03,273
Subtitled by
-♪ online-courses.club ♪-
We compress knowledge for you!
https://t.me/joinchat/ailxpXoW3JVjYzQ1
192
00:10:03,274 --> 00:10:02,879
So
193
00:10:03,647 --> 00:10:04,671
Reply
194
00:10:05,183 --> 00:10:07,743
Now that these properties are changed
195
00:10:08,511 --> 00:10:10,559
Individual PSB file
196
00:10:11,071 --> 00:10:13,631
If we select this and drag back down
197
00:10:14,655 --> 00:10:15,423
Perfect
198
00:10:15,679 --> 00:10:17,471
Resin any mapping
199
00:10:18,239 --> 00:10:21,311
It just for clarity guys we're not going to be adjusting
200
00:10:21,567 --> 00:10:23,103
The scale ok
201
00:10:23,615 --> 00:10:25,663
We're not going to be adjusting the scale
202
00:10:26,431 --> 00:10:28,479
We're going to be adjusting the whip
203
00:10:28,735 --> 00:10:29,759
There's a difference
204
00:10:30,015 --> 00:10:33,087
The scale is the scale of the actual gameobject
205
00:10:33,343 --> 00:10:39,487
What is the scale of this individual image
15063
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.
Afrikaans
Akan
Albanian
Amharic
Arabic
Armenian
Azerbaijani
Basque
Belarusian
Bemba
Bengali
Bihari
Bosnian
Breton
Bulgarian
Cambodian
Catalan
Cebuano
Cherokee
Chichewa
Chinese (Simplified)
Chinese (Traditional)
Corsican
Croatian
Czech
Danish
Dutch
English
Esperanto
Estonian
Faroese
Finnish
Galician
Georgian
German
Greek
Guarani
Haitian Creole
Hausa
Hawaiian
Hebrew
Hmong
Hungarian
Icelandic
Indonesian
Irish
Italian
Japanese
Kazakh
Kinyarwanda
Kirundi
Kongo
Korean
Krio (Sierra Leone)
Kurdish
Kyrgyz
Laothian
Latin
Latvian
Lithuanian
Luganda
Luo
Luxembourgish
Macedonian
Malagasy
Malay
Maltese
Maori
Mauritian Creole
Moldavian
Mongolian
Myanmar (Burmese)
Montenegrin
Nepali
Norwegian
Pashto
Persian
Polish
Portuguese (Brazil)
Portuguese (Portugal)
Quechua
Romanian
Romansh
Samoan
Scots Gaelic
Serbian
Sesotho
Setswana
Seychellois Creole
Shona
Sindhi
Sinhalese
Slovak
Slovenian
Somali
Spanish
Swedish
Tajik
Tatar
Thai
Tigrinya
Tonga
Turkish
Turkmen
Ukrainian
Uzbek
Vietnamese
Welsh
Wolof