Bended lines : help

talk design
1

Hi,

Is there anyone out there that can explain to me how you make “bended lines” ?

I mean like these :

:: example 1

> the background lines

:: example 2

> below the menu, in the square box

Is there anyway to make these with Fireworks or Photoshop ?? Or does anyone have a tutorial on how to make these “bended lines”?

Thanks in advance

Pete Zahut

2

Most of the time I take a rounded rectangle or a plain circle on a seperate layer and move it and use load selection to remove/add parts on two connecting daigonal lines.
(note it’s really hard to do it this way, someone else may have a better method)

Although it’s a million times easier in flash which I believe example 2 used.

3

either use illustrator or use paths in PS

4

Not sure how to do it in Flash, like Wanyo mentioned, but that’s how I do it in PS mlk.

5

your probably gonna want to do it in illustrator to keep it nice and crisp…

6

Pen tool is your friend. In PhotoShop create a retangle box, do not raterize it. Then go in with your pen tool on certain parts of rectangle and modify the edges until you get what you want. I’m at college right now so I can’t give you an example. But maybe when I get home I cook up a tut for you. Although I know this isn’t the easiest way of doing this it will help I am sure.

7

yeh, a tut wud be cool, id like to know how to do it too :slight_smile:

8

You can use the pen tool to create them directly too; just create four points (at least) two will be needed for the smooth angle. Use the convert point tool to smooth the path (alt drag the handles so that only 1 side is smooth)
remember that you can select several points and rotate; resize them etc (do not forget to move the rotation center around so that your angle stays smooth)…

to finish/make as sooth shape; you can select the current path your working with, alt click the whole path and drag it below (it duplicates it); then select the whole shape; and use ‘freeform pen’ tool to close ends…

hope this isn’t too confusing… i can provide more screenshots if you want

9

i know how to use the pen tool technically, i want to know if there is a short cut to setting up the perspective…

10

here is my humble suggestion…
using Illustrator, use the tool pen, turn off the fill first so you see where you are going. Turn on the grid, and use snap to grid options (under view–>Show grid"
The key is to allow the snap to grid function to work and simply using the curves as you see fit. look at the points I have used in the screen-grab.
You can tweak the angles as sharp as you want and make adjustments on the fly if you mess up. I hope this helps

11

The perspective things comes w/ just knowing art… it’s not really a technical thing. But if you’re wondering switch to the free transform tool (E) grab the corner you want to perspect hold cmd+ctrl+shift (mac) or alt+ctrl+shift and drag out it will perspect

12

This is what i cooked this morning :hugegrin: :

Thanks for the tips all of you, I made this one with Fireworks using the pen tool.

What do you think of it?

13

I like it, the yellow is very nice IMHO

14

can’t see it…

edit: ooh i can now… looks very good imho, remove the jcomm though… I love that bold then not bold text effect !
looks extremely professional

15

here is the link : click me

16

agree like the bold / unbold but the Jcomm just doesn’t sit well on the lines…

17

yeah, i keeped staring at it and i just removed it and put in the right corner.

Thanx for the tips and info :angel: