{"id":1759,"date":"2012-04-26T09:10:49","date_gmt":"2012-04-26T13:10:49","guid":{"rendered":"http:\/\/www.searchenginegenie.com\/web-design-blog\/?p=1759"},"modified":"2021-08-11T02:26:50","modified_gmt":"2021-08-11T06:26:50","slug":"light-bulb-vector-using-illustrator","status":"publish","type":"post","link":"https:\/\/www.searchenginegenie.com\/web-design-blog\/light-bulb-vector-using-illustrator\/","title":{"rendered":"Light Bulb Vector Using Illustrator"},"content":{"rendered":"

Final Preview:<\/strong>
\n

\"bulb-vector-final-preview\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-1760\"\r\n <\/div><\/a><\/p>\n

Step-1 Draw a bulb shape and fill with yellow color.
\n

\"bulb-vector-bulb-shape\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-1761\"\r\n <\/div><\/a><\/p>\n

Step-2 Draw a below like arc at the two edges of the bulb sides and fill it with white and yellow gradient (radial).
\n

\"bulb-vector-two-edges\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-1762\"\r\n <\/div><\/a><\/p>\n

Step-3 Create a circle fills it with white and yellow radial gradient.
\n

\"bulb-vector-radial-gradient\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-1763\"\r\n <\/div><\/a><\/p>\n

Step-4 To give a realistic effect like reflection of the light, draw below shape and fill it with white and yellow gradient.
\n

\"bulb-vector-realistic-effect\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-1764\"\r\n <\/div><\/a><\/p>\n

Step-5 Create the inner components of bulb by using gradient fill.
\n

\"bulb-vector-inner-components\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-1765\"\r\n <\/div><\/a><\/p>\n

Step-6 Give the outline for the bulb using pen tool. First draw the stroke and go to OBJECT -> PATH -> OFFSET. Set the values as per your requirements.
\n

\"bulb-vector-pen-tool\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-1766\"\r\n <\/div><\/a><\/p>\n

Step-7 Create the tungsten path using pen tool.
\n

\"bulb-vector-tungsten-path\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-1767\"\r\n <\/div><\/a><\/p>\n

Step-8 For the top part of the tungsten draw three arcs continuously and go to EFFECT -> DISTORT & TRANSFORM -> ZIG ZAG.
\n

\"bulb-vector-three-arcs\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-1768\"\r\n <\/div><\/a><\/p>\n

Step-9 Now comes to the bottom part of the light. Apply gradients as like below.
\n

\"bulb-vector-bottom-part\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-1769\"\r\n <\/div><\/a><\/p>\n

\"bulb-vector-bottom-gradients\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-1770\"\r\n <\/div><\/a><\/p>\n

\"bulb-vector-gradients\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-1771\"\r\n <\/div><\/a><\/p>\n

\"bulb-vector-bottom\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-1772\"\r\n <\/div><\/a><\/p>\n

Step-10 For the shadow effect, draw an ellipse and apply white and gray radial gradient.
\n

\"bulb-vector-gray-radial-gradient\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-1773\"\r\n <\/div><\/a><\/p>\n

Enjoy \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"

Final Preview: Step-1 Draw a bulb shape and fill with yellow color. Step-2 Draw a below like arc at the two edges of the bulb sides and fill it with white and yellow gradient (radial). Step-3 Create a circle fills it with white and yellow radial gradient. Step-4 To give a realistic effect like reflection […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,6,5],"tags":[142,145,144,143],"class_list":["post-1759","post","type-post","status-publish","format-standard","hentry","category-illustrators","category-web-design","category-web-design-tips","tag-bulb-eps","tag-electric-bulb-eps","tag-illustrator-bulb","tag-light-vector"],"_links":{"self":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/1759","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/comments?post=1759"}],"version-history":[{"count":5,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/1759\/revisions"}],"predecessor-version":[{"id":4155,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/1759\/revisions\/4155"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=1759"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=1759"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=1759"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}