BlackPT's Banner
BlackPT

Age/Gender: 39, Male
Location: Portugal
Job: Student

I'm the Uncle Peanut.

Contact Info

Newgrounds Stats

Sign-Up Date:
1/5/08

Level: 12
Aura: Dark

Rank: Police Officer
Blams: 157
Saves: 468
Rank #: 12,234

Exp. Points: 1,420 / 1,600
Exp. Rank #: 22,885
Voting Pow.: 5.39 votes

BBS Posts: 736 (1.34 per day)
Flash Reviews: 57
Music Reviews: 4
Trophies: 0
Stickers: 0

Entry #19

Newer Older

Jump to Entry: [ 1611 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 ]


BlackPT

Guide to make your own Newgrounds messages!

Posted by BlackPT Aug. 15, 2008 @ 11:31 AM EDT

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!

message_c_pia.jpg

Updated: 11/12/08 2:48 PM Log in to comment! | Share this!

The People Have Spoken

30 Comments

Aug. 15, 2008 | 12:41 PM Adio says:

Heh, this is pretty cool! Bookmarked for a later time.

Aug. 15, 2008 | 1:54 PM BlackPT responds:

Oh, thanks ;)


Aug. 16, 2008 | 9:39 AM Sonofkirk says:

Well done bro ! And nice pic lol. I'll do one : )

Aug. 16, 2008 | 9:45 AM BlackPT responds:

Nice, thanks


Aug. 16, 2008 | 9:49 AM groundpwndr says:

wut the hell, where is the boobies and porn???

Aug. 16, 2008 | 9:57 AM BlackPT responds:

Boobies? What are you, a 8 years old kid?


Aug. 16, 2008 | 10:07 AM Sonofkirk says:

You should submit this tutorial, you did it very well ...

Aug. 16, 2008 | 10:13 AM BlackPT responds:

Meh, I can't do flash


Aug. 18, 2008 | 9:25 AM Fro says:

So much better then the ones that I make. :(

Aug. 18, 2008 | 10:29 AM BlackPT responds:

Muahhahaha! I'm your master!

Thanks :)


Aug. 22, 2008 | 9:41 AM Archon68 says:

Awsome! Bookmarked!

Aug. 22, 2008 | 9:58 AM BlackPT responds:

Awesome!


Aug. 26, 2008 | 12:48 PM Chandelier says:

Let's fuck da pussy

Aug. 26, 2008 | 2:45 PM BlackPT responds:

Okay


Sep. 5, 2008 | 2:31 PM Sonofkirk says:

yeah this post deserve more comments and congratulations.

Sep. 5, 2008 | 3:19 PM BlackPT responds:

thanks again :)


Sep. 5, 2008 | 6:16 PM PinballWizard976 says:

Cool. I like it. I'll have to make one later. :)

Sep. 5, 2008 | 7:32 PM BlackPT responds:

Hurray xD


Sep. 6, 2008 | 7:05 AM mwmike says:

I will proceed.

Sep. 6, 2008 | 7:13 AM BlackPT responds:

I hope


Sep. 11, 2008 | 6:24 PM Zecampeao says:

Ahahah
ta bem fix
mas n tenho dinheiro...
xD


Sep. 12, 2008 | 5:27 PM BigFuzzyKitten says:

It's easier and looks better when you just edit the source code with javascript or firebug.

Also there's plenty of alternatives to photoshop.

Sep. 13, 2008 | 5:51 AM BlackPT responds:

Yeah, but this was the easiest I could find


Sep. 13, 2008 | 8:10 PM Chdonga says:

:(

Damn, it sucks that one can't do this with MS Paint

Sep. 14, 2008 | 6:04 AM BlackPT responds:

Gimp is free...


Sep. 19, 2008 | 1:36 PM KorpKyuu-Sama says:

Respect!!

Sep. 19, 2008 | 2:00 PM BlackPT responds:

okay


Sep. 22, 2008 | 8:41 AM Fro says:

Dude. I try to help you out in the abusive review thread and then your a dick to me? Grow the fuck up man. Don't get off on the wrong foot and start acting like everyone else on this website.

Sep. 22, 2008 | 10:09 AM BlackPT responds:

I'll try. Sometimes I'm just a dickhead for fun. Sorry


Sep. 25, 2008 | 4:47 PM Aci6 says:

I saw this page a while and though about putting you on the list, if you can get someone to PM me to nominate you then you're on.
Let other people know.


Sep. 26, 2008 | 4:44 PM ps3isdabomb says:

lmao mn ur suh a losr u shud get sum grl 2 fuk u bt u cnt cuz ur gay nd u jak of 2 nakd duds.

Sep. 26, 2008 | 6:55 PM BlackPT responds:

\/\/07 d1d j00 s4'/?


Oct. 4, 2008 | 3:53 AM andy70707 says:

Cool, thanks, I made a BBS sig before in fireworks, I don't have photoshop, then I came across a tutorial like this. I didn't use a tutorial, but it helps alot. I might make it into a flash tutorial.

Oct. 12, 2008 | 2:00 PM BlackPT responds:

Ok, you're free to do whatever you want.


Oct. 8, 2008 | 6:40 PM Zecampeao says:

xD uk ek significa akele comment k m pusest?
i comment crap
uk ek keres dizer com isso?

Oct. 12, 2008 | 2:00 PM BlackPT responds:

O teu news tinha o título crap >_>


Oct. 11, 2008 | 6:25 PM ZiggyZack99 says:

I suggest both:

Firebug Add-On for Firefox
and
The GIMP

Firebug is easier.


Oct. 24, 2008 | 11:55 AM Aci6 says:

What do you mean I'm cool?

Oct. 25, 2008 | 1:26 PM BlackPT responds:

Things that you wouldn't understand...


Oct. 26, 2008 | 3:54 PM mayoarm11 says:

... srsly? this is such a lengthy tutorial, for such an easy task. this is for complete computer noobs, whom i doubt spend their computer time on newgrounds.

but i c u a put a lot of effort into it, and it looks very cool, so gj.

Oct. 26, 2008 | 3:59 PM BlackPT responds:

Yep, I made it so evry single one could understand. Ir was kinda hard thought.

Updated: Oct. 26, 2008, 3:59 PM

Oct. 26, 2008 | 7:17 PM KevnSevn says:

Me + you = same sign up date.

Oct. 27, 2008 | 3:54 AM BlackPT responds:

Care= 23%


Nov. 1, 2008 | 9:59 AM Aci6 says:

But I'm cool in your eyes?
Interesting and empowering at the same time.


Nov. 10, 2008 | 2:23 PM super-sense says:

You got the text wrong.
It should be the font Microsoft Sans Serif with colour #FFCC00.

Hope that helps

Nov. 12, 2008 | 8:55 AM BlackPT responds:

Yeah, I though that Microsoft Sans Serif was the correct font, but Tahoma was almost the same thing... And I didn't really care about it...

Added! Thanks for commenting!


Nov. 12, 2008 | 8:50 PM HEMI9 says:

$999 Jesus That is More Than I Make


Dec. 10, 2008 | 11:16 AM 36Holla says:

For future reference, programs like Gimp and Paint.net are open source programs meaning your comment saying that I could not discuss them when answering someone's photoshop question was wrong. If you want more details go back to the thread in Wi/Ht?.


Dec. 26, 2008 | 3:02 PM Ruyuk says:

Not to be mean but you got your ass pwn3d by MindChamber....

Dec. 26, 2008 | 4:24 PM BlackPT responds:

i know i know i was punished and im rly rly sorry for dat rly


Feb. 13, 2009 | 9:33 AM SK8ninja says:

wow, really awesome. put in my favourites, and its great that you spent your time making it


Jun. 16, 2009 | 6:01 AM applepie12 says:

Gotcha!

Newer Older

Jump to Entry: [ 1611 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 ]