Jump to content


Photo

Burnt parchment edges


  • Please log in to reply
4 replies to this topic

#1 Kinetic

Kinetic
  • Newbies
  • 1 posts
  • Reputation:0

Posted 21 November 2009 - 04:39 PM

A while back, I discovered how to make a relatively easy burnt parchment effect. Since then, I had hardly any time, but have finally managed to find some to make this tuutorial.
1.Open a new document (366 by 570)
Posted Image

2. With colour 884A00 (Click on the more button in the colours window, then paste those numbers I just said into the 'Hex' field) , draw a 289 by 471 rectangle centered in the document, then select it with the rectangle select.
Posted Image

3. With colour 884A00 as primary and colour BE6D28 as secondary, Effects>Render>Clouds.
Posted Image

4. Set to 207 scale, 0.53 roughness.
Posted Image

5. Draw two selections with the lasso tool, one on the top left corner, one in the middle. Imagine this as the edge of the burnt paper.
Posted Image

6. Delete them. They will now look like this:
Posted Image

7. On a new layer, draw several radial gradients with colour 351C00 as primary and a completely transparent colour as secondary (on the colour window, click the 'more' button, and lower the 'Tranparency- Alpha' slider to 0 to obtain a transparent colour)
Posted Image

8. Effects>Noise>Median (radius 14, percentile 42). This will make the centres of the radial gradients less obvious, and blend them together.
Posted Image Posted Image

9. Swap back to the background layer, and use the magic wand to selct the outside of the paper,then hold CTRL select and the inside of the hole. This will select both at once, and any edits you make to one without deselecting will happen to the other.
Posted Image

10. Delete this selection on the gradient or 'burn' layer.
Posted Image

11. Using the lasso tool, select the edges of the corner and the edges of the hole on the background (paper) layer.
Posted Image

12.Effect>Blurs>Gaussian Blur (1 pixel). Switch to the burn layer and repeat(This will act as antialiasing)
Posted Image
Posted Image
Posted Image

13. Add a 3rd layer, and copy and paste a crumpled paper texture onto it. I found mine here: http://webdizeo.com/...led-paper-1.jpg. Resize if neccesary, and desaturate (Adjustment>Black and White) it if it contains any colour.
Posted Image
Posted Image

14. Set the layer blending mode to overlay (in the layers window, click on layer properties)
Posted Image

15. Using the lasso tool, select the grey (showing) areas of the crumpled paper texture layer and delete them.
Posted Image

16. The finished result!
Posted Image

17. This is an earlier version I made, using better colours and a texture that seems to have dissapeared off the web. (Unfortunately, when I resized this to fit as an attachment, I deleted the original :roll: and so a lot of the quality was lost. you can still see it if you like:
Posted Image

As with any tutorials, feel free to experiment with the sliders when it comes to Effects, use different colours, different textures, etc. Post your results if you like.

NB: Sorry if this tutorial seemed noobish or stupid, and I apologise for any mistakes I have made in making this tutorial. I also apologise if the layout of the tut is confusing. Any criticism or comments, and I will do all in my power to improve on this. :D however, please note I have time mostly at weekends, so updates may be slow.

#2 micael2240

micael2240
  • Newbies
  • 3 posts
  • Reputation:0

Posted 21 November 2009 - 09:51 PM

Look at the forum rules u might of missed some out :oops:

#3 Ego Eram Reputo

Ego Eram Reputo

    Master of Competition Ideas and 2012 Proton Award Winner

  • Moderators
  • 5,645 posts
  • LocationNorth Canterbury, New Zealand
  • Reputation:223

Posted 22 November 2009 - 04:31 AM

@Kinetic, nice effect! Excellent first tut - to a point.

We do have rules regarding the inclusion of screenshots, but including them in one image at the foot of the tutorial is not really the most helpful method of including them :)

This might help you place your screenshots in the right places in the text: How to Use Images in Your Posts, Signatures, and Avatars.

Please take the time to separate the screenshots into individual images and upload them to an image hosting site. Then include them in the tut by way of the method(s) mentioned in the linked post. Your tut would benefit immensely if you place the images within the text :wink:

#4 KevinB

KevinB
  • Members
  • 33 posts
  • Reputation:0

Posted 20 May 2010 - 06:55 PM

Can you post i again for the new people?Because I don't see pictures(Removed/Moved)
But this time with pictures?


Posted Image

#5 Ven

Ven
  • Members
  • 10 posts
  • Reputation:0

Posted 08 January 2012 - 12:20 AM

Fix images