Making a custom button for my site

The dazed digital site has a box where you can enter your email and subscribe so I decided to do the same for my site. I wanted to make a custom button. I used two D’s back to back and applied the brand colours using a gradient.

It took me a while to work out how to apply one gradient over two separate objects. In the end I found out I need to make both objects into one compound path. I found this out from here:
untitled6
http://www.bittbox.com/illustrator/illustrator-101-one-gradient-across-multiple-paths

I also wanted to learn how to save the gradient I’d made as making gradients is quite tedious and time-consuming. I used this website to find out how to save it in case I wanted to use it again.
untitled5
http://my.safaribooksonline.com/book/illustration-and-graphics/9780321637291/gradients/ch24lev1sec4

Here is the final design in Illustrator.
untitled4
I think it’s quite fun and simple which is what I wanted.

Here is how it looks on the page.
sub
Hopefully people would understand what it is as the type explains quite clearly.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s