Multi-colored effect

[gautamz07]

Guys how did they make those colorfull stripes (green , red , blue , orange ) :/ i really envy this picture . i have a faint idea , that i can you the brush pre-set and than pen tool and stroke path , is that the way to go though ? can somebody direct me pls

regards .

Gautam.

 

[Tom Mann]

Although that image could be done completely in PS, my guess is that all the curvy stuff was done in AI, then the paths were brought into PS, filled, and the antique look added.

T

 

[gautamz07]

something a bit more elaborate would be helpful and also i know only photoshop , so would be great if this can be done only in photoshop !!

 

[Paul]

Yes it can be done in photoshop, numerous layers with ellipse edges painted in and graded then overlayed mixed to achieve the desired look, try it.

 

[dv8_fx]

No time to create something for you..... but as a hint...

This is a quick way to create the stripes. There are other ways .... layer stripe by color.... using selection to delete parts of stripe.... etc...

Set your Fill properties to Background.

On a new layer - Use selection marquee to create vertical stripes individually and fill it with the stripes of color you may want in your design. You may have to overlap your selection when creating new fills next to each other.

CTRL+T and horizontal warp the lower corner anchor points to get a cone shape.

Zoom out so you can see the outer bounds of the document. This is done because you will be warping the layer image...

Select Transform>Warp...

Drag the upper corner points of the grid and drag it out to the outer boundaries. Repeat on the other side corner grid. You get the fanning out of the stripes.

Click and drag the second to last outer grid point inward and upward to get the curve you want. Repeat with opposite side.

Click and drag the upper and inner grid lines and corner points to fine tune the shape as you like it.


This is just the start to get the shape. Next are the effect works that go into it to get the look in your sample. Some tricks discussed in your recent threads.....


This may not make sense now but I'll show you much later tonight when I get back.....

 

[gautamz07]

yeah Div i did't really understand . comeback soon . Thanks though for ur extensive inputs !

Thanks .

 

[SCTRWD]

You can use this as a start point:

 

[gautamz07]

You can use this as a start point:

Thats very kind of you SCTRWD , problem is i will have to create and re-create the same effect again and again for each new projects , so i wanted to know , how i could make that effect .

regards .

gautam.

 

[Tom Mann]

Gautam -

A suggestion:

Just click on his smart object, you will see exactly how SCTRWD made these shapes. If you don't immediately understand what you see, think about it, experiment with a copy of his file, etc. In general, I think it is imperative that you become more proactive in the way you are learning Photoshop. I can guarantee you that doing so will be immensely beneficial to you in the future.

FYI, here in the States, personal / private one-on-one tutoring at this level typically costs between $45 and $100 (USD) per hour. If you want to confirm this, do a search on the www.wyzant.com or similar private tutoring websites.

You have been receiving a HUGE amount of free help here on PSG. If someone like SCTRWD is nice enough to send you a PSD file, one can learn a huge amount from it without immediately responding with a knee-jerk request that the person now spend even more of their valuable time preparing detailed step-by-step instructions just for you. I suggest that you demonstrate that you worked on and thought about what he sent, and then, if you still can't "get it", then ask for more help.

Just my $0.02,

Tom

 

[dv8_fx]

You can use this as a start point:

SCTRWD... I like the subtle color gradient variants on that. Great technique. Here's my tinkering of the fx layer via Transform Warp after ungrouping the Smart Object ... (hope you don't mind) ....




gautamz... you should try experimenting with his offering to you. Simple stuff that speaks volumes to be learned from it . The layers are self-explanatory. But if you don't understand what's going on in there, just ask..... Simply ungroup the smart object via .... right click the smart object layer icon>unlink group..... (I think it's unlink group... lol... can't check right now)


Design elements like this are best done in a vector application which is then imported into CS, as Tom Mann mentioned earlier. The reason being that it will not lose quality while being manipulated in its vector environment. Once done in Illustrator at the size needed, all it needs is importing into PS for positioning in the artwork.

Which is why it's to your advantage to learn Illustrator or other vector applications. It makes design work easier most of the times.

 

[dv8_fx]

Here's my take on it.... Similar somewhat to what SCTRWD did but with solid stripes and a view of WARP TRANSFORM at work.....


IMPORTANT.... This was created at 300dpi at the same dimensions as your sample. The warping work you do will affect the image's quality somewhat. At a higher resolution, the pixelation will not be that noticeable.

As I mentioned earlier, create the color stripes with Rectangle marquee on a new layer.

I've prepared the stripes on a separate layer for this and cropped it as shown ....


Step 1...




STEP 2

CTRL+T to transform into the cone shape.




STEP 3

CTRL+T and stretch diagonally as shown.

CTRL+A to select the canvas and crop the image leaving you with only what's viewable in the canvas.




STEP 4

Use TRANSFORM>WARP....
I've made your sample visible so you can see warping against the shape in your image.

 

[dv8_fx]

STEP 4 (continued)

This part I can not teach you as this requires actual hands on work from you in order to know how the grid lines and corner handle points respond to your dragging via mouse...... the lines you see are the grid lines. click on them or within the grids themselves to move them into shape. The corner handle bars are lines that extend from the 4 corners ending with a button (point). click on the corner points to move and extend the shape outside the viewable area of the document or deeper within the document. Use the handle bar points to shape it further.

This will take a bit of getting used to. Manipulate the anchor points in the manner shown in the step image.




STEP 5 - When done warping, CLICK OK.... there's your shape background element.




With a bit of tinkering using the techniques learned in earlier threads, your on your way......

 

[Paul]

That's what i said:mrgreen:

 

[dv8_fx]

That's what i said:mrgreen:

Yup... can be done in Photoshop... though I can't say much about the pixelation on the stripe edges... which is why I still prefer doing this type of work in a vector application.

Unless you have the patience and perspective eye to Pen Tool everything to create the curved stripes individually in the fan shape... then it's OK as it won't go through warping and image degradation.

Gautamz... that is another option ... the best option, actually... to create this. But first - Learn how to use the Pentool......

Even in a vector application, I would do it in a slightly different fashion as posted above. And to do this manually, I have to use the application's version of the Pen Tool to create this....

 

[gautamz07]

Div ! Thank you so much for the explanation , i did everything the way you tried it here , and you were right , its hard using the wrap tool . and so far i only am trying to get used to photoshop , though i have heard alot about the benefits of vector applications . I'll thing about learning a new application somewhere down the line .

I tried my hand at doing this effect and got something reasonably good .



I'll enclose the psd too if anyone wants too see the structure .

View attachment Multicolor -efect.zip

I'll create this same effects a few more times , before i completely understand , what i did

Thank you Div

 

[dv8_fx]

You basically got it..... that's good.

Like I said... you need to get used to the handle grids and bar movement characteristics in order to know which way to warp things.

But do not over warp - that is to stretch too much or apply a transform warp numerous times. This will cause image pixelation from all that "stress" subjected to it.

 

[gautamz07]

Your Kind div .


Thanks . good night from here .