Download - chama nas mãos
-
7/28/2019 chama nas mos
1/18
07/12/12 Combine f ire, glow and crack effect in photoshop to create a realist ic burning image | 10Steps.SG
1/180steps.sg//combine-fire-glow-and-crack-effect-in-photoshop-to-create-a-realistic-burning-imag
TweetTweet 11
Combine fire, glow and crack effect in photoshop to
create a realistic burning image
In this advanced tutorial youll make a dramatic photomanipuation of a burning fist with photoshop fire effects.
Youll learn how to make burning effect in photoshop , including create cracked skin textures, particle effects,
scorched and burnt skin, glowing embers, smoke and flame effects.
This is an intermediate level tutorial, so a fair le vel ofcompetence in Photoshop is neces sary in order to
progress through it.
Step 1: Creating the background
For this tutorial we will be us ing an arm s tock photo that can be downloaded here:http://konzi.deviantart.com/art/Fist-06-304291216.
With the photo open in Photoshop , take the Quick Selection Tooland use it to drag a selection over the arm
and fist.
Go to Select > Refine Edge, and use the sl iders to tighten up the selection, as I have in the image bel ow.
China
Wholesale Marketplace at DHgate.com
Stock Photo
Supporters
Search
Subscribe for Full RSS Feeds
Subscribe for Email RSS
Follow us on Twitter
3
Compartilhar
Articles Contests Freebies Freelance Inspirations News Roundups Tutorials Videos
http://10steps.sg/wp-content/uploads//2012/10/arm.pnghttp://10steps.sg/wp-content/uploads//2012/10/arm.pnghttp://10steps.sg/wp-content/uploads//2012/10/arm.pnghttp://10steps.sg/wp-content/uploads//2012/10/arm.pnghttp://10steps.sg/wp-content/uploads//2012/10/arm.pnghttp://10steps.sg/wp-content/uploads//2012/10/arm.pnghttp://www.inmagine.com/http://10steps.sg/wp-content/uploads//2012/10/arm.pnghttp://10steps.sg/wp-content/uploads//2012/10/arm.pnghttp://10steps.sg/wp-content/uploads//2012/10/arm.pnghttp://wpwebhost.com/http://10steps.sg/wp-content/uploads//2012/10/arm.pnghttp://10steps.sg/category/videos/http://10steps.sg/category/tutorials/http://10steps.sg/category/roundups/http://10steps.sg/category/news/http://10steps.sg/category/inspirations/http://10steps.sg/category/freelance/http://10steps.sg/category/freebies/http://10steps.sg/category/contests/http://10steps.sg/category/articles/https://www.facebook.com/sharer.php?app_id=309437425817038&sdk=joey&u=http%3A%2F%2F10steps.sg%2Ftutorials%2Fphotoshop%2Fcombine-fire-glow-and-crack-effect-in-photoshop-to-create-a-realistic-burning-image%2F&display=popuphttp://feeds2.feedburner.com/10Stepshttp://www.twitter.com/10stepshttp://feedburner.google.com/fb/a/mailverify?uri=10Stepshttp://feeds2.feedburner.com/10steps/http://www.inmagine.com/http://wpwebhost.com/http://www.dhgate.com/http://www.dhgate.com/http://10steps.sg/wp-content/uploads//2012/10/arm.pnghttp://www.stumbleupon.com/submit?url=http%3A%2F%2F10steps.sg%2Ftutorials%2Fphotoshop%2Fcombine-fire-glow-and-crack-effect-in-photoshop-to-create-a-realistic-burning-image%2F%3Futm_source%3Dfeedburner%26utm_medium%3Demail%26utm_campaign%3DFeed%253A%2B10Steps%2B%252810Steps.SG%2529http://www.stumbleupon.com/submit?url=http%3A%2F%2F10steps.sg%2Ftutorials%2Fphotoshop%2Fcombine-fire-glow-and-crack-effect-in-photoshop-to-create-a-realistic-burning-image%2F%3Futm_source%3Dfeedburner%26utm_medium%3Demail%26utm_campaign%3DFeed%253A%2B10Steps%2B%252810Steps.SG%2529http://twitter.com/search?q=http%3A%2F%2F10steps.sg%2Ftutorials%2Fphotoshop%2Fcombine-fire-glow-and-crack-effect-in-photoshop-to-create-a-realistic-burning-image%2Fhttps://twitter.com/intent/tweet?original_referer=http%3A%2F%2F10steps.sg%2Ftutorials%2Fphotoshop%2Fcombine-fire-glow-and-crack-effect-in-photoshop-to-create-a-realistic-burning-image%2F%3Futm_source%3Dfeedburner%26utm_medium%3Demail%26utm_campaign%3DFeed%253A%2B10Steps%2B%252810Steps.SG%2529&text=Combine%20fire%2C%20glow%20and%20crack%20effect%20in%20photoshop%20to%20create%20a%20realistic%20burning%20image%20%7C%2010Steps.SG&tw_p=tweetbutton&url=http%3A%2F%2F10steps.sg%2Ftutorials%2Fphotoshop%2Fcombine-fire-glow-and-crack-effect-in-photoshop-to-create-a-realistic-burning-image%2Fhttp://10steps.sg/ -
7/28/2019 chama nas mos
2/18
07/12/12 Combine f ire, glow and crack effect in photoshop to create a realist ic burning image | 10Steps.SG
2/180steps.sg//combine-fire-glow-and-crack-effect-in-photoshop-to-create-a-realistic-burning-imag
Right click on the Background layer, and choos e Layer From Background, then give the layer a new name, for
example arm.
You can now Invert the selection, and delete the background.
Were now going to resize the canvas so that its dimens ions are m ore suited to our project.
Go to Image > Canvas Size, and change the dimensions to 1500 x 2100.
http://10steps.sg/wp-content/uploads//2012/10/burning-fist-tutorial-2.jpghttp://10steps.sg/wp-content/uploads//2012/10/burning-fist-tutorial-1.jpg -
7/28/2019 chama nas mos
3/18
07/12/12 Combine f ire, glow and crack effect in photoshop to create a realist ic burning image | 10Steps.SG
3/180steps.sg//combine-fire-glow-and-crack-effect-in-photoshop-to-create-a-realistic-burning-imag
You can now repos ition the arm layer as I have below, so that the fist is jus t south of the centre of the canvas.
To add a sim ple gradient background, click on theAdjustm ent Layerbutton at the bottom of the layers panel,
and choose Gradient.
Use a dark grey (#1d1d1d) to light grey (#e6e6e6) gradient, and m ove the gradient layer below the arm layer.
http://10steps.sg/wp-content/uploads//2012/10/burning-fist-tutorial-4.jpghttp://10steps.sg/wp-content/uploads//2012/10/burning-fist-tutorial-3.jpg -
7/28/2019 chama nas mos
4/18
07/12/12 Combine f ire, glow and crack effect in photoshop to create a realist ic burning image | 10Steps.SG
4/180steps.sg//combine-fire-glow-and-crack-effect-in-photoshop-to-create-a-realistic-burning-imag
Next add a Curves adjustment layer above the arm l ayer.
Click on the black col our picker button and then click on the darkest area of the hand. Simila rly, click on the
white colour picker and then click on the lightest part of the hand.
Right click on the Curves layer and choose Create Clipping Maskto constrain the adjustmen ts to just the
pixels in the arm layer.
Step 2: Darkening the skin
We have already covered how to change skin colors in photoshop before so this is a recap. Add a Color
adjus tment layer with a clipping m ask. Then with the layers layer mas k thumbnail s elected go to Edit > Fill
and fill it with black to mas k out the layer.
http://10steps.sg/tutorials/photoshop/how-to-make-angel-wings-and-change-skin-colors-in-photoshop/http://10steps.sg/wp-content/uploads//2012/10/burning-fist-tutorial-6.jpghttp://10steps.sg/wp-content/uploads//2012/10/burning-fist-tutorial-5.jpg -
7/28/2019 chama nas mos
5/18
07/12/12 Combine f ire, glow and crack effect in photoshop to create a realist ic burning image | 10Steps.SG
5/180steps.sg//combine-fire-glow-and-crack-effect-in-photoshop-to-create-a-realistic-burning-imag
Set the Color Filllayers blending mode to Overlay, then take a large so ft white brush, and paint over the hand
area and part way down the wrist.
Now duplicate the layer and change the duplicates blending mode to Normal, and take the Opacitydown to
50%.
http://10steps.sg/wp-content/uploads//2012/10/burning-fist-tutorial-9.jpghttp://10steps.sg/wp-content/uploads//2012/10/burning-fist-tutorial-8.jpg -
7/28/2019 chama nas mos
6/18
07/12/12 Combine f ire, glow and crack effect in photoshop to create a realist ic burning image | 10Steps.SG
6/180steps.sg//combine-fire-glow-and-crack-effect-in-photoshop-to-create-a-realistic-burning-imag
And finally add a Hue/Saturationadjus tment layer with a clipping m ask, and take the saturation down to -60.
Fill the layer mask with black, and then take a large s oft white brush, and paint over the hand area. THis is
how to darken an image in photoshop.
Step 3: Adding the cracked effect in photoshop
To create a cracked texture across the hand well use a cracked paint texture that can be downloaded here:
http://www.cgtextures.com/texview.php?id=7604&PHPSESSID=qg4aqfadrm86hctpn5ki9na1j4
With the texture open in Photoshop, go to Image > Adjustments > Desaturate.
http://10steps.sg/wp-content/uploads//2012/10/burning-fist-tutorial-11.jpghttp://10steps.sg/wp-content/uploads//2012/10/burning-fist-tutorial-10.jpg -
7/28/2019 chama nas mos
7/18
07/12/12 Combine f ire, glow and crack effect in photoshop to create a realist ic burning image | 10Steps.SG
7/180steps.sg//combine-fire-glow-and-crack-effect-in-photoshop-to-create-a-realistic-burning-imag
Next add a Curves adjustment layer and use the black colour picker to choose a da rk part on one of the
cracks, and the white colour picker to click on a lighter area between the cracks.
Now go to Select > Color Range and choose Shadows from the dropdown l ist, then click OK.
This will s elect all the dark areas of the image i.e. the cracks. Copy the se lection, and paste it into your
project.
http://10steps.sg/wp-content/uploads//2012/10/burning-fist-tutorial-13.jpghttp://10steps.sg/wp-content/uploads//2012/10/burning-fist-tutorial-12.jpg -
7/28/2019 chama nas mos
8/18
07/12/12 Combine f ire, glow and crack effect in photoshop to create a realist ic burning image | 10Steps.SG
8/180steps.sg//combine-fire-glow-and-crack-effect-in-photoshop-to-create-a-realistic-burning-imag
Change the cracked texture layers blending m ode to Overlay, then move it over the hand positioning it
however it looks bes t.
Duplicate the layer, call the top layer cracks, and the bottom layer cracks glow , and give them both clipping
masks and layer masks.
Step 4: Creating a glow effect in photoshop
Hide the cracks layer for now, and double click on the cracks glow layer to bring up the Layer Styles dialog
box.
Click on Color Overlay, and se t the colour to white.
http://10steps.sg/wp-content/uploads//2012/10/burning-fist-tutorial-15.jpghttp://10steps.sg/wp-content/uploads//2012/10/burning-fist-tutorial-14.jpg -
7/28/2019 chama nas mos
9/18
07/12/12 Combine f ire, glow and crack effect in photoshop to create a realist ic burning image | 10Steps.SG
9/180steps.sg//combine-fire-glow-and-crack-effect-in-photoshop-to-create-a-realistic-burning-imag
Click on Outer Glow, set the Blending Mode to Linear Dodge (Add), with the Opacityat 100%, the size at 2px,
and use red/orange (#ff5400) for the colour.
Next choose Inner Glowand se t the Blending Mode to Normal, the Opacityto 30%, the colour to yellow
(#ffe400), and set the Size to 1px.
Click OK.
http://10steps.sg/wp-content/uploads//2012/10/burning-fist-tutorial-17.jpghttp://10steps.sg/wp-content/uploads//2012/10/burning-fist-tutorial-16.jpg -
7/28/2019 chama nas mos
10/18
-
7/28/2019 chama nas mos
11/18
07/12/12 Combine f ire, glow and crack effect in photoshop to create a realist ic burning image | 10Steps.SG
11/180steps.sg//combine-fire-glow-and-crack-effect-in-photoshop-to-create-a-realistic-burning-imag
Step 5: Adding the smoke effect in photoshop
For the sm oke we will use a s tock photo that can be downloaded here:
http://www.cgtextures.com/texview.php?id=43649&PHPSESSID=qg4aqfadrm86hctpn5ki9na1j 4. For previous
sm oke effect photoshop tutorials, check out how to make smoke and sm oke fading effect.
With the smoke texture open in Photoshop , go to Image > Adjustments > Invert.
Next go to Image > Adjustments > Desaturate.
Go to Select > Select All, then copy and paste the sm oke into your project.
http://10steps.sg/wp-content/uploads//2012/10/burning-fist-tutorial-21.jpghttp://10steps.sg/tutorials/photoshop/creating-a-smoke-fading-effect/http://10steps.sg/tutorials/photoshop/how-to-make-smoke-in-photoshop-in-5-simple-steps/http://10steps.sg/wp-content/uploads//2012/10/burning-fist-tutorial-20.jpg -
7/28/2019 chama nas mos
12/18
07/12/12 Combine f ire, glow and crack effect in photoshop to create a realist ic burning image | 10Steps.SG
12/180steps.sg//combine-fire-glow-and-crack-effect-in-photoshop-to-create-a-realistic-burning-imag
Move the sm oke layer to the top of your layers panel, and change its blending m ode to Overlay.
Use the Move Toolto position the s moke over the top of the hand.
Step 6: Creating embers
Well add the embers in a new layer above the sm oke layer, called embe rs.
Take a very sm all soft black brush and paint a few dots over the area where the smoke is. Build up m ore dots
while varying the s ize of the brush.
http://10steps.sg/wp-content/uploads//2012/10/burning-fist-tutorial-23.jpghttp://10steps.sg/wp-content/uploads//2012/10/burning-fist-tutorial-22.jpg -
7/28/2019 chama nas mos
13/18
07/12/12 Combine f ire, glow and crack effect in photoshop to create a realist ic burning image | 10Steps.SG
13/180steps.sg//combine-fire-glow-and-crack-effect-in-photoshop-to-create-a-realistic-burning-imag
When youre done, double click on the embers layer to bring up the Layer Styles box.
Click on Color Overlay, and s et the colour to white. Next click on Outer Glowand se t the Blending Mode to
Linear Dodge (Add), the Opacityto 100%, the colour to o range (#ff4e00), and the Size to 10 px.
Click on Inner Glow, and set the blending m ode to Normal, the colour to yellow (#ffe400), and the Size to 1px.
http://feeds2.feedburner.com/10steps/http://twitter.com/10stepshttp://10steps.sg/wp-content/uploads//2012/10/burning-fist-tutorial-25.jpghttp://10steps.sg/wp-content/uploads//2012/10/burning-fist-tutorial-24.jpg -
7/28/2019 chama nas mos
14/18
-
7/28/2019 chama nas mos
15/18
07/12/12 Combine f ire, glow and crack effect in photoshop to create a realist ic burning image | 10Steps.SG
15/180steps.sg//combine-fire-glow-and-crack-effect-in-photoshop-to-create-a-realistic-burning-imag
Align the flame over the top part of the fist usi ng the Move Tool.
Set the flame layers blend ing mode to Screen to hide the black background o f the texture.
http://10steps.sg/wp-content/uploads//2012/10/burning-fist-tutorial-29.jpghttp://10steps.sg/wp-content/uploads//2012/10/burning-fist-tutorial-28.jpg -
7/28/2019 chama nas mos
16/18
07/12/12 Combine f ire, glow and crack effect in photoshop to create a realist ic burning image | 10Steps.SG
16/180steps.sg//combine-fire-glow-and-crack-effect-in-photoshop-to-create-a-realistic-burning-imag
Finally add a layer mask, and use a large s oft black brush s et to 50% Opacity to blend out the bottom of the
flames.
The Final Outcome
Below is how the end product will look like. Hope you will learn how to com bine fire, crack and glow effect to
create a cool burning image in photoshop.
http://10steps.sg/wp-content/uploads//2012/10/burning-fist-tutorial-31.jpghttp://10steps.sg/wp-content/uploads//2012/10/burning-fist-tutorial-30.jpg -
7/28/2019 chama nas mos
17/18
07/12/12 Combine f ire, glow and crack effect in photoshop to create a realist ic burning image | 10Steps.SG
17/180steps.sg//combine-fire-glow-and-crack-effect-in-photoshop-to-create-a-realistic-burning-imag
Aaron is a wri ter for 10Steps.SG
Enter your email here
Subscribe to Email RSS
Other Design Articles You May Find Interesting
Loading...
Leave a Comment
Name (required)
Mail (will not be published) (required)
Website
Submit Comment
Notify me of followup comm ents via e-mail
12-11-2012 | (1) Comment
30 stunning game character designs24-11-2012 | No Comments
Make your own business card for free
http://designora.com/http://designunder.com/http://psdvault.com/http://www.fuelyourcreativity.com/http://www.crazyleafdesign.com/blog/http://www.fudgegraphics.com/http://free-brushes.com/http://10steps.sg/freebies/make-your-own-business-card-for-free/http://10steps.sg/freebies/make-your-own-business-card-for-free/#respondhttp://10steps.sg/freebies/make-your-own-business-card-for-free/http://10steps.sg/inspirations/artworks/30-stunning-game-character-designs/http://10steps.sg/inspirations/artworks/30-stunning-game-character-designs/#commentshttp://10steps.sg/inspirations/artworks/30-stunning-game-character-designs/http://us.marketgid.com/http://10steps.sg/wp-content/uploads//2012/10/burning-fist-tutorial-final.jpg -
7/28/2019 chama nas mos
18/18
07/12/12 Combine f ire, glow and crack effect in photoshop to create a realist ic burning image | 10Steps.SG
31-10-2012 | No Comments
16 creative email newsletter designs
08-10-2012 | (6) Comments
24 Awesome greek mythology
creatures w ith pictures
04-10-2012 | No Comments
10 creative custom logo designs
15-08-2012 | (2) Comments
Best buddypress premium themes
22-07-2012 | (2) Comments
Price comparison websites design
inspiration
09-07-2012 | No Comments
Most customizable wordpress theme
2012 for sale
08-02-2012 | (1) Comment
Heart icon for facebook, tumblr and
twitter
11-12-2011 | (4) Comments
HD nature wallpapers free!
16-01-2011 | (12) Comments
Useful Design Resources for the Yearof Rabbit
15-08-2010 | (19) Comments
33 Stunning Desktop Wallpapers for
Designers
Community Link Feed Copyright and Usage Privacy policy Send a Message
Back to Top
Copyright 10Steps.SG 2008-2010. All Rights Reserved
The text, images and tutorials themselves are copyright their respective ow ners. You CANNOT copy w hole tutorials, either in English or translated to another language.
WordPress Hosting by WPWebHost
http://wpwebhost.com/http://10steps.sg/tutorials/photoshop/combine-fire-glow-and-crack-effect-in-photoshop-to-create-a-realistic-burning-image/?utm_source=feedburner&utm_medium=email&utm_campaign=Feed%3A+10Steps+%2810Steps.SG%29#tophttp://10steps.sg/contact/http://10steps.sg/privacy-policy/http://10steps.sg/copyright/http://10steps.sg/community-link/http://www.sothink.com/product/logo-design-software/http://www.designswan.com/http://photorelive.com/http://www.bloggymedia.com/channel/technology/http://ariyes.net/projects/design-coding/http://www.pixel77.com/http://www.inspirationmix.com/http://www.designtnt.com/http://www.designious.com/http://designersdigest.co/http://feedgrids.com/http://www.logoblog.org/http://cssreflex.com/http://richworks.in/http://designrfix.com/http://www.dzinepress.com/http://digitalartempire.com/http://10steps.sg/freebies/wallpapers-freebies/33-stunning-desktop-wallpapers-for-designers/http://10steps.sg/freebies/wallpapers-freebies/33-stunning-desktop-wallpapers-for-designers/#commentshttp://10steps.sg/freebies/wallpapers-freebies/33-stunning-desktop-wallpapers-for-designers/http://10steps.sg/freebies/psds/useful-design-resources-for-the-year-of-rabbit/http://10steps.sg/freebies/psds/useful-design-resources-for-the-year-of-rabbit/#commentshttp://10steps.sg/freebies/psds/useful-design-resources-for-the-year-of-rabbit/http://10steps.sg/freebies/wallpapers-freebies/hd-nature-wallpapers-free/http://10steps.sg/freebies/wallpapers-freebies/hd-nature-wallpapers-free/#commentshttp://10steps.sg/freebies/wallpapers-freebies/hd-nature-wallpapers-free/http://10steps.sg/freebies/icons/heart-icon-for-facebook-tumblr-and-twitter/http://10steps.sg/freebies/icons/heart-icon-for-facebook-tumblr-and-twitter/#commentshttp://10steps.sg/freebies/icons/heart-icon-for-facebook-tumblr-and-twitter/http://10steps.sg/freebies/most-customizable-wordpress-theme-2012-for-sale/http://10steps.sg/freebies/most-customizable-wordpress-theme-2012-for-sale/#respondhttp://10steps.sg/freebies/most-customizable-wordpress-theme-2012-for-sale/http://10steps.sg/inspirations/price-comparison-websites-design-inspiration/http://10steps.sg/inspirations/price-comparison-websites-design-inspiration/#commentshttp://10steps.sg/inspirations/price-comparison-websites-design-inspiration/http://10steps.sg/inspirations/best-buddypress-premium-themes/http://10steps.sg/inspirations/best-buddypress-premium-themes/#commentshttp://10steps.sg/inspirations/best-buddypress-premium-themes/http://10steps.sg/inspirations/10-creative-custom-logo-designs/http://10steps.sg/inspirations/10-creative-custom-logo-designs/#respondhttp://10steps.sg/inspirations/10-creative-custom-logo-designs/http://10steps.sg/inspirations/greek-mythology-creatures-with-pictures/http://10steps.sg/inspirations/greek-mythology-creatures-with-pictures/#commentshttp://10steps.sg/inspirations/greek-mythology-creatures-with-pictures/http://10steps.sg/inspirations/16-creative-email-newsletter-designs/http://10steps.sg/inspirations/16-creative-email-newsletter-designs/#respondhttp://10steps.sg/inspirations/16-creative-email-newsletter-designs/