Jump to content

The way to make my "DJ" Sig!


MadJik
 Share

Recommended Posts

This tutorial is available as a PDF. Click here to view or download it

The way to make my "DJ" Sig!

 

About this tutorial:

I've been asked to explain ("could you make a tut...") how I made this sig:

dj_madjik.jpg

 

In fact I've made this image because I'll be the DJ for a private party in April...

And I saw the letters DJ in the word maDJik. I decided to make a poster (like a huge sig).

 

The biggest part of this tutorial concerns the ball. It could be a tutorial in itself!

This image was created at 2400x800 px (for the poster).

 

The reduction for the sig has been done at best quality for the final result at 480x160px (truncated to 480x146).

 

In fact I don't keep track of what I'm doing on each of my pictures.

So the details and aspects could have some differences between the original and the image rebuilt here.

 

Please take this as a compilation of tips & tricks and do create as much as possible similar sigs as this one. But at least replace the text "maDJik" by your pseudo!

 

For this tut I will use 720x240 so I could post some "work in progress" and screen shots.

 

__________________________________________

Required plugins:

Grid maker: http://forums.getpaint.net/index.php?showtopic=4175

Color Tint (Ed Harvey effects): http://forums.getpaint.net/index.php?showtopic=18811

Waves distort: http://forums.getpaint.net/index.php?showtopic=3625

Bevel the selection (in Boltbait's plugins pack ): http://forums.getpaint.net/index.php?showtopic=8318

Outline Object (Pyrochild) http://forums.getpaint.net/index.php?showtopic=7291

 

__________________________________________

Let's start with something for the floor:

01. :FileNew: Create a new square image (big size is better). For this part of the tutorial I'm using 720x720 px.

 

02. Select black and a fluo color (green #B6FF00).

 

03. :PluginIndicator: Grid maker plugin, check the box for checker and set the size to 120.

 

04. :RotateZoom: Menu Layers, Rotate/Zoom, rotate angle 45, twist angle 90, twist radius 85, tiling:yes, zoom to x1.3, move Y -0.5.

01_floor.png

 

05. :RectangleSelectTool: Select the part you need in a rectangle 720x240px (the correct size).

 

06. :ImageCrop: Crop to the selection.

02_floor.png

 

07. Select black color for primary and transparent for secondary.

 

08. :LinearClampedGradient: Linear gradient from top to bottom to add some dark far away...

03_floor.png

That's all for the floor. Of course you could choose over colors and over texture.

And also have a look at this other tut for the floor:

A way to make a textured floor...  Link 

 

__________________________________________

Let's make a ball: (longuest part of this tut)

(choose any other tutorial for ball you want or just go on with this one)

 

09. :FileNew: Create a new square image 600x600 px. Fill it with black for a better view.

 

10. :LayersAddNewLayer: Add a new layer. Call it "Ball".

 

11. :EllipseSelectTool: With the ellipse selection tool make a circle (hold shift) from 300,15 to 300,284

 

12. Select Pink #FF00FF for primary color and light pink #FFCCFF for secondary color.

 

13. :LinearClampedGradient: Linear gradient from top to bottom of the circle (light color at the bottom).

04_ball.png

 

14. :LayersAddNewLayer: Add a new layer. Call is "Top Shine".

 

15. :EditFillSelection: Fill the same selection (see 11) with white.

 

16. :MoveTool: Move the white circle down-right.

17. Select again as describe step 11. And :MoveSelectionTool: Move only the selection down-left. Then delete the part of the circle.

18. Select again as describe step 11. And :MoveSelectionTool: Move only the selection to the right. Then delete the part of the circle.

05_ball.png

 

19. :LayersDuplicateLayer: Duplicate the layer "Top Shine". Call is "Bot Shine" and set the transparency of the layer to 100.

 

20. :BlurEffect: Apply a gaussian blur on the layer "Top Shine" with a radius of 20, and on the "Bot Shine" with a radius of 10.

06_ball.png

 

21. :LayersAddNewLayer: Add a new layer between the "Ball" and "Top Shine". Call is "Border Shine".

07_ball.png

 

22. Select again as describe step 11. :PaintBrushTool: And handdraw with the brush (size 50) a white curve on the left and another on the right.

(Make other layers not visible for a better view)

08_ball.png

 

23. :BlurEffect: Still with the same selection, apply a gaussian blur with a radius of 50.

 

24. :RadialBlurEffect: Still with the same selection, apply a radial blur with a radius of 50.

 

25. Set the transparency of the layer to 160.

09_ball.jpg

 

26. Now I want to cut off a part of this border shine. To do so I draw the shape I need in a temporary layer to make the selection easier.

 

:LayersAddNewLayer: Add a new layer. Call is "Temporary".

 

Draw a large filled circle. Select it and :MoveSelectionTool: move only the the selection up-right. And delete the selection.

 

27. :MagicWandTool: Use the magic wand tool to select the remaining white part.

 

28. Activate the layer "Border Shine" and delete the selection. You could now delete the layer "Temporary" and make all the layers visible.

10_ball.jpg

 

29. For the shadow, the glow and the reflect I need more place.

Set the secondary color to black so the new area will be black on the background layer.

 

:ImageCanvasSize: Enlarge the canvas size to 600x900 px, set the anchor to the top.

 

30. :FileSave: Save the ball at this stage if you think you could need to adjust it later. We are about to flatten the ball.

 

31. Delete the background layer. :ImageFlatten: Then flatten the image. Call the layer "Ball".

 

32. :LayersAddNewLayer: Add a new layer. Call is "Background" and move it down to the bottom. Fill it with black for a better view.

11_ball.png

 

33. :LayersDuplicateLayer: Duplicate the layer "Ball". Call it "Reflect" and :ImageFlipVertical: flip it verticaly. Move the layer below the layer "Ball"

 

34. :MoveTool: Move the reflect down so the reflect is just below the ball.

12_ball.png

 

35. Set the colors back to default black/white.

:LinearClampedGradient: Choose the Linear gradient tool and set the mode to transparency. Make a gradient from top of the reflect to bottom of the image.

13_ball.png

 

36. :EditFillSelection: Fill the layer "Background" with a light grey #808080. We need to see the shadow.

 

37. :LayersAddNewLayer:  Add a new layer. Call is "Shadow", set the transparency of the layer to 90 and move it below the layer "Ball". Set the primary color to grey #404040.

 

38. :EllipseSelectTool: With the ellipse selection tool make an ellipse from 15,412 to 584,594. It shoult be centered bleow the ball.

:EditFillSelection: Fill the selection.

 

39. :BlurEffect: Unselect and apply a gaussian blur  with a radius of 10.

14_ball.png

 

40. :LayersAddNewLayer: Add a new layer. Call is "Glow" and move it below the layer "Shadow". Set the primary color to Pink #FF00FF and secondary color to transparent.

 

41. Select again as describe step 11. Make the layer "Ball" not visible.

 

42. :RadialGradient: Choose the radial gradient tool and set the mode to transparency. Make a gradient from the center of the selection.

15_ball.png

 

43. :MoveTool: Reduce the circle and squeeze to make an ellipse then move it down so the center is just below the ball.

16_ball.png

 

44. :FileSave: Save this version of the ball.

 

45. Delete the layer background. :ImageFlatten: Flatten the image.

 

__________________________________________

Let's place the balls:

46. To create multicolored balls, use the Color Tint effect. If you apply this effect again and again the result will be lighter. So apply it on the original ball.

(ie: Apply the color tint effect, save the new colored ball, undo the effect to get the original ball, apply the color tint effect with another color, save, etc.)

17_ball.jpg

 

47. Make and save 4-5 balls with different colors and different size. Make the size smaller than the size of the sig. Then close the ball file. You could now go back to the sig image.

 

48. :LayersImportFromFile: Menu Layer/import layer from file... Import the balls.

 

Move/resize each ball.

:Warning: Make sure the order of the layers is correct for the perspective...

:Warning: Make sure to have a big ball near the center.

 

18_sig.jpg

 

The work in progress:

19sig.jpg

 

 

__________________________________________

The wavy lines:

49. I choose the light orange ball (2nd from the left) to be the source of the lines. Call this layer "SourceBall". Make the layer of other balls unvisible.

I pick two colors from it for the primary and secondary colors.

20_sig.jpg

 

50. :LineTool: Select the lines/curves tool and set the brushwidth to 8-10. :LayersAddNewLayer:  Add a new layer. Call is "Lines". Move it just below the layer with the choosen ball.

 

Draw a line from left to right with primary color. Draw a similar line with secondary color just below the first one.

Repeat this two times and leave a gap between each couple of lines.

21_sig.jpg

 

51. :PluginIndicator: Effect/distort/waves Radius:2000, X effect:100, Y effect:300. :MoveTool: Enlarge horizontaly by few pixel to get ride off the orphan lines.

At this step you could also move/adjust the lines and place them at the place you like.

22_sig.jpg

 

52. Make the layer with the big ball visible. Call it "BigBall" :DuplicateLayer: Duplicate the layer "Lines". Call it "Lines over" and move the layer before the layer "BigBall"

23_sig.jpg

 

53. Activate the layer "BigBall" and :MagicWandTool: use the magic wand tool to select outside the ball. With this selection, activate the layer "Lines over" and delete the selection.

 

Set the blending mode to "Negative" and :InvertColorsEffect: invert the colors.

If you've done the layer "Lines" you should have something like this:

24_sig.jpg

 

The work in progress:

25sig.jpg

 

__________________________________________

The text:

You could use the font and the colors you want, and the text you need. You could keep all the letters at the same size and the same color.

 

Make all the layers unvisible.

 

54. :LayersAddNewLayer:  Add a new layer. Call it "Text Black".

 

55. For my sig I used the font Photonica from Dafont.com and I've made some changes:

26_text.jpg

 

56. :LayersDuplicateLayer: Duplicate the layer "Text Black". Call is "Text Color".

 

57. :MagicWandTool: Use the magic wand tool to select the letters "ma ik". :PluginIndicator: Effect/selection/bevel level=4, select two fluo colors (orange and pink).

 

58. :MagicWandTool: Use the magic wand tool to select the letters "DJ". :PluginIndicator: Effect/selection/bevel level=6, select two other colors (red and dark red).

27_text.jpg

 

59. :LayersDuplicateLayer: Duplicate the layer "Text Black". Call is "Text White". Move it to the top of the list. And :InvertColorsEffect: invert the colors.

 

60. :MoveTool: Move the white text up by 4px and left by 4px (use the cursor keys).

 

61. :MagicWandTool: On the layer "Text Black" use the magic wand tool to select the all the letters. On the layer "Text White" delete the selection.

 

62. :MoveTool: On the layer "Text Black" move the text down by 4px and right by 4px (use the cursor keys).

28_text.jpg

 

63. :RotateZoom: Menu Layers, Rotate/Zoom, rotate angle 9, twist angle 127, twist radius 33. Do this for the three layers of text.

29_text.jpg

 

64. :MotionBlurEffect: On the layer "Text Color" do a motion blur angle=135, distance=8, centered=yes.

(optional) :LayersDuplicateLayer: To reduce the transparency, duplicate that layer.

 

65. :LayersMergeLayerDown: Merge the 3-4 layers with the text.

 

 

The work in progress:

30sig.jpg

 

66. :LayersMergeLayerDown: Duplicate the layer with the text. Call the top on "Text" and the other under call it "Zoom". The "Zoom" must below the "Text".

 

67. (optional) :PluginIndicator: Effect/Object/Outline width=5 color=green.

 

68. :ZoomBlurEffect: Effect/Blur/Zoom blur zoom amount=100.

31_text.jpg

 

__________________________________________

Final result:

Make all the layers visible.

32sig.jpg

 

:FileSaveAs: Save this work as a .pdn file.

 

:ImageFlatten: Flatten the image.

 

:ImageResize: Resize the image to the size of the sig using best quality.

 

:FileSaveAs: Save the sig as a .jpg file.

sig.jpg

 

__________________________________________

Your turn:

And now let me see what you are able to do with this tut!

Post your work here...

Link to comment
Share on other sites

  • 2 weeks later...

Groar :D Added a couple "me" touches

watcha :P

JaYeD-1.jpg

^_^ Whatcha think?

ElvenPower.jpg

Power comes to those who least expect it, Ambition comes to those who want it. Sometimes Ambition rules the Powerful, many times Ambition Is Power. Remember that Frodo, that ring could have been yours!

Link to comment
Share on other sites

I thought it's advanced tutorial, but the last posts are good job from beginners. Great!

(remember to create with large dimension and reduce at the end to the needed (smaller) size to avoid pixelization)

xD

*side note* I'm actually not a beginner persay, I'm more of a stalker... :P

I've been using PDN for... like 2 years O.o something like that. I just never got around to making an acocunt *end of interesting spam*

Nice job to the other guys :D

ElvenPower.jpg

Power comes to those who least expect it, Ambition comes to those who want it. Sometimes Ambition rules the Powerful, many times Ambition Is Power. Remember that Frodo, that ring could have been yours!

Link to comment
Share on other sites

  • 1 month later...
I thought it's advanced tutorial, but the last posts are good job from beginners. Great!

quote]

The trouble is madjik, you did such a good job describing the steps that even a noob like me can follow it.

Brilliant tut, thanks.

pophiri

Link to comment
Share on other sites

  • 1 month later...
  • 3 weeks later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...