Be a Supporter!

BlackPTBlackPT

Main News Favorites Reviews Stats
Follow BlackPT
BlackPT
  • Add Friend
Age / Gender:
85, Male
Location:
Portugal
Joined:
1/5/08
All Stats >

I'm the Uncle Peanut.

User Statshot

Community Stats
Level 12 Blank Slate
Gold Whistle
Ranked as Police Officer

Contact Info / Websites

Latest News


First of all, you'll need Adobe Photoshop CS3. You can download the 30 day trial here or buy it for $649.
In alternative, you can use Photoshop CS3 Extended, an upgraded version, downloading the trial here or buying it for $999.

Today I'll show you how to do some customized newgrounds-style messages/features like the one on the picture (scroll down)

~=MAKING THE PRINT=~

To start, screenshot a original message from any place on the site. Go to a under judgment entry at the portal (for example) and click the key "Prt Scr" next to F12.
Be careful, screenshots only show the part of the screen you're seeing in that moment, so, don't distract yourself.

Open MS Paint and paste the print by pressing Ctrl+V. Then select the "Submission is Under Judgment" part [Explain image]. Now, right click, "Copy To" or "Save cut". Name and select "Save as: PNG (*.png)" (PNG is the best image quality to this kind of files).

~=CREATING=~

Now it's time to the magic of image editing!
Open Photoshop and go to "File" > "Open File". Search the screenshot you made and open it.

Step 1: Changing the icon

If you don't wanna change the top left corner icon and keep the print original, you can skip to step 2.
In the example, I'll use an Eulogy icon, but you can use whatever you want, like the file one, smile, music, etc.
To start go to the page when you're icon is. Mine is on Obituaries in any random blammed submission.
Right click on the icon and "Show background image". Now, right click it again and select "Copy Image". Go back to Photoshop again and press Ctrl+V. The icon should pop up and automatically create a new layer. Drag it to the top of the old icon and don't move it anymore. [Explain Image #1 | Explain Image #2]. Here you can see a completely list of all messages icons on Newgrounds.

Step 2: Manipulating The Pattern

This step is really simple: select (clicking "M") the part of the pattern who don't have any letters, press Ctrl+C and then Ctrl+V. You now have a new layer, probably called "Layer 2". Select it. Choose the drag tool (or just click "V") and drag it to the top of the letters, so you can hide them (like the step 1). [Explain Image #1 | Explain Image #2]

Step 3: Working on background

Now we have have all minor details done, let's delete not wanted parts of the background. This the easiest way I could find out.
Choose the Background layer and click the selection tool (or press "M") and select the unwanted parts you wanna remove (In this case the "Submission is under judgment" explanation). When you're finished, press delete, and your top color will replace the selected area (don't worry, that's normal). Now pick the color selection tool (pressing "I") and click the grey (none-selected) area, so you can have the color on your pallet. Time for the paint bucket tool ("G" key)! Fill the selected area and now you have a space for your message! [Explain Image #1 | Explain Image #2 | Explain Image #3]

Step 4: Editing the size

Wanna change the size of your message space? If yes see the video, if not, skip to step 5
This step would be very confusing to read, considering my bad English,so I made a video. Hope you like it!

.
/* */
To increase the message size, go to "Image" > "Canvas Size" and put approximately the size you want. Do what the video says, but drag the selection down instead up. To fill the blank area, you'll to copy this image (Right click > "Copy Image. Open the image we're working and press Ctrl+V and drag the bar to the right. Do the same same thing with this one and drag it to the left. Now pick the paint bucket tool, select the background layer and fill the blank space with the color from step 3. Don't forget to cut the unwanted parts! [Explain Image #1 | Explain Image #2]

Step 5: Letters

This personally the best part on the entire tutorial. You can think on ways to insult, praise or simply say stuff. Don't forget to enable Character options on "Window" > "Character"
Here you got all the fonts, colors, sizes and all you'll need to write your so expected message: (Don't forget to enable Character options on "Window" > "Character" )

Title/Pattern [Result]: Font: Arial | Color: #e4b814 | Size: 13 pts | Bold
(Please, see this image so you understand my bad English. I highlighted the parts you'll need to modify. [Character Box definitions]

Since I couldn't discover the original font used by the most part of the site, I wrote in arial. (Personally, I think is best than the pixel one)
Message text/General
[Result]: Font: Tahoma | Color: #ffffff | Size: 13 pts [Character Box definitions]

Step 6: Raw Materials

To do the last step and finish the tutorial, you'll need to take a look on the Raw Materials and download the . PSD file of the NG Style Guides (It's just a 500 KB file) or simply clicking here. When finished, open the file we're working on Photoshop and the Style Guides one. Now, on the ng_elements file, go to the layers board and click on the "Buttons" folder and then on the "NORMAL_1" layer. Pick the selection tool ("M") and select the button "Normal1". Press Ctrl+C to copy . Press Ctrl+V to paste and you have a button! Move it with the drag tool to anywhere you want. Pick the text tool ("T" key) and click over the button. Set the text definitions to this: [Explain Image #1 | Explain Image #2 | Explain Image #3]

Font: Tahoma/Microsoft Sans MS | Color: #000000 | Size: 11 pts
[Character Box definitions]

If you're element is too small or to large for the text you wanna put on, you must select that layer and go to "Edit" > "Processing" > "Resize". Now, adjust the size manually 'till you're done

Now save it and you're on your way to show him to Newgrounds!
But this is only a example! You can choose anything from the NG style guides and create your own customize message! Here you got some images to inspire you:

~=Images Gallery=~

1.: Wade Fulp - Killing question
BlackPT sig - Random funnies
Still working on this...

Also, if you actually try do this, you can send me a PM or post a response with the link of you're image (Host it here so I can add you to this gallery:

~=Reader Created Gallery=~

Example: 1. BlackPT

Still have questions? Download the .psd file and explore it
Sorry for my bad English. If you find any grammar errors, have any complaint or suggestion, please post a response saying what's wrong
I will keep updating this!

Guide to make your own Newgrounds messages!


Recent Game Medals

Your left hand 5 Points Your left hand has been amputated, you take it as a keepsake. Medal Stats.
Your right hand 5 Points Your right hand has been amputated, you take it as a keepsake. Medal Stats.
Daily Driver 5 Points Clobber a civilian, and feel good about doing it. Medal Stats.
Jump on 10 enemies 5 Points Jump on 10 enemies Medal Stats.
First kill 5 Points first Kill Medal Stats.
The End The Game 100 Points Finish all the levels... Oh, but that's JUST the levels! Medal Stats.
Charged With Battery 50 Points Finish two thirds of the levels. Medal Stats.
Unzipping in the No-Fly Zone 25 Points Finish one third of the levels. Medal Stats.
Droppin' Ten 5 Points Ten Crush-Hugs Medal Stats.
Easy Fiver 5 Points Five Love Taps Medal Stats.


Total Medals Earned: 591 (From 83 different games.)

Latest Shared Creations

ORIGINALITY Added to pumpkins for Carve n' Share Oct 19, 2010. Load Level