- Pages:
- 1
- 2
| Making a VERY simple tech gradient in Photoshop; VERY easy and simple, and could easily be built off of | |
|---|---|
| Topic Started: Jul 12 2010, 06:11 PM (723 Views) | |
| Saberman | Jul 12 2010, 06:11 PM Post #1 |
![]()
|
Tired of using the same old SSR backgrounds found in the TREZ Gallery (which is by the way a great source of stock images) for signature or banner backgrounds? Then follow this EXTREMELY easy Photoshop tut that will allow you to create a greatly customizable, simple "static, techy" gradient! I use CS4, but any previous (or subsequent-CS5, I'm looking at you) versions should work as well. Similar programs such as GIMP and Paint.NET should work as well, First, open a new canvas, and change the background color to the color you want for the main scheme of the background, like so. (posting links rather than images to prevent slow loading speeds) http://i556.photobucket.com/albums/ss10/SaberManEXE/tutorialpart1.png Next, select the FIRST Grid brush (it's a custom brush, Photoshop users can download it here. Non-photoshop users can just use something similar. Credit to the original creator. By first, I mean the first in the set.) Set it to the settings that I have here: http://i556.photobucket.com/albums/ss10/SaberManEXE/tutorialpart2.png After that, use the brush ONCE, placing the median in the middle of the canvas, like so: http://i556.photobucket.com/albums/ss10/SaberManEXE/tutorialpart3.png After the Overlayed grid has been placed, select Rough Pastels on Filters like so: http://i556.photobucket.com/albums/ss10/SaberManEXE/tutorialpart4.png Click OK on the box that comes up without changing any settings. The awesomeness of the effect is a bit hard to see, but it SHOULD come out like this(or just look at the finished product): http://i556.photobucket.com/albums/ss10/SaberManEXE/tutorialpart5.png And there you have it. That was probably the most simplest trick ever, and very effective too. Since this is so simple, many variations could be made to it as well, such as: -Different gradients and brushes used before placing the grid to achieve different effects -Amount of times using Rough Pastels [or something similar for non-PS users) (up to 2 could be used for a varying effect; any more will decrease the quality of the effect) -Different colors -size of the grid squares -and anything that you could think of! ![]() Here is a simple finished product that I slapped together in less than 5 minutes. Yes, I did know I messed up with the blur on Netto's face. >_> (I used this little trick to greater effect on the banners for Maverick Square): ![]() I would like to see people use this to great effect. Keep in mind that this is a VERY simple trick, and maybe TOO simple for my fellow graphic-creating experts, so this was done to get beginners who rely on the same backgrounds over and over aware of it. Have fun, and happy gfxing~ Edited by Saberman, Jan 10 2011, 08:32 PM.
|
|
|
|
| MegaRockEXE | Jul 13 2010, 04:06 PM Post #2 |
![]()
BN Guides Author
![]()
|
It is very simple. I like the grid brushes though. I prefer using Gradient Maps since it can create an analogous color scheme that's a little more exciting. This would mean using grays. Plus, some of the SSR backgrounds are very intricate and well-made. I'm still trying to create effects similar to theirs. |
| The Rockman EXE Zone | YouTube | |
|
|
|
| Saberman | Jul 13 2010, 04:33 PM Post #3 |
![]()
|
Yeah, the SSR backgrounds are much more complex than these simple gradients. But its good to have some variations rather than people recycling the same backgrounds. Like I said in the first post, starting off with simple gradients such as this one can lead to experimentation with more complicated things such as the color schemes you mentioned and ultimately, the complex beauty of the designs of the SSR backgrounds. |
|
|
|
| MegaRockEXE | Jul 13 2010, 05:20 PM Post #4 |
![]()
BN Guides Author
![]()
|
Their technique involves 3D perspective grids, circuitry, and abstract shapes. I like using a thin, fading white gradient to simulate a perspective. My blog banner kind of uses it. It is definitely inspired by the SSR backgrounds. |
| The Rockman EXE Zone | YouTube | |
|
|
|
| Saberman | Jul 13 2010, 05:22 PM Post #5 |
![]()
|
How would one go about creating the circuitry effect? On topic: fixed download link. |
|
|
|
| MegaRockEXE | Jul 13 2010, 05:35 PM Post #6 |
![]()
BN Guides Author
![]()
|
I have no idea. In Photoshop, using a picture on a blending mode might work. But vectorizing some would be tedious. It would seem very dynamic. |
| The Rockman EXE Zone | YouTube | |
|
|
|
| Saberman | Jul 13 2010, 05:43 PM Post #7 |
![]()
|
Possibly. I think that's the hardest part. Abstract shapes and 3D perspective grids are by no means easy but they're easier than the circuitry. |
|
|
|
| MegaRockEXE | Jul 13 2010, 06:44 PM Post #8 |
![]()
BN Guides Author
![]()
|
The perspective grids are kind of easy. I know BN5DS uses perspective grids in their BGs. In Photoshop, you push Ctrl+T and right click on the selection and select perspective. This should create an effect like the one used in my Youtube BG. |
| The Rockman EXE Zone | YouTube | |
|
|
|
| Saberman | Jul 13 2010, 07:00 PM Post #9 |
![]()
|
Ah, okay, good to know. I'll be able to use that in future projects. |
|
|
|
| Nirvaxstiel | Jul 18 2010, 04:07 AM Post #10 |
![]()
天才科学者てんさいーかがくしゃ
|
Hmm very nice guide Saber! Although i would like one on Paint.NET 'cuz I'm more comfortable with Paint.NET |
Rocknarok | PhotoBucket | Deviant Art![]() | |
|
|
|
| Saberman | Jul 18 2010, 09:52 AM Post #11 |
![]()
|
I would, but I don't really use Paint.NET so I really haven't seen the inner-workings of it. |
|
|
|
| CrimsonProto | Aug 6 2010, 09:19 PM Post #12 |
![]()
Regular Member
|
Thanks for the guide. It Helped me alot. |
|
|
|
| Nirvaxstiel | Aug 10 2010, 04:24 AM Post #13 |
![]()
天才科学者てんさいーかがくしゃ
|
I tried to make a gradient out of meh own similar to urs and i got this: http://a.imageshack.us/img826/2858/29091362.png ![]() Edited by Nirvaxstiel, Aug 10 2010, 04:26 AM.
|
Rocknarok | PhotoBucket | Deviant Art![]() | |
|
|
|
| Saberman | Aug 10 2010, 11:12 AM Post #14 |
![]()
|
Not bad. Placing shapes in different angles and overlaying them to create different shades of the same color is pretty cool. |
|
|
|
| Nirvaxstiel | Aug 10 2010, 11:14 PM Post #15 |
![]()
天才科学者てんさいーかがくしゃ
|
yea, messed around with the effects on gimp, nao i'm convinced that GIMP rox. |
Rocknarok | PhotoBucket | Deviant Art![]() | |
|
|
|
| Saberman | Aug 11 2010, 11:47 AM Post #16 |
![]()
|
There's no real difference between it and Photoshop. PS just has a few more resources. |
|
|
|
| Nirvaxstiel | Aug 11 2010, 11:41 PM Post #17 |
![]()
天才科学者てんさいーかがくしゃ
|
True tho and wow, u changed av again -_- but its quite sexy tho xD |
Rocknarok | PhotoBucket | Deviant Art![]() | |
|
|
|
| Saberman | Aug 12 2010, 02:39 PM Post #18 |
![]()
|
I make a new avatar/sig set every month. |
|
|
|
| Nirvaxstiel | Aug 12 2010, 10:31 PM Post #19 |
![]()
天才科学者てんさいーかがくしゃ
|
opposite of me >_> i change my name every month if i have can think of 1 |
Rocknarok | PhotoBucket | Deviant Art![]() | |
|
|
|
| ZhadowKoKieo | Sep 10 2010, 10:34 AM Post #20 |
|
Dedicated Member
|
Gimp doesn't do nearly EVERYTHING in this tutorial, only the brushes work. (Installing brushes is really simple since I can script stuff in Gimp [offtop]I did NOT revive this topic, if no one posted 2 days from now, then it would be an official dead thread!![/offtop] |
![]() I like to keep a small and simple signature. Originial image by GreenMage of deviantART. | |
|
|
|
| 1 user reading this topic (1 Guest and 0 Anonymous) | |
| Go to Next Page | |
| « Previous Topic · Fanworks · Next Topic » |
- Pages:
- 1
- 2









