The new Sketch beta is wild — Transcript

Full transcript

1. 0:00Oh, hey there. There's been a new beat
2. 0:02out of Sketch and it's got some new
3. 0:04features and one of them's kind of
4. 0:06interesting.
5. 0:07Oh, damn. That's liquid glass. How do we
6. 0:10do this? Right, let's grab a frame.
7. 0:12Going to come in here. We're going to
8. 0:14chuck in an image. Do one of them.
9. 0:15Whatever. Give it a second. There we go.
10. 0:17That'll do. Uh, create a shape. Go under
11. 0:19effects. Go glass. And then we're going
12. 0:21to grab a corner. There we go. Do that.
13. 0:23And we're done. Change that from auto to
14. 0:25custom. And then we've got uh liquid
15. 0:28glass, including the amount of chromatic
16. 0:30aberration around the edges, which we
17. 0:32can't see in this image because we've
18. 0:33chosen a really bad image. And by
19. 0:35chosen, I mean picked one at random,
20. 0:37which doesn't have that much cut. I
21. 0:38mean, that one's no better. Come on.
22. 0:40Come on. Random select. Let's try
23. 0:41pixels. Come on, sort your life out. Oh,
24. 0:45that's You've let me down again. We can
25. 0:47still see. You see this fringing? That's
26. 0:49chromatic aberration, sir. And yeah,
27. 0:51this is like completely real time.
28. 0:54There's some jank with my computer at
29. 0:55the minute. It's because um I'm running
30. 0:58the Mac OS 26 beta because I am an
31. 1:02idiot. Don't recommend it. Don't do it.
32. 1:04It's way too early. Uh but yeah, there
33. 1:06you go. Look at the glass. And also you
34. 1:07can do your tint. So you can make that
35. 1:09like red, whatever. It's probably too
36. 1:11much red. There you go. There's some red
37. 1:13or we can make a different color. Woo!
38. 1:16Look at that. Wow. Magical. Um that is
39. 1:19basically in a nutshell the uh Well,
40. 1:22that's crazy. Whoa. Yeah, you've got all
41. 1:25the options. You've got all the options.
42. 1:26Turn up saturation, turn down
43. 1:28saturation. It's it's all that stuff.
44. 1:30This is in beta. Um, so it's definitely
45. 1:32not ready for prime time, but yeah,
46. 1:33they've they've turned it around in a
47. 1:36week and a half. Pretty impressive. Um,
48. 1:39so what else is there? There's some
49. 1:41other stuff. There's some other stuff.
50. 1:42Let's do some of the other stuff. I
51. 1:43think the other one which I haven't even
52. 1:44tried yet because I got too excited and
53. 1:46then started pressing record
54. 1:48um with that is apparently
55. 1:51that's my whackom being rubbish. It's
56. 1:54not working properly in in this version
57. 1:56of Mac OS. If I make this a layout there
58. 1:59we go. And I get my rectangle and then
59. 2:01we're going to do is we're going to set
60. 2:03our corners to auto.
61. 2:07A is that working? No. Hold up. Do that
62. 2:10again. Sorry. Hang on. I'm being dumb.
63. 2:12Let's not make that a stack. Make a new
64. 2:13frame. There we go. Look at that. Fancy.
65. 2:15Corners. We're going to turn to a
66. 2:17radius. We're going to change to a color
67. 2:18so we can see it. We grab a rectangle
68. 2:20without putting the layout on. And then
69. 2:21we're going to change our corners to
70. 2:22auto. And then what that's going to do
71. 2:24is if I change the corner radius on my
72. 2:27outer guy, it's going to match the
73. 2:29radius. So if I make this a known size,
74. 2:32let's say this is
75. 2:34So yeah, we will put a new layout on
76. 2:35here. So do a layout on there. And then
77. 2:37this guy, we're going to do fill. And
78. 2:39fill. There we go. It's not filling.
79. 2:41It's not filling. That's That's fine.
80. 2:43That's fine. You know why? Because it's
81. 2:45a beta. So, not everything's going to
82. 2:47work. That's fine. In fact, actually,
83. 2:49our stack, we have some inherent
84. 2:50padding. So, change that to zero. And
85. 2:53then we're going to do put to one.
86. 2:55Change to 10 and 10. There we go. And
87. 2:59then now we get automatic nesting of the
88. 3:02inner
89. 3:04rounding guy without having to do
90. 3:06anything at all. It's pretty faking
91. 3:09cool. We've also got a thing I've
92. 3:10noticed here which is a little slidy
93. 3:12thing which does um if you hover over
94. 3:15it, it says switch between opacity and
95. 3:18progressive alpha. So you can do
96. 3:20progressive alpha. So basically like an
97. 3:22alpha mask without having to mask it,
98. 3:24which they didn't even mention. And this
99. 3:26might disappear. I don't know. But
100. 3:27that's a thing. Also, uh a thing that
101. 3:30they sort of dropped in the previous
102. 3:32one, which is also here. They don't
103. 3:34these are like some really nice
104. 3:35features. So we go to this guy. Hi. Uh,
105. 3:39hey, we go back to effects.
106. 3:43Oh dear. And we're going to do
107. 3:46layer blur. And now we've got, you know,
108. 3:48a blur. We have other blurs. We have
109. 3:50progressive blur, which is, you know, a
110. 3:52thing, um, which also works the way it
111. 3:55should work. And then we've got, you
112. 3:56know, all different blurs now. So, you
113. 3:58do the whole invogue progressive blur
114. 4:00stuff. There's also, memory serves,
115. 4:02there's a bunch of different blurs.
116. 4:04There's now motion blur, which Whoa,
117. 4:07that hurts my eyes. And then the zoom
118. 4:08blur.
119. 4:11There you go. Which also uh [ __ ] hurts
120. 4:14my eyes. Um you can do you can it can be
121. 4:17like 1995 daytime television all over
122. 4:20again. We focus on their eyes cuz it's
123. 4:23the most dramatic part of the picture.
124. 4:25It comes into focus and he's the hero of
125. 4:26the story. That's the end of the video.
126. 4:28Uh I'm sure there's other stuff coming
127. 4:29in the beta, but anyway, that's that's
128. 4:31all I've got for now. Get a goodbye.