SlideShare a Scribd company logo
Create a Realistic Break-Apart Effect
In this tutorial, I will show you an interesting technique I use to produce realistic
break-apart/disintegration effect in Photoshop by using debris brushes, with a
watercolour background attached. There are many tutorials on the web showing
techniques about break-aparts but, it never hurts to learn more
It will be a bit boring if the whole tut is just to break something apart, so I also
combined a bit of photo retouch techniques along side and hopefully they can be
useful to you as well. Together we will be using layer blending options, masking,
the pen tool, adjustment layers and of course, brushsets. Have a try!
Here is a preview of the final effect:
Alternative version:
OK let’s get started!
To complete this tutorial, you will need the following stocks:
Female stock
Debris Brush
Watercolor Brush
Step 1
Create a new document sized 3100px * 3600px with White background. Open
the “Female Stock” image in Photoshop, use Pen Tool (or whatever selection
method you prefer) to make a working path around the model:
How to learn photoshop
How to learn photoshop
If you chose to use Pen Tool, make sure to make a selection after you close the
path (by right-click inside the path with Pen Tool selected):
After clicking “Make Selection …”, keep the Feather radius to 0px and tick the
“Anti-aliased” checkbox as shown below:
If your selection isn’t perfact, you can hit Ctrl + Alt + R and bring up the refine
edge option and apply the following settings:
Then copy and paste the selection on our document and name this newly-created
layer as “model”, resize and position it as shown below:
Step 2
Duplicate the “model” layer twice. Then on the first duplicated layer, change the
blending option to “linear burn”:
Add a vector mask and grab a soft round brush, gently erase the portion as shown
below:
How to learn photoshop
This is the effect after apply the layer mask, you can see the dask parts are now
gone:
Then on the second duplicated layer, change its blending mode to “Screen”, then
also grab a soft round brush and apply the following mask onto it:
How to learn photoshop
Here is the effect so far:
Step 3
I decided to add some black and white adjustment to the model however preserve
the yellow and orange parts of the image.
So we can go to Layer > New adjustment Layer > Black and White and apply the
followng options:
On the mask of this adjustment layer, use the Eraser tool with a soft brush to
erase the following part of the image:
I also feel like to preserve the lip colour for the model, so I used the Eraser Tool
(with a opacity of 40%) to gently erase the lip part on the mask of this adjustment
layer:
And you will have the following effect:
We can adjust the lighting contrast a bit for the model. So go to Layer > New
adjustment layer > Curves and apply the following settings:
And here is the effect so far:
Step 4
Now we’re on the break-apart bit of the tutorial! Firstly load the “Debris Brush”
into Photoshop, then create a new layer called “break apart” on top of all other
layers:
Grab one of the brush in the “Debris Brush” set, use a colour match the
background colour (in this case it’s white), then use the lasso tool with 100px
feather to draw a selection in the area you would like to break apart, simply paint
over it:
Duplicate this “break apart” layer, hit Ctrl + I and invert the colour on the
duplicated layer:
Add a layer mask on the duplicated layer, this time use the Eraser tool with the
Debris Brush, eraser the area and reduce the density of the black part:
Also use the Warp Tool (Ctrl + T and right-click choose Warp) to add a bit of
motion:
Also tidy up the bits and pieces arund the hair with a soft eraser:
Here is the effect I have after apply the above steps:
Step 5
Now we can use the watercolour brush to add some background for this image.
Create a new layer just above the background layer, load the “Watercolor Brush”
into Photoshop and simply paint over it (great chance to use your creativity!)
Here is what I have after the painting:
We can futher add some colour onto our image. To do this, simple create a new
layer on top of all other layers, set its blending option to “overlay”, use a big soft
brush and paint over it.
Here is my effect so far:
Ok that’s it for this tutorial! You can of course add some of your own texture or
filter effect and see what the end results are!
Here is my final image for this tutorial: (I slightly adjusted the colour balance and
curves ) – Click to enlarge:
Alternative version:
Hope you enjoy it & learn something new from this tutorial.
Learn more

More Related Content

DOCX
Photoshop pixel explosion tutorial
DOCX
Design a paint splashing effect into your image | ABDUL DJALIL DJAYALI
DOCX
Photoshop Tutorial for Selecting Colour Effect
PPTX
Photo retouching tips and tricks in photoshop
DOCX
Hair removal - Photoshop
DOCX
Changing eye colour in photoshop
DOCX
Smooth and soften skin in a photo with photoshop
PPT
Realistic Fog
Photoshop pixel explosion tutorial
Design a paint splashing effect into your image | ABDUL DJALIL DJAYALI
Photoshop Tutorial for Selecting Colour Effect
Photo retouching tips and tricks in photoshop
Hair removal - Photoshop
Changing eye colour in photoshop
Smooth and soften skin in a photo with photoshop
Realistic Fog

What's hot (20)

DOC
Image manipulation - Photoshop
PPTX
Tutorial in gimp
DOCX
Image manipulation - Photoshop
PPT
Paths, Masks And Blend Modes
PPT
Snake Face
DOC
Applying masks in photoshop
PDF
Abstract Halloween Tutorial
PPT
Edgy Colors
DOCX
Menggunakan Radial blur
PPTX
Basics of gimp
PDF
Photoshop_BlendingPhotos
PDF
Balloons tutorial by rokas petskevicius visualpelican
PPTX
How To Make A Lineart And Color It In Photoshop
PPTX
Tools I Used In Photoshop
PPTX
How to copy a layer style in photoshop
PPT
Using The Toolbox
PPTX
Create a canvas banner in photoshop
PPTX
Assignment 26
DOCX
How to make a photoshop advert a4 poster
PPTX
Stylish icons for website or multimedia presentation
Image manipulation - Photoshop
Tutorial in gimp
Image manipulation - Photoshop
Paths, Masks And Blend Modes
Snake Face
Applying masks in photoshop
Abstract Halloween Tutorial
Edgy Colors
Menggunakan Radial blur
Basics of gimp
Photoshop_BlendingPhotos
Balloons tutorial by rokas petskevicius visualpelican
How To Make A Lineart And Color It In Photoshop
Tools I Used In Photoshop
How to copy a layer style in photoshop
Using The Toolbox
Create a canvas banner in photoshop
Assignment 26
How to make a photoshop advert a4 poster
Stylish icons for website or multimedia presentation
Ad

Viewers also liked (8)

PDF
Woodworking shop
PDF
Woodworking projects
PDF
Learn photoshop
PDF
Teds woodworking
ODP
PDF
present_these
PDF
choc des générations - comprendre et gérer les z
PDF
Web marketing et cinéma
Woodworking shop
Woodworking projects
Learn photoshop
Teds woodworking
present_these
choc des générations - comprendre et gérer les z
Web marketing et cinéma
Ad

Similar to How to learn photoshop (20)

PDF
Realistic cast shadow effect in photoshop
PPT
Photoshop tutorials1
PDF
How to Create Simple Manipulation Using Lighting Effects
PDF
Photoshop_BlendingPhotos
PPTX
4. production experiments (1)
PPTX
How to andy warhol your face!
PDF
Create a Photo Collage in Photoshop.pdf
PPTX
Photoshop Tutorial- Skin Retouching Technique
PPT
P 5 Watercolor Text Painted On Folded Paper
PPT
Realistic Fog
PPTX
Photoshop & quarkfsfds
PPTX
gfdgafsPhotoshop & quark
PPTX
Photoshop tips online class version 2015
PDF
adobephotoshop_frerking
PPTX
Learning Photoshop.pptx
DOC
Amazing photoshop light effect in 10 steps
PPTX
Fajardo, winfreya m. 11 caritas, abm
PDF
ProductDesignAd - A Practice Guide to Photoshop
PDF
Photoshop Tutorial Booklet
PDF
How to Remove Background from Hair Images using Photoshop
Realistic cast shadow effect in photoshop
Photoshop tutorials1
How to Create Simple Manipulation Using Lighting Effects
Photoshop_BlendingPhotos
4. production experiments (1)
How to andy warhol your face!
Create a Photo Collage in Photoshop.pdf
Photoshop Tutorial- Skin Retouching Technique
P 5 Watercolor Text Painted On Folded Paper
Realistic Fog
Photoshop & quarkfsfds
gfdgafsPhotoshop & quark
Photoshop tips online class version 2015
adobephotoshop_frerking
Learning Photoshop.pptx
Amazing photoshop light effect in 10 steps
Fajardo, winfreya m. 11 caritas, abm
ProductDesignAd - A Practice Guide to Photoshop
Photoshop Tutorial Booklet
How to Remove Background from Hair Images using Photoshop

Recently uploaded (20)

PPTX
DIMAYUGA ANDEA MAE P. BSED ENG 3-2 (CHAPTER 7).pptx
PPTX
unit5-servicesrelatedtogeneticsinnursing-241221084421-d77c4adb.pptx
PPTX
65bc3704-6ed1-4724-977d-a70f145d40da.pptx
PDF
Slide_BIS 2020 v2.pdf....................................
PPTX
CPAR_QR1_WEEK1_INTRODUCTION TO CPAR.pptx
PPTX
CPRC-SOCIAL-STUDIES-FINAL-COACHING-DAY-1.pptx
PPTX
MUSIC-W1-Q1-1.pptxL;ML;MLNL;NL;NL;N;LNL;NL;N
PPTX
Callie Slide Show Slide Show Slide Show S
PDF
TUTI FRUTI RECETA RÁPIDA Y DIVERTIDA PARA TODOS
PDF
Love & Romance in Every Sparkle_ Discover the Magic of Diamond Painting.pdf
PDF
waiting, Queuing, best time an event cab be done at a time .pdf
PPTX
Brown and Beige Vintage Scrapbook Idea Board Presentation.pptx.pptx
PPTX
kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
PPTX
400kV_Switchyard_Training_with_Diagrams.pptx
PPTX
Military history & Evolution of Armed Forces of the Philippines
PPTX
Visual-Arts.pptx power point elements of art the line, shape, form
PPTX
Technical-Codes-presentation-G-12Student
PPT
Jaipur Sculpture Tradition: Crafting Marble Statues
PPTX
Socio ch 1 characteristics characteristics
PPTX
Green and Orange Illustration Understanding Climate Change Presentation.pptx
DIMAYUGA ANDEA MAE P. BSED ENG 3-2 (CHAPTER 7).pptx
unit5-servicesrelatedtogeneticsinnursing-241221084421-d77c4adb.pptx
65bc3704-6ed1-4724-977d-a70f145d40da.pptx
Slide_BIS 2020 v2.pdf....................................
CPAR_QR1_WEEK1_INTRODUCTION TO CPAR.pptx
CPRC-SOCIAL-STUDIES-FINAL-COACHING-DAY-1.pptx
MUSIC-W1-Q1-1.pptxL;ML;MLNL;NL;NL;N;LNL;NL;N
Callie Slide Show Slide Show Slide Show S
TUTI FRUTI RECETA RÁPIDA Y DIVERTIDA PARA TODOS
Love & Romance in Every Sparkle_ Discover the Magic of Diamond Painting.pdf
waiting, Queuing, best time an event cab be done at a time .pdf
Brown and Beige Vintage Scrapbook Idea Board Presentation.pptx.pptx
kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
400kV_Switchyard_Training_with_Diagrams.pptx
Military history & Evolution of Armed Forces of the Philippines
Visual-Arts.pptx power point elements of art the line, shape, form
Technical-Codes-presentation-G-12Student
Jaipur Sculpture Tradition: Crafting Marble Statues
Socio ch 1 characteristics characteristics
Green and Orange Illustration Understanding Climate Change Presentation.pptx

How to learn photoshop

  • 1. Create a Realistic Break-Apart Effect In this tutorial, I will show you an interesting technique I use to produce realistic break-apart/disintegration effect in Photoshop by using debris brushes, with a watercolour background attached. There are many tutorials on the web showing techniques about break-aparts but, it never hurts to learn more It will be a bit boring if the whole tut is just to break something apart, so I also combined a bit of photo retouch techniques along side and hopefully they can be useful to you as well. Together we will be using layer blending options, masking, the pen tool, adjustment layers and of course, brushsets. Have a try! Here is a preview of the final effect: Alternative version:
  • 2. OK let’s get started! To complete this tutorial, you will need the following stocks: Female stock Debris Brush Watercolor Brush Step 1 Create a new document sized 3100px * 3600px with White background. Open the “Female Stock” image in Photoshop, use Pen Tool (or whatever selection method you prefer) to make a working path around the model:
  • 5. If you chose to use Pen Tool, make sure to make a selection after you close the path (by right-click inside the path with Pen Tool selected):
  • 6. After clicking “Make Selection …”, keep the Feather radius to 0px and tick the “Anti-aliased” checkbox as shown below: If your selection isn’t perfact, you can hit Ctrl + Alt + R and bring up the refine edge option and apply the following settings:
  • 7. Then copy and paste the selection on our document and name this newly-created
  • 8. layer as “model”, resize and position it as shown below: Step 2 Duplicate the “model” layer twice. Then on the first duplicated layer, change the blending option to “linear burn”:
  • 9. Add a vector mask and grab a soft round brush, gently erase the portion as shown below:
  • 11. This is the effect after apply the layer mask, you can see the dask parts are now gone:
  • 12. Then on the second duplicated layer, change its blending mode to “Screen”, then also grab a soft round brush and apply the following mask onto it:
  • 14. Here is the effect so far:
  • 15. Step 3 I decided to add some black and white adjustment to the model however preserve the yellow and orange parts of the image. So we can go to Layer > New adjustment Layer > Black and White and apply the followng options:
  • 16. On the mask of this adjustment layer, use the Eraser tool with a soft brush to erase the following part of the image:
  • 17. I also feel like to preserve the lip colour for the model, so I used the Eraser Tool (with a opacity of 40%) to gently erase the lip part on the mask of this adjustment layer: And you will have the following effect:
  • 18. We can adjust the lighting contrast a bit for the model. So go to Layer > New adjustment layer > Curves and apply the following settings:
  • 19. And here is the effect so far:
  • 20. Step 4 Now we’re on the break-apart bit of the tutorial! Firstly load the “Debris Brush” into Photoshop, then create a new layer called “break apart” on top of all other layers: Grab one of the brush in the “Debris Brush” set, use a colour match the
  • 21. background colour (in this case it’s white), then use the lasso tool with 100px feather to draw a selection in the area you would like to break apart, simply paint over it: Duplicate this “break apart” layer, hit Ctrl + I and invert the colour on the duplicated layer:
  • 22. Add a layer mask on the duplicated layer, this time use the Eraser tool with the Debris Brush, eraser the area and reduce the density of the black part:
  • 23. Also use the Warp Tool (Ctrl + T and right-click choose Warp) to add a bit of motion:
  • 24. Also tidy up the bits and pieces arund the hair with a soft eraser:
  • 25. Here is the effect I have after apply the above steps: Step 5 Now we can use the watercolour brush to add some background for this image. Create a new layer just above the background layer, load the “Watercolor Brush” into Photoshop and simply paint over it (great chance to use your creativity!) Here is what I have after the painting:
  • 26. We can futher add some colour onto our image. To do this, simple create a new layer on top of all other layers, set its blending option to “overlay”, use a big soft brush and paint over it. Here is my effect so far:
  • 27. Ok that’s it for this tutorial! You can of course add some of your own texture or filter effect and see what the end results are! Here is my final image for this tutorial: (I slightly adjusted the colour balance and curves ) – Click to enlarge:
  • 29. Hope you enjoy it & learn something new from this tutorial. Learn more