Sign In »
Register Now!
Help
On this image:
http://www.flickr.co...log/3094385253/
Can you see the small image in the half rounded corner half squaure box on the right hand side? HOw has that been done is there a tutorial out there? Cheers!
Page 1 of 1
How Is This Done? Photoshop gurus?
#2
karinne 
- Valued Member
-
- Group: Members
- Posts: 5,373
- Joined: 13-February 08
- Gender:Female
- Location:quecque part dans l'Quebec in Canada eh?
Posted 12 December 2008 - 07:57 AM
You mean this?
this.jpg (9.54K)
Number of downloads: 14
Knowing Veerle (well... I don't know her but by following her blog
), I would say it's done with the pen tool.
this.jpg (9.54K)
Number of downloads: 14
Knowing Veerle (well... I don't know her but by following her blog
), I would say it's done with the pen tool.
#3
Rakuli
- Community Director
-
- Group: Community Director
- Posts: 1,378
- Joined: 13-February 08
- Gender:Male
- Location:Catching the squeezed drips downunder.
Posted 12 December 2008 - 08:32 AM
Hmm, it's a layout for a magazine so I would think it has been done in a vector graphics program. If this is the case (Illustrator or Inkscape), you have the option to choose which corners or your rectangular paths are rounded. Then, it looks like a small bit of free transform to get the non-rounded corners to stick up a bit.
I wouldn't know how to achieve this effect in PS, but as Karinne says, the Pen tool (which frightens me half to death as someone who doesn't use PS anywhere near enough) is probably the answer.
I wouldn't know how to achieve this effect in PS, but as Karinne says, the Pen tool (which frightens me half to death as someone who doesn't use PS anywhere near enough) is probably the answer.
#4
Jack
- Squeeze Machine
-
- Group: Members
- Posts: 682
- Joined: 16-February 08
- Gender:Male
Posted 12 December 2008 - 08:35 AM
I'll have a look, thanks. Even if I drew that shape in Ps, how is best to get the picture to appear in it?
[url="http://"http://www.jackfranklin.co.uk"]www.jackfranklin.co.uk[/url]
#6
Mark
- Don deluzione
-
- Group: Team Leaders
- Posts: 2,576
- Joined: 13-February 08
- Gender:Male
- Location:Here: http://ow.ly/1X0qV
Posted 12 December 2008 - 11:33 AM
Yeah, that's Illustrator.
You could do it with the warp-tool in Photoshop, but that's not the graceful way
if you want I can make a little tutorial about it..
You could do it with the warp-tool in Photoshop, but that's not the graceful way
if you want I can make a little tutorial about it..
#7
rewake
- Rapid Squeezer
-
- Group: Mentor
- Posts: 429
- Joined: 14-February 08
- Gender:Male
- Location:NY, USA
Posted 12 December 2008 - 12:52 PM
Illustrator.
Which by the way totally rocks once you get used to vector tools. There are a lot of advantages for certain things. I've been meaning to use fireworks more actually as there are a number of tools made specifically for web design.
Rich
Which by the way totally rocks once you get used to vector tools. There are a lot of advantages for certain things. I've been meaning to use fireworks more actually as there are a number of tools made specifically for web design.
Rich
#8
Mark
- Don deluzione
-
- Group: Team Leaders
- Posts: 2,576
- Joined: 13-February 08
- Gender:Male
- Location:Here: http://ow.ly/1X0qV
Posted 12 December 2008 - 01:24 PM
Mark, on Dec 12 2008, 10:33 AM, said:
if you want I can make a little tutorial about it..
I just did..
Check out the tutorial here.
#13
Jack
- Squeeze Machine
-
- Group: Members
- Posts: 682
- Joined: 16-February 08
- Gender:Male
Posted 16 December 2008 - 12:15 PM
Anyone who doesnt have Illustrator, I wrote the equivalent tutorial in Photoshop here http://www.ispeakwebstuff.co.uk/2008/12/cr...-corners-in-ps/
[url="http://"http://www.jackfranklin.co.uk"]www.jackfranklin.co.uk[/url]
#14
cosmicbdog
- Rapid Squeezer
-
- Group: Members
- Posts: 246
- Joined: 03-July 08
- Gender:Male
Posted 14 January 2009 - 05:23 PM
Also, if you like the mozilla webkit, try:
With a bit of fiddling you can get the desired outcome via code... probably won't work for IE though. but eh... give those ie users those nice squares they love so it doesn't matter
<div style="width: 200px; height: 200px; color: #fff; font-size: 18px; background-color: orange; text-align: center; -moz-border-radius-topright: 18px; -moz-border-radius-bottomleft: 18px;"> 1 </div>
With a bit of fiddling you can get the desired outcome via code... probably won't work for IE though. but eh... give those ie users those nice squares they love so it doesn't matter
Share this topic:
Page 1 of 1
Page 1 of 1
| Trackback URL | Trackback Date | Total Hits |
|---|---|---|
Page 1 of 1
| Topic | Started By | Stats | Last Post Info | |
|---|---|---|---|---|
 |
Photoshop Cs3 Extended
|
Bridges |
|
|
|
Hahaha....photoshop!
|
Jacob |
|
|
 |
You Suck At Photoshop
photoshop, funny |
Scott |
|
|
|
The Adobe Photoshop-topic
Everything about Photoshop |
Mark |
|
|
|
Photoshop Mess-ups
|
Mark |
|
|
RSS Feed
Email Feed
TWS Podcast
@thewebsqueeze
TWS on Facebook
TWS on LinkedIn
TWS on YouTube