background preloader

Adamaptaker

Facebook Twitter

Adam Aptaker

Graphic Artis, web designer/developer, 3D modler, Character designer, Dj, father, humble student

Adam Aptaker's Bootstrap Site. Skrollr - parallax scrolling for the masses. CSS gradient tutorial · Tankedup-Imaging. Content links Preamble Listed below are a few methods for creating background gradients.

CSS gradient tutorial · Tankedup-Imaging

I have included a short description in the gradient, along with the HTML and CSS. One way or another it has most browsers covered. 1. Texture Recipe – Blending Modes – Tools of the Trade. Layers and blending modes were one of the first things that hooked me on photoshop, the fact that you can adjust, tweak and undo with a simple click was fascinating.

Texture Recipe – Blending Modes – Tools of the Trade

The tip to remember is that blending modes react slightly differently with each image and the order of the layers. If you would like to try out the blending modes using the same texture and image, to get a feel for it yourself, then please feel free to download the free rose photo and texture Perchance at the end of the post. For this explanation I took a simple shot of a rose image and placed a texture in the layer above, then swapped the blending modes within the layer palette so you can see how the different options provide a variety of ways to control the mixing, blending and general interaction of the layer content.

First up Blending Mode : Normal. As expected the image normally appears but adjust the opacity and you are off to a great start.

Graphics

DJ Aptak. Aptak Digital. Web development.