Topics Search

Gradient Background

Gradient Background
Views: 616
A gradient background provides a colorful background for any web page, however there are several problems with gradient backgrounds you need to consider before choosing this type of background.
Sponsored Links:

Similar posts...


Simple Gradient Inferno Background

Simple Gradient Inferno Background Icon
In this tutorial, you will be making a basic gradient background that looks like an inferno.

Create an Abstract Geometric Gradient Background

Create an Abstract Geometric Gradient Background Icon
This tutorial will show you the process behind creating one of our most popular recent freebies on Medialoot, the Geometric Gradient Backgrounds pack. This technique uses vector shape layers, layer styles and of course gradients to create a stunning abstract background.

Animated Rainbow Wallpaper

Animated Rainbow Wallpaper Icon
In this tutorial, I will show how I created the Rainbows wallpaper. First, create dark sky in the background. For that, set forecolor to dark blue and back color to black, switch to Gradient tool (G), change gradient type to Radial, and create gradient from bottom to top of document.

3D Glass Ball using Layer Styles

3D Glass Ball using Layer Styles Icon
In this tutorial it’s my aim to take you through the process of creating a convincing 3D Glass Ball using basic layer styles and gradients. Firstly I created a new document (as above) and filled the background with a Radial Gradient using the Gradient Tool (G) set to the preset of Foreground to Background with White as your Foreground.

Clean White Navigation Bar

Clean White Navigation Bar Icon
To start off with, create a new document, for the purpose of this tutorial I have chosen 500 by 200 pixels. Fill the background with a radial gradient from a medium-dark grey to a darker grey. You can do this by selecting the gradient tool from the tool box and setting it to radial. Set your foreground colour to #45443f and your background colour to #31302c. Left click in the middle of the document, drag to the right and release.

Learn to Create Party Text Effect

Learn to Create Party Text Effect Icon
This tutorial explains how to use Photoshop layer styles, filters, and brushes to create an awesome sparkly text effect. Create a new document that is 1350 x 1000 px. Set the Foreground color to #525252, and the Background color to #0d0d0d. Create a Radial Gradient from the center of the document to one of it corners making sure that you selected Foreground to Background gradient preset.

Texture Matching

Texture Matching Icon
One recurrent problem that I personally deal with is making a new background match an old photo. Or, for that matter, any portion of a photo that is composited in. This is especially true if a photo has a definite texture. More often than not if this is the case, you’ll be replacing the background, as heavt texture is a booger to fix on something like a gradient background! Here’s an easy way to make your new background look almost like it was there when the photo was taken!

Examples of Icon – the gradient method

Examples of Icon – the gradient method Icon
Today, the gradient icon is increasingly popular and today we will introduce the design process of gradient icon. 1. First, let’s look at the difference between the old gradient style and the new gradient style.

Create a Surreal Smoking Photo Manipulation

Create a Surreal Smoking Photo Manipulation Icon
Start by creating a new document (600X650px). Create a new layer called ‘background gradient’. Fill your canvas with a radial gradient ranging from 003851 to 001a26. Now paste in your mountain range photo.

Abstract Glowing Background

Abstract Glowing Background Icon
Following this tutorial, you will learn how to draw different shapes, apply gradient, blend different shapes in the background, and more all to create an abstract glowing background. So, lets start !