Creating a Sparkle Abstract Piece

  1. Begin by taking this photo into photoshop, then press CTRL + V and press okay. The image should be pasted by its own dimensions.
  2. Next, we’re going to make the image black and white. With your image layer selected, go to Image > Adjustments > Hue/Saturation. Set the Saturation to -100.
  3. Then go to Image > Adjustments > Brightness/Contrast and set the Brightness and Contrast to 15.
  4. Now take this nebula stock by Moonchilde and paste it into your document. Press CTRL + T because we want to make this stock a bit smaller. In the boxes W and H type in 30.0 to change the scaling down to 30%.
  5. Now set the stock to Screen and place it on her upper right ear. Erase some of the outer parts of it with a default round brush that has 0% hardness so it blends better.
  6. Press CTRL+J to duplicate your nebula layer, then place the duplicated layer on the side of her left arm. Press CTRL+T to rotate it a bit and erase some parts if they aren’t blending well. I rotated mine -66.5.
  7. Now we’re going to be adding some more nebula stock. These are perfect for abstract types of graphics. Now that this blue nebula stock by MoonChilde and paste it into your document as usual. We won’t be resizing this one, so go ahead and set the layer setting to Screen. You should immediately see it change.
  8. Move it around a bit so that the blue ball of light is adjacent to the nebula we placed near the ears.
  9. Now download these Light textures by Frasio and copy and paste image “IMG_8611” into your document. Be sure to keep this set because we will be using some more of these textures in later steps. Set this light texture to Lighten
  10. We want to be able to make the texture more fitting to our piece so we’re going to warp it to follow the form of the girls arm. Press CTRL+T (transform) and then go to Edit > Transform > Warp. The image is quite big so we’re simply going to be dragging the lines back and forth til we see the light texture follow the form of her arm. It’s okay if you can’t get it perfectly, it’s hard to master your first time!
  11. Erase the bottom part with a round brush and other parts that you might not want. I’ve circled in red the areas I’ve erased with a size 125 round brush (0% hardness).
  12. Now take “IMG_8779” and place it onto your document. Set the layer to Lighten and place the document so the big firework is near the left ear.
  13. We don’t want the firework covering her eye so get your round brush eraser (default but very handy!) erase some parts of it near the eye. Mine is size 75 at 0% hardness.
  14. Erase the bits of the other fireworks below. We don’t want them to be too strong, but we don’t want to erase them completely. Fade them out a bit.
  15. Take this nebula stock by Hameed and place it onto your document. Set the layer mode to Lighten and adjust it accordingly.
  16. Go and download this light texture pack by Reila-is-Love and take image “Text-2” and place it into your document. Set it to Screen and place it around her eyes. There is a thin strip at the end of the texture so make sure to erase it! I’ve highlighted it in red.
  17. Press CTRL + J to duplicate this stock. Then press CTRL + T and rotate it and place it near her arm so it looks like its hovering around it. I rotated it -63.7.
  18. Now take this light texture by xnienke and paste it into your document. Set the layer to Lighten. Then press CTRL + T and resize to 50%.
  19. Now grab your default circle eraser brush and erase away some parts of it. Make sure to erase around areas of the mouth.
  20. Go back to the Frasio light set you downloaded previously. Grab image “IMG_8730” and set it to Light. Place it near the bottom of her arm so that the image spans out the left. The sparkles will be on the bottom of her arm.
  21. Delete the bottom part of the image because it just looks kind of strange.
  22. Now take “IMG_8725” from the Fraiso Light Set and place it into your document. Press CTRL+T and rotate it by 21.5% and set it to Lighten. The light texture should be placed near the arm aswell. I marked where it should be with the red arrow.
  23. Go back to Amurrr’s light texture pack one last time and select texture “Text-6”. Place it into your document and set the layer mode to Lighten. Then rotate it by pressing CTRL + T at the angle -150.
  24. Now we’ll begin the coloring process. Go to Layers > New Adjustment Layer > Selective Color and match your settings to mine.


  25. Now go to Layers > New Adjustment Layer > Gradient Map and create a gradient using the colors (#96000b to #ffb80f). Set this layer to Darken at 25% opacity.
  26. Now go back once again to Layers > New Adjustment Layer > Gradient Map and create a gradient using the colors (#ed0dd0 to #a2fd04). Set this layer to Hue at 58%.
  27. Last but not least, we will make one last gradient. Go back once again to Layers > New Adjustment Layer > Gradient Map. This one will be from black to white, so it should be default in your gradients. Set this layer to Soft Light at 87%.
  28. And voila! We’re all done. In the final version I set the last step to OVERLAY instead of soft light.
    See the final version.

Posted 03/06/2010 - | 126 comments

Comments

  1. Wahh, the transformation is pretty :D
    Very well done!! ~~

    Lynnie posted this March 06 * # Reply

  2. Jessica, the comment above was not from me! :| :S I really don’t understand why or how someone would comment as me! But this is me =] You can check in textpatten that this is my actual IP adress.

    I love this tutorial, and I’m going to attempt it! It’s one of your best! x

    Richard posted this March 06 * # Reply

  3. BEAUTIFUL! sooo excited to try this!

    Ali posted this March 06 * # Reply

  4. beautiful :)

    Anusha posted this March 06 * # Reply

  5. Jess, this is probably the best tutorial you’ve had in a while :) Thank you so much!
    <3

    Kp posted this March 06 * # Reply

  6. how do i install light textures? i can’t figure it out :[

    haley posted this March 06 * # Reply

  7. What’s not working for you? I can try to help.

    Jessicaposted this March 07 // # Reply

  8. i can’t figure out how to actually pull them up to be able to use them. i have them downloaded and what not,but i have no clue how to install them. i haven’t ever used light textures before.

    haley posted this March 07 * # Reply

  9. You don’t have to install them, just open the light texture in photoshop and then copy the image and paste it on top of the photo.

    Rainie posted this March 08 * # Reply

  10. Hey D: I couldn’t get those stipy effects like yours! Can you help me or email me the effect please? :L Thankss =]

    Nicole posted this June 25 * # Reply

  11. Great Tutorial!
    One problem, can you post the IMG 8611 i can’t get it.

    RG3 posted this March 07 * # Reply

  12. I don’t think she can redistribute it/post it. Just download it from Deviantart.

    Sam posted this March 07 * # Reply

  13. Is it not allowing you to download the pack? I could email you the texture if you’d like! The pack is wonderful so I do recommend you have it for your future graphic making experiences :)

    Jessicaposted this March 07 // # Reply

  14. Jessica this tutorial is great!

    here’s my result

    i had to improvise with the coloring because i have psp not photoshop

    Mikayla posted this March 07 * # Reply

  15. oops sorry:S
    here is my result

    Mikayla posted this March 07 * # Reply

  16. This is great! :D

    Jessicaposted this March 07 // # Reply

  17. i loooove this so much! favoritest tutorial everr! :)

    JENNY:D posted this March 07 * # Reply

  18. Très bon tutorial, j’adore l’effet, merci :)
    (I’ve read you speak french, so..)

    s. posted this March 07 * # Reply

  19. hey could you please send me the pack of textures?
    i cant open them sorry
    thanks :)

    ALICE posted this March 07 * # Reply

  20. Did you try using a program like WINZIP to open them?

    Jessicaposted this March 07 // # Reply

  21. ohh thankyou :)

    ALICE posted this March 09 * # Reply

  22. Wow, Jessica! Every time I check up on you you’ve improved so much. And you are updating constantly these days. Keep up the good work!

    Jay posted this March 07 * # Reply

  23. You’re seriously talented you should make more. I LOVE YOU FOR THIS HAHA

    Cheyenne posted this March 07 * # Reply

  24. My result is here

    Steph posted this March 07 * # Reply

  25. yours isn’t all that great. but you can improve. :)

    kelly posted this March 16 * # Reply

  26. I think this is a little better than not experimenting. I don’t think having your result look exactly the same as the tutorial is “all that great.”

    Kati posted this March 26 * # Reply

  27. I think IS good .. but everyone has different tastes I guess … agree with kati btw

    Nadège posted this April 28 * # Reply

  28. After playing around with the tutorial I tried on a completely different picture and different colors.

    This is what I got, result .

    Dannielle posted this March 08 * # Reply

  29. yours is even better than the one here. :-p

    kelly posted this March 16 * # Reply

  30. Oh wow, thank you. I just noticted your comment, Kelly. Sorry about that.

    Dannielle posted this April 05 * # Reply

  31. wow, thanks a lot for this! i tried something similar with a different image.
    http://zzerorealityy.deviantart.com/art/cosmic-power-156523501

    Celi posted this March 08 * # Reply

  32. I really love yours!

    Alex posted this June 13 * # Reply

  33. If you guys are having trouble copying the textures into Photoshop, just dowload the texture, open it with your web browser, then right click on the texture you opened and choose “Copy Image”. Go back to Photoshop then press CTRL+V. :) I hope that helps!

    Oh, and here’s the final outcome of my picture: http://i43.tinypic.com/nx3yuh.png

    Victoria posted this March 10 * # Reply

  34. Very good learning tutorial, I tried to do mine different than yours but still using the same resources and steps; so mine didn’t come out .. hardly anything like yours :P but here it is- http://i39.tinypic.com/sv291f.png

    Brooke posted this March 10 * # Reply

  35. this one is really cool. i really think ur an expert on everything photoshop. i think this is ur best tut ive seen so far. so keep up the good work. i visit ur site all the time and i must admit, i just come here to snatch some resources.. and im apologizing for that.. (; keep rockin!

    Alpha-Beat posted this March 11 * # Reply

  36. Great tutorial!
    I changed the last gradient-map to color-burn and opacity to 65, It turned out very cool! ;)
    Thanks for this! very creative!

    Ted posted this March 12 * # Reply

  37. Can you please send me the texture pack via e-mail? That would be uber helpful, as I can’t open it by myself :P

    And another thing, aren’t RAR files for PSP? (I use photoshop CS3 myself) :/

    Roxy posted this March 12 * # Reply

  38. RAR files are for WinRAR. its a program used to compress files so they dont take up much data space. maybe u can just DL and install winrar and right click the WinRAR or ZIP file. then, find “Extract with WInRAR” then choose the folder where u want the file to be in.

    i technically didnt follow this tutorial cuz i was making a banner. but i used sum techniques. i couldnt do the banner if i havent read this. so heres tha site where the banner is:

    http://alpha-beat.blogspot.com

    Alpha-Beat posted this March 13 * # Reply

  39. I cant download the light textures. :/ cause its a rar file. :/

    Holly posted this March 14 * # Reply

  40. Thank you so much for this tutorial, Jess! You’re amazing (:

    I didn’t follow the steps for the colorization and I added some other effects from another tutorail x)

    Result: http://hellotherelily.deviantart.com/art/Let-s-Party-157185212

    Lily posted this March 14 * # Reply

  41. Awesome!
    Thank you so much!

    Krypteria_ posted this March 16 * # Reply

  42. This is lovely! One question, though: did you resize the textures when you pasted them in? The sizes they are, they don’t quite look the same way they do in your screenshots. (Not that that’s necessarily a bad thing, it makes for more individuality. :D)

    Pauli posted this March 17 * # Reply

  43. Amaazing tutorial. (:

    I tried this out with a picture of Kesha +
    http://i43.tinypic.com/sc9caw.jpg
    (:

    Bree posted this March 20 * # Reply

  44. Hi!
    This is such a lovely tutorial, and i’m already trying it, because I really like the result :)
    But one thing;
    I can’t find how to make a new gradient with the colors you said. I’m having PS CS3 now, but I can’t find it ;s.
    X Iris.

    Iris posted this March 26 * # Reply

  45. your so talented, i love this(;

    bonnie posted this March 27 * # Reply

  46. jessica,i can’t open the frasio light texture
    could you help me

    stella posted this April 04 * # Reply

  47. i love this tutorial! you’ve inspired me so much! heres my outcome —> http://i43.tinypic.com/2141hfs.png

    antonio posted this April 05 * # Reply

  48. i love this!
    i didnt follow all the gradients becuase i when i did it they turned out weird.
    but i love it anyways..check it out:
    http://theartist007.deviantart.com/art/Abstract-Sparkle-159683963
    thanks for putting this up, i’m going to try to use these effects on other art works as well!(:

    Allison posted this April 05 * # Reply

  49. i tried it out with img’s of a character i use for a board and though its no where NEAR as good as what you all got this was my attempt http://i280.photobucket.com/albums/kk200/x_coffee_muffin_x/Karlieann.png

    Kirstin posted this April 05 * # Reply

  50. hey, Jessica, your tutorial is really awesome..

    I’d like to ask one thing though, how do you change the layer setting to “Screen” or “Lighten”?

    I’m using cs4 by the way.. Thank you! :)

    rona posted this April 09 * # Reply

  51. hey, i do think your tutorial is guud enough ,
    but 4 the one like me (dummies)
    we kinda NOT understand ..
    nice work ,
    but later ..
    please show it .. step by step :)
    for the real dummy ;)

    Hadira posted this April 09 * # Reply

  52. http://pengu82.deviantart.com/art/Lights-160186922

    Tried it out there :)

    Gwen posted this April 10 * # Reply

  53. Great tutorial!:d

    Ovidiu posted this April 10 * # Reply

  54. where is the screen setting?

    carrro posted this April 12 * # Reply

  55. Nice!! Well, I want to improve my graphic designing and Im kind of tired of using PSP9. May ask you (or anybody) can I have the photoshop that you’re (or anybody) using without the 30 day trial (if thats possible) plz and thank you n_n

    Chanel posted this April 17 * # Reply

  56. I just love this tutorial
    this is my result : http://de.tinypic.com/r/ziofsx/5
    I’m just a beginner in Photoshop so these tutorials help :D thanks

    Cristiana posted this April 18 * # Reply

  57. I was looking to other results … I kinda got it exactly like the one in the tutorial :| well anyway :|

    Cristiana posted this April 18 * # Reply

  58. Great tutorial! Had an hour before having to go to school, and tried it out; this is my result: http://whooshaa.deviantart.com/art/You-Are-The-Fire-In-My-Heart-162234935

    Nadège posted this April 28 * # Reply

  59. I tried and did it right but apparently it didn’t work. When I went to Photoshop and press CTR+V nothing appeared.

    Karrisa posted this April 28 * # Reply

  60. which photoshop did u download? and where did u find it?

    LeeAnn posted this April 29 * # Reply

  61. I donloaded the one form the photoshop site of course.

    Karrisa posted this April 29 * # Reply

  62. cuz ive tried some but idk they wont let me can u send me the web link? if you can??

    LeeAnn posted this April 30 * # Reply

  63. :O! I love the tutorial, using by inspiration :B i make this http://soft-dreams.hyouri.org/ - :D!

    |·&amp; K M I L O posted this April 29 * # Reply

  64. I just went to Photoshop then signed up and then the begginer thing so I guess it won’t work on there:[

    Karrisa posted this April 30 * # Reply

  65. Hi, how to paste the nebula image actually? i don’t know .

    Diyana posted this May 02 * # Reply

  66. I seriously love your website, you’re the most creative designer I’ve ever seen in thise whole thing.
    Amazing! :)

    natalia@magicalspace posted this May 02 * # Reply

  67. okay i downloaded phtoshop .7 is that right?

    Karrisa posted this May 03 * # Reply

  68. How do you download the textures? It’s a Rar file.. :/
    Help please!

    Marie posted this May 16 * # Reply

  69. Just want to let you know that I absolutely LOVED this tutorial. Really helped me figure out what effects are good for abstract graphics like this one.

    Tori posted this May 25 * # Reply

  70. hello love your tutorial but i have a question i’m kind new to this coullering and my question is
    how can i change the setting of the Gradient Map i have no idea how to get your collours

    ilse posted this May 25 * # Reply

  71. Great tutorial! Here is my version:

    http://i48.tinypic.com/nyipsi.jpg

    Khushali posted this May 27 * # Reply

  72. Hello. I have Photoshop CS3 then when I came to no.9, i don’t know how to DL cause when I DL it, nothing happened. hmm? and I just want to ask if what Photoshop are you using?

    holly posted this May 27 * # Reply

  73. I switched it up; different pic. and I skipped a couple steps. I’m a newbie at this, but I loved the tutorial. Here’s my finished product: http://i50.tinypic.com/302279i.jpg

    Tash. posted this May 28 * # Reply

  74. This have been very helpful dear, thank you :)

    CupieCakee posted this May 28 * # Reply

  75. hi again. i tried to DL different light textures. but i don’t get it the “copy and paste it in your document”. i made a new document and i copy paste, nothing happened. how can i put it on my picture the light texture?

    holly posted this May 29 * # Reply

  76. nice tutorial, i used it here

    http://joch3m.deviantart.com/art/Sitting-Female-166054365

    Jochem posted this June 01 * # Reply

  77. Instead of following to your instructions , I made this instead: http://i46.tinypic.com/2qv8hgn.png
    It’s my wallpaper for my ipod now. Thanx for the tutorial. (:

    Abigail posted this June 05 * # Reply

  78. I loved this tutorial!
    A few layers looked weird for me, so I removed them. But overall, I loved this! Great job!
    Thanks, Jessica!

    Curtis posted this June 06 * # Reply

  79. Hi I really loved the tutorial and I’m trying to figure out how to attempt to make one of these but is their a specific type of photoshop you have to use because the one that I have has almost none of the features you’re telling me to use. So if you could tell me what website to use please do. Thank you very much :)

    Marissa posted this June 10 * # Reply

  80. Heii..!
    Great tutorial! I don’t have photoshop so i tried to do with photoline and it worked out well! Only i couldn’t make the eyes and mouth clear so the brush is over it. Sorry for my english i’m dutch ;) but i love your site!
    Here is my creation: http://i45.tinypic.com/20qfjd.jpg

    Annelie posted this June 21 * # Reply

  81. great tutorial, I loved it
    :)

    crytoy posted this June 22 * # Reply

  82. hey [:
    love this tutorial but i cannot get the images:[ because it’s a RAR file and i have no clue how to get the image. can u please email those textures to me? my emil is sourfacexd@yahoo.com

    Mackenzie posted this June 29 * # Reply

  83. Here’s my outcome. :)

    http://i47.tinypic.com/11c3z1l.jpg

    Samantha posted this July 02 * # Reply

  84. thanks so much for this tutorial!
    my result / / http://caseofflashdelirium.deviantart.com/art/MGMT-thing-170731989

    taylor posted this July 10 * # Reply

  85. I used some of the steps for this Twitter background – http://a3.twimg.com/profile_background_images/123208317/MAS_Twitter.jpg

    Amazing tutorial by the way!

    Becky posted this July 15 * # Reply

  86. Fuck you guys for all the porno spam shit!
    this is an amaaazing tut(:

    Lena posted this August 07 * # Reply

  87. really lovely work! i’m gonna try this out .. it’s awesome.. you’re awesome.. i love your work.. thank you :)

    sian posted this August 12 * # Reply

  88. here’s mine!!
    :) :) :)

    sian posted this August 12 * # Reply

  89. Helloo (: I love your tutorial. Can you please email me the texture? o:

    Christine posted this August 18 * # Reply

  90. thank! you so so so much! to this tutorial! :) <3

    ydca posted this August 31 * # Reply

  91. Hihi! :D

    This is my result :) http://l-artista-brilliante.deviantart.com/art/A7X-Zacky-V-176768785

    Thanks for the tutorials! _

    Lily posted this October 05 * # Reply

  92. This is my very first time editing anything like this but here’s mine:
    http://oi56.tinypic.com/30jslr5.jpg

    Brittney posted this October 07 * # Reply

  93. hey :) this tutorial is absolutely amazing!! but one thing, i cant get the light textures by frasio, could you email me them? like it says i dont have the program to open them with but im using the latest photoshop…thanks!

    Victoria Schaefer posted this December 07 * # Reply

  94. i’m trying to open those light textures but it’s not working. when i try to open it with internet explorer, it’ll stop working and closes. I tried opening it in firefox but it just led me to internet explorer again. when i tried to open them in photoshop it said ‘it cannot open it because it’s not the right type of file.’ im using the free trial of photoshop (for now) so could that be the problem ? if that isn’t it, do you think you could send me them via email? that would be great. :D

    Tasha posted this January 25 * # Reply

  95. awesome tutorial. i learned a lot, thanks<3

    Hannah posted this February 06 * # Reply

  96. i tried this and it came out awesome! love this tutorial :]

    Stephanie posted this March 25 * # Reply

  97. is using your photoshop action, don’t know if you’re good with it: http://cherished.comeze.com/wordpress/?page_id=355

    just so you know..

    ... posted this April 12 * # Reply

  98. Can you email me the light textures pack? They never download for me. :(

    Katherine posted this June 11 * # Reply

  99. 90JsmS <a href=“http://uhdzjefqjanc.com/”>uhdzjefqjanc</a>, [url=http://zoivmphhnefs.com/]zoivmphhnefs[/url], [link=http://vhroaapzwpyi.com/]vhroaapzwpyi[/link], http://bkxtpjwhannu.com/

    xjbjdh posted this December 24 * # Reply

  100. UonXWD <a href=“http://avkbpukfrsid.com/”>avkbpukfrsid</a>, [url=http://zlmurrzcezfx.com/]zlmurrzcezfx[/url], [link=http://huwdxhtmhrnq.com/]huwdxhtmhrnq[/link], http://trryrkdxzptp.com/

    bqtvorqz posted this January 06 * # Reply

  101. Thanks for already placing my ads as I have gotten good responses and will definitely be placing more,

    BARRETTE posted this February 03 * # Reply

  102. I receive great results from your ads and I really appreciate your service.,

    WARNKE posted this February 03 * # Reply

  103. Thanks for the quick response. The first ad went really well.,

    WEGMAN posted this February 03 * # Reply

  104. Thanx. Your page is awesome,

    BRACE posted this February 03 * # Reply

  105. I am impressed.,

    STOUT posted this February 03 * # Reply

  106. What a concept.,

    MACLEAN posted this February 03 * # Reply

  107. great site. Thanks.,

    BUFF posted this February 03 * # Reply

  108. hey thanks for the add I love all your stuff,

    KISH posted this February 03 * # Reply

  109. Thanks for a very interesting site with some of the best detail,

    MOUNCE posted this February 03 * # Reply

  110. All the best,

    TAFT posted this February 03 * # Reply

  111. Thx!,

    MYRICK posted this February 03 * # Reply

  112. I am impressed.,

    LINNEY posted this February 03 * # Reply

  113. I must commend you on the awesome job that you’ve done on your site.,

    CATLETT posted this February 03 * # Reply

  114. Thanks for the quick response. The first ad went really well.,

    COLLISON posted this February 03 * # Reply

  115. great site. Thanks.,

    TOOKES posted this February 03 * # Reply

  116. Excellent Web pages!,

    KUHLMAN posted this February 03 * # Reply

  117. Won’t miss it,

    PRINTZ posted this February 03 * # Reply

  118. All the best,

    CROFT posted this February 03 * # Reply

  119. What a concept.,

    PERKINS posted this February 03 * # Reply

  120. Thanks alot for your work!,

    LOUDERMILK posted this February 03 * # Reply

  121. THAT’S DARN GOOD!,

    BREESE posted this February 03 * # Reply

  122. What a nice little business you have going.,

    REIF posted this February 04 * # Reply

  123. Actually pretty good, I even found someone looking for cow’s for me.,

    PINEDO posted this February 04 * # Reply

  124. Just found your website. I really liked it.,

    BENFIELD posted this February 04 * # Reply

  125. Many Thanks.,

    SKEENS posted this February 04 * # Reply