All language subtitles for How To Use Affinity Designer 2 for Beginners 2024 Quick Start Guide.en

af Afrikaans
sq Albanian
am Amharic
ar Arabic
hy Armenian
az Azerbaijani
eu Basque
be Belarusian
bn Bengali
bs Bosnian
bg Bulgarian
ca Catalan
ceb Cebuano
ny Chichewa
zh-CN Chinese (Simplified)
zh-TW Chinese (Traditional)
co Corsican
hr Croatian
cs Czech
da Danish
nl Dutch
en English
eo Esperanto
et Estonian
tl Filipino
fi Finnish
fr French
fy Frisian
gl Galician
ka Georgian
de German
el Greek
gu Gujarati
ht Haitian Creole
ha Hausa
haw Hawaiian
iw Hebrew
hi Hindi
hmn Hmong
hu Hungarian
is Icelandic
ig Igbo
id Indonesian
ga Irish
it Italian
ja Japanese
jw Javanese
kn Kannada
kk Kazakh
km Khmer
ko Korean
ku Kurdish (Kurmanji)
ky Kyrgyz
lo Lao
la Latin
lv Latvian
lt Lithuanian
lb Luxembourgish
mk Macedonian
mg Malagasy
ms Malay
ml Malayalam
mt Maltese
mi Maori
mr Marathi
mn Mongolian
my Myanmar (Burmese)
ne Nepali
no Norwegian
ps Pashto
fa Persian
pl Polish Download
pt Portuguese
pa Punjabi
ro Romanian
ru Russian
sm Samoan
gd Scots Gaelic
sr Serbian
st Sesotho
sn Shona
sd Sindhi
si Sinhala
sk Slovak
sl Slovenian
so Somali
es Spanish
su Sundanese
sw Swahili
sv Swedish
tg Tajik
ta Tamil
te Telugu
th Thai
tr Turkish
uk Ukrainian
ur Urdu
uz Uzbek
vi Vietnamese
cy Welsh
xh Xhosa
yi Yiddish
yo Yoruba
zu Zulu
or Odia (Oriya)
rw Kinyarwanda
tk Turkmen
tt Tatar
ug Uyghur
Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated: 1 00:00:00,330 --> 00:00:03,679 [Music] 2 00:00:03,679 --> 00:00:05,600 hey today we're going to learn 3 00:00:05,600 --> 00:00:07,439 everything we need to know to get 4 00:00:07,439 --> 00:00:10,440 started with affinity designer version 5 00:00:10,440 --> 00:00:14,320 two I will go over all of the tools and 6 00:00:14,320 --> 00:00:17,160 fundamental features of the software and 7 00:00:17,160 --> 00:00:19,119 after this one video you should be able 8 00:00:19,119 --> 00:00:22,359 to start your journey with this great 9 00:00:22,359 --> 00:00:25,640 Vector editing program as you may know 10 00:00:25,640 --> 00:00:27,400 already I think designer is just a 11 00:00:27,400 --> 00:00:30,080 single patches so that's way more 12 00:00:30,080 --> 00:00:32,360 affordable than Adobe Illustrator right 13 00:00:32,360 --> 00:00:36,160 now okay so let's get started with a new 14 00:00:36,160 --> 00:00:38,719 document so here I am in the software 15 00:00:38,719 --> 00:00:41,640 this is the desktop version for Mac I'm 16 00:00:41,640 --> 00:00:43,680 creating a blank new document that will 17 00:00:43,680 --> 00:00:45,039 be 18 00:00:45,039 --> 00:00:48,879 A4 click create and here we are we got a 19 00:00:48,879 --> 00:00:52,520 blank white page let's just draw 20 00:00:52,520 --> 00:00:55,000 something quickly so we got something to 21 00:00:55,000 --> 00:00:57,879 talk about move around I will head 22 00:00:57,879 --> 00:01:01,079 straight to shapes here 23 00:01:01,079 --> 00:01:03,600 and select a hard 24 00:01:03,600 --> 00:01:06,280 shape so there's dedicated hard shape 25 00:01:06,280 --> 00:01:09,880 tool that's right if you hold shift you 26 00:01:09,880 --> 00:01:12,119 can maintain a nice 27 00:01:12,119 --> 00:01:14,600 proportion let's change the color you 28 00:01:14,600 --> 00:01:16,840 can see the color of it on the right 29 00:01:16,840 --> 00:01:19,799 here in the color panel the ring light 30 00:01:19,799 --> 00:01:22,439 thing that's the stroke color so the 31 00:01:22,439 --> 00:01:24,600 color around the shape actually I don't 32 00:01:24,600 --> 00:01:27,159 want any stroke color so I will keep it 33 00:01:27,159 --> 00:01:30,040 transparent and for the fill color I 34 00:01:30,040 --> 00:01:33,040 will change it into something more like 35 00:01:33,040 --> 00:01:36,200 a pink and while we are here you may 36 00:01:36,200 --> 00:01:39,119 consider switching to the wheel I know 37 00:01:39,119 --> 00:01:41,920 many people prefer that method so click 38 00:01:41,920 --> 00:01:44,200 this little hamburger menu on the right 39 00:01:44,200 --> 00:01:47,399 select the wheel and here's very 40 00:01:47,399 --> 00:01:49,759 familiar very user friendly way of 41 00:01:49,759 --> 00:01:52,399 picking colors so when you move around 42 00:01:52,399 --> 00:01:55,840 360 you picking different Hue and then 43 00:01:55,840 --> 00:01:58,479 the triangle thing that's the full 44 00:01:58,479 --> 00:02:02,600 saturation that's the one one and here 45 00:02:02,600 --> 00:02:05,119 top is the full darkness and this one 46 00:02:05,119 --> 00:02:06,719 here is the full brightness and 47 00:02:06,719 --> 00:02:08,840 everything in between that's for you to 48 00:02:08,840 --> 00:02:12,800 play with all right 49 00:02:14,000 --> 00:02:16,560 oversaturated red hot shap that's what 50 00:02:16,560 --> 00:02:17,319 we 51 00:02:17,319 --> 00:02:20,440 need now we can start with 52 00:02:20,440 --> 00:02:23,200 tools the very first tool on the list 53 00:02:23,200 --> 00:02:25,160 here that's the move tool that's your 54 00:02:25,160 --> 00:02:28,200 default tool the move tool will move the 55 00:02:28,200 --> 00:02:30,280 entire object 56 00:02:30,280 --> 00:02:32,360 but not only that the move tool can help 57 00:02:32,360 --> 00:02:34,879 you with basic Transformations so you 58 00:02:34,879 --> 00:02:37,920 can rotate your 59 00:02:37,920 --> 00:02:40,519 object if you hold shift on your 60 00:02:40,519 --> 00:02:43,800 keyboard you will be jumping 61 00:02:43,800 --> 00:02:47,200 15° all right we can rotate the 62 00:02:47,200 --> 00:02:51,680 object we can also scale the object up 63 00:02:51,680 --> 00:02:54,080 and down and as you can see I can 64 00:02:54,080 --> 00:02:56,239 stretch it as well so if you want to 65 00:02:56,239 --> 00:03:00,319 avoid stretching hold shift again shift 66 00:03:00,319 --> 00:03:02,920 is this very useful keyboard shortcut 67 00:03:02,920 --> 00:03:04,640 good to 68 00:03:04,640 --> 00:03:08,080 remember all right if you hover your 69 00:03:08,080 --> 00:03:11,720 mouse kind of outside it you can even 70 00:03:11,720 --> 00:03:14,120 drag it like 71 00:03:14,120 --> 00:03:17,480 that so move tool move all of the tools 72 00:03:17,480 --> 00:03:20,239 and also basic Transformations there's 73 00:03:20,239 --> 00:03:22,560 one cool figure I need to show you if 74 00:03:22,560 --> 00:03:25,760 you use move tool by default just moving 75 00:03:25,760 --> 00:03:28,080 the shape right but if you press and 76 00:03:28,080 --> 00:03:31,120 hold command on your 77 00:03:31,120 --> 00:03:34,560 keyboard you can duplicate it very 78 00:03:34,560 --> 00:03:37,159 quickly so just press command use the 79 00:03:37,159 --> 00:03:39,400 move tool like you normally move shape 80 00:03:39,400 --> 00:03:41,319 but instead of moving it you're creating 81 00:03:41,319 --> 00:03:45,120 copies of it that's very helpful by the 82 00:03:45,120 --> 00:03:48,280 way how to go back now we could hit 83 00:03:48,280 --> 00:03:50,640 delete on the keyboard or 84 00:03:50,640 --> 00:03:53,400 backspace but you could also just use 85 00:03:53,400 --> 00:03:56,280 comment Z comment Z and that's the 86 00:03:56,280 --> 00:03:59,760 second shortcut remember undo undo undo 87 00:03:59,760 --> 00:04:02,560 do very useful because with graphic 88 00:04:02,560 --> 00:04:05,239 design software usually experiment 89 00:04:05,239 --> 00:04:08,319 trying to do stuff then we undo and 90 00:04:08,319 --> 00:04:10,000 maybe approach the same problem 91 00:04:10,000 --> 00:04:12,360 different angle different tools all 92 00:04:12,360 --> 00:04:14,319 right so that's the first tool cover 93 00:04:14,319 --> 00:04:16,519 what is the next tool that's your 94 00:04:16,519 --> 00:04:20,000 artboard tool right now there's only one 95 00:04:20,000 --> 00:04:22,880 artboard one page in this document when 96 00:04:22,880 --> 00:04:24,880 you click the inser artboard for the 97 00:04:24,880 --> 00:04:27,120 first time you're kind of unlocking the 98 00:04:27,120 --> 00:04:30,680 feature so I didn't put any new artboard 99 00:04:30,680 --> 00:04:34,720 I just unlock this and now if I click it 100 00:04:34,720 --> 00:04:37,840 again take a look I got the second 101 00:04:37,840 --> 00:04:41,000 page I can put one more page 102 00:04:41,000 --> 00:04:44,199 here you can even draw it by hand your 103 00:04:44,199 --> 00:04:46,520 artboards can come with different sizes 104 00:04:46,520 --> 00:04:49,880 there are some predetermined sizes as 105 00:04:49,880 --> 00:04:52,680 well if you zoom out I like to zoom out 106 00:04:52,680 --> 00:04:55,919 a bit old school so I press common minus 107 00:04:55,919 --> 00:04:57,360 if you zoom 108 00:04:57,360 --> 00:05:01,560 out you can rearrange it 109 00:05:02,600 --> 00:05:04,600 and good thing about artboard is you can 110 00:05:04,600 --> 00:05:07,520 actually export this document as 111 00:05:07,520 --> 00:05:09,800 multi-page PDF if you got multiple 112 00:05:09,800 --> 00:05:12,759 artboards you can keep them as pages in 113 00:05:12,759 --> 00:05:15,840 your PDFs or you can simply export just 114 00:05:15,840 --> 00:05:17,560 one artboard when you need so we can 115 00:05:17,560 --> 00:05:19,680 have artboards of different sizes like 116 00:05:19,680 --> 00:05:22,840 Instagram post Facebook this that and 117 00:05:22,840 --> 00:05:25,080 then you can export them separately keep 118 00:05:25,080 --> 00:05:27,000 all of the stuff in one document but use 119 00:05:27,000 --> 00:05:29,720 them for different purposes all right we 120 00:05:29,720 --> 00:05:32,479 can get rid of the artboard same way 121 00:05:32,479 --> 00:05:36,479 just hit delete and we are back to the 122 00:05:36,479 --> 00:05:38,160 one artboard if you got only one 123 00:05:38,160 --> 00:05:41,280 artboard the easiest way to zoom back is 124 00:05:41,280 --> 00:05:45,160 to press commment zero on your keyboard 125 00:05:45,160 --> 00:05:47,120 and is will always give you this optimal 126 00:05:47,120 --> 00:05:50,720 level of Zoom all right so that's the 127 00:05:50,720 --> 00:05:52,360 second thing that's the artbo tool 128 00:05:52,360 --> 00:05:54,479 what's the third thing that's the node 129 00:05:54,479 --> 00:05:57,039 tool to demonstrate the node tool I will 130 00:05:57,039 --> 00:06:00,360 need to turn this shape how I know this 131 00:06:00,360 --> 00:06:01,720 is a shape 132 00:06:01,720 --> 00:06:04,319 layer on the right side in the layer 133 00:06:04,319 --> 00:06:06,599 panel if you hover your mouse next to 134 00:06:06,599 --> 00:06:09,479 that layer that selected right now I can 135 00:06:09,479 --> 00:06:12,120 see the name of that shape so this is a 136 00:06:12,120 --> 00:06:14,840 special type of layer with that shape 137 00:06:14,840 --> 00:06:18,520 but if I convert this two 138 00:06:19,000 --> 00:06:23,160 curves now that's a regular Vector curve 139 00:06:23,160 --> 00:06:26,280 and with that and our Noe tool Noe tool 140 00:06:26,280 --> 00:06:28,599 looks a bit like the move tool but it's 141 00:06:28,599 --> 00:06:31,720 white and the note tool will not move 142 00:06:31,720 --> 00:06:35,080 the whole shape but only move certain 143 00:06:35,080 --> 00:06:37,919 notes so we can move them those notes we 144 00:06:37,919 --> 00:06:40,080 can adjust 145 00:06:40,080 --> 00:06:42,639 them more than that we can actually 146 00:06:42,639 --> 00:06:44,440 delete them so if you click on the Node 147 00:06:44,440 --> 00:06:48,520 and hit delete it's gone we can use that 148 00:06:48,520 --> 00:06:51,479 to add new nodes so just click on the 149 00:06:51,479 --> 00:06:54,680 curve and this will add a new 150 00:06:54,680 --> 00:06:57,639 node you may notice that two kind of 151 00:06:57,639 --> 00:07:00,120 nodes one is the circle one is the 152 00:07:00,120 --> 00:07:02,759 square thing so one note is the curvy 153 00:07:02,759 --> 00:07:05,960 one when we can adjust the curve easily 154 00:07:05,960 --> 00:07:07,720 and one is the sharp 155 00:07:07,720 --> 00:07:11,440 one in that case it will be ending with 156 00:07:11,440 --> 00:07:15,000 the sharp like shape you can easily 157 00:07:15,000 --> 00:07:18,919 transform the sharp into smooth one back 158 00:07:18,919 --> 00:07:21,280 to the sharp one if I grab this guy and 159 00:07:21,280 --> 00:07:24,160 make it into sharp one take a look we 160 00:07:24,160 --> 00:07:28,560 got this sharp ending here and here all 161 00:07:28,560 --> 00:07:31,560 right so the note tool is really really 162 00:07:31,560 --> 00:07:34,120 helpful and also you can use it to walk 163 00:07:34,120 --> 00:07:38,639 with lines so let me just quickly draw a 164 00:07:38,639 --> 00:07:43,360 line all right I need to put a stroke in 165 00:07:43,360 --> 00:07:45,960 that line because there will be no fi 166 00:07:45,960 --> 00:07:48,159 color here it's not a close shape so I 167 00:07:48,159 --> 00:07:51,360 select a stroke color now and you can 168 00:07:51,360 --> 00:07:53,479 head to the stroke panel here on the 169 00:07:53,479 --> 00:07:55,960 right side and decide how tick the line 170 00:07:55,960 --> 00:07:57,520 should 171 00:07:57,520 --> 00:08:00,840 be and why when we are here we can also 172 00:08:00,840 --> 00:08:03,840 explore other options we can make a dash 173 00:08:03,840 --> 00:08:08,560 line we can control that from here two 174 00:08:08,560 --> 00:08:12,720 two all right so that's the dash line we 175 00:08:12,720 --> 00:08:16,039 can make also a texture line style if 176 00:08:16,039 --> 00:08:19,720 you got a some kind of brush on it but 177 00:08:19,720 --> 00:08:21,800 for the regular line we can also control 178 00:08:21,800 --> 00:08:23,720 the pressure here so we can kind of 179 00:08:23,720 --> 00:08:28,520 simulate using a nice tablet and we got 180 00:08:28,520 --> 00:08:30,599 some kind of like pressure thing that we 181 00:08:30,599 --> 00:08:33,599 actually did with just this curve here 182 00:08:33,599 --> 00:08:36,120 so it's we press hard first and then 183 00:08:36,120 --> 00:08:39,279 gently and then a little bit again and 184 00:08:39,279 --> 00:08:41,159 that's how you can apply the pressure to 185 00:08:41,159 --> 00:08:43,559 your stroke to your line but let me 186 00:08:43,559 --> 00:08:45,120 reset that 187 00:08:45,120 --> 00:08:47,600 first and let's back to what we've been 188 00:08:47,600 --> 00:08:49,160 talking about I'll be talking about the 189 00:08:49,160 --> 00:08:52,519 Noe tool so we can also use the Noe tool 190 00:08:52,519 --> 00:08:56,000 this white guy here with lines so we can 191 00:08:56,000 --> 00:08:58,200 move those 192 00:08:58,200 --> 00:08:59,839 nodes 193 00:08:59,839 --> 00:09:03,440 around you can convert them you can add 194 00:09:03,440 --> 00:09:05,040 new 195 00:09:05,040 --> 00:09:08,560 noes and you can also use that to split 196 00:09:08,560 --> 00:09:11,720 the line so if I select this node take a 197 00:09:11,720 --> 00:09:14,959 look there's option to break curve here 198 00:09:14,959 --> 00:09:18,920 and with that we split this line into 199 00:09:18,920 --> 00:09:22,839 two because we break that node all right 200 00:09:22,839 --> 00:09:24,519 so now that's how we can use the node 201 00:09:24,519 --> 00:09:27,000 tool super handy node tool is one of the 202 00:09:27,000 --> 00:09:28,760 most powerful tools because we can 203 00:09:28,760 --> 00:09:30,440 always go back with the no tool and 204 00:09:30,440 --> 00:09:33,279 readjust everything the next thing on 205 00:09:33,279 --> 00:09:35,760 the list that's Contour tool so let's 206 00:09:35,760 --> 00:09:38,760 grab a shape again we need a shape then 207 00:09:38,760 --> 00:09:41,519 a contour tool and this tool will add a 208 00:09:41,519 --> 00:09:43,680 contour around or you can pull 209 00:09:43,680 --> 00:09:46,279 it inside to make it 210 00:09:46,279 --> 00:09:49,320 smaller you can also decide what kind of 211 00:09:49,320 --> 00:09:51,839 corner do you 212 00:09:51,839 --> 00:09:55,839 need and you can use that radius here 213 00:09:55,839 --> 00:09:57,800 this slideer as well you can type it 214 00:09:57,800 --> 00:10:00,079 from the keyboard 215 00:10:00,079 --> 00:10:03,079 all of this is here and if you are happy 216 00:10:03,079 --> 00:10:07,279 with your new look you can even bake 217 00:10:07,279 --> 00:10:10,200 this appearance so it become part of 218 00:10:10,200 --> 00:10:11,320 that 219 00:10:11,320 --> 00:10:15,399 shape all right let's get rid of that I 220 00:10:15,399 --> 00:10:18,519 draw a new shape to test the next tool 221 00:10:18,519 --> 00:10:20,680 the next tool on our list is the corner 222 00:10:20,680 --> 00:10:23,079 tool as you 223 00:10:23,079 --> 00:10:27,440 may predict already it's for rounding 224 00:10:27,440 --> 00:10:30,600 corners but you can do it individually 225 00:10:30,600 --> 00:10:33,360 here you can just round one corner sorry 226 00:10:33,360 --> 00:10:34,519 let's go 227 00:10:34,519 --> 00:10:37,920 undo grab the corner tool first round 228 00:10:37,920 --> 00:10:39,680 one corner take a 229 00:10:39,680 --> 00:10:42,279 look we can select what type of corner 230 00:10:42,279 --> 00:10:44,519 do you 231 00:10:46,320 --> 00:10:49,440 need and as you can imagine because we 232 00:10:49,440 --> 00:10:52,600 got so much Freedom here it can actually 233 00:10:52,600 --> 00:10:55,040 be used to build shapes so take a look 234 00:10:55,040 --> 00:10:56,880 what I got here I use just the corner 235 00:10:56,880 --> 00:10:58,680 tool but we end up with interesting 236 00:10:58,680 --> 00:11:01,800 shape just using the corner tool a bit 237 00:11:01,800 --> 00:11:04,880 underrated in my opinion all right now 238 00:11:04,880 --> 00:11:06,519 we are moving to the next thing that's 239 00:11:06,519 --> 00:11:10,720 the famous pen tool pen tool is the most 240 00:11:10,720 --> 00:11:12,600 frustrating tool in the 241 00:11:12,600 --> 00:11:15,560 program why because it's such a powerful 242 00:11:15,560 --> 00:11:17,320 tool give you the full Freedom so you 243 00:11:17,320 --> 00:11:20,320 can draw whatever you need right you can 244 00:11:20,320 --> 00:11:22,200 draw whatever you need but because of 245 00:11:22,200 --> 00:11:25,240 that it's easy to make some mistakes 246 00:11:25,240 --> 00:11:29,839 here and there pen tool is for drawing 247 00:11:29,839 --> 00:11:32,480 actually it's for placing those noes we 248 00:11:32,480 --> 00:11:34,800 are not Drawing the Line you must change 249 00:11:34,800 --> 00:11:37,240 shift your mindset a bit take a look I 250 00:11:37,240 --> 00:11:39,480 placing the node and then I placing a 251 00:11:39,480 --> 00:11:42,240 node and the line just appear between 252 00:11:42,240 --> 00:11:43,920 them I placing the 253 00:11:43,920 --> 00:11:46,760 node I still holding my mouse down so I 254 00:11:46,760 --> 00:11:49,519 can adjust the curve and the line kind 255 00:11:49,519 --> 00:11:52,000 of appears between them right so don't 256 00:11:52,000 --> 00:11:54,079 think about drawing the lines think 257 00:11:54,079 --> 00:11:56,760 about placing your notes how you will 258 00:11:56,760 --> 00:12:00,480 place your notes where they should be 259 00:12:00,480 --> 00:12:02,480 and then we close the shape we can feel 260 00:12:02,480 --> 00:12:05,440 that shape of course if you make a bit 261 00:12:05,440 --> 00:12:08,079 of mistake with your pen tool go back to 262 00:12:08,079 --> 00:12:11,680 the note tool and readjust that's how we 263 00:12:11,680 --> 00:12:14,320 roll we don't need to make a perfect 264 00:12:14,320 --> 00:12:17,680 brush stroke pen stroke in the vector 265 00:12:17,680 --> 00:12:19,839 graphics the cool thing about Vector 266 00:12:19,839 --> 00:12:22,639 graphic is you can just always readjust 267 00:12:22,639 --> 00:12:25,880 your notes realign your vectors and end 268 00:12:25,880 --> 00:12:29,000 up with a really impressive illustration 269 00:12:29,000 --> 00:12:31,399 even you are not very artistic person I 270 00:12:31,399 --> 00:12:34,199 would say so this is very technical way 271 00:12:34,199 --> 00:12:37,680 of doing Graphics all right I like the 272 00:12:37,680 --> 00:12:40,399 fact that we can always grab this note 273 00:12:40,399 --> 00:12:42,519 tool and save 274 00:12:42,519 --> 00:12:46,600 ourself that's cool let's move forward 275 00:12:46,600 --> 00:12:49,880 this next to core pencil tool and some 276 00:12:49,880 --> 00:12:51,880 people are disappointed with the pen 277 00:12:51,880 --> 00:12:53,959 tool they do not understand the whole 278 00:12:53,959 --> 00:12:56,199 concept of placing noes so they just 279 00:12:56,199 --> 00:12:58,920 grab this one and this one is more like 280 00:12:58,920 --> 00:13:00,040 a drawing the 281 00:13:00,040 --> 00:13:04,000 line the downside 282 00:13:05,160 --> 00:13:08,839 is it's harder to close the shape and as 283 00:13:08,839 --> 00:13:10,839 you can see we still got those nodes on 284 00:13:10,839 --> 00:13:11,720 that 285 00:13:11,720 --> 00:13:14,959 line how can we control them we cannot 286 00:13:14,959 --> 00:13:17,720 the program see our line and try to 287 00:13:17,720 --> 00:13:20,800 place those nodes for us so it's more 288 00:13:20,800 --> 00:13:23,079 for like organic lines 289 00:13:23,079 --> 00:13:27,079 or I always suggest using pen tool 290 00:13:27,079 --> 00:13:28,480 because in pen tool you got this full 291 00:13:28,480 --> 00:13:30,320 cont control right we can do the very 292 00:13:30,320 --> 00:13:33,760 same thing but I got full control every 293 00:13:33,760 --> 00:13:34,920 step on the 294 00:13:34,920 --> 00:13:38,279 way all right so that's was pen tool if 295 00:13:38,279 --> 00:13:41,279 I do the same thing with pencil I'm 296 00:13:41,279 --> 00:13:44,480 making this line but only after I done I 297 00:13:44,480 --> 00:13:48,079 see those notes and the shape is still 298 00:13:48,079 --> 00:13:51,480 not close we can use autoc close feature 299 00:13:51,480 --> 00:13:54,759 here let's try 300 00:13:54,759 --> 00:13:57,560 again that's nice now the shape is 301 00:13:57,560 --> 00:14:01,600 closed and and we can put the color in 302 00:14:01,600 --> 00:14:03,800 and again we always got our note tool if 303 00:14:03,800 --> 00:14:06,920 you got missing note you want to add the 304 00:14:06,920 --> 00:14:09,079 note you can always do that with the 305 00:14:09,079 --> 00:14:11,440 note tool and why we are talking about 306 00:14:11,440 --> 00:14:13,560 pencil and Pen tool because they kind of 307 00:14:13,560 --> 00:14:16,199 works together very similar purpose I 308 00:14:16,199 --> 00:14:18,279 will give you one extra tip for the pen 309 00:14:18,279 --> 00:14:22,040 tool take a look when I drove the pen 310 00:14:22,040 --> 00:14:25,240 tool the line just appears when I put 311 00:14:25,240 --> 00:14:28,279 the second note right and then I must 312 00:14:28,279 --> 00:14:30,160 put the thir note and now the lines 313 00:14:30,160 --> 00:14:32,800 appears again so I kind of need to have 314 00:14:32,800 --> 00:14:34,600 a bit of experience a bit of the 315 00:14:34,600 --> 00:14:37,519 intuition with the pen tool that's why 316 00:14:37,519 --> 00:14:39,600 it's a bit frustrating for beginners but 317 00:14:39,600 --> 00:14:41,880 we can turn on something called rubber 318 00:14:41,880 --> 00:14:44,440 bending mode so when you select your pen 319 00:14:44,440 --> 00:14:46,920 tool search for rubber bending mode here 320 00:14:46,920 --> 00:14:48,399 at the 321 00:14:48,399 --> 00:14:53,040 top rubber Bend mode turn it on take a 322 00:14:53,040 --> 00:14:56,040 look I just plac the first note and what 323 00:14:56,040 --> 00:14:58,800 is this blue line this blue line is is 324 00:14:58,800 --> 00:15:00,920 the prediction of the curve of the next 325 00:15:00,920 --> 00:15:04,639 one so that's very helpful and I don't 326 00:15:04,639 --> 00:15:06,959 understand why this is not turn on by 327 00:15:06,959 --> 00:15:10,720 default so turn it on right now okay 328 00:15:10,720 --> 00:15:12,320 this is really helpful take a look this 329 00:15:12,320 --> 00:15:13,800 was the prediction of course I can 330 00:15:13,800 --> 00:15:17,120 change how curve it is on the second 331 00:15:17,120 --> 00:15:19,360 note and again I got the 332 00:15:19,360 --> 00:15:22,199 prediction if I 333 00:15:22,199 --> 00:15:26,160 click click click I got straight lines 334 00:15:26,160 --> 00:15:28,399 if I click and hold I'm making curvy 335 00:15:28,399 --> 00:15:30,079 line 336 00:15:30,079 --> 00:15:33,279 if you into straight lines you can 337 00:15:33,279 --> 00:15:36,480 also change to the line 338 00:15:36,480 --> 00:15:38,959 mode when you got a pen tool thing 339 00:15:38,959 --> 00:15:41,360 there's also a line 340 00:15:41,360 --> 00:15:43,440 mode that will allow you to draw 341 00:15:43,440 --> 00:15:45,279 straight lines if you don't plan to make 342 00:15:45,279 --> 00:15:47,480 close shapes or you can make also the 343 00:15:47,480 --> 00:15:50,639 polygon mode when you making shapes with 344 00:15:50,639 --> 00:15:51,639 straight 345 00:15:51,639 --> 00:15:55,319 lines all right so explore your options 346 00:15:55,319 --> 00:15:57,920 at the top some of them are really 347 00:15:57,920 --> 00:16:00,800 helpful like this rubber bending mode 348 00:16:00,800 --> 00:16:02,880 all right we already covered the pencil 349 00:16:02,880 --> 00:16:05,759 a very similar to the pen tool we can 350 00:16:05,759 --> 00:16:07,720 stabilize this a little bit to get 351 00:16:07,720 --> 00:16:09,560 smoother line but we cannot fully 352 00:16:09,560 --> 00:16:13,079 control those notes the next thing on 353 00:16:13,079 --> 00:16:15,720 the list that's a vector brush tool very 354 00:16:15,720 --> 00:16:17,880 misleading name guys 355 00:16:17,880 --> 00:16:21,759 because we are drawing a vector path leg 356 00:16:21,759 --> 00:16:24,800 with the pencil so that's the 357 00:16:24,800 --> 00:16:27,720 curve and then we can select the brush 358 00:16:27,720 --> 00:16:30,639 that will be apply to that right the 359 00:16:30,639 --> 00:16:33,399 problem with it 360 00:16:36,240 --> 00:16:41,040 is all right now I'm using Vector 361 00:16:43,199 --> 00:16:45,920 brush we can modify the color we can 362 00:16:45,920 --> 00:16:48,480 change the brush here we can change the 363 00:16:48,480 --> 00:16:52,079 size of the brush as well the problem 364 00:16:52,079 --> 00:16:54,600 with this Vector brush is not the vector 365 00:16:54,600 --> 00:16:58,279 brush it's actually a vector curve so 366 00:16:58,279 --> 00:16:59,759 take take a look if I select this with 367 00:16:59,759 --> 00:17:03,600 the note tool I see only the line and I 368 00:17:03,600 --> 00:17:06,839 can change that line so that's good but 369 00:17:06,839 --> 00:17:10,720 I cannot expand this into 370 00:17:10,720 --> 00:17:14,720 shape this is a rusted brush that is 371 00:17:14,720 --> 00:17:19,319 stretch on this Vector curve so be 372 00:17:19,319 --> 00:17:22,119 careful they call it Vector brush it's 373 00:17:22,119 --> 00:17:24,559 just a vector path with the raster brush 374 00:17:24,559 --> 00:17:26,119 on the top 375 00:17:26,119 --> 00:17:29,240 unfortunately all right let's clear that 376 00:17:29,240 --> 00:17:31,760 by selecting all with the move tool and 377 00:17:31,760 --> 00:17:34,080 hitting delete on the 378 00:17:34,080 --> 00:17:36,160 keyboard what 379 00:17:36,160 --> 00:17:39,760 next there is a knife tool on the list 380 00:17:39,760 --> 00:17:43,520 here Sharp Tools my favorite of De my 381 00:17:43,520 --> 00:17:45,240 favorite way of demonstrating the knife 382 00:17:45,240 --> 00:17:49,919 tool is to draw egg first so I using 383 00:17:49,919 --> 00:17:52,080 this oval here I don't want the stroke 384 00:17:52,080 --> 00:17:54,480 color I want to change the field color 385 00:17:54,480 --> 00:17:57,159 to be like egg shell color something 386 00:17:57,159 --> 00:18:01,320 like that now I will convert to Curves 387 00:18:01,320 --> 00:18:03,840 so I can move those two nodes down you 388 00:18:03,840 --> 00:18:05,360 don't need to move them one by one we 389 00:18:05,360 --> 00:18:08,760 can select two noes just like this and 390 00:18:08,760 --> 00:18:10,200 pull them down 391 00:18:10,200 --> 00:18:12,760 together if you want to pull them in the 392 00:18:12,760 --> 00:18:16,480 straight line hold shift shift again huh 393 00:18:16,480 --> 00:18:18,799 shift will lock us into straight line 394 00:18:18,799 --> 00:18:22,039 and we got this nice looking egg now 395 00:18:22,039 --> 00:18:23,840 grab your knife 396 00:18:23,840 --> 00:18:27,320 tool and cut through this 397 00:18:27,320 --> 00:18:29,000 egg 398 00:18:29,000 --> 00:18:32,679 you must pop out on another side and 399 00:18:32,679 --> 00:18:35,880 this way we split it into two shapes if 400 00:18:35,880 --> 00:18:37,960 I grab the move tool I can take the top 401 00:18:37,960 --> 00:18:39,679 of the egg and move it 402 00:18:39,679 --> 00:18:42,039 out here's our 403 00:18:42,039 --> 00:18:46,640 egg we crack it with the knife tool you 404 00:18:46,640 --> 00:18:49,159 can always double check on your layer 405 00:18:49,159 --> 00:18:51,600 panel now we got two 406 00:18:51,600 --> 00:18:54,440 curves layer panel is located on the 407 00:18:54,440 --> 00:18:57,159 right by default it's a good way if you 408 00:18:57,159 --> 00:18:59,000 want to select certain shapes as well 409 00:18:59,000 --> 00:19:00,400 you don't need to click them here on the 410 00:19:00,400 --> 00:19:03,000 artboard you can click them on the layer 411 00:19:03,000 --> 00:19:06,520 panel as well all right we learn about 412 00:19:06,520 --> 00:19:09,520 knife tool what's next that's a vector 413 00:19:09,520 --> 00:19:12,880 fill tool so if I grab this I can fill 414 00:19:12,880 --> 00:19:15,480 this shape with color but that's 415 00:19:15,480 --> 00:19:18,679 pointless because for shape like that 416 00:19:18,679 --> 00:19:21,440 you can just change the color here so 417 00:19:21,440 --> 00:19:23,840 what's the point of using that bucket 418 00:19:23,840 --> 00:19:27,080 tool in the vector program let me show 419 00:19:27,080 --> 00:19:29,840 you let's create it sit situation where 420 00:19:29,840 --> 00:19:31,840 this thing will be useful so I grab a 421 00:19:31,840 --> 00:19:35,400 pen tool sorry pencil tool 422 00:19:35,400 --> 00:19:38,600 here I don't need to close that let's 423 00:19:38,600 --> 00:19:41,440 try again with just 424 00:19:41,440 --> 00:19:44,559 line all right we got line number one 425 00:19:44,559 --> 00:19:48,159 line number two line number 426 00:19:48,159 --> 00:19:52,039 three we got three separate 427 00:19:52,039 --> 00:19:56,039 lines so there's no way of putting the 428 00:19:56,039 --> 00:19:57,880 color in between them here to this 429 00:19:57,880 --> 00:20:01,640 triang angle but if I select this area 430 00:20:01,640 --> 00:20:05,000 all three lines together and then grab 431 00:20:05,000 --> 00:20:07,720 this useful bucket Vector bucket tool I 432 00:20:07,720 --> 00:20:11,919 can now put the color here and it will 433 00:20:11,919 --> 00:20:16,159 create a brand new Vector shape for me 434 00:20:16,159 --> 00:20:20,640 in this area that's super handy and to 435 00:20:20,640 --> 00:20:22,440 prove that this Vector take a look we 436 00:20:22,440 --> 00:20:24,440 got notes it's a proper 437 00:20:24,440 --> 00:20:27,440 Vector very nice another situation we 438 00:20:27,440 --> 00:20:30,159 can use that 439 00:20:30,600 --> 00:20:35,280 will be when you got overlapping 440 00:20:35,559 --> 00:20:37,760 shapes all right and you select 441 00:20:37,760 --> 00:20:39,760 overlapping shapes and you want to have 442 00:20:39,760 --> 00:20:43,360 a different color in that area 443 00:20:44,760 --> 00:20:48,840 here we can grab a bucket tool then you 444 00:20:48,840 --> 00:20:50,159 can select the 445 00:20:50,159 --> 00:20:53,039 color and then we can hover and recolor 446 00:20:53,039 --> 00:20:56,120 only the area we need so this was not a 447 00:20:56,120 --> 00:20:59,640 new shape at first but now if you open 448 00:20:59,640 --> 00:21:01,320 this ellipse you will see there's 449 00:21:01,320 --> 00:21:03,520 actually a vector shape in 450 00:21:03,520 --> 00:21:08,280 that group here 451 00:21:08,400 --> 00:21:11,279 nice by the way this feature is a bit 452 00:21:11,279 --> 00:21:13,600 hidden because it was not ready for 453 00:21:13,600 --> 00:21:17,080 version 2.0 for this big release they 454 00:21:17,080 --> 00:21:18,320 added in 455 00:21:18,320 --> 00:21:21,679 2.1 so some people Miss on that tool so 456 00:21:21,679 --> 00:21:24,400 there's a proper Vector bucket tool now 457 00:21:24,400 --> 00:21:27,320 in our Fint designer all right what's 458 00:21:27,320 --> 00:21:29,240 next that's a gradient tool to apply 459 00:21:29,240 --> 00:21:31,880 gradient we need a space for it so 460 00:21:31,880 --> 00:21:34,400 that's our shape now we can apply 461 00:21:34,400 --> 00:21:35,960 gradient on it and the good thing is 462 00:21:35,960 --> 00:21:38,039 it's a live gradient so I didn't even 463 00:21:38,039 --> 00:21:40,799 finish applying the gradient but I can 464 00:21:40,799 --> 00:21:43,640 see it right away that's nice I don't 465 00:21:43,640 --> 00:21:47,000 need to like try try try no just hold 466 00:21:47,000 --> 00:21:50,400 it nice let's go up 467 00:21:50,400 --> 00:21:54,360 here so we can modify the 468 00:21:54,360 --> 00:21:56,679 color by the way you can also open the 469 00:21:56,679 --> 00:21:58,559 Wheel from here if you are big big fan 470 00:21:58,559 --> 00:22:01,279 of that color 471 00:22:01,279 --> 00:22:05,279 wheel okay the end color over here we 472 00:22:05,279 --> 00:22:10,279 can add extra color in the center if you 473 00:22:10,279 --> 00:22:13,120 like and cool thing we can actually add 474 00:22:13,120 --> 00:22:14,960 the noise I like to add a bit of noise 475 00:22:14,960 --> 00:22:16,039 to dark 476 00:22:16,039 --> 00:22:20,120 colors so that's the vector noise nice 477 00:22:20,120 --> 00:22:22,919 by default it's a linear gradient so 478 00:22:22,919 --> 00:22:26,159 it's like a line but we can change that 479 00:22:26,159 --> 00:22:28,720 as well it can be ellipse 480 00:22:28,720 --> 00:22:31,400 so like a 481 00:22:32,120 --> 00:22:36,240 circle we got a radial and also this 482 00:22:36,240 --> 00:22:39,520 conico one that you may see before when 483 00:22:39,520 --> 00:22:41,600 you got this sharp connection here on 484 00:22:41,600 --> 00:22:42,480 this 485 00:22:42,480 --> 00:22:45,919 side I like to change to solid and you 486 00:22:45,919 --> 00:22:48,480 will get only one color you can change 487 00:22:48,480 --> 00:22:50,640 to linear and you loading the gradient 488 00:22:50,640 --> 00:22:52,520 by default from that color you got 489 00:22:52,520 --> 00:22:54,360 already so you don't even need to select 490 00:22:54,360 --> 00:22:57,279 the gradient tool from the list so let's 491 00:22:57,279 --> 00:23:01,200 say you got got your color in your shape 492 00:23:01,200 --> 00:23:03,400 you go to the fill area 493 00:23:03,400 --> 00:23:08,080 here and you can change that you want to 494 00:23:08,080 --> 00:23:10,200 move from a solid color into the 495 00:23:10,200 --> 00:23:13,240 gradient just from here as well or you 496 00:23:13,240 --> 00:23:15,039 can select the gradient tool and you 497 00:23:15,039 --> 00:23:17,559 will see the type is solid right now so 498 00:23:17,559 --> 00:23:19,120 it's not really gradient but if you move 499 00:23:19,120 --> 00:23:22,080 it to linear you get a brand new 500 00:23:22,080 --> 00:23:24,440 gradient based on that solid color so 501 00:23:24,440 --> 00:23:26,120 you got a good start because you already 502 00:23:26,120 --> 00:23:28,960 got that first color in that gradient 503 00:23:28,960 --> 00:23:31,320 and you can just modify the second 504 00:23:31,320 --> 00:23:34,080 color all right that's your gradient 505 00:23:34,080 --> 00:23:36,760 tool nothing impressive here are 506 00:23:36,760 --> 00:23:39,279 fortunately no mesh gradients in our 507 00:23:39,279 --> 00:23:41,159 finity designer right now we are on 508 00:23:41,159 --> 00:23:43,400 version 509 00:23:43,400 --> 00:23:46,720 2.3 version 2.4 is already in beta test 510 00:23:46,720 --> 00:23:49,799 so I can tell you from kind of behind 511 00:23:49,799 --> 00:23:53,000 the scene it's not there as well so no 512 00:23:53,000 --> 00:23:57,880 mesh gradients just yet what next we got 513 00:23:57,880 --> 00:24:00,919 Place tool for placing images there's 514 00:24:00,919 --> 00:24:04,120 also a vector crop tool that I never 515 00:24:04,120 --> 00:24:09,320 ever use so let's draw a shape Vector 516 00:24:09,320 --> 00:24:11,640 crop tool give us this cropping marks 517 00:24:11,640 --> 00:24:13,480 when we can crop the 518 00:24:13,480 --> 00:24:17,120 shape like that why I never use that 519 00:24:17,120 --> 00:24:19,960 tool I'm going to show you later how we 520 00:24:19,960 --> 00:24:23,640 can do this effect way better let's 521 00:24:23,640 --> 00:24:26,720 delete that for now and we finally reach 522 00:24:26,720 --> 00:24:29,440 the bottom part of the tool panel you 523 00:24:29,440 --> 00:24:31,799 got the rectangle and the oval tool for 524 00:24:31,799 --> 00:24:33,600 drawing shapes I've been drawing shapes 525 00:24:33,600 --> 00:24:35,200 a lot today so we already know how to 526 00:24:35,200 --> 00:24:38,520 use them if you press and hold 527 00:24:38,520 --> 00:24:41,559 shift you will have a one: one 528 00:24:41,559 --> 00:24:44,640 ratio we can set up roundness for the 529 00:24:44,640 --> 00:24:47,120 corners from here straight from here 530 00:24:47,120 --> 00:24:49,520 even without using the corner 531 00:24:49,520 --> 00:24:52,679 tool keep in mind some shapes come with 532 00:24:52,679 --> 00:24:55,240 some extra control points like in this 533 00:24:55,240 --> 00:24:58,399 case I got this Orange Point 534 00:24:58,399 --> 00:25:01,120 let me demonstrate this on the more more 535 00:25:01,120 --> 00:25:03,679 complex shape so let's open this whole 536 00:25:03,679 --> 00:25:08,960 long shape selection and pick a shape 537 00:25:08,960 --> 00:25:11,039 like a star 538 00:25:11,039 --> 00:25:13,919 maybe in that case you can see I got 539 00:25:13,919 --> 00:25:16,279 three orange points and they control 540 00:25:16,279 --> 00:25:18,440 different aspects of this shape so I can 541 00:25:18,440 --> 00:25:21,960 make this end of the arm rounded I can 542 00:25:21,960 --> 00:25:24,840 make this space between arms going in 543 00:25:24,840 --> 00:25:27,840 and out and I can finally round this 544 00:25:27,840 --> 00:25:31,440 space between them so you can round it 545 00:25:31,440 --> 00:25:34,240 in if you need to add more points more 546 00:25:34,240 --> 00:25:35,960 arms you can also change that from the 547 00:25:35,960 --> 00:25:38,799 slider at the top so keep in mind some 548 00:25:38,799 --> 00:25:41,640 of those tools come with smart controls 549 00:25:41,640 --> 00:25:44,399 and this way you can very quickly morph 550 00:25:44,399 --> 00:25:47,039 them into new shapes like 551 00:25:47,039 --> 00:25:51,080 this that's nice there is also a shape 552 00:25:51,080 --> 00:25:54,520 Builder tool to demonstrate that I will 553 00:25:54,520 --> 00:25:56,760 need one more shape because we cannot 554 00:25:56,760 --> 00:25:58,799 build a new new shape with just one 555 00:25:58,799 --> 00:26:02,639 shape we need two different 556 00:26:05,559 --> 00:26:09,320 shapes and you need to select them both 557 00:26:09,320 --> 00:26:12,440 how you can do that you can simply click 558 00:26:12,440 --> 00:26:16,159 outside and drag the selection 559 00:26:16,159 --> 00:26:19,559 around you can also click on one shape 560 00:26:19,559 --> 00:26:22,320 hold the shift and click on the second 561 00:26:22,320 --> 00:26:28,840 one then go for shape Builder tool 562 00:26:28,840 --> 00:26:31,760 in this tool we got two modes one is the 563 00:26:31,760 --> 00:26:34,000 plus mode one is the minus mode adding 564 00:26:34,000 --> 00:26:36,960 or subtracting if I use the plus 565 00:26:36,960 --> 00:26:40,600 mode and I can drag now the line 566 00:26:40,600 --> 00:26:42,480 indicating what I want to add together 567 00:26:42,480 --> 00:26:45,480 this part with this part with this part 568 00:26:45,480 --> 00:26:48,480 release your mouse you got a new shape 569 00:26:48,480 --> 00:26:50,640 let's undo command 570 00:26:50,640 --> 00:26:53,480 Z Now use the minus mode what do you 571 00:26:53,480 --> 00:26:55,240 want to 572 00:26:55,240 --> 00:26:57,760 delete maybe I want to delete in only 573 00:26:57,760 --> 00:27:00,360 the center thing it's gone maybe this 574 00:27:00,360 --> 00:27:03,399 one as well gone and that's my new shape 575 00:27:03,399 --> 00:27:06,320 now so shape Builder tool allow you for 576 00:27:06,320 --> 00:27:10,159 interactions between multiple shapes so 577 00:27:10,159 --> 00:27:13,240 let's create that situation let's draw 578 00:27:13,240 --> 00:27:16,840 more than one shape more than two maybe 579 00:27:16,840 --> 00:27:19,279 I will create several different shapes 580 00:27:19,279 --> 00:27:21,159 do you remember how we can quickly copy 581 00:27:21,159 --> 00:27:24,679 shapes with the move tool just press 582 00:27:24,679 --> 00:27:28,480 command and we can copy them quickly 583 00:27:28,480 --> 00:27:31,240 all right now I will place this guy in 584 00:27:31,240 --> 00:27:33,240 the center can you see how it's nicely 585 00:27:33,240 --> 00:27:35,320 snapping to the center of my 586 00:27:35,320 --> 00:27:38,200 screen because I turn on snapping this 587 00:27:38,200 --> 00:27:40,600 little magnet over 588 00:27:40,600 --> 00:27:43,159 here you can turn it on and off you can 589 00:27:43,159 --> 00:27:47,880 also control what do you want to snap 590 00:27:49,120 --> 00:27:52,760 to all right let's rotate the second one 591 00:27:52,760 --> 00:27:55,519 I hold shift so I can have a nice 592 00:27:55,519 --> 00:27:58,080 rotation here 593 00:27:58,080 --> 00:28:01,120 this guy will be rotated like that and 594 00:28:01,120 --> 00:28:04,519 this one this way and if I don't want to 595 00:28:04,519 --> 00:28:06,760 realign all of that by hand I can just 596 00:28:06,760 --> 00:28:08,919 select all of those 597 00:28:08,919 --> 00:28:11,600 shapes and use the alignment panel at 598 00:28:11,600 --> 00:28:12,919 the 599 00:28:12,919 --> 00:28:17,120 top let's align horizontally and 600 00:28:17,120 --> 00:28:20,559 vertically now I see I mess it up a bit 601 00:28:20,559 --> 00:28:23,279 so this one need to be rotated like that 602 00:28:23,279 --> 00:28:26,120 all right Perfect by the way if this 603 00:28:26,120 --> 00:28:29,120 video is a bit too fast for you feel 604 00:28:29,120 --> 00:28:31,600 free to slow it down in the video 605 00:28:31,600 --> 00:28:34,880 options at the bottom right corner and 606 00:28:34,880 --> 00:28:37,320 the other way around as well if it's too 607 00:28:37,320 --> 00:28:41,000 slow you feel bored speed me up a bit 608 00:28:41,000 --> 00:28:43,200 maybe it will be better learning 609 00:28:43,200 --> 00:28:46,080 experience for you also you can always 610 00:28:46,080 --> 00:28:49,399 pause and also rewind the video so keep 611 00:28:49,399 --> 00:28:52,440 that in mind you are in control here all 612 00:28:52,440 --> 00:28:54,960 right back to the topic we got this 613 00:28:54,960 --> 00:28:58,440 combination of four different shapes 614 00:28:58,440 --> 00:29:01,679 I select them all now I select the shape 615 00:29:01,679 --> 00:29:04,960 Builder tool very handy tool and now I'm 616 00:29:04,960 --> 00:29:07,760 going to create a brand new shape out of 617 00:29:07,760 --> 00:29:12,600 those three sections and here again here 618 00:29:12,600 --> 00:29:14,440 again here 619 00:29:14,440 --> 00:29:17,679 again drag and 620 00:29:17,679 --> 00:29:20,279 release and we transform that 621 00:29:20,279 --> 00:29:24,080 combination into a nice logo all symbol 622 00:29:24,080 --> 00:29:26,679 we can even fill those areas with colors 623 00:29:26,679 --> 00:29:30,440 no problem take a 624 00:29:35,000 --> 00:29:37,360 look all right so that's how you use the 625 00:29:37,360 --> 00:29:39,960 shape build the tool we almost at the 626 00:29:39,960 --> 00:29:43,679 very end of the tool panel so what 627 00:29:43,679 --> 00:29:47,120 what's left there is a nice artistic 628 00:29:47,120 --> 00:29:50,480 text and the frame text tool artistic is 629 00:29:50,480 --> 00:29:53,600 for a one or two lines of text like 630 00:29:53,600 --> 00:29:55,919 headlines when you can type the text 631 00:29:55,919 --> 00:29:59,120 modify the font 632 00:29:59,120 --> 00:30:01,360 and by the way a newest feature in the 633 00:30:01,360 --> 00:30:03,600 program is now we got this little hard 634 00:30:03,600 --> 00:30:06,279 shape you can click on it to add the 635 00:30:06,279 --> 00:30:08,559 font to your favorites so if you got 636 00:30:08,559 --> 00:30:11,039 this problem got too many fonts you can 637 00:30:11,039 --> 00:30:14,080 create your favorite list we can change 638 00:30:14,080 --> 00:30:17,360 the size of it and of course we can 639 00:30:17,360 --> 00:30:19,240 modify the color by using the color 640 00:30:19,240 --> 00:30:22,679 wheel on the right like before all right 641 00:30:22,679 --> 00:30:26,799 so that's for our text and the second 642 00:30:26,799 --> 00:30:29,440 one the frame text tool the difference 643 00:30:29,440 --> 00:30:31,919 is this one is more like we kind of 644 00:30:31,919 --> 00:30:36,600 selecting the longer area for the longer 645 00:30:36,600 --> 00:30:40,039 text for now I can insert filler text if 646 00:30:40,039 --> 00:30:40,760 I 647 00:30:40,760 --> 00:30:43,960 like and later on if I got the real text 648 00:30:43,960 --> 00:30:47,000 from my editor I can change that to the 649 00:30:47,000 --> 00:30:49,760 correct text but you can use the fillet 650 00:30:49,760 --> 00:30:52,000 text first so you 651 00:30:52,000 --> 00:30:55,360 can kind of deal with the formatting 652 00:30:55,360 --> 00:30:58,039 right keep in mind that are some options 653 00:30:58,039 --> 00:31:00,559 here at the 654 00:31:01,679 --> 00:31:05,399 top and you can modify some settings of 655 00:31:05,399 --> 00:31:09,600 your text by clicking this a icon 656 00:31:09,600 --> 00:31:12,519 here like position and transforming what 657 00:31:12,519 --> 00:31:14,600 is the distance between lines and all of 658 00:31:14,600 --> 00:31:18,440 that it's here in this popup window for 659 00:31:18,440 --> 00:31:21,000 character nice that's the text tool 660 00:31:21,000 --> 00:31:24,679 what's below the text tool a very 661 00:31:24,679 --> 00:31:27,320 interesting addition there are two 662 00:31:27,320 --> 00:31:30,760 Pickers one is the classic Color Picker 663 00:31:30,760 --> 00:31:33,360 so we can pick the color if you didn't 664 00:31:33,360 --> 00:31:35,120 select anything yet if you pick the 665 00:31:35,120 --> 00:31:37,639 color of 666 00:31:37,840 --> 00:31:40,720 something like this gray backdr let's 667 00:31:40,720 --> 00:31:43,240 add something here so we got as 668 00:31:43,240 --> 00:31:45,720 interesting color all right if I didn't 669 00:31:45,720 --> 00:31:47,679 select anything just use the Picker and 670 00:31:47,679 --> 00:31:51,039 I click on this color it's goes to here 671 00:31:51,039 --> 00:31:53,320 to Quick picker 672 00:31:53,320 --> 00:31:56,799 color and then I can click on that to 673 00:31:56,799 --> 00:32:01,240 put it as my main color and also you can 674 00:32:01,240 --> 00:32:03,399 use that quick picker from here so if 675 00:32:03,399 --> 00:32:05,480 you select the quick 676 00:32:05,480 --> 00:32:08,360 picker press and hold and now you are in 677 00:32:08,360 --> 00:32:10,720 quick picker mode when you can 678 00:32:10,720 --> 00:32:13,559 just put the color in here without 679 00:32:13,559 --> 00:32:15,880 switching to the tool yet it's really 680 00:32:15,880 --> 00:32:18,120 simple but it's hard to explain so I 681 00:32:18,120 --> 00:32:21,760 would like you to try yourself if you 682 00:32:21,760 --> 00:32:24,080 click on this picker and hold you will 683 00:32:24,080 --> 00:32:27,279 get this color picking mode when you can 684 00:32:27,279 --> 00:32:29,120 select the color and the good thing is 685 00:32:29,120 --> 00:32:30,679 you can select it from outside the 686 00:32:30,679 --> 00:32:32,559 program take a look I'm selecting the 687 00:32:32,559 --> 00:32:36,200 color from my interface 688 00:32:36,200 --> 00:32:39,000 here all right I select that blue color 689 00:32:39,000 --> 00:32:41,240 and it's still inside the pier but if I 690 00:32:41,240 --> 00:32:43,519 click on that blue circle it's jump into 691 00:32:43,519 --> 00:32:46,639 my main color and the next shape I draw 692 00:32:46,639 --> 00:32:48,360 will be in that 693 00:32:48,360 --> 00:32:52,200 color if you got shape selected in that 694 00:32:52,200 --> 00:32:55,480 moment and use the quick 695 00:32:56,039 --> 00:32:58,840 picker you can even put it directly in 696 00:32:58,840 --> 00:33:00,639 that shape all right so for picking 697 00:33:00,639 --> 00:33:02,720 colors we got quick picker on the right 698 00:33:02,720 --> 00:33:05,320 inside the color panel and the regular 699 00:33:05,320 --> 00:33:08,200 picker here from the tool list but 700 00:33:08,200 --> 00:33:10,519 there's also this blue picker called 701 00:33:10,519 --> 00:33:13,360 style picker tool so we need to create 702 00:33:13,360 --> 00:33:16,360 two shapes so I can demonstrate that to 703 00:33:16,360 --> 00:33:19,799 you so we got this a little 704 00:33:24,399 --> 00:33:27,919 star and let's copy that c Comm and 705 00:33:27,919 --> 00:33:28,919 moving 706 00:33:28,919 --> 00:33:30,960 around all 707 00:33:30,960 --> 00:33:34,919 right I will click on this first star 708 00:33:34,919 --> 00:33:37,159 and we will head to the layer panel on 709 00:33:37,159 --> 00:33:37,960 the 710 00:33:37,960 --> 00:33:43,559 right select FX below layer 711 00:33:43,559 --> 00:33:46,639 effects now we can add different effects 712 00:33:46,639 --> 00:33:48,559 to 713 00:33:48,559 --> 00:33:52,279 it I encourage you to kind of check 714 00:33:52,279 --> 00:33:55,559 every effect experiment with 715 00:33:55,559 --> 00:33:58,399 them as you can see it's applying to 716 00:33:58,399 --> 00:34:01,518 that selected 717 00:34:02,240 --> 00:34:04,600 layer sometimes we create a really 718 00:34:04,600 --> 00:34:07,320 interesting effect and we want to 719 00:34:07,320 --> 00:34:09,320 transform that effect into the next 720 00:34:09,320 --> 00:34:11,440 shape next object right we don't want to 721 00:34:11,440 --> 00:34:15,480 start from scratch every time that's why 722 00:34:15,480 --> 00:34:18,000 we can use this style picker tool so let 723 00:34:18,000 --> 00:34:20,639 me add this gradient with the overlay 724 00:34:20,639 --> 00:34:24,280 mode and then maybe I will put like 725 00:34:24,280 --> 00:34:25,879 outline on 726 00:34:25,879 --> 00:34:27,760 it 727 00:34:27,760 --> 00:34:31,119 and then we add also all the shadow 728 00:34:31,119 --> 00:34:35,639 there some kind of Shadow popping 729 00:34:37,239 --> 00:34:40,879 out all right that's my weird style I 730 00:34:40,879 --> 00:34:43,679 click close And now I need to put this 731 00:34:43,679 --> 00:34:46,320 on that other shape so I can select this 732 00:34:46,320 --> 00:34:50,719 other shape thing and then go for the 733 00:34:50,719 --> 00:34:54,439 second style pick a 734 00:34:54,960 --> 00:34:58,000 tool now at the top you can decide what 735 00:34:58,000 --> 00:35:01,760 you want to pick all or n or decide 736 00:35:01,760 --> 00:35:05,160 yourself stroke F layer opacity layer 737 00:35:05,160 --> 00:35:08,079 effects now I click on this 738 00:35:08,079 --> 00:35:12,760 guy and I pick that style for this new 739 00:35:12,760 --> 00:35:15,920 shape now this style picker is loaded 740 00:35:15,920 --> 00:35:19,760 with that style I can unload it if I 741 00:35:19,760 --> 00:35:22,240 want to pick the new style or I can use 742 00:35:22,240 --> 00:35:24,680 it on another shape as 743 00:35:24,680 --> 00:35:27,359 well as you can see I'm on the smallest 744 00:35:27,359 --> 00:35:29,560 screen so I cannot see all of my tools 745 00:35:29,560 --> 00:35:31,720 there are still two more areas in my 746 00:35:31,720 --> 00:35:33,960 tool panel you know what before we 747 00:35:33,960 --> 00:35:36,200 explore that let's fix that problem if 748 00:35:36,200 --> 00:35:38,720 you are like me you got smaller screen 749 00:35:38,720 --> 00:35:41,960 in my case that's 13 in laptop I will 750 00:35:41,960 --> 00:35:46,520 need to adjust my tools panel on the 751 00:35:46,520 --> 00:35:48,160 left we can do 752 00:35:48,160 --> 00:35:52,160 that head to view at the top and search 753 00:35:52,160 --> 00:35:55,240 for customized 754 00:35:55,240 --> 00:35:58,680 tools from here you can drag and drop 755 00:35:58,680 --> 00:36:01,880 any tool you need to your tool panel you 756 00:36:01,880 --> 00:36:05,160 can also change the number of columns 757 00:36:05,160 --> 00:36:06,240 you want to 758 00:36:06,240 --> 00:36:08,960 use I will switch to two 759 00:36:08,960 --> 00:36:12,079 columns and this way all of my tools can 760 00:36:12,079 --> 00:36:13,480 fit 761 00:36:13,480 --> 00:36:16,640 now you can also consider rearranging 762 00:36:16,640 --> 00:36:20,000 them for example I like the note tool to 763 00:36:20,000 --> 00:36:22,800 be next to my move 764 00:36:22,800 --> 00:36:28,079 tool and I never ever use the view to 765 00:36:28,079 --> 00:36:30,920 but I will keep it from now to 766 00:36:30,920 --> 00:36:33,200 demonstrate that first you can also drag 767 00:36:33,200 --> 00:36:36,720 this line to create a 768 00:36:36,880 --> 00:36:39,720 separator between different sections in 769 00:36:39,720 --> 00:36:42,960 your tool panel and if you like some 770 00:36:42,960 --> 00:36:45,200 tools to pop up like for the shapes for 771 00:36:45,200 --> 00:36:46,839 example like hard shaped tool normally 772 00:36:46,839 --> 00:36:48,839 it's in the group right you must open 773 00:36:48,839 --> 00:36:51,880 the group first and pick it up you can 774 00:36:51,880 --> 00:36:54,079 put it directly here if you are using 775 00:36:54,079 --> 00:36:57,400 this really often all right let's click 776 00:36:57,400 --> 00:37:01,599 close and with this new double column 777 00:37:01,599 --> 00:37:04,240 tool panel on the left let's explore the 778 00:37:04,240 --> 00:37:07,160 remaining tools so there's area 779 00:37:07,160 --> 00:37:10,240 tool if you select that you can decide 780 00:37:10,240 --> 00:37:13,280 about the scale of your drawing that's 781 00:37:13,280 --> 00:37:16,240 for planning if you create a plan or map 782 00:37:16,240 --> 00:37:18,480 in a designer you can actually make a 783 00:37:18,480 --> 00:37:21,880 real scale like 1 to 10 1 to 100 that 784 00:37:21,880 --> 00:37:24,319 should help you out with your plan so we 785 00:37:24,319 --> 00:37:28,520 can make a scale but also so if you are 786 00:37:28,520 --> 00:37:30,599 in that mode and you click on something 787 00:37:30,599 --> 00:37:32,960 you can see the area of that late of 788 00:37:32,960 --> 00:37:36,240 walls of lines so it's really for making 789 00:37:36,240 --> 00:37:39,480 plans detail plans maps and stuff like 790 00:37:39,480 --> 00:37:42,800 that so that's your area tool and 791 00:37:42,800 --> 00:37:46,680 there's also a measure tool when we can 792 00:37:46,680 --> 00:37:49,480 measure stuff with temporary lines like 793 00:37:49,480 --> 00:37:53,079 that like this is 77 mm so if you are 794 00:37:53,079 --> 00:37:56,000 actually planning to manufacture some 795 00:37:56,000 --> 00:37:57,960 actual product based on your 796 00:37:57,960 --> 00:38:00,440 illustration on your drawings that's can 797 00:38:00,440 --> 00:38:02,319 be also a handy for checking 798 00:38:02,319 --> 00:38:04,040 unfortunately we cannot stick it right 799 00:38:04,040 --> 00:38:06,560 now so everybody been asking me how can 800 00:38:06,560 --> 00:38:10,880 you make this line stick and left here 801 00:38:10,880 --> 00:38:12,960 like that okay I switch the tool back 802 00:38:12,960 --> 00:38:16,599 and the line disappear so we ask the a 803 00:38:16,599 --> 00:38:18,839 developers about this already we hope 804 00:38:18,839 --> 00:38:21,319 that they will add the stickiness to 805 00:38:21,319 --> 00:38:24,359 those measurements that next update okay 806 00:38:24,359 --> 00:38:26,640 so that's a measurement tool and below 807 00:38:26,640 --> 00:38:29,160 that we got our Zoom tool that I never 808 00:38:29,160 --> 00:38:33,160 use why you know why because I zoom in 809 00:38:33,160 --> 00:38:35,280 with the keyboard so if you are on 810 00:38:35,280 --> 00:38:38,160 desktop mode like me you can just press 811 00:38:38,160 --> 00:38:40,960 comment plus comment minus to zoom in 812 00:38:40,960 --> 00:38:44,520 and out if you're on iPad version it's 813 00:38:44,520 --> 00:38:48,440 even easier just pinch with your fingers 814 00:38:48,440 --> 00:38:52,000 and speaking of iPad version there is a 815 00:38:52,000 --> 00:38:55,040 controller for you on iPad to indicate 816 00:38:55,040 --> 00:38:57,920 some virual buttons so today I show you 817 00:38:57,920 --> 00:39:00,280 some helpful tips and tricks right like 818 00:39:00,280 --> 00:39:02,800 press command to duplicate or press 819 00:39:02,800 --> 00:39:06,560 shift to rotate 15 degrees if you wonder 820 00:39:06,560 --> 00:39:08,599 how you can use that knowledge on iPad 821 00:39:08,599 --> 00:39:10,839 you can you can turn on your virtual 822 00:39:10,839 --> 00:39:13,720 buttons and you can actually press shift 823 00:39:13,720 --> 00:39:17,960 or commands on iPad as well all right so 824 00:39:17,960 --> 00:39:20,359 that's the zoom tool and the last 825 00:39:20,359 --> 00:39:23,640 remaining tool that's our view tool also 826 00:39:23,640 --> 00:39:25,880 called pan tool or hand tool that allow 827 00:39:25,880 --> 00:39:29,440 us to drag the camera around so if you 828 00:39:29,440 --> 00:39:31,520 are in the zoom in mode you want you can 829 00:39:31,520 --> 00:39:33,760 drag yourself around and I never ever 830 00:39:33,760 --> 00:39:36,800 use this tool from the tool panel why 831 00:39:36,800 --> 00:39:40,040 because if I'm using a tool let's say a 832 00:39:40,040 --> 00:39:43,160 pen tool I don't want to change to that 833 00:39:43,160 --> 00:39:45,520 tool I simply press and 834 00:39:45,520 --> 00:39:49,119 hold space bar and then I can use that 835 00:39:49,119 --> 00:39:51,440 temporary I'm still holding the space 836 00:39:51,440 --> 00:39:55,400 bar move around move 837 00:39:55,400 --> 00:39:58,319 around and release space bar and you 838 00:39:58,319 --> 00:40:00,240 jump back to the pen tool to the 839 00:40:00,240 --> 00:40:02,400 previous tool it's way better for your 840 00:40:02,400 --> 00:40:05,520 workflow all right seems like we cover 841 00:40:05,520 --> 00:40:08,760 all of the basics on the left so that's 842 00:40:08,760 --> 00:40:11,480 the tool panel we still got stuff here 843 00:40:11,480 --> 00:40:14,760 at the top and on the right so let's 844 00:40:14,760 --> 00:40:17,599 focus our attention to the top right now 845 00:40:17,599 --> 00:40:20,079 the very first thing we can see are 846 00:40:20,079 --> 00:40:22,839 personas so we got designer Persona 847 00:40:22,839 --> 00:40:24,839 that's the default one for editing 848 00:40:24,839 --> 00:40:29,200 vectors but there also a pixel Persona 849 00:40:29,200 --> 00:40:32,400 if I click on that everything we learn 850 00:40:32,400 --> 00:40:36,359 is obsolete because we got totally new 851 00:40:36,359 --> 00:40:38,920 tool set all of those tools in the pixel 852 00:40:38,920 --> 00:40:41,520 Persona as you may guess are for 853 00:40:41,520 --> 00:40:45,599 modifying raster images that's right you 854 00:40:45,599 --> 00:40:50,760 can modify raster images in a designer a 855 00:40:50,760 --> 00:40:53,079 designer is not exactly an alternative 856 00:40:53,079 --> 00:40:55,680 to adob illustrator it's more like two 857 00:40:55,680 --> 00:40:59,440 in one hybrid so it's mostly for vectors 858 00:40:59,440 --> 00:41:02,040 but if you really need you can actually 859 00:41:02,040 --> 00:41:04,760 do some raster work on your raster 860 00:41:04,760 --> 00:41:08,800 Graphics as well and no surprise we got 861 00:41:08,800 --> 00:41:11,839 multiple selections 862 00:41:12,000 --> 00:41:15,040 tool there's a rust a 863 00:41:15,040 --> 00:41:20,280 brush eraser tool rust a bucket tool and 864 00:41:20,280 --> 00:41:24,040 few more so it is a burn SMUD and blur 865 00:41:24,040 --> 00:41:27,640 very basic set for r editing but it's 866 00:41:27,640 --> 00:41:29,920 here it's will be not used by 867 00:41:29,920 --> 00:41:32,119 photographers to enhance the pictures 868 00:41:32,119 --> 00:41:34,960 but it's used by illustrators so let's 869 00:41:34,960 --> 00:41:36,720 say you create a beautiful Vector 870 00:41:36,720 --> 00:41:39,839 illustration using designer Persona and 871 00:41:39,839 --> 00:41:41,880 then you want to add this organic touch 872 00:41:41,880 --> 00:41:44,599 to it so you can switch to pixel Persona 873 00:41:44,599 --> 00:41:46,960 and use some raster brushes adding 874 00:41:46,960 --> 00:41:49,920 raster textures and work with that all 875 00:41:49,920 --> 00:41:51,880 right and the last Persona on the list 876 00:41:51,880 --> 00:41:55,920 the next one is export Persona and the 877 00:41:55,920 --> 00:41:58,560 two tools are so limited here because 878 00:41:58,560 --> 00:42:00,560 our attention should be focused on the 879 00:42:00,560 --> 00:42:04,200 right side when we got export options we 880 00:42:04,200 --> 00:42:07,040 can decide which what kind of format do 881 00:42:07,040 --> 00:42:11,599 we need and Export our Graphics it's 882 00:42:11,599 --> 00:42:14,160 really cool because if you got multiple 883 00:42:14,160 --> 00:42:17,960 icons you can create slices for 884 00:42:17,960 --> 00:42:22,800 them and Export them all at once very 885 00:42:22,800 --> 00:42:24,960 nice let's jump back to the main 886 00:42:24,960 --> 00:42:28,040 personas of design a Persona personas 887 00:42:28,040 --> 00:42:30,240 are different interfaces designer is the 888 00:42:30,240 --> 00:42:32,880 main one for vectors pixel Persona is 889 00:42:32,880 --> 00:42:36,000 for enhancing Ras elements and Export 890 00:42:36,000 --> 00:42:39,160 Persona is for the finishing export 891 00:42:39,160 --> 00:42:41,000 especially if you got complex design 892 00:42:41,000 --> 00:42:42,960 that don't need to export into multiple 893 00:42:42,960 --> 00:42:47,559 files like icon sets all right what else 894 00:42:47,559 --> 00:42:49,599 is here that we should talk about we got 895 00:42:49,599 --> 00:42:52,440 some basic transer options like flipping 896 00:42:52,440 --> 00:42:56,280 horizontally and vertically rotating 897 00:42:56,280 --> 00:43:00,079 clockwise anticlockwise from here we can 898 00:43:00,079 --> 00:43:03,559 align I already show alignments option 899 00:43:03,559 --> 00:43:06,000 here and keep in mind while you are 900 00:43:06,000 --> 00:43:08,160 aligning there's also option for 901 00:43:08,160 --> 00:43:12,960 distribution so let's create a few more 902 00:43:12,960 --> 00:43:17,160 elements misalign elements who did that 903 00:43:17,160 --> 00:43:19,960 all right and now we use we select them 904 00:43:19,960 --> 00:43:23,319 all first so I click here select them 905 00:43:23,319 --> 00:43:29,000 all go to alignment let's align them 906 00:43:29,000 --> 00:43:31,960 vertically nice 907 00:43:31,960 --> 00:43:35,400 let's distribute them so let's say the 908 00:43:35,400 --> 00:43:38,720 distribute terribly like that I go for 909 00:43:38,720 --> 00:43:41,119 alignment and then we got distribution 910 00:43:41,119 --> 00:43:43,680 as well so space horizontally will'll do 911 00:43:43,680 --> 00:43:46,880 the trick by the way if you got three 912 00:43:46,880 --> 00:43:48,000 shapes 913 00:43:48,000 --> 00:43:51,240 selected and you try to rotate them you 914 00:43:51,240 --> 00:43:52,839 will end up with something like that 915 00:43:52,839 --> 00:43:56,599 you're rotating from the center here and 916 00:43:56,599 --> 00:43:58,720 even you can move that center it's still 917 00:43:58,720 --> 00:44:01,800 not rotating as individual shapes so 918 00:44:01,800 --> 00:44:05,079 what you need to do is you need to head 919 00:44:05,079 --> 00:44:09,559 to the top and click transform objects 920 00:44:09,559 --> 00:44:12,160 separately and now it seems like only 921 00:44:12,160 --> 00:44:14,440 the first one is selected but pay 922 00:44:14,440 --> 00:44:16,520 attention to your layer panel they're 923 00:44:16,520 --> 00:44:19,640 all still highlighted so if I rotate the 924 00:44:19,640 --> 00:44:20,960 first 925 00:44:20,960 --> 00:44:24,200 one now every selected shape is 926 00:44:24,200 --> 00:44:26,559 transforming separately 927 00:44:26,559 --> 00:44:29,559 I can even scale 928 00:44:29,559 --> 00:44:32,400 them a little trick for you guys if you 929 00:44:32,400 --> 00:44:35,760 want to transform multiple objects but 930 00:44:35,760 --> 00:44:40,400 in the separate manner all right so we 931 00:44:40,400 --> 00:44:44,240 are ready cover snapping and magnets we 932 00:44:44,240 --> 00:44:46,079 can snap to different elements and it 933 00:44:46,079 --> 00:44:48,680 will give you those temporary guides 934 00:44:48,680 --> 00:44:50,079 take a 935 00:44:50,079 --> 00:44:53,480 look it's nicely snapping and helping me 936 00:44:53,480 --> 00:44:57,040 out relocate my object I can even locate 937 00:44:57,040 --> 00:44:59,760 that perfectly in between those two 938 00:44:59,760 --> 00:45:03,119 shapes without any alignments because of 939 00:45:03,119 --> 00:45:06,720 snapping and we finally moving to the 940 00:45:06,720 --> 00:45:09,720 most important part of the top 941 00:45:09,720 --> 00:45:12,520 panel to demonstrate that one I will 942 00:45:12,520 --> 00:45:14,280 need two new 943 00:45:14,280 --> 00:45:17,440 shapes let's go with the very 944 00:45:17,440 --> 00:45:19,359 classic 945 00:45:19,359 --> 00:45:23,000 square and 946 00:45:24,880 --> 00:45:26,400 circle 947 00:45:26,400 --> 00:45:30,119 with two shapes like that we can test 948 00:45:30,119 --> 00:45:32,440 the bulling operation also called 949 00:45:32,440 --> 00:45:34,880 geometry sometimes called po figh by 950 00:45:34,880 --> 00:45:39,240 some Adobe fans so we can unite two 951 00:45:39,240 --> 00:45:41,920 shapes together but wait Mark you just 952 00:45:41,920 --> 00:45:45,359 tell us to use shape Builder tool right 953 00:45:45,359 --> 00:45:48,200 this thing on the left here in the panel 954 00:45:48,200 --> 00:45:50,920 we can unite them together as well yeah 955 00:45:50,920 --> 00:45:53,040 that's right the shap Builder tool is 956 00:45:53,040 --> 00:45:56,000 for more complex compositions but we we 957 00:45:56,000 --> 00:45:57,920 still got options to do just simple 958 00:45:57,920 --> 00:46:00,240 actions between two three shapes if you 959 00:46:00,240 --> 00:46:01,920 just want to unite everything together 960 00:46:01,920 --> 00:46:03,160 you can select 961 00:46:03,160 --> 00:46:05,800 them 962 00:46:05,800 --> 00:46:09,839 BM undo let's try the next action called 963 00:46:09,839 --> 00:46:13,359 subtract now the shape at the top make a 964 00:46:13,359 --> 00:46:16,839 hole in the shape below that this option 965 00:46:16,839 --> 00:46:19,559 for intersection so we got only the 966 00:46:19,559 --> 00:46:24,760 intersecting part left there's also XR 967 00:46:24,760 --> 00:46:28,319 so difference to intersection when the 968 00:46:28,319 --> 00:46:31,040 intersecting part is gone and the last 969 00:46:31,040 --> 00:46:32,800 one is interesting because the last one 970 00:46:32,800 --> 00:46:34,240 will divide it 971 00:46:34,240 --> 00:46:37,640 into three separate 972 00:46:37,640 --> 00:46:40,079 shapes all right so that's another way 973 00:46:40,079 --> 00:46:43,800 how we can build shapes we already talk 974 00:46:43,800 --> 00:46:45,720 about colors and take a look that 975 00:46:45,720 --> 00:46:49,760 different panels here one for stroke 976 00:46:49,760 --> 00:46:52,520 appearance same for layers we got layers 977 00:46:52,520 --> 00:46:55,000 we got transform and we can see exact 978 00:46:55,000 --> 00:46:57,160 size of the object object this 979 00:46:57,160 --> 00:47:01,440 navigation one if you fun of that we got 980 00:47:01,440 --> 00:47:02,960 brushes and 981 00:47:02,960 --> 00:47:06,720 styles and all of that are from the 982 00:47:06,720 --> 00:47:09,359 studios panel so we can literally drag 983 00:47:09,359 --> 00:47:12,839 out this Navigator pull it out and 984 00:47:12,839 --> 00:47:15,119 relocate this in the program to be in 985 00:47:15,119 --> 00:47:17,400 different position sometimes it can even 986 00:47:17,400 --> 00:47:21,319 stick so I can stick it to this side all 987 00:47:21,319 --> 00:47:25,480 right we can put it back here to be 988 00:47:25,480 --> 00:47:27,480 above of our 989 00:47:27,480 --> 00:47:30,440 colors drag it out and close it if you 990 00:47:30,440 --> 00:47:33,760 don't need it how we can reopen those 991 00:47:33,760 --> 00:47:37,079 Studios and snap them into our interface 992 00:47:37,079 --> 00:47:40,040 easy stuff go to window and you will see 993 00:47:40,040 --> 00:47:42,240 which studios are turn on the one that I 994 00:47:42,240 --> 00:47:46,119 on right now got the check mark so if 995 00:47:46,119 --> 00:47:47,720 you need history because you love to 996 00:47:47,720 --> 00:47:48,839 undo a 997 00:47:48,839 --> 00:47:51,000 lot click on 998 00:47:51,000 --> 00:47:55,200 history and it appears here now I can go 999 00:47:55,200 --> 00:47:57,720 all the way back back to very beginning 1000 00:47:57,720 --> 00:47:59,880 of this video and we can learn 1001 00:47:59,880 --> 00:48:03,760 everything once more okay so that's how 1002 00:48:03,760 --> 00:48:06,119 you do it you can turn on different 1003 00:48:06,119 --> 00:48:08,440 Studios to modify your interface for 1004 00:48:08,440 --> 00:48:09,599 your 1005 00:48:09,599 --> 00:48:13,400 needs then we got our color wheel and 1006 00:48:13,400 --> 00:48:16,599 layer panel in the layer panel we can 1007 00:48:16,599 --> 00:48:19,480 add a special layer effects we try it 1008 00:48:19,480 --> 00:48:21,520 out already on that star remember 1009 00:48:21,520 --> 00:48:25,680 there's FX here but there's also a nice 1010 00:48:25,680 --> 00:48:29,319 addition in version two warp so we can 1011 00:48:29,319 --> 00:48:31,240 actually Vector 1012 00:48:31,240 --> 00:48:34,520 warp using some 1013 00:48:34,520 --> 00:48:40,160 presets or we can use the mesh and warp 1014 00:48:40,160 --> 00:48:42,480 ourself those Vector 1015 00:48:42,480 --> 00:48:46,079 shapes logos and stuff like that with 1016 00:48:46,079 --> 00:48:48,799 the proper Vector 1017 00:48:48,799 --> 00:48:51,640 warp so that's a nice addition and if 1018 00:48:51,640 --> 00:48:53,079 you are happy with your result and you 1019 00:48:53,079 --> 00:48:55,079 want to kind of B this in you can 1020 00:48:55,079 --> 00:48:57,400 convert to Curves and you end up with 1021 00:48:57,400 --> 00:49:02,160 the new shape all right I mentioned 1022 00:49:02,160 --> 00:49:05,559 before that I hate using the crop tool 1023 00:49:05,559 --> 00:49:08,000 and I got a better method the my method 1024 00:49:08,000 --> 00:49:10,079 is when I got a shape and I need only 1025 00:49:10,079 --> 00:49:11,160 half of 1026 00:49:11,160 --> 00:49:15,760 it I make a second shape right and those 1027 00:49:15,760 --> 00:49:17,480 geometry options we just learned about 1028 00:49:17,480 --> 00:49:20,160 this bulling operations I can 1029 00:49:20,160 --> 00:49:23,520 subtract and I got half of the shape 1030 00:49:23,520 --> 00:49:26,119 left keep in mind if you you cannot 1031 00:49:26,119 --> 00:49:28,480 modify the shape with the note tool you 1032 00:49:28,480 --> 00:49:29,799 cannot see your 1033 00:49:29,799 --> 00:49:33,240 nodes maybe you must convert your shape 1034 00:49:33,240 --> 00:49:35,880 into curves so when you draw the shape 1035 00:49:35,880 --> 00:49:37,599 for the first 1036 00:49:37,599 --> 00:49:41,160 time and you try to modify it in detail 1037 00:49:41,160 --> 00:49:44,000 you just see this orange control Point 1038 00:49:44,000 --> 00:49:48,119 click convert to Curves to unlock the 1039 00:49:48,119 --> 00:49:51,720 shape always pay attention to the layer 1040 00:49:51,720 --> 00:49:54,520 panel to see which layer is currently 1041 00:49:54,520 --> 00:49:58,200 selected all right guys I think we cover 1042 00:49:58,200 --> 00:50:00,799 everything you need to know to get 1043 00:50:00,799 --> 00:50:05,799 started with your up designer Journey 1044 00:50:05,799 --> 00:50:08,760 One Last Thing Before you go because 1045 00:50:08,760 --> 00:50:11,760 that's can make give you trouble if 1046 00:50:11,760 --> 00:50:13,760 you're working on some pngs that you 1047 00:50:13,760 --> 00:50:15,400 want to export without 1048 00:50:15,400 --> 00:50:18,880 backdrop right let's test this out so we 1049 00:50:18,880 --> 00:50:22,000 got this little star here if you want to 1050 00:50:22,000 --> 00:50:24,079 export this without the 1051 00:50:24,079 --> 00:50:26,280 backdrop there is eest way is to 1052 00:50:26,280 --> 00:50:27,880 actually get rid of the backdrop from 1053 00:50:27,880 --> 00:50:30,920 your artboard you can click document 1054 00:50:30,920 --> 00:50:34,319 setup and you can go to color and turn 1055 00:50:34,319 --> 00:50:36,520 on transparent 1056 00:50:36,520 --> 00:50:38,680 backdrop and you will got this very 1057 00:50:38,680 --> 00:50:41,680 familiar checkerboard indicating 1058 00:50:41,680 --> 00:50:44,520 transparency all right guys I hope this 1059 00:50:44,520 --> 00:50:47,920 was helpful keep in mind I got almost 1060 00:50:47,920 --> 00:50:52,200 200 tutorials for Ain designer so feel 1061 00:50:52,200 --> 00:50:54,599 free to explore the whole playlist and 1062 00:50:54,599 --> 00:50:56,839 learn more about this great software I 1063 00:50:56,839 --> 00:51:02,839 will see you in the next video bye 78572

Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.