From the course: Penpot for UX Design

Unlock this course with a free trial

Join today to access over 25,300 courses taught by industry experts.

Using the Penpot tools

Using the Penpot tools

- [Instructor] In this video, what we're going to do is just make a quick little search box, which is going to be using the drawing tools. So we know that this area is approximately 100 pixels wide. So we're going to draw a box that has a width of, we'll say 90 pixels. And we'll give it a height of 45 and we'll round off the corner by about 15 pixels. Fill it with white. And of course we need to give it a stroke. And we'll put the stroke outside. And you can see that's a little bit big. So what we're going to do is make a little bit thinner, just like that. Okay, we're going to make the search icon, and that's just a circle. And we'll set its size to 20 by 20. We'll give it a black stroke. We'll center the stroke and we'll fill it with white. And now what we need is just a little line. Click. Click. Escape. And we press Escape again to get out of this tool. There we go. And there's our little icon and we can shrink it down in size. We'll just move it inside, give it a little bit more…

Contents