We are going to create a simple comment icon that can be use on a website or CMS. We’ll use some simple illustrator techniques to achieve the effect.
First we want to create the shape. So choose the Elipse Tool (shortcut L). Draw a simple oval on the canvas. Simple enough. Now we need to make it look like a speech bubble so select the pen tool and draw a small triangle in the bottom right hand corner of the canvas. You should end up with something like this.
Now we want to join the oval and the triangle together. To do this we will use the pathfinder tool. Go to Window > Pathfinder to bring up the menu. Then use the Selection Tool (shortcut V) to ensure both the Elipse and Triangle are selected. Then click the Merge icon which is the third from the left at the bottom. This merges the shapes.
Now we want to add some detail. To create a simple border we use Offset Path. You will find this at Object > Offset Path. Select an offset of -3 or whatever looks good and you will see that the object has been duplicated inside the original one.
Then give the new shape a gradient fill. Get the gradient menu up and create the gradient you want. Then fill the new shape. Select Linear for the type and then choose the angle of your gradient.
Give the outer shape a stroke and finally give the bubble a highlight by drawing another elipse and filling it with a lighter gradient. Flip to the transparency menu (next to the Gradient menu). Choose the screen option for your highlight. And that’s it.
For added effect you might like to add a pencil or pen in or whatever you need to denote your user actions.
Why not download the illustrator file and work through the example yourself?
Have an update or suggestion for this article? You can edit it here and send me a pull request.
Listening to BBC Radio with mpv
The BBC publishes high quality 320 kbps HLS AAC streams that can be used to listen to radio from the command-line using mpv. Here are the URLs and some aliases to start listening quickly.
Vim: So long Pathogen, hello native package loading
Vim 8 added a native way to load third-party packages. This means, for me at least, there is no longer any need to use a third party plugin helper like Pathogen.
Linux and Unix more command tutorial with examples
Tutorial on using more, a UNIX and Linux command for viewing the contents of a file or files one screen at a time. Examples of viewing a file, viewing multiple files, searching using regular expressions and opening the file in a text editor.