Contact Info / Websites
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)
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.
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).
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]
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:
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!