Quantcast
Channel: TutorialBasement
Browsing all 22 articles
Browse latest View live

Create a Steel Text Effect

In this tutorial, I will be teaching you how to create a Steel Text Effect using Photoshop CS6. Assets used in this tutorial: Droid Serif (font) Mosaic Web Pattern (Background Pattern) Step 1: Create a...

View Article



FREE TB Social Media Glyph Icons Set v1

Today’s freebie download includes a set of 59 .PSD Social Media Glyph Icons. Glyphs Included: LastFM, Diaspora, Wikimedia, Xbox, Steam, Android, Apple, Windows, Blackberry, Zerply, Google Buzz, AIM,...

View Article

Create a Curved Drop Shadow Effect

In today’s tutorial I’ll be teaching you how to create one of those popular curved drop shadow effects you typically see on website sliders and elements giving them more detail. Step 1: Create a New...

View Article

How to Find, Install, and Use Photoshop Brushes

Photoshop Brushes are offered for free to download on hundreds of websites throughout the internet. Installing and using brushes in Photoshop can be quite confusing for a beginner. So in this tutorial...

View Article

Create an Animated Banner Ad with Warping Text

In todays tutorial, I’ll be teaching you how to create an animated banner ad using Photoshop CS6. The animation will contain some awesome warping text from each transition, followed by a fade in fade...

View Article


Create a Glass Text Effect in Photoshop CS6 Using Layer Styles

In today’s tutorial I will be teaching you how to create a glass text effect using only layer styles in Photoshop CS6. Let’s begin! Assets used in this tutorial: Fiber Pattern (Background Pattern) Step...

View Article

FREE TB Pure CSS3 Button Set

Today’s freebie download is a pure CSS3 button set. It includes a variety of eight different colored buttons with hover states for each button. There are also a variety of four different sizes and...

View Article

How to Create a Pure CSS3 Menu with Opacity Animation

In today’s tutorial, I will be teaching you how to create a pure css3 menu with opacity animation. For the smooth animation effect we will be using the CSS3 transition property ease-in-out which...

View Article


17 Awesome Photoshop Tutorials for Text Effects

Everyday new tutorials appear on the web in a variety of skill levels needed and even for an experienced Photoshop user, there is always room to learn more techniques and tricks to improve your skills....

View Article


How to Style HR Tag to Create Separators

Using the HR Tag for separators in it’s default style is depressing on any design. For some beginner web designers you may not know we can style HR tag. You are however limited to what you can actually...

View Article

Create an Expanding Search Input Field Using CSS3

In this tutorial I will be showing you how to create an expanding searchThe post Create an Expanding Search Input Field Using CSS3 appeared first on TutorialBasement.

View Article

Create an Awesome 3D Social Button With Photoshop

In today’s Photoshop tutorial I will be teaching you how to create this awesome 3D Social Button. This is an easy six layer only tutorial consisting of five shape layers and a text layer. All of the...

View Article

Using wp_trim_words Function to Limit Excerpt Length in WordPress

There are a few of ways to go about limiting the content length and excerpt length in WordPress. One of the most popular ways is creating custom functions that set these limits but if you are needing...

View Article


50 Excellent Photoshop Tutorials for Photo Manipulation

Photoshop Manipulation is applying technique to create illusions or deception out of photographs. You see this technique used everyday in real life either as a form of art or commercial use to create...

View Article

[Freebie] Set of 15 Awesome 3D PSD Social Buttons

As promised, today I give you this freebie set of 15 awesome 3D fully-layered PSD social buttons with a chrome like design following up from the tutorial last Saturday. If you missed it and are...

View Article


Create a Carbon Fibre Pattern With Photoshop

We all know what carbon fibre is and know it’s been used in web design around the web in different variations of style. In today’s Photoshop tutorial I will teach you how to create a simple but clean...

View Article

[Freebie] LCD Television Screen PSD

Yesterday I was messing around in Photoshop and ended up designing this LCD television screen PSD. Today I give you this design as a freebie. Hopefully it may be of use to someone either as is or...

View Article


Create a Stacked Calendar Widget With Photoshop

A very common thing on websites is a calendar widget. They can be used as event calendars, date pickers, booking calendars, etc. In this tutorial, I’ll walk you through the step-by-step process of...

View Article

Create WordPress Pagination Without a Plugin

Pagination is a necessary feature to any WordPress blog. One of the most popular plugins used is WP-PageNavi which is an excellent plugin but WordPress already actually has a function to do this for...

View Article

How to Create a Sticky Header or Sticky Footer Using CSS

A sticky header or sticky footer means that when you scroll on a page, they stay in a fixed position on the page as you do so. Here on TutorialBasement I am using a sticky navigation in the header for...

View Article
Browsing all 22 articles
Browse latest View live




Latest Images