Jump to content

Making a Gradient (?) background in Photoshop

So I'm trying to accomplish something that looks roughly like this (minus the Corsair logo):Background.png

But I'm really not quite sure how to accomplish that subtle gradient effect in Photoshop. Does anyone have any tips?

I will most likely not respond to you in a thread unless you quote me.

$500 PC | $800 PC | $1000 PC | $1200 PC | $1500 PC | $2000 PC | $2500 PC | $3000 PC | $4000 PC

Spoiler

Damnit Carl (My portable POS):

CPU: Core i7-6700HQ

Motherboard: Toshiba L55-C5392 Mobo

RAM: 8GB DDR3 (even though I have Skylake)

GPU: Intel HD Graphics 530

Case: Toshiba L55-C5392 Case

Storage: 525 GB Crucial MX300 SSD

PSU: Whatever power jack comes with it

Display: Some 1366 x 768 garbage + an OK 1080p monitor

Cooling: Not enough + an external laptop tray

Keyboard: The included one

Mouse: $4 Lenovo 3D Optical Mouse (not as bad as you (rightly) assumed)

Sound: The Skullcandy branding right under the power button should clue you in

Operating System: Windows 10 Home

PCPartPicker URL: pcpartpicker.com/i-wish-i-had-enough-money-for-a-desktop-my-laptop-is-so-sh*t-its-not-even-on-portablepicker

 
 
 
 
 
 
 
Link to comment
Share on other sites

Link to post
Share on other sites

What they might have done is put down flat colors (in the background the light orange color and the dark purple on the bottom and top) and after that used a gaussian blur effect.

"We're all in this together, might as well be friends" Tom, Toonami.

 

mini eLiXiVy: my open source 65% mechanical PCB, a build log, PCB anatomy and discussing open source licenses: https://linustechtips.com/topic/1366493-elixivy-a-65-mechanical-keyboard-build-log-pcb-anatomy-and-how-i-open-sourced-this-project/

 

mini_cardboard: a 4% keyboard build log and how keyboards workhttps://linustechtips.com/topic/1328547-mini_cardboard-a-4-keyboard-build-log-and-how-keyboards-work/

Link to comment
Share on other sites

Link to post
Share on other sites

4 minutes ago, Minibois said:

What they might have done is put down flat colors (in the background the light orange color and the dark purple on the bottom and top) and after that used a gaussian blur effect.

 

After some experimentation, it turns out that that is indeed what they did, and just used a huge amount of gaussian blur. Thank you!

I will most likely not respond to you in a thread unless you quote me.

$500 PC | $800 PC | $1000 PC | $1200 PC | $1500 PC | $2000 PC | $2500 PC | $3000 PC | $4000 PC

Spoiler

Damnit Carl (My portable POS):

CPU: Core i7-6700HQ

Motherboard: Toshiba L55-C5392 Mobo

RAM: 8GB DDR3 (even though I have Skylake)

GPU: Intel HD Graphics 530

Case: Toshiba L55-C5392 Case

Storage: 525 GB Crucial MX300 SSD

PSU: Whatever power jack comes with it

Display: Some 1366 x 768 garbage + an OK 1080p monitor

Cooling: Not enough + an external laptop tray

Keyboard: The included one

Mouse: $4 Lenovo 3D Optical Mouse (not as bad as you (rightly) assumed)

Sound: The Skullcandy branding right under the power button should clue you in

Operating System: Windows 10 Home

PCPartPicker URL: pcpartpicker.com/i-wish-i-had-enough-money-for-a-desktop-my-laptop-is-so-sh*t-its-not-even-on-portablepicker

 
 
 
 
 
 
 
Link to comment
Share on other sites

Link to post
Share on other sites

23 minutes ago, Minibois said:

What they might have done is put down flat colors (in the background the light orange color and the dark purple on the bottom and top) and after that used a gaussian blur effect.

 

17 minutes ago, LordMastodon said:

After some experimentation, it turns out that that is indeed what they did, and just used a huge amount of gaussian blur. Thank you!

that's what I came here to say. Starting from photos works too if you blur it enough, might have to reduce colors first. 

muh specs 

Gaming and HTPC (reparations)- ASUS 1080, MSI X99A SLI Plus, 5820k- 4.5GHz @ 1.25v, asetek based 360mm AIO, RM 1000x, 16GB memory, 750D with front USB 2.0 replaced with 3.0  ports, 2 250GB 850 EVOs in Raid 0 (why not, only has games on it), some hard drives

Screens- Acer preditor XB241H (1080p, 144Hz Gsync), LG 1080p ultrawide, (all mounted) directly wired to TV in other room

Stuff- k70 with reds, steel series rival, g13, full desk covering mouse mat

All parts black

Workstation(desk)- 3770k, 970 reference, 16GB of some crucial memory, a motherboard of some kind I don't remember, Micomsoft SC-512N1-L/DVI, CM Storm Trooper (It's got a handle, can you handle that?), 240mm Asetek based AIO, Crucial M550 256GB (upgrade soon), some hard drives, disc drives, and hot swap bays

Screens- 3  ASUS VN248H-P IPS 1080p screens mounted on a stand, some old tv on the wall above it. 

Stuff- Epicgear defiant (solderless swappable switches), g600, moutned mic and other stuff. 

Laptop docking area- 2 1440p korean monitors mounted, one AHVA matte, one samsung PLS gloss (very annoying, yes). Trashy Razer blackwidow chroma...I mean like the J key doesn't click anymore. I got a model M i use on it to, but its time for a new keyboard. Some edgy Utechsmart mouse similar to g600. Hooked to laptop dock for both of my dell precision laptops. (not only docking area)

Shelf- i7-2600 non-k (has vt-d), 380t, some ASUS sandy itx board, intel quad nic. Currently hosts shared files, setting up as pfsense box in VM. Also acts as spare gaming PC with a 580 or whatever someone brings. Hooked into laptop dock area via usb switch

Link to comment
Share on other sites

Link to post
Share on other sites

Just now, Syntaxvgm said:

 

that's what I came here to say. Starting from photos works too if you blur it enough, might have to reduce colors first. 

 

Yeah, I got a pretty damn nice result if I do say so myself. Layer 0.png

I know it doesn't look like much, but it's kind of supposed to be a background for something else, not really a standalone image, so I'd say it's pretty nice for a background.

I will most likely not respond to you in a thread unless you quote me.

$500 PC | $800 PC | $1000 PC | $1200 PC | $1500 PC | $2000 PC | $2500 PC | $3000 PC | $4000 PC

Spoiler

Damnit Carl (My portable POS):

CPU: Core i7-6700HQ

Motherboard: Toshiba L55-C5392 Mobo

RAM: 8GB DDR3 (even though I have Skylake)

GPU: Intel HD Graphics 530

Case: Toshiba L55-C5392 Case

Storage: 525 GB Crucial MX300 SSD

PSU: Whatever power jack comes with it

Display: Some 1366 x 768 garbage + an OK 1080p monitor

Cooling: Not enough + an external laptop tray

Keyboard: The included one

Mouse: $4 Lenovo 3D Optical Mouse (not as bad as you (rightly) assumed)

Sound: The Skullcandy branding right under the power button should clue you in

Operating System: Windows 10 Home

PCPartPicker URL: pcpartpicker.com/i-wish-i-had-enough-money-for-a-desktop-my-laptop-is-so-sh*t-its-not-even-on-portablepicker

 
 
 
 
 
 
 
Link to comment
Share on other sites

Link to post
Share on other sites

30 minutes ago, LordMastodon said:

After some experimentation, it turns out that that is indeed what they did, and just used a huge amount of gaussian blur. Thank you!

9 minutes ago, LordMastodon said:

Yeah, I got a pretty damn nice result if I do say so myself. 

I know it doesn't look like much, but it's kind of supposed to be a background for something else, not really a standalone image, so I'd say it's pretty nice for a background.

No problem :)

Just a tip, the colors look so vibrant in Corsair's picture because they used a orange color and a blue color, which are complementary colors (colors that are on the opposite side of the color wheel. So blue and orange, red and green and yellow and purple).

13 minutes ago, Syntaxvgm said:

that's what I came here to say. Starting from photos works too if you blur it enough, might have to reduce colors first. 

So much of graphic design is gaussian blur, motion blur or just simple gradients on top of photos.

"We're all in this together, might as well be friends" Tom, Toonami.

 

mini eLiXiVy: my open source 65% mechanical PCB, a build log, PCB anatomy and discussing open source licenses: https://linustechtips.com/topic/1366493-elixivy-a-65-mechanical-keyboard-build-log-pcb-anatomy-and-how-i-open-sourced-this-project/

 

mini_cardboard: a 4% keyboard build log and how keyboards workhttps://linustechtips.com/topic/1328547-mini_cardboard-a-4-keyboard-build-log-and-how-keyboards-work/

Link to comment
Share on other sites

Link to post
Share on other sites

3 minutes ago, Minibois said:

No problem :)

Just a tip, the colors look so vibrant in Corsair's picture because they used a orange color and a blue color, which are complementary colors (colors that are on the opposite side of the color wheel. So blue and orange, red and green and yellow and purple).

So much of graphic design is gaussian blur, motion blur or just simple gradients on top of photos.

 

Yeah, I was trying to go for more of a muted color palette because it's really more of a background picture, but I'll keep that in mind next time. Thanks!

I will most likely not respond to you in a thread unless you quote me.

$500 PC | $800 PC | $1000 PC | $1200 PC | $1500 PC | $2000 PC | $2500 PC | $3000 PC | $4000 PC

Spoiler

Damnit Carl (My portable POS):

CPU: Core i7-6700HQ

Motherboard: Toshiba L55-C5392 Mobo

RAM: 8GB DDR3 (even though I have Skylake)

GPU: Intel HD Graphics 530

Case: Toshiba L55-C5392 Case

Storage: 525 GB Crucial MX300 SSD

PSU: Whatever power jack comes with it

Display: Some 1366 x 768 garbage + an OK 1080p monitor

Cooling: Not enough + an external laptop tray

Keyboard: The included one

Mouse: $4 Lenovo 3D Optical Mouse (not as bad as you (rightly) assumed)

Sound: The Skullcandy branding right under the power button should clue you in

Operating System: Windows 10 Home

PCPartPicker URL: pcpartpicker.com/i-wish-i-had-enough-money-for-a-desktop-my-laptop-is-so-sh*t-its-not-even-on-portablepicker

 
 
 
 
 
 
 
Link to comment
Share on other sites

Link to post
Share on other sites

5 minutes ago, Minibois said:

So much of graphic design is gaussian blur, motion blur or just simple gradients on top of photos.

In other words, take a picture, and pretend you used a different lens. 

muh specs 

Gaming and HTPC (reparations)- ASUS 1080, MSI X99A SLI Plus, 5820k- 4.5GHz @ 1.25v, asetek based 360mm AIO, RM 1000x, 16GB memory, 750D with front USB 2.0 replaced with 3.0  ports, 2 250GB 850 EVOs in Raid 0 (why not, only has games on it), some hard drives

Screens- Acer preditor XB241H (1080p, 144Hz Gsync), LG 1080p ultrawide, (all mounted) directly wired to TV in other room

Stuff- k70 with reds, steel series rival, g13, full desk covering mouse mat

All parts black

Workstation(desk)- 3770k, 970 reference, 16GB of some crucial memory, a motherboard of some kind I don't remember, Micomsoft SC-512N1-L/DVI, CM Storm Trooper (It's got a handle, can you handle that?), 240mm Asetek based AIO, Crucial M550 256GB (upgrade soon), some hard drives, disc drives, and hot swap bays

Screens- 3  ASUS VN248H-P IPS 1080p screens mounted on a stand, some old tv on the wall above it. 

Stuff- Epicgear defiant (solderless swappable switches), g600, moutned mic and other stuff. 

Laptop docking area- 2 1440p korean monitors mounted, one AHVA matte, one samsung PLS gloss (very annoying, yes). Trashy Razer blackwidow chroma...I mean like the J key doesn't click anymore. I got a model M i use on it to, but its time for a new keyboard. Some edgy Utechsmart mouse similar to g600. Hooked to laptop dock for both of my dell precision laptops. (not only docking area)

Shelf- i7-2600 non-k (has vt-d), 380t, some ASUS sandy itx board, intel quad nic. Currently hosts shared files, setting up as pfsense box in VM. Also acts as spare gaming PC with a 580 or whatever someone brings. Hooked into laptop dock area via usb switch

Link to comment
Share on other sites

Link to post
Share on other sites

1 hour ago, LordMastodon said:

So I'm trying to accomplish something that looks roughly like this (minus the Corsair logo):But I'm really not quite sure how to accomplish that subtle gradient effect in Photoshop. Does anyone have any tips?

6rpcTjQ.png

Link to comment
Share on other sites

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×