Photoshop Video Tutorial: Corner Peel Image
Jul 20, 2007 Banner Ads, Banner Designs, Cool Stuff, Graphics, PS Video Tutorials, Photoshop, Photoshop Video Tutorial, Tutorials, Uncategorized
I’m just so crazy with the flip corner or the “Dogear” image such as the Page Peel as you can see on the top right corner of this site, so I’ve made my own photoshop video tutorial on how you can create a corner peel image or banner that will look like below:
Here’s the step-by-step ‘Corner Peel Image‘ video tutorial..
Instructions:
1. Let’s start with creating a new document, with 400px by 200px with white
background color.
2. Now, using the Rectangle Tool, draw a shape with any color you want. (mine
is blue)
3. Go to the layer and click on the title, rename it to
“rectangle”.
4. Then go to Layer on the tab—> Rasterize —> Layer.
5. Next, select the “pen tool” and draw a triangle:
6. A new layer will be created so rename the layer to “triangle”.
7. Now, select “Elliptical Marquee Tool” from tools and create a
rounded shape on the triangle shape just like below:
8. Then go to tab—-> click Edit —> Cut:
9. Press CTRL + D on your keyboard to deselect the marquee.
10. Still on the same layer, go to tab —> select Layer —> Layer Style —>
Blending Options..and apply to it the following settings:
…so you will have a flip image:
11. Select Move Tool from tools and drag the flip image onto the corner of rectangle
shape:
12. Select the rectangle layer then go to tools and select the Eraser Tool.
Go to Brush Preset picker and select Hard Round 9 pixels:
13. Now erase the left over corner:
14. Add your text, and you are done!
Download the .psd file here.
And you could use the flip image on any image you want:
Also get yourself a Page Peel Script (demo on top right corner on this page) for just $8. Click for more info…
Best Regards,
Part-Time Designer
The purpose of web design is to create a website where the electronic media files can reside on a server and provide interactive features to the end user when requested is the web design basics. Dedicated hosting is the service where the server is solely for a single client and hence works on dedicated servers and is more flexible than shared hosting. Majority of servers are based on linux shared hosting which is driven by low cost open source softwares. A number of cheap hosting site are in this business, but if you want to look at the largest web hosting companies, you will find that the largest ICCAN accredited registrar which has become the first one to surpass Network Solutions in total domain name registration is godaddy.
|
July 21st, 2007 at 9:17 am
Salaam. Minat sungguh dia dengan peel mengepeel ni yerr keh3 bagus2 mmg kreatif
July 22nd, 2007 at 9:52 am
what a cool and amazing work u’ve did. i admired those banner u’ve made. really interesting and caught anybody eyes if they were to take a look @ it. keep up the great effort u’ve made…
July 22nd, 2007 at 6:01 pm
@rediesh - Thank you rediesh for the kind words:)
@ForumeR - cuba2 la buat hehe
July 24th, 2007 at 10:32 am
Hi..
Lawanye..Nak tanya ada tak provide script CSS dan HTML untuk $8 Fees tu?
2.Gambar tu dalam format ape? GIF,PNG or ape ye?
Thanks.
July 24th, 2007 at 2:13 pm
Hi Laling,
Script tu ialah javascript. Cuma edit sikit2 pastu upload dah siap. Gambar plak dalam format gif boleh, jpg boleh png pun boleh.
July 26th, 2007 at 1:37 pm
Could you please do a video instruction on how to change the two images in the Page Peel script? Sorry, I bought the script for $27 from someone else. Boy am I sorry.
August 17th, 2007 at 2:07 am
Rectangle Too” tu kat mana ye?
August 17th, 2007 at 2:17 am
@Tom: I’ve included 3 free templates for you to use and replace the ads behind the peel effect. See my recent post.
@Hamid: Rectangle Tool dekat gambar yang berkotak tu, bawah text.
August 17th, 2007 at 2:31 am
boleh tak saya nak ambik image kat dalam tutorial ni untuk kegunaan saya
August 17th, 2007 at 2:47 am
@hamid: boleh2 ambik, kalau nak dalam format psd ada di http://www.imluvingit.com/stores/showcatrows.php?CategoryID=7
August 17th, 2007 at 8:56 pm
Saya masih tak dapat buat jugak
aduhhh susahnya kalau tak tahu….
August 18th, 2007 at 2:44 am
@Hamid: takpe slow2..boleh bagitahu kat mana Hamid tersangkut?
August 18th, 2007 at 11:27 pm
huhu..best jugak yer peel mengepel ni..cantik! Thanks admin!
August 19th, 2007 at 1:43 am
@Johari: hehe u r welcome. Nanti saya masukkan lagi tutorial mengepeel ni..banyak lagi cara…dan memang akan mencantikkan gambar bila guna effect ni..
August 21st, 2007 at 11:54 pm
Nice job
August 24th, 2007 at 11:03 pm
Betul² tak leh wat
huhu..tension
admin nak tempah wat ecover untuk produk pagepeel brapa ye??
August 26th, 2007 at 1:59 am
leh tahu brapa harganya?
August 26th, 2007 at 2:05 am
Hamid, saya dah hantar maklumat ke email:)
August 26th, 2007 at 7:37 am
Anyone can help me with this problem.. I wanna make my own pictures into a signatures that i see in forum i wanna make my own signatures can anyone know me how to make i am not very sure how to make it ? Thanks add in my msn chew_yishen_alive@hotmail.com if u know anything about this thanks alot.
Your Regards, NoMoreFate
August 29th, 2007 at 9:54 pm
Nice work.
August 30th, 2007 at 10:19 pm
Bagus cikgu kita nih, siap bagi fail dalam format PSD lg tu isy7. Cikgu mmg sporting aaa hehe
Hamid : Cuba lagi dan lagi dan lagi, cikgu kita ada tuu tanya je sampai anta pandai hehe
December 19th, 2007 at 2:16 pm
This was very nice work and easy to do ! Thanks soo much ..Fi amaanillah ..
December 27th, 2007 at 10:46 am
Very nice, this is a very useful trick!
May 22nd, 2008 at 3:14 pm
bagus…brbakat gak…xterfikir aku…