Vectorising your art and designs using an iPad | Viki Kloper-Weidenfeld | Skillshare

Vectorising your art and designs using an iPad

Viki Kloper-Weidenfeld, Teaching creativity using iPad

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
16 Lessons (27m)
    • 1. Intro

      0:54
    • 2. What is vector art

      2:11
    • 3. The gallery

      0:39
    • 4. Open a new document

      0:54
    • 5. Importing files

      0:46
    • 6. Upper menu

      2:01
    • 7. Layers and properties menu

      1:23
    • 8. Commands

      1:43
    • 9. Lower menu

      4:55
    • 10. Keyboard shortcuts

      1:24
    • 11. Using pen tool

      1:08
    • 12. Groups

      0:36
    • 13. Clipping masks

      0:38
    • 14. Vectorizing a logo

      3:16
    • 15. Vectorizing an icon

      3:33
    • 16. Exporting files

      0:48

About This Class

Today I am going to teach you how to use a vector drawing apps called ProtoSketch.

This app allows to use vector shapes, bezier curves and much more to vectorise your art or design work.  

I will show you step by step how to use this app.

We will go over two projects that require using bezier curves and making an object by using vector shapes. 

With Protosketch you will be able to make slick designs in minutes! If you are a designer, a marketer or just want to sketch something, you want to make a logo or a new landing page for your business - you should learn to use ProtoSketch.

Don't forget to follow my channel and check out other classes. 

Transcripts

1. Intro: thank you for taking this class. My name is Bacon and teach everything that is about creativity on the I In this class, I'm going to teach how to vector is your art or design using only your iPhone? I'm using the night patrol, but you can use also older versions of the I. For those that are not familiar with the term vector art and what it is all about. I will make an explanation in the next division. If you are familiar with it, you can skip to the third. Now let's talk about the AB's. There are several absent Canada produce vector art on the IIS in this class and going to teach how to work with app called proto sketch. So if you want to follow my explanations, going out with the upstart and low that this is how the icon looks like 2. What is vector art: vector art is always explained. He speaks a lot for this explanation. We will compare an object created in an air black procreate, which is arrester or pixel kind of fab, similar to photo shop. I just draw a line and let's zoom in to see what happens. When we zoom in, we start to see the pixels. Now let's open, brought a sketch and draw similar line when wisdom in there are no pixels. This happens because of some mathematical algorithms that make this magic. So why do we need this vector magic? Some art or designs that we make are needed to be scalable after we make them. For example, logos are always done as vectors because sometimes we need it on the big signs. And sometimes we need it on the business card, so we need to change its side without making it pixelated. Let's see what happens toe the line I drew in procreate. I select the line with a selectable and make it bigger. Let's go in and now make it smaller. The land changes so we can't use this method for art or designs that must be scalable. If you change the line that withdrew in protest sketch. It doesn't change its properties. So before you start your project, you need to consider if you need your object, Toby Raster or vector, then decide which app you need to use. Then you might ask me, Why do I need to use an iPad for this and not an adobe illustrator up like all professional designers use, the answer to this question is, if you are not a professional designer, you might not have a professional app. So if you already on and I bet it is really easy to learn how to use this vector up. Also, the iPod is very portable, and you can use it wherever you want. And just think how. It's amazing that we live in an age that we can make rector art and design on a tablet like I bet Pro. If I interested you in this app, let's watch next video in which I will explain everything about Proto sketch 3. The gallery : When you open the app, you see the gallery. It contains some art and designs that were created with this up and you're drawing will eventually be a vector Drawing. This means that you will be able to print it both on the poster size or in the business card size. We can design ABS websites and much more with this up on the top, right? We haven't. I counted contents. A user guide that can help you if you have some technical questions about how to use this. I strongly recommend to use this guide along your work. On the left, there is a plus. I can, which means that you can open in your document. Let's talk about it in the next video. 4. Open a new document: When you tap the plus, I can. You can choose the size off canvas you would like to use. There are three options percent custom or important image. If you are going to create your work for unknown size like a four or Facebook cover, then you have these options in the present section. If you need the custom size, you have these stub. You can choose any size at any units you would like to work with. If you haven't image that you want to work with as a reference, then you can definitely import it from Dropbox, in which case the canvas size will be the salmon. The image you choose supporting for months are brought a sketch SVG, jpg and painting. For now, let's choose a four size immediately. The work interface shows up in the next videos. We will go over all menus that you see here 5. Importing files: Usually when we want to victory some art or design, we already have a reference image for it. It might be a pencil sketch off our logo or an image for art. In this case, we need to import it to our canvas on the upper menu. We have this plus icon, which opens a tag list. We will go over all the tax in the next video, but for now, let's look at the 1st 1 You can see that you can import images from your camera roll. You can't import from iCloud or services like Dropbox. This might be changed in the next versions off there to remind you you can import an image from iCloud or Dropbox from the import Manu at the beginning when we open our canvas. 6. Upper menu: in addition to important and image to the canvas you can use in app. Vector objects for your designs have devices such as Apple Watch Mac Book I make and more have pictographs shapes. You explore cars vintage. Watch us. I wasn icons. In the next versions, there might be additions. Toe this sets off vector objects. Next, we have the usual share icon. When you tap it, you can see that we can share our work, toe the camera roll to print it or to share it to Twitter or Facebook. Regarding the file format, we can save our documents in protest sketch format SVG, which is a vector format that can be used later in other vector APS also pdf PNG and JPG. When you tap on one of the Fermat, you can see that you can save them in iCloud dropbox, share it to other APS or send it by your email. Then we have the setting icon. Here we have the snapping options snapped a point toe edge or too great and too guides points two points and points. Toe edge is concerning the paths electoral and passed drawing toe snap to grid snaps. Both points and object to the grid. It could be useful when resizing and when you are drawing the past with the past. Two smart guides are related through the objects and will snap the object. You move or transform toe other objects. Sometimes it is very inconvenient to use this options, but sometimes a rather turned them off. Then you can use greets on the canvas or rollers if you need one. You can also change your canvas size during your work in the usability section and can make left handed interface. When you tap on the question mark, I can you can see some tips about the up and here we can ta go the interface on and off. 7. Layers and properties menu: Now let's talk about layers. If you ever done some digital artwork, you know the importance about working with layers. There is a layer panel icon. When you tap it, you can see what layers do we have. You can see that all three objects that we created are on the same layer. This is not recommended, so let's delete all of them. I will choose one off the director elements. Now it is on the first layer. If it ends another one, it will be on the same layer. In order to put a new object on the second layer, we need to create it first to create a layer just Absa plus icon. Now the second object is on the layer above. You can rearrange the layers by drugging them. If you need to delete a layer, select it and tap on the miners icon to make a letter to be invisible. Tap on the circle toe. Lock the layer tap on the lock icon in order to duplicate the layer. You can tap on this icon in the same menu. Have property section this regards to the object and not the layer. If you Larry selected it will not show the properties. Once an object is selected, you can change its properties such as position, size, transformation and capacity. In order to close the layer panel, you need to tap on the icon again. In the next video, we will talk about the Laura menu. 8. Commands: Now let's talk about selection. Command menu object selections have short cut comments. Tabs a command icon to access them. The shark rats, for one object and multiple selection are different. If you have one object, then you have a delete option style of Pekar, Easy image mask and duplicate. If we have multiple selections, then we have a group. Option a land and distribute the late bulletin operations staff a picker and duplicate. Now let's look at a land and distribute options. If you tap on this icon, you get to a land your objects to top horizontally right, Distribute horizontally bottom. Distribute vertically, left and vertically. Now let's look on bullion operations. Boolean operations are a way for you to combine shapes together in order to create new shapes. You can use them to merge, shapes together, cat one ship with another or leave just the intersection off shapes. All of the comments that are in the short cuts will be fined in the context menu, toe asset, the context menu. Hold your finger on the selection or the canvas. The content off the context. Menu changes depending on what you have selected and what operation is possible using this menu, you can select all you can. Cut, copy, paste mask on mask. Go to front. Goto back path outlined. Stroke joined. Paths combined Pass reverse path past from text. 9. Lower menu: Now let's look on the lower menu. First. We have the tools for us to is a selection toe. It has two options. One is selection toe, which select an object, and the other one is passed selection toe. To select an object, you can happen the object or dragging a marquee around part or off one or more object to add or remove objects from the selection hold of the ship battle and tap or with drug around the objects you want to add or remove. Use pass selection toe to select anchor points Sigmund's and pass. If you can see point, you can tap to select them to add or remove points from the selection. Hold down the shift button and tap or drag around the point you want to add or remove. While you are in the past, select more additional user interface will be available to you, which are corners or smooth removed, and a line pencil tool allows you to draw free from past selected and drug with your finger or your status on the canvass. When you draw. If the start and endpoint or close the possible clause itself, leaving you with a closed shape. If you are using an apple pencil in the vector, brash will change its whites depending on the pressure and tilt sensors. If you're using your finger, it will use the drawing speed. All brushstrokes could be expanded to feel shapes, using their option Outlined. Struck When you choose path stools, three additional tools will be available to you to draw ed and remove. But before the drop, Pasto is selected. Now let's talk about the text toe tap anywhere, and this is the position that which the new textbooks will be created. You can also use the text area with the text tool selection drag on area in which you can then input your text. We can also use the text on past method. Tap on any closed or open path toe place text on the path. We also having a razor toe. The vector raise or two is used to raise path selected portions off your outwork if you want only to raise part of them, leave all objects un selected to raise throughout every object and play layers. You can adjust the rights of the razor tool from the slider, which will appear in the bottom right corner when the residue is selected. We also have a split toe. The past splitter is used toe open closed paths or cut open path. Tap anywhere on the past and you will make a cut there. Once you cut part off the past, it is now a separate object, and you can style it differently or deleted. Also, we have shapes toe. We can draw a line rectangle, Ellipse, star, polygon and Spiro to create any of these basic shapes. Drag with your finger or a stylus across the canvas. We can also tap on the canvas to specify exact size for the shape to create. To make squares circles of the agonal in straight lines, hold down the shift while drawing shape. If you hold down out, you change the origin point from which the shape is created through the center off the shape. We can also make a stallion objects to modify object appearance, step any of the following bottoms. Position in the right side off the bottom toolbar, select an object or object and change. It's appearance gender settings with nothing selected to change the appearance with which new object will be created in this applicant also use phones. She was a front and the front face for your text. Set the alignment and the size. What's great is that you can install your own phone severe dropbox. Now let's see which feel options we have In this. We can choose between non solid radio only or linear Grenadians. Choose between car. Will algae B or H S. Big sliders change the Alfa you can drag. The droplet color in this watch is if you want to say with hex color if you need toe. We also have graduations. Use a graduate and color slider to adjust each color off your credit. Tap on the slider to add more colors to remove color. Drug it down. When you have a graduate and selected, an additional user interface will be added to your object. Move the dew points to control direction and position off the trident. We can also change our strokes. Stroke is similar to feel with the only difference there some additional options for the white cap and angle of the stroke, and there is no great and and we also have effects. There are some additional style takings. You can adjust for each shape that blend in what capacity and shadow 10. Keyboard shortcuts: There are two keyboard shortcuts on the user interface shift and, for example, to add or remove objects from the selection, hold down the shift button and tap or drag around the object you want to add or remove to break. Symmetry in control handles independently. Hold on the altar Bratton while you pull the controls handle. If you shift and tap on the chef. Both selected will result on Aidan or removing from selection if you out and drug selected shape Little Dragon coping If you shift while creating the shape it looks aspect ratio. If you shift while exercising his handles, this villa resize proportionally. If you out while reciting mishandles, this will resize for middle point. If you out will drawing pass. This will break symmetric base er handles. If you shift while drawing past, this will snap. Baser control points access to 45 degrees If you shift and direct selected shapes, this will constraint the movement in this precise result off vertical or jog unknown direction. If you out, we're creating element. This will be used, a center people point 11. Using pen tool: use the drop. Pasto to create precise path. Tap to add an ankle point if you only topple the created lines between the points will be straight lines to create a curve, tap and drug away from the place you tapped. What you drag is actually the basic control handles for the curve you are making to break symmetry and control handles the independently Hold down the Alberton while you pull the control handles to close the shape. Simply add the last point close to the starting point press shift. Well, dragon. The control points to snap it to 45 degrees. Turn on the greed and spent two great options for ultimate precision. Each anchor point and control handle will snap toe the greed, used the ed and removed tools to add or remove anchor points toe. Add tap anywhere on the past, and you will add a new and core point there to remove. Tap anyone off the existing and core points, and you will delete this point 12. Groups: as I mentioned before, I have groups options. In this, you can combine several objects into a group so that the objects are treated as a single unit. You can then move or transform a number of objects without affecting their attributes or relative positions. For example, you might group the object in the longer design so that you can move and scale the longer as one unit. To create a group, select multiple objects and the assets of the command manual. Tap on the group button to group those objects to one group objects, select the group and tap, then group bottom. 13. Clipping masks: clipping mask is an object whose shape masks other artwork so that only areas that live I think the clip in the shape are visible. To create a clipping mask. Select two or more objects, as is the context Manu and Jews mask the object, which is with the higher that order. The one that is on top will be turned into the clipping mask and will clip all other object in the selection. Most frequently, you will use a clipping mask for images, but it works with any other object, like a text stroke or group to unmask, Select them asked object, as is the context menu and choose unmask. 14. Vectorizing a logo: way. 15. Vectorizing an icon: 16. Exporting files: you probably would like to export your artwork for father use. To do so, go to the export icon on the top left. Choose pain G. If you need a transparent background, choose open in and self image the images served in the photo app. If we open the photo happy, we find the image there. Tap on the image to see that it has a black background. This indicates that the background is transparent. Now you can start to use your artwork in other APS if you need to change the dimensions of the I'll go back to brought a sketcher. Since this is a vector art, you can resize it and save it again as an image without making it pixelated. And now it is your turn to make some new project. I can't wait to see them have fun and I'll see you in my other classes.