A folded and cut papercraft or scrapbook style heading
The September 2008 issue of Wired Magazine had a nice new headline design created by Mario Hugo. The author of the PhotoshopRoadmap blog decided to turn this effect into a very detailed Photoshop tutorial.
I decided to translate it into a very ordinary and lack-lustre GIMP tutorial - simply to do my bit to push the application I want to see more artists and designers using. Basic GIMP knowledge is assumed.
Here's the finished product shown on PhotoshopRoadmap blog site:
Installing the font
First things first, get the Disco Deck font from dafont.
You need to extract the *.TTF file for the font that you wish to use in that archive and put it in the directory
C:\Users\<
and then restart GIMP. It should now be an available font style.
Starting the image
Now create a blank new image, 600x200 pixels canvas size.
Run a BG->FG gradient over the image from top-right to bottom-left coloured black to white.
Type out the word CRAFT using the installed font. Make sure each letter is a separate layer. I used size 160 font - seems to be about right.
The letters are black because I was too lazy to change the colour. Just use Colours -> Invert menu item to change each layer to white and use the positioning tool to get the letters in the correct place.
Creating the folds
Create a new layer above the letter 'C' and fill it with a radial gradient by dragging right to left perfectly horizontally in the image.
Flip the new gradient layer horizontally using Layer -> Transform -> Flip horizontal and position it over the 'C' with the positioning tool (make sure you drag the gradient, not the other letters!) and change the layer mode to 'hard light'. I turned off the visibility of the other layers by clicking on the eye icon so it was easier to see what I was doing.
Right-click on the letter 'C' layer and choose 'Alpha to selection' and then go to Select -> Invert menu item. Now make sure the radial gradient layer is highlighted and press delete.
Now invert the current selection again (so only the 'C' is selected) and use Filters -> Light and shadow -> Drop shadow command to add a shadow with zero X-offset and Y-offset. The blur should be 15px by default, which is fine.
Repeat the same process for each letter.
Make sure with letters 'A' and 'R' that you drag the radial gradient from top to bottom instead of right to left! Even with a right to left drag the effect is still interesting, so don't be too concerned if yours ends up that way.
Clean up and colour
Now move each layer called 'Drop Shadow #1' and so on to just above the letter layer that the shadow belongs to. This will stop the shadows overlapping letters where they aren't supposed to.
Finally, give the image some colour. Create a new layer on top of all other layers and fill it with an orange colour like #ffa200 and then set the layer mode to 'Soft light'
My GIMP actually crashed at this point and I lost all the steps above, so I will stop there. But, to make it more like the Photoshop tutorial, you could use Colours -> Levels and play with the curves, as well as Colours -> Brightness-Contrast in order to get a bit darker and more paperlike image. you can flaunt the using the best hosting service available.
Viel Spaß, GIMPleute!
We offer best quality 70-662 dumps and F50-531 materials. You can get our 100% guaranteed testking EX0-101 questions & 642-681 to help you in passing the real exam of testking mcitp.
Bookmark/Search this post with:
- 122281 reads
Great outcome and very well
Great outcome and very well written, Thanks!
It looks cool
It looks cool
Nice Tutorial.. I had
Nice Tutorial.. I had trouble with the gradient. I think you meant to say Conical instead of radial for the type of gradient.
I like this. very cool
I like this. very cool
Very nice outcome, but I just
Very nice outcome, but I just couldn't get the gradient right till I started experimenting. Did you mean conical (asym) instead of radial by any chance? That got the results in the end. Had a lot of fun playing around with it though! Thanks.
Nice tutorial. This is how it
Nice tutorial. This is how it came out for me: http://je1403.deviantart.com/art/Papercut-130984834
Also, as others have pointed, the right gradient is conical (asym).
Great tutorial!
Great tutorial!
Hi, am I allowed to translate
Hi,
am I allowed to translate this tutorial into german to post it in another forum?
JE, great result! And thanks
JE, great result! And thanks for linking back and also linking to the original.
jzilbek, go for it! Please link to the original (at least): http://www.photoshoproadmap.com/Photoshop-blog/2008/10/31/papercraft-tex...
Yes, "conical asym" is the correct gradient. Sorry for that. I am unable to edit this now so perhaps the admin can correct the mistake.
Thanks for the feedback.
JE, may I ask how you got the
JE, may I ask how you got the image to fit inside all of those letters? :)
Anyways, amazing tutorial. I do have one problem, though, on 'Creating the Folds', where is the Positioning Tool? I know I've seen it, but I can't seem to find it...
Thanks!
awesome use of the gradient
awesome use of the gradient tool!
It was hard to read steps a
It was hard to read steps a bit, but in any case thanx.
Thank you for this
Thank you for this tutorial!
I just downloaded GIMP and this tut was my first attempt at using it. It took awhile to understand the instructions, but once I got the lingo down, it was easy. The only other tool I've ever used is PSP7, so this was a culture shock for me. HA!
on a mac I can't get the
on a mac I can't get the 'creating the folds' section to work, so I can't go past that
can anyone help under how to
can anyone help under how to do step for creating fold... I'm stuck here for a long time. and not able to find the postioning tool or how to move the gradient.
Please help
To create the fold, there is
To create the fold, there is a correction in the steps above. Instead of using the radial gradient, use conical (asym) gradient instead as seen on the picture above (look at his settings on the tool options). Also, to create the folded effect, I checked that little check box beside the gradient selector and didn't have to flip horizontally. Then starting from the center of the letter dragged the line to the right. This created the same effect in my case. Hope this helps. :)
At first I was a bit
At first I was a bit confused, but I soon got the hang of it- and after reading about the whole conical gradient thing ^^, mine says 'Happy Birthday', though, since i'm making a birthday card thing at the moment. However, I have to wonder, what direction should I be doing the 'P's?
Hi! Would you possibly care
Hi! Would you possibly care if I were to link to your blog with my facebook followers?
There is of friends that I am quite sure would rather appreciate
your site. Please be sure tolet me know. Cheers
Hello! Would you possibly
Hello! Would you possibly care if I were to share your article with my zynga fans?
There are of friends that I am pretty sure would definitely appreciate your blog.
Please dolet me know. Cheers
you're in point of fact a
you're in point of fact a good webmaster. The website loading speed is incredible. It kind of feels that you are doing any unique trick. In addition, The contents are masterwork. you've done a fantastic process
in this topic!
Hi! Would you possibly care
Hi! Would you possibly care if I were to bookmark your website with
my zynga fans? There's a lot of folks that I think would definitely enjoy your article. Please be sure tolet me know. Cheers
Very cool! You definitely
Very cool! You definitely made some precise and valid points!
I enjoyed you expressing this article and the rest of the
website is also very quite good.
I really consider this
I really consider this amazing blog post , “Reply to comment
| Gimp-tutorials.net - Gimp , tutorials , brushes , downloads,
forum.”, relatively interesting plus the post ended up being a wonderful read.
Regards,Les
What's up, all the time i
What's up, all the time i used to check webpage posts here in the early hours in the break of day, as i love to find out more and more.
It's fantastic that you are
It's fantastic that you are getting ideas from this paragraph as well as from our dialogue made at this time.
Thanks for sharing your
Thanks for sharing your thoughts about gimp tutorials. Regards
Heya i'm for the first time
Heya i'm for the first time here. I came across this board and I to find It really useful & it helped me out a lot. I'm hoping
to present something back and aid others like you aided me.
I need to to thank you for
I need to to thank you for this very good read!! I absolutely
enjoyed every little bit of it. I have got you book-marked to check out new things you post…
My brother suggested I might
My brother suggested I might like this blog. He was entirely right.
This post actually made my day. You cann't imagine just how much time I had spent for this information! Thanks!
This blog was... how do you
This blog was... how do you say it? Relevant!! Finally I have found something which helped me.
Thank you!
If some one wants expert view
If some one wants expert view on the topic of running a blog after that i propose him/her to pay a
quick visit this web site, Keep up the pleasant work.
Post new comment