Splattered Vector In GIMP

Average: 4.5 (119 votes)

Today, we will create a splattered vector and photography mash up based on a Photoshop tutorial by James Davies at PSDTuts. We will be using mainly the paths tool, along with the dodge and burn tools. Let's get started!

I've always liked mixing cartoons and vectors with photography. It is a great way to make a fun and colorful style of art. Many projects use this form from gig posters and CD artwork to high-end advertising imagery.

cloud brushes

Step 1

First thing's first. Head on over to stock.xchng and download this photo of a gun. Create a new document in Gimp at a rather large size. I made mine 1280x800 so that I can set it as my desktop background. Open up the gun photo as a new layer. Rename the layer "gun." Cut the gun (and hand) out of the background. I prefer using the paths tool to do this.

Step 1

Step 2

Create a new layer above the gun layer and name it "Gun Goo." Get out the paths tool. You will need to draw a sort of dribble coming out of the barrel of the gun. Be sure that the goo follows the contour of the gun. When finished, hit the Selection from Path button. Fill the new selection with a light blue color. I used #00a2ff. Deselect.

Step 2

Step 3

Before we go any further, download these filters as we will be needing them for this next step. Atfter you have them installed, go to Filters > Script-Fu > Refresh Scripts. You should see a new menu pop up that reads "Script-Fu." Now let's add some depth to the "vector" goo.

Select the "gun goo" layer and go to Script-Fu > Layer Effects > Inner Glow. Use #9fdcff for the color, 60% for the opacity, screen for the blending mode, edge for the source, 0.0 for the choke, and 20 for the size. Click ok.

Step 3

Step 4

Select the "gun goo" layer and go to Script-Fu > Layer Effects > Bevel and Emboss. Use the settings shown in the picture below. Hit ok when done. Select the "gun goo" layer. Right click > Alpha to Selection. Select > Inverse. SSelect the "gun goo" layer. Right click > Alpha to Selection. Select > Inverse. Select the "gun goo-highlight" layer and hit delete on the keyboard. Do this again with the "gun goo-shadow" layer.

Step 4

Step 5

Select the "gun goo" layer again and go to Script-Fu > Layer Effects > Satin. Use the settings shown below. Hit ok. Select the "gun goo" layer. Right click > Alpha to Selection. Select > Inverse. Select the "gun goo-satin" layer and hit delete on the keyboard.

Step 5

Step 6

Go ahead hide the gun and background layers. Right click one of the remaining layers and hit Merge Visible. Click ok. Rename the new layer "Gun Goo." Unhide the gun and background layers. Create a new layer. Draw more goo and dribbles like we did before. Color and give them depth just as we did before. Mess around with the settings if you need to.

Step 6

Step 7

Continue to add more goo splatters. Hide all the layers that ARE NOT a part of the goo. Right click on one of the goo layers and select "merge visible layers." Rename the new layer to "gun goo."

Step 7

Step 8

We need to add drop shadows behind the droplets that are near the gun. Create a new layer above the gun layer and name it "gun goo shadow." Fill the entire layer with black. Right click the layer and select "add layer mask." Pick the black (full transparency) mask. Get out a white, soft brush and color in the shadow behind the droplets near the gun. Remember, black "erases" what's on the mask and white "paints on" what is on the mask.

Step 8

Step 9

Download this photo of a grenade from stock.xchng. Open it up as a new layer named "grenade 1." Scale and cut out the grenade from the background. Put the grenade 1 layer behind the gun layer. Rotate it like I have below.

Step 9

Step 10

Using the paths tool, draw a path around a section of the grenade. There is no need to worry about the outer edges of the grenade since you already rendered it. Turn the path into a selection and then cut/paste onto a new layer named "grenade 1 piece." Keep doing this, renaming the layers "grenade piece 2," "grenade piece 3," and so on. You can go as detailed as you want with this. Once you have all the pieces cut out, spread them out as if blown apart.

Step 10

Step 11

Create a new layer and, using the paths tool, draw smoke around the grenade. You can use multiple colors to indicated different shades of gray of smoke. Be sure to draw the smoke on different layers depending on where the smoke will be located.

Step 11

Step 12

Use the same layer effects we used earlier on the goo to give the smoke a more "3d vector" look. Be sure to change the highlight and shadow colors to light and dark grays. You may have to experiment with different opacities to get the bevel just right.

Step 12

Step 13

Now we'll draw cartoony lines around the smoke to give it more impact and to keep it looking fun. Use the paths tool and outline the smoke layers. Convert the strokes to paths and then go to Edit > Stoke and stroke it in black with a width of 2 pixels. The reason we are not doing this by using Alpha to Selection is because that tool does not give a clear outline when stroked. After you are done with that, give each of the smoke clouds a slight shadow if they are over the grenade. Do this similar to the way that we added shadows to the goo over the gun.

Step 13

Step 14

The grenade needs goo coming out of it for more of an impact. Draw some in like we did before with the gun. Use the same effects on it that we did with the gun's goo. Adjust as needed. Yay goo!

Step 14

Step 15

Duplicate all of the layers that make up the grenade. Separate these newly copied layers from the original ones (painstaking I know..) and then do it again. You should have 3 copies of the grenade now. For the grenade on top, change the color of all the goo to orange. Merge the layers that make up this grenade. For the second grenade, leave it green. Merge the layers that make up this grenade. For the third grenade, change all the goo to pink. Merge the layers that make up this grenade. When done, rename the layers "orange," "green," and "pink." Arrange them like I have, with the orange grenade layer above the gun.

Step 15

Step 16

Select the orange grenade layer. Place it above the gun to the right. Scale it and rotate it a little bit like I have. Go to Filters > Blur > Guassian Blur. Blur by 5 pixels and hit ok.

Rotate the pink grenade like I have below and then shrink it. Gaussian blur it by 6.

Step 16

Step 17

Select the green grenade and Guassian blur it by 1 pixel. Do the same with the gun goo layer.

Step 17

Step 18

Select the gun goo layer and go to Colors > Curves. Adjust like I have. Do the same for the grenade layers.

Step 18

Step 19

Select the background and add a radial white to black gradient. Go to Layer > New From Visible. Go to Filters > Noise > HSV Noise. Use the settings below and hit ok.

Step 19

Conclusion

And we're done! Save it and do with it what you wish. Hope you enjoyed this tutorial!

cloud brushes
Final Image

Cut down your exam stress by using our latest HP0-S27 dumps and high quality cisco braindumps and testking 640-721 demos. We provide updated 650-299 questions with 100% pass guarantee along with testking FCNSP.

starlight86's picture

good job sglider :)

12.75

good job sglider :)

Hackuity's picture

Nice job! Funny!

4

Nice job!
Funny!

GB's picture

This Tutorial is so cool. I

5

This Tutorial is so cool. I first saw it on psdtuts and thought: "Too bad there isn't the same tutorial for Gimp." And now: Tadaa! :D Thanks a lot!

I have a question though: How can you get the goo this round without "corners"? I mean, with the path tool it's so hard to achieve this, isn't it? Any tips?

sglider12's picture

Thanks guys. @GB- you have

Thanks guys.

@GB- you have to work the paths tool to form curves, basically a click and drag kinda thing :D

giantsharpie's picture

Great tutorial :D

5

Great tutorial :D

mdu555mdu's picture

very good

very good

Desu's picture

Hey, good job. I first saw it

Hey, good job. I first saw it on psdtuts... And now you make in Gimp :)

Thank you.

Visitor's picture

Totally Cool

Totally Cool

Visitor's picture

this tut sucks. I'm just

this tut sucks.

I'm just joking, very nice tutorial, I look forward to using this tutorial and put these cool effects in forum signatures and what not.

gaming's picture

Nice job! Funny!

4

Nice job!
Funny!

rosiie red :) x's picture

heyy it was realii good

5

heyy it was realii good tutorial, though where did u get your picture of the gun from?

:) x

rosiie red :) x's picture

Greatt (Y) x Wer U Get Ur

Greatt (Y) x Wer U Get Ur Piccy Of Gun From? x

Visitor2's picture

nice!! by the way,I cant

5

nice!!
by the way,I cant find 「Bevel and Emboss」in「Script-Fu > Layer Effects」 .
Where can I get 「Bevel and Emboss」?
I use GIMPver2.6.
sorry.I cant speak English well‥

Visitor's picture

Nice job! Funny!

5

Nice job!
Funny!

GIMP Noob's picture

Great tutorial ! I'm just

5

Great tutorial !

I'm just new to GIMP and I am trying different effects. This tutorial is very descriptive and in depth!

Keep 'em comin' ! :D

GIMP Noob's picture

The link to that photo is in

The link to that photo is in the first step !

it is in blue and says "This photo of Gun"

It brings you right to the photo.

Delaney's picture

This article is a list of

5

This article is a list of imaginary diseases nonexistent, named medical environment which appear in fiction where they have a major plot or thematic significance. They may be fictional psychological disorders, magical, from legendary or fantasy settings, have evolved naturally JN0-101 Exam Practice Questions

Post new comment

The content of this field is kept private and will not be shown publicly.
 
  • Lines and paragraphs break automatically.
  • Web page addresses and e-mail addresses turn into links automatically.

More information about formatting options

Tags