Design With Google Slides – Vector Button

Tutorial

Hey..Welcome to another video for: Design with Google Slides. Today I am going to show you how to design your own buttons in less than 5 minutes. Let’s do it in steps.

(please for a better visual experience refer to the video below)

1. let’s remove the clutter (Google Slides Placeholders).
2. Now, from the top menu bar, select a shape for your button.
3. Click with the left mouse and drag so that you expand the shape.
4. Still from the top menu select the border and give it 4px thickness.
5. Now choose a color for the border, (I have chosen blue).
6. From format options on the right, select the drop shadow.
7. Give the shadow the blur radius, angle and distance that you like.
8. Now let’s give a color to the button by using the fill bucket.
9. For this purpose I have chosen a gradient blue.
10. I will change the border to better stand out with the new color of the button.
11. There..a darker blue..it looks better now.
12. Now select the text tool and write your button text.
13. Center the text and resize … leave a gap to the left.
14. We are going to add an icon with an arrow to indicate an action to click.
15. Insert a sphere from the shapes selection.
16. Pressing together ctrl+shift drag it until you get the desired size.
17. Your circle should expand proportionally.
18. Place it in the middle.
19. Proceed again to give it a border thickness and color.
20. I’ve used the same colors for continuity.
21. Now select an arrow from the shape selection tool.
22. Resize it so that it can be placed inside the circle.
23. Select a color for the border and for the body.
24. Make all the adjustment you would like to both the icon and the text.
25. You can give a shade to the text as well.
26. Once you are happy with the results is time to group all the elements

Now you can export the graphic you have just created as an SVG. Remember that you want that to be an SVG so that you do not have pixels issues afterwords. After downloading the SVG you can open it with any commercial and/or open source software. You can modify / resize you button as you like it then export as a PNG with transparent background.

That’s it…You can play around and create all sort of buttons for your projects.

Thanks for watching, and….keep creative!

Daniele Pais

Digital Designer, blog writer and also a tech enthusiast.
He loves to write content for blogs, podcasts, design websites, logos, brochures, banners and anything that sends a message to an audience.
You can contact Daniele at the link below:

danielepais.com/#contact