General Question

bluemukaki's avatar

How would I create this effect in Photoshop/Illustrator?

Asked by bluemukaki (4332points) April 7th, 2010

I would look on Google but I’m not really sure what to look for as I can’t seem to get any decent tutorials from my searches… (how would you describe this effect?)

I like the art style (not the vector graphics but their textures) of the flash game Icycle and want to replicate it/experiment with it in Photoshop or Illustrator (preferably Illustrator). I don’t mean to explicitly rip the artist’s style off so much as learn how to create such an effect and then produce my own unique spin on it and so forth. It seems like a pretty common effect in vector art but I can’t seem to find any resources on it… maybe I’m just being stupid with my searches.

Here’s an example.

Any resources, tips, or effects I could use to replicate this style?

Observing members: 0 Composing members: 0

10 Answers

ETpro's avatar

I don’t know if there is some easier shortcut, but it can certainly be done in any multi-layer vector graphics program. You might want to play with opacity of each layer, perhaps setting selecting either the background or the vector objects and adjusting opacity of the selection only. Play with it, and see what you come up with. What would you call it, Crystal World?

chels's avatar

Try messing with the Opacity of the layers?

DarkScribe's avatar

Gradients and layers using images reduced to monotone.

windex's avatar

It just looks like a texture. Just find a similar texture and do the whole “set layer to multiply or overlay etc. routine”

Just save yourself some time and use a texture!!!

You “could” technically recreate something similar with a custom brush. There are tons of brushes out there you can get, OR just create your own, not that hard.

Just squirt/pour something (powder, ketchup, coffee, mud…) on a white board/foam, take a pic, and save it as a texture or a brush (fix it first obviously)

There are many ways to do this, let us know what you come up with.

squidcake's avatar

Yeah, just using a texture mask would do it.
Putting a picture of concrete, wood, paper, etc. on a new layer above and lowering the opacity. That’s all there is to it.

bluemukaki's avatar

Ok so what here’s what I’ve done:

In Photoshop I made a grey rectangle, added noise and then used filters to give it a rough texture. I made this a layer and made it very light.

I got a texture of rough paper and placed this above the other layer, and made it transparent.

Then to give the effect I was going for I added another layer with pattern fill (lines running at a 45 degree angle).

I did my design above this layer, made the design slightly transparent and then placed a semi-transparent colour gradient over the top of that.

The result.

Thanks for your help/suggestions everyone! :)

anartist's avatar

Make vector shapes in Illustrator. Make textures in photoshop or just use what’s out there. The big green icicle looks like it has a texture modified from a “slate” sort of texture—play with the colors of existing or scan and create your own irregular textures. Bring the vector shapes into Photoshop and layer them over textures and gradients [the yellow-green] to cut out bits of texture to fill shapes, or the negative space.

wenn's avatar

blend modes and clipping masks

squidcake's avatar

@bluemukaki
Yup, that looks great. :)

ETpro's avatar

@bluemukaki Nice looking effect.

Answer this question

Login

or

Join

to answer.

This question is in the General Section. Responses must be helpful and on-topic.

Your answer will be saved while you login or join.

Have a question? Ask Fluther!

What do you know more about?
or
Knowledge Networking @ Fluther