1) What's the best way to add a texture to a simple background colour or gradient?
2) How would I achieve an effect like the background of this login screen?
I've been a kinda crappy hobbyist for a while, and I'd like to get better. This type of effect looks pretty good, and is somewhat commonly used.
pretty easy to do in PS, grab your base image as a base layer and slap a new layer ontop, fill it with color of your choice, set layer to 'overlay' :^) for a more uniform look set the base image as black and white
>>249927
it can be easy inspired by that.
create a form first. after that, change the padding styles. then add a background with linear-gradient (you can see on the stackoverflow)
you should know the css and I guess, you already know.
You can use the linear gradient effect in css.
>>249941
> pretty easy to do in PS,
yes but he should write this in html/css, I guess
>>249945
Not on about the form, I'm talking about the background
>2) How would I achieve an effect like the background of this login screen?
>the background of
>>249941 Doing this loses detail and doesn't give the correct effect at all. Make sure you know what you're doing before "helping" OP.
and fuck off with your cancerous memeface
>>249941
how do you make it semi transparent i can only eraser from all angles
CSS allows the use of blend modes now; they work like the ones in Photoshop.
https://css-tricks.com/basics-css-blend-modes/
There are few compatible browsers, though, so I guess your best bet would be using a background image made in Photoshop.
Here's the original PSD. No HTML example.
http://ge
.
tt/9g6VbBV2/v/0
>>249952
I already told it
with linear background effect
>>249992
You don't know what a linear gradient is, do you?
>>250018
Not him but that actually is a linear gradient, it just doesn't look like it because of the lighting in the pic.