How to create an incandescent light bulb powered by unusual light source tutorial ultimate designer toolkit tủ tài liệu bách khoa

19/5/2015 How to Create an Incandescent Light Bulb Powered by Unusual Light Source ­ Tutorial ­ Ultimate Designer Toolkit Join Us (http://ultimatedesign (http://www.ultimatedesignertoolkit.com) Design set Home (http://www.ultimatedesignertoolkit.com/) How to Create an Incandescent Light Bulb Powered by Unusual Light Source – Tutorial Contact (http://www.ultimatedesignertoolkit.com/contact/) Members (http://www.ultimatedesignertoolkit.com/member/member.php) License (http://www.ultimatedesignertoolkit.com/license/) Back to Ultimate Designer Toolkit (http://www.ultimatedesignertoolkit.com) (http://www.ultimatedesignertoolkit.com/download/tutorial/18-man.zip) Or Join us right now! (http://ultimatedesignertoolkit.com/member/signup.php) Our Members get unlimited access to download everything Category Tutorials (http://www.ultimatedesignertoolkit.com/category/tutorials/) Info Share How to Create an Incandescent Light Bulb Powered by Unusual Light Source – Tutorial In this tutorial, I will show you how to design a cool incandescent light bulb powered by an unusual light source This tutorial use simple photo manipulation techniques You can see bellow the end result If you’re a member, you can download the PSD Layout for this tutorial at the bottom of the page http://www.ultimatedesignertoolkit.com/tutorials/create­a­incandescent­light­bulb­powered­by­an­unusual­light­source/ 1/23 19/5/2015 How to Create an Incandescent Light Bulb Powered by Unusual Light Source ­ Tutorial ­ Ultimate Designer Toolkit (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p63.jpg) The first step in this tutorial is to use some stock images I have used the following image with a man (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p1.jpg) the image is from www.sxc.hu I have used Pen Tool to create a path around the man http://www.ultimatedesignertoolkit.com/tutorials/create­a­incandescent­light­bulb­powered­by­an­unusual­light­source/ 2/23 19/5/2015 How to Create an Incandescent Light Bulb Powered by Unusual Light Source ­ Tutorial ­ Ultimate Designer Toolkit (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p2.jpg) After i close the selection i will right click on the canvas and from the menu i will choose “make selection” Press on CTRL+I ( or CMD+I for mac users ) to inverse the selection Press on Delete key on your keyboard, and you will have the following result (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p3.jpg) I will use Spot healing brush tool, to delete some some dark spots from the left arm and from the cap (http://www.ultimatedesignertoolkit.com/wpcontent/uploads/2011/05/p4.jpg) It seems to me like some blowflyes As you can see the arm is now clean http://www.ultimatedesignertoolkit.com/tutorials/create­a­incandescent­light­bulb­powered­by­an­unusual­light­source/ 3/23 19/5/2015 How to Create an Incandescent Light Bulb Powered by Unusual Light Source ­ Tutorial ­ Ultimate Designer Toolkit (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p5.jpg) I will need a images with some flames (source: sxc.hu) (http://www.ultimatedesignertoolkit.com/wp-content/uploads/2011/05/p6.jpg) http://www.ultimatedesignertoolkit.com/tutorials/create­a­incandescent­light­bulb­powered­by­an­unusual­light­source/ 4/23 19/5/2015 How to Create an Incandescent Light Bulb Powered by Unusual Light Source ­ Tutorial ­ Ultimate Designer Toolkit (http://www.ultimatedesignertoolkit.com/wp-content/uploads/2011/05/p7.jpg) I will choose some parts of the flame image and i will place them over the book (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p8.jpg) (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p9.jpg) http://www.ultimatedesignertoolkit.com/tutorials/create­a­incandescent­light­bulb­powered­by­an­unusual­light­source/ 5/23 19/5/2015 How to Create an Incandescent Light Bulb Powered by Unusual Light Source ­ Tutorial ­ Ultimate Designer Toolkit (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p11.jpg) (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p12.jpg) This is my result so far (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p13.jpg) From the original stock images i will copy some parts of the flame and i will build another big flame (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p14.jpg) http://www.ultimatedesignertoolkit.com/tutorials/create­a­incandescent­light­bulb­powered­by­an­unusual­light­source/ 6/23 19/5/2015 How to Create an Incandescent Light Bulb Powered by Unusual Light Source ­ Tutorial ­ Ultimate Designer Toolkit (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p15.jpg) (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p16.jpg) http://www.ultimatedesignertoolkit.com/tutorials/create­a­incandescent­light­bulb­powered­by­an­unusual­light­source/ 7/23 19/5/2015 How to Create an Incandescent Light Bulb Powered by Unusual Light Source ­ Tutorial ­ Ultimate Designer Toolkit (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p17.jpg) I will place the flame on the open book (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p18.jpg) For the layer with flames i will add some layer styles I have used the Outer Glow layer style http://www.ultimatedesignertoolkit.com/tutorials/create­a­incandescent­light­bulb­powered­by­an­unusual­light­source/ 8/23 19/5/2015 How to Create an Incandescent Light Bulb Powered by Unusual Light Source ­ Tutorial ­ Ultimate Designer Toolkit (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p20.1.jpg) This is my result so far (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p20.jpg) With brush tool i will draw over the back of the man.Please note that you need to create a new layer on top of all layers You can use different colors, and at the end try to change the blending mode of the layer to Multiply http://www.ultimatedesignertoolkit.com/tutorials/create­a­incandescent­light­bulb­powered­by­an­unusual­light­source/ 9/23 19/5/2015 How to Create an Incandescent Light Bulb Powered by Unusual Light Source ­ Tutorial ­ Ultimate Designer Toolkit (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p27.jpg) I will open a new image with a light bulb (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p29.jpg) I will delete the top of the light bulb http://www.ultimatedesignertoolkit.com/tutorials/create­a­incandescent­light­bulb­powered­by­an­unusual­light­source/ 10/23 19/5/2015 How to Create an Incandescent Light Bulb Powered by Unusual Light Source ­ Tutorial ­ Ultimate Designer Toolkit (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p30.jpg) Then you can delete the blue background You will have the following result after you apply also the Hue / Saturation adjustments (http://www.ultimatedesignertoolkit.com/wp-content/uploads/2011/05/p32.jpg) This is my result (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p31.jpg) http://www.ultimatedesignertoolkit.com/tutorials/create­a­incandescent­light­bulb­powered­by­an­unusual­light­source/ 11/23 19/5/2015 How to Create an Incandescent Light Bulb Powered by Unusual Light Source ­ Tutorial ­ Ultimate Designer Toolkit I will select Pen tool , and i will create the top of the bulb (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p33.jpg) Right click on the layer inside your layer palette, and then choose Rasterize Shape Select Burn tool, and draw near the edges of the light bulb (http://www.ultimatedesignertoolkit.com/wpcontent/uploads/2011/05/p34.jpg) (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p35.jpg) I will add a blue background http://www.ultimatedesignertoolkit.com/tutorials/create­a­incandescent­light­bulb­powered­by­an­unusual­light­source/ 12/23 19/5/2015 How to Create an Incandescent Light Bulb Powered by Unusual Light Source ­ Tutorial ­ Ultimate Designer Toolkit (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p36.jpg) On the layer with the bulb i will add the following layer styles (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p37.jpg) http://www.ultimatedesignertoolkit.com/tutorials/create­a­incandescent­light­bulb­powered­by­an­unusual­light­source/ 13/23 19/5/2015 How to Create an Incandescent Light Bulb Powered by Unusual Light Source ­ Tutorial ­ Ultimate Designer Toolkit (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p38.jpg) This is my result (http://www.ultimatedesignertoolkit.com/wp-content/uploads/2011/05/p39.jpg) I will duplicate the top part of the bulb, and i will add another layer style http://www.ultimatedesignertoolkit.com/tutorials/create­a­incandescent­light­bulb­powered­by­an­unusual­light­source/ 14/23 19/5/2015 How to Create an Incandescent Light Bulb Powered by Unusual Light Source ­ Tutorial ­ Ultimate Designer Toolkit (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p40.jpg) I will delete the top part of the bulb with Eraser Tool I will delete the top part because later in this tutorial i will place the man with the flames inside the bulb, and we need there a more intense light (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p41.jpg) I will add the following layer styles to make the light bulb more incandescent http://www.ultimatedesignertoolkit.com/tutorials/create­a­incandescent­light­bulb­powered­by­an­unusual­light­source/ 15/23 19/5/2015 How to Create an Incandescent Light Bulb Powered by Unusual Light Source ­ Tutorial ­ Ultimate Designer Toolkit (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p42.jpg) (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p44.jpg) This is my result (http://www.ultimatedesignertoolkit.com/wp-content/uploads/2011/05/p45.jpg) I will use another stock image with a nice sunset ( source sxc.hu ) http://www.ultimatedesignertoolkit.com/tutorials/create­a­incandescent­light­bulb­powered­by­an­unusual­light­source/ 16/23 19/5/2015 How to Create an Incandescent Light Bulb Powered by Unusual Light Source ­ Tutorial ­ Ultimate Designer Toolkit (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p46.jpg) and i will place the image inside of the light bulb (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p47.jpg) With Burn tool i will draw around the bulb on the sunset stock image (http://www.ultimatedesignertoolkit.com/wpcontent/uploads/2011/05/p48.jpg) http://www.ultimatedesignertoolkit.com/tutorials/create­a­incandescent­light­bulb­powered­by­an­unusual­light­source/ 17/23 19/5/2015 How to Create an Incandescent Light Bulb Powered by Unusual Light Source ­ Tutorial ­ Ultimate Designer Toolkit (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p49.jpg) I will go back to the previous psd file with the man, and i will select all the layer, and i will drag them on the second PSD file inside the bulb (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p50.jpg) It will be very easy for you to merge all the layers prom the PSD file with the man, and then you need to add a simple drop shadow (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p51.jpg) http://www.ultimatedesignertoolkit.com/tutorials/create­a­incandescent­light­bulb­powered­by­an­unusual­light­source/ 18/23 19/5/2015 How to Create an Incandescent Light Bulb Powered by Unusual Light Source ­ Tutorial ­ Ultimate Designer Toolkit my result is (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p52.jpg) To create a more realistic look i will open a new image (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p53.jpg) I will use the same techniques as before.Simply cut a part of the image with clouds and insert it inside the light bulb (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p54.jpg) Change the blending mode for this layer to “Hard Mix” (http://www.ultimatedesignertoolkit.com/wp-content/uploads/2011/05/p55.jpg) This is my result please note also the white areas near the edge of the light bulb http://www.ultimatedesignertoolkit.com/tutorials/create­a­incandescent­light­bulb­powered­by­an­unusual­light­source/ 19/23 19/5/2015 How to Create an Incandescent Light Bulb Powered by Unusual Light Source ­ Tutorial ­ Ultimate Designer Toolkit (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p57.jpg) Create more areas with Pen tool, and then lower the opacity to 30% (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p58.jpg) On the top of the bulb i will create a dark shape with pen tool http://www.ultimatedesignertoolkit.com/tutorials/create­a­incandescent­light­bulb­powered­by­an­unusual­light­source/ 20/23 19/5/2015 How to Create an Incandescent Light Bulb Powered by Unusual Light Source ­ Tutorial ­ Ultimate Designer Toolkit (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p59.jpg) On the from of the bulb i will create another shapes like in the following image please note that i have deleted some parts of the shapes (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p60.jpg) I will lower the opacity of the white shape layers and my result is this one (http://www.ultimatedesignertoolkit.com/wp-content/uploads/2011/05/p61.jpg) My last step is to add a gradient layer style over a new layer Please note that you need to add the colors almost transparent http://www.ultimatedesignertoolkit.com/tutorials/create­a­incandescent­light­bulb­powered­by­an­unusual­light­source/ 21/23 19/5/2015 How to Create an Incandescent Light Bulb Powered by Unusual Light Source ­ Tutorial ­ Ultimate Designer Toolkit (http://www.ultimatedesignertoolkit.com/wp- content/uploads/2011/05/p62.jpg) This is my final result http://www.ultimatedesignertoolkit.com/tutorials/create­a­incandescent­light­bulb­powered­by­an­unusual­light­source/ 22/23 19/5/2015 How to Create an Incandescent Light Bulb Powered by Unusual Light Source ­ Tutorial ­ Ultimate Designer Toolkit Related: (http://www.ultimatedesignertoolkit.com/tutorials/create(http://www.ultimatedesignertoolkit.com/tutorials/ultimate(http://www.ultimatedesignertoolkit.com/tutorials/create(http://www.ultimatedesignertoolkit.com/tutorials/create(http://www.ultimatedesignertoolkit.com/tutorials/how(http://www.ultimatedesignertoolkit.com/tutorials fantastic-photo- web-hosting-layout- a-gritty-portfolio- light-grunge-website- to-create-an-elegant- manipulation/) tutorial/) layout-moleskine- layout/) wordpress-psd-theme/) layout/) How to Create a How to Create the layout/) How to Create a Light How to Create an Fantastic Photo Ultimate Web Hosting How to Create a Gritty Grunge Website Layout Elegant WordPress Colorful Business Portfolio Layout – – Tutorial Layout – Tutorial Manipulation – Tutorial Layout – Tutorial Theme – Tutorial colorful-business-webHow to Create a (http://www.ultimatedesignertoolkit.com/tutorials/create(http://www.ultimatedesignertoolkit.com/tutorials/ultimateTutorial (http://www.ultimatedesignertoolkit.com/tutorials/create(http://www.ultimatedesignertoolkit.com/tutorials/how(http://www.ultimatedesignertoolkit.com/tutorials fantastic-photo- web-hosting-layout- (http://www.ultimatedesignertoolkit.com/tutorials/createlight-grunge-websiteto-create-an-elegant- manipulation/) tutorial/) a-gritty-portfolio- layout/) colorful-business-web- wordpress-psd-theme/) layout/) layout-moleskinelayout/) (http://www.ultimatedesignertoolkit.com/tutorials/portfolio(http://www.ultimatedesignertoolkit.com/tutorials/learnlayout-design-tutorial- how-to-create-modern- with-3d-look/) light-business-layout- How to Create a 3D in-photoshop/) Portfolio Layout Design How To Create Modern – Tutorial Light Business Layout (http://www.ultimatedesignertoolkit.com/tutorials/portfolioIn Photoshop – Tutorial layout-design-tutorial- (http://www.ultimatedesignertoolkit.com/tutorials/learn- with-3d-look/) how-to-create-modernlight-business-layoutin-photoshop/) More Resources in Tutorials PSD to HTML tutorial using Download Ultimate CSS Ultimate 3D Software Box How to Create a Clean (http://www.ultimatedesignertoolkit.com/tutorials/psd(http://www.ultimatedesignertoolkit.com/tutorials/download(http://www.ultimatedesignertoolkit.com/tutorials/ultimate(http://www.ultimatedesignertoolkit.com/tutorials/creat (http://www.ultimate to-html-tutorial-using-960-grid- ultimate-css-framework-convert3d-software-box-creator/) clean-interface-photoshop/) system/) psd-to-html/) Sign Up & Get Instant Access to Download 65,000+ Design Items (http://ultimatedesignertoolkit.com/member/sig How does Ultimate Designer Toolkit work? « Previous (http://www.ultimatedesignertoolkit.com/vectors/downloadvectornetworkicons/) Next (http://www.ultimatedesignertoolkit.c lightgrungewebsitelayout/) » (http://www.ultimatedesignertoolkit.com) © 2014 Ultimate Designer Toolkit http://www.ultimatedesignertoolkit.com/tutorials/create­a­incandescent­light­bulb­powered­by­an­unusual­light­source/ 23/23 ... web-hosting-layout- a-gritty-portfolio- light- grunge-website- to- create- an- elegant- manipulation/) tutorial/ ) layout-moleskine- layout/) wordpress-psd-theme/) layout/) How to Create a How to Create. .. fantastic-photo- web-hosting-layout- (http://www.ultimatedesignertoolkit.com/tutorials/createlight-grunge-websiteto -create- an- elegant- manipulation/) tutorial/ ) a-gritty-portfolio- layout/) colorful-business-web-... http://www.ultimatedesignertoolkit.com/tutorials /create a incandescent light bulb powered by an unusual light source/ 11/23 19/5/2015 How to Create an Incandescent Light Bulb Powered by Unusual Light Source ­ Tutorial ­ Ultimate Designer Toolkit