{"id":5701,"date":"2010-08-04T18:32:19","date_gmt":"2010-08-04T22:32:19","guid":{"rendered":"http:\/\/365sketches.org\/?p=2486"},"modified":"2014-07-08T18:34:10","modified_gmt":"2014-07-08T22:34:10","slug":"226-of-365-is-a-glossy-button-effect-design-inkscape-vector","status":"publish","type":"post","link":"https:\/\/lemasney.com\/consulting\/2010\/08\/04\/226-of-365-is-a-glossy-button-effect-design-inkscape-vector\/","title":{"rendered":"226 of 365 is a glossy button effect [design] #Inkscape #vector"},"content":{"rendered":"
\"Glossy<\/a>

Glossy button effect in Inkscape<\/p><\/div>\n

So this is a pretty common effect, but it’s easy to master, and works beautifully in Inkscape. Thanks again to the crew on Monday night at Princeton Public Library who came for the fourth installment in the Inkscape Workshop series. To make this image above, do the following:<\/p>\n

    \n
  1. Using the ellipse tool, create a circle and make it red.<\/li>\n
  2. Select and duplicate (ctrl-d) the red circle, make it gray, and send it beneath the first circle using “lower selection to bottom” button in the selection tool’s options bar.<\/li>\n
  3. select and duplicate the red circle again, and make it white, then send it above the red circle using “raise selection to top” button in the selection tool’s options bar.<\/li>\n
  4. Using the same method, duplicate the white circle and make it orange. Then, move the orange circle so that it’s bottom is at the white circle’s center.<\/li>\n
  5. At this point, make all of the circles into paths by selecting all objects (ctrl-a) then making selected objects into paths (ctrl-shift-c).<\/li>\n
  6. Select the white and orange circles, using shift-click.<\/li>\n
  7. With those two circles selected, use the path\/intersection operation. You will have a football shape in white remaining.<\/li>\n
  8. With the football shape selected, perform three path\/inset operations.<\/li>\n
  9. Move the football shape over the red shape. move the gray shape a bit below the red shape.<\/li>\n
  10. Using the fill and stroke dialog, apply a blur of 1 or 2 to the gray shape.<\/li>\n
  11. Select the white football shape. Using the gradient tool, apply a full white to fully translucent white gradient to the white football shape by clicking and dragging the gradient tool from the middle top of the football shape to just below the football shape. You can play with the gradient to make it just right.<\/li>\n
  12. For fun, create a yellow start with the star tool. Place it between the white football shape and the red circle using the raise\/lower tools.<\/li>\n<\/ol>\n

    That’s it. You can apply the effect to almost any shape as long as you use the instructions set out here.<\/p>\n","protected":false},"excerpt":{"rendered":"

    So this is a pretty common effect, but it’s easy to master, and works beautifully in Inkscape. Thanks again to the crew on Monday night at Princeton Public Library who came for the fourth installment in the Inkscape Workshop series. To make this image above, do the following: Using the ellipse tool, create a circle […]<\/p>\n","protected":false},"author":1,"featured_media":37833,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[3654,3657],"tags":[76,1411,1677,365,411,670,865],"class_list":{"0":"post-5701","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-portfolio","8":"category-requests","9":"tag-arts","10":"tag-calligraphy","11":"tag-ellipse","12":"tag-graphics","13":"tag-inkscape","14":"tag-princeton-public-library","15":"tag-vector-based","16":"czr-hentry"},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/07\/20100804glossyeffect.png?fit=809%2C500&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3h6y2-1tX","jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":484,"url":"https:\/\/lemasney.com\/consulting\/2010\/04\/11\/gold-star-lemasney-consulting\/","url_meta":{"origin":5701,"position":0},"title":"Gold Star – LeMasney Consulting","author":"lemsy","date":"2010-04-11","format":false,"excerpt":"Daniel Veazey, who has lately become a vocal supporter of 365sketches, recently successfully attempted a technique that I call the 'candy coating' effect. On YouTube at and on his blog at he repeated the technique and with some feedback started doing it exactly as I do it, though I sort\u2026","rel":"","context":"In "portfolio"","block_context":{"text":"portfolio","link":"https:\/\/lemasney.com\/consulting\/category\/portfolio\/"},"img":{"alt_text":"Gold Star - LeMasney Consulting","src":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2010\/04\/20100411.png?fit=450%2C450&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":5667,"url":"https:\/\/lemasney.com\/consulting\/2010\/06\/12\/173-of-365-is-a-cloud-with-silver-lining-in-inkscape-illustration\/","url_meta":{"origin":5701,"position":1},"title":"173 of 365 is a cloud with silver lining in #inkscape #illustration","author":"lemsy","date":"2010-06-12","format":false,"excerpt":"So this is another case where I saw a photo and thought about how I could recreate it in Inkscape. In Inkscape, I created a blue sky rectangle, then using the ellipse tool, I created a small circle in white. Using the circle with the spraypaint tool in single path\u2026","rel":"","context":"In "portfolio"","block_context":{"text":"portfolio","link":"https:\/\/lemasney.com\/consulting\/category\/portfolio\/"},"img":{"alt_text":"Cloud with silver lining","src":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2010\/06\/20100612silverlining.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":378,"url":"https:\/\/lemasney.com\/consulting\/2010\/03\/19\/88-of-365-is-a-spring-flower-mindful-of-winter-in-inkscape\/","url_meta":{"origin":5701,"position":2},"title":"88 of 365 is a spring flower mindful of winter in #inkscape","author":"lemsy","date":"2010-03-19","format":false,"excerpt":"Tomorrow is 2010's spring equinox, and so I thought I'd celebrate with a highly stylized flower design. In Inkscape, I started by adding two inline circles, and then connecting them with a Bezier path to create the dual opposing dewdrop shape. I then unioned these and duplicated them, moving the\u2026","rel":"","context":"In "portfolio"","block_context":{"text":"portfolio","link":"https:\/\/lemasney.com\/consulting\/category\/portfolio\/"},"img":{"alt_text":"Spring flower - LeMasney Consulting","src":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2010\/03\/20100319.png?fit=495%2C495&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":280,"url":"https:\/\/lemasney.com\/consulting\/2010\/02\/22\/63-of-365-is-a-vast-quiet-moonrise-in-inkscape\/","url_meta":{"origin":5701,"position":3},"title":"63 of 365 is a vast, quiet moonrise in #inkscape","author":"lemsy","date":"2010-02-22","format":false,"excerpt":"I really enjoy Inkscape's ability to take a single path and use it as a brush with the pencil tool. I do this all the time. I was walking along a path, looking at some very tall, old trees, and was thinking about how I might use a single thin\u2026","rel":"","context":"In "portfolio"","block_context":{"text":"portfolio","link":"https:\/\/lemasney.com\/consulting\/category\/portfolio\/"},"img":{"alt_text":"Moonrise","src":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2010\/02\/20100222.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":5726,"url":"https:\/\/lemasney.com\/consulting\/2010\/08\/29\/251-of-365-is-bokeh-inkscape-vector-tutorial\/","url_meta":{"origin":5701,"position":4},"title":"Bokeh by John LeMasney via 365sketches.org #Inkscape #vector #tutorial #cc","author":"lemsy","date":"2010-08-29","format":false,"excerpt":"Given my recent reminder from Beth about the very cool, powerful, flexible tiled clones tool in Inkscape, I decided to make a little tutorial about how to create this bokeh effect.There are a lot of settings here, but along the way, try playing with my numbers to see what happens.\u2026","rel":"","context":"In "portfolio"","block_context":{"text":"portfolio","link":"https:\/\/lemasney.com\/consulting\/category\/portfolio\/"},"img":{"alt_text":"Bokeh by John LeMasney via 365sketches.org #Inkscape #vector #tutorial #cc","src":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2010\/08\/20100829bokeh.png?fit=809%2C500&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2010\/08\/20100829bokeh.png?fit=809%2C500&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2010\/08\/20100829bokeh.png?fit=809%2C500&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2010\/08\/20100829bokeh.png?fit=809%2C500&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":5649,"url":"https:\/\/lemasney.com\/consulting\/2010\/01\/30\/40-of-365-is-an-all-seeing-eye-inkscape\/","url_meta":{"origin":5701,"position":5},"title":"40 of 365 is an all seeing eye #inkscape","author":"lemsy","date":"2010-01-30","format":false,"excerpt":"One of my best and longest standing friends has tqaken to critiquing my blog. I welcome this. Especially because he has started giving me ideas for the blog. He said that he really wanted to see an eye that could see in all directions. I decided to interpret his request\u2026","rel":"","context":"In "portfolio"","block_context":{"text":"portfolio","link":"https:\/\/lemasney.com\/consulting\/category\/portfolio\/"},"img":{"alt_text":"All-seeing eye - LeMasney Consulting","src":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2010\/01\/20100130.png?fit=495%2C495&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/posts\/5701","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/comments?post=5701"}],"version-history":[{"count":6,"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/posts\/5701\/revisions"}],"predecessor-version":[{"id":37835,"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/posts\/5701\/revisions\/37835"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/media\/37833"}],"wp:attachment":[{"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/media?parent=5701"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/categories?post=5701"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/tags?post=5701"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}