Topic awaiting preservation: Busted Grid Effect

Hey guys, I know this has to be a simple request, but I'm still not skilled enough in Photoshop to innovate to this extent. I have this image that I created as a logo for my site -- exploding text ( tutorial at timeshock.dk if you wish to view what it looks like ), and what I want to do is have a grid overlap it, but then have the part of the grid where the explosion part is coming through get "destroyed".

Meaning, picture "The Hulk" from the movie, and then picture a fence in front of him, facing you. He punches a hole in the fence, but it obviously isn't a clean hole -- you can see the fence pulled back towards you -- the direction of the force of his punch. That is what I want to convey with my explosion -- the force of the explosion causing the grid to look like it's broken and coming towards you in that certain section. I hope someone can help, thanks!

-- Dan Novitski

Actually this will not be simple at all.

The effect of the grid breaking can be achieved any number of simple ways (use the freeform marquee tool and simply draw a jagged hole - hit 'delete' and you're done).

The grid bending toward teh viewer is only going to happen with some serious hand work with the paintbrush and a good eye.

Seriously? Geez, figured filters would do the job = /

While I've got a very creative mind, I've never tried to nurture a standard artistic talent. My dad has that, can draw just about anything very well, and maybe I do too yet I've always occupied myself with other hobbies = /

Well, I'll wait for a few other people to take a look at this as well, see if there are any other possible opinions on what can be done here! Thanks for your reply DL.

quote:

---

Geez, figured filters would do the job = /

---

The main problem is that you want 3D behavior, and PS is a strictly 2D app.

Filters can do amazing thing, but except for a couple very limited exceptions, three dimensional manipulation is not one of them.

Couldn't you use some displacement maps or something?

It would quite likely be much more work to make an appropriate Dmap and then implement it in such a way as to achieve the desired effect, and afterward it would still require plenty of hand tweaking to add the shading and clarification of details.

I just did a very quick fiddle with Displace.
So far I am happy with the preliminary.
That is, the D-Map is fairly easy to make and the results are decent enough so far.
No promises, though.

Ah, I see. Well, I guess I'll have to settle for a broken mesh, which I have found a good tutorial for. Who knows, I might not even like the overall look of it after I finish, and hook up with a totally different idea for my design, lol.

Awesome, dude, please post your work and some solid instructions once you get the desired effect, that'd be so sweet.

I did a little more playing around and I'm missing a little something. There is one little piece that I am missing and there is no telling when it will come to me. They usually hit me when I'm between awakeness and asleepness, which kind of sucks.

So I took a different route.
Draw out some lines over the target to act as guides.
Basically a whobblie circle with a bunch of lines that are the parts that I want to rip apart.
Polygon Lasso Tool.
Select a chunk and ctrl + shift + j
(but make sure there is a copy of the target in case the butchery goes bad)
ctrl + t to move the chunk into place
Do that bunches of times
and eventually merge all of the chunks into one layer, ctrl + e is good
Liquify the merged chunks for some extra wiggle.
Liquify the target for some extra wiggle.
Add layers and paint shadows and extra highlights as needed.

Spent around 5 minutes doing that I had more than adequate results.

(Edited by warjournal on 04-14-2004 21:01)

~gremlin attack~

Hmm, post up that image if you can of your final or ongoing result, and the psd as well. I would like to tinker with it too if you wouldn't mind, I'm sure we can come up with something! Tomorrow, after college classes and shit, I'll get on your instructions and start it from scratch as well ( hopefully not messing up ). However, what do you mean by the wobbly circle bit? You mean create a wobbly marquee circle with the Lasso?

I'm not going to post a PSD and screen caps and all that jazz. I will, however, clarify the wobbly circle bit.



The yellow lines are just rough guides.
The red chunks are the pieces that I want to chop out.
The green chunks are were I want to move the red chunks to.

Once they are chopped out and in place, use Liquify for foreshortening and extra wiggle.
Paint other things in as necessary.

Everything you need is there.

Ah, I think I'm following you now. Still, I'd like it if you could post a final screen not because I want to use it ( just put your logo or whatever all over it to render it a useless image ), but just so I can have an idea of what I can strive for with this. Visuals help give me better direction in general, it's the type of learner that I am. If you don't want to though, I understand, and am grateful for the instructions that you have provided thus far.

Oooooooooooo I'm sure I was jolly impressed once by a tutorial on this kind of thing - it produced a rusty mesh. I can't pin it down but here are some clues:

Swedish guy, similar 'era' to the Doc, fancy interface and I'm getting the words 'eye' and possibly 'qvist' (or *qvist).

Only slightly better than going to see a psychic but thats the best I have for the moment

___________________
Emps

The Emperor dot org | Justice for Pat Richard | FAQs: Emperor | Site Reviews | Reception Room

Ya man, I think I saw that one as well, however I'm not looking for a rusty mesh in particular, not something with just a hole in it. I'm attempting to find a way to create a 3D type of effect where the fence is pulled towards you where the hole is. Well, I finished the explosion logo for my site, now is a good time to attempt the tips thus far.

Emps, you're thinking of Qvicker - this is the tutorial you're thinking of: http://www.aqa-d.se/ny/pstips/interfx/galler.htm

"Nothin' like a pro-stabbin' from a pro." -Weadah

Yep but I doubt you'll find anything exactly like what you want but the general points are adaptable

Anyway the tutorial I was thinking of is here:

http://www.aqa-d.se/ny/pstips/interfx/galler.htm

Anders Qvicker - so near and yet so far

Big thanks go to Nax for taking my shabby ass crystal ball gazing and making something concrete out of it (an odd mental image though).

[edit: Damn you nax distracting me on ICQ while I was typing in this reply - I was hoping to avoid this but:

~stabs nax~

Look what you made me do.]

___________________
Emps

The Emperor dot org | Justice for Pat Richard | FAQs: Emperor | Site Reviews | Reception Room

(Edited by Emperor on 04-15-2004 17:07)

Ahhh shit, I haven't seen this one before, this may be adaptable! Spanks

No worries - its the first thing I thought of when I saw the problem (pity it took a while to dredge anything up out of this moon-sized head of mine) - throw in some imagination and possibly a touch of Displace:

www.gurusnetwork.com/tutorial/displace/

and you should be set.

Be sure to let us see your results.

___________________
Emps

The Emperor dot org | Justice for Pat Richard | FAQs: Emperor | Site Reviews | Reception Room

Well war, I tried what you said, and quite frankly, I suck What I'm doing is drawing out a guide with the pencil of how large I want the hole to be ( on a new layer, above the other layers ), and am then using the lasso polygon tool to attempt to cut chunks out. Well, if I cut a chunk out and then move it over another part of the fence, it looks like total crap. I'm definitely doing something wrong = /

Cool, I'll read that right after the gym. Hopefully I'll be able to scrounge up something decent

Well here's what I came up with in my dabbling:

http://www.rit.edu/~djn6110/IDM/grid.png

Not too shabby, any suggestions?

I would like to use this displacement:

http://www.gurusnetwork.com/tutorial/displace/7/

Unfortunately, I have no idea where to start Any help there would be appreciated too!

You know I'd burn it a bit more around the sides so that looks like it's actually been pushed forward by the explosion. Just a little burning around the sides should make it look good. It looks ok now but for a more realistic image it'd be best you do a little burning.

... e'sssaa 'de templar'e ...

I'd say it actually looks like a hole was burned in, rather than something busting through.

Your "destruction" is too uniform - explosions are chaotic. I'd take bigger chunks out in some places, smaller ones in other places.

It's a good start though.

"Nothin' like a pro-stabbin' from a pro." -Weadah

Yep it would also tend to affect all of the grid to varying extents not just the edge of the hole however, the distortion would drop away wth distance from the hole. Is there any chance of you finding some comparitive material to study - like a section of chicken wire or something? It would help make it more realistic.

___________________
Emps

The Emperor dot org | Justice for Pat Richard | FAQs: Emperor | Site Reviews | Reception Room

(Edited by Emperor on 04-16-2004 07:42)

Ohhh, this isn't the final product by any means, I don't plan on using this actual grid for the actual header with the explosion that will be on my site. I'm just trying to get the necessary techniques down. So, the Burn tool eh? I can fool with that a bit. Now, I'm not too sure what you mean Synax. I mean, I know what you're getting at, but do you mean simply make small holes in some areas of the grid, and larger holes in others?

While it's a crude example, it conveys my point.


Your damaged edges are too uniform and perfect. Take big chunks out where the supposed blast originated from, and as the distance from the point of explosion gets longer, make the damage less noticable.

"Nothin' like a pro-stabbin' from a pro." -Weadah

Synax, that looks very nice. So, the shapes of the torn edges "protruding" -- those are just from the lasso tool? What effects did you use in the creation of that? And, to get that shiny effect on the torn edges, did you use layer 1 transparency in lighting effects?

It was all painted.

"Nothin' like a pro-stabbin' from a pro." -Weadah

You painted all of that just straight-up with the paint brush? No lighting effects or anything?

I found this via Google image search.

Although the can has been shot, and is not exploding due to massive amounts of c4, or something to that effect, it still illustrates the point well: as you can see, the result of the explosion is very chaotic. Think of the scene in Jurrasic Park, where Malcom places the drop of water on the person's hand, and explains how it can fall off the hand in a very unpredictable manner,, although it is still constrained by some very simple laws governing the general direction it will drop

When you're drawing the explosion, and the effects of it, try to be a bit random, make things look chaotic.

Hmmm...

__________________
War is Peace,
Freedom is Slavery,
Ignorance is Strength.

Well, I ended up actually settling for something else, and made a header on my webpage out of it. I'll share it with you guys when I finish it up! Thanks for all of your help, and I definitely learned a bit more about Photoshop's tools in my endeavors to make this work.