| |
R201.com WebDesign | Tutorials
Welcome To The Tutorials.
Here at R201.com when
we first started out in the world of web design, we started by following
tutorials that we found scattered around the Internet. So we decided that
if we have created a good effect in Photoshop, or perhaps done some handy
coding in html, php or css etc, that we should share the knowledge with others.
Untill we write and add new tutorials which will cover
html / php / flash and other web design related subjects. We have placed
all our old tutorials online.
if you would like to contact us please do so via R201.com
main site and visiting the contact page, or click here
Photoshop Tutorials
Name: |
Squared
Back |
Description: |
Create this
simple style background which could be used for headers, forum signatures
etc. |
Click
To View
|
Name: |
Drawing
A Screw |
Description: |
Learn how
to create a simple screw, which can be used in interface design as
well as other artworks. |
Click To
View
|
Name: |
Creating
Styles |
Description: |
This tutorial
will introduce you to the basics of creating styles, as well as using
a few of the many options that come with the layer style option. |
Click
To View
|
Name: |
Using
Screws |
Description: |
Following
on from the Screw & Creating Styles tutorials. Learn how to use
them both in one image. |
Click
To View
|
Name: |
Scan
Lines |
Description: |
Everyone
has seen the effect, its really easy to do. Your probably going to
use it at some point. |
Click
To View
|
Name: |
Simple
Fire |
Description: |
Lean how
to create this simple fire effect, which can be used for buttons /
forum signatures or in wall papers. (This is not meant to be realistic
fire, its just a simple fire effect. ) |
Click To
View
|
Name: |
Drawing
A Knife |
Description: |
his tutorial, is more of a walk through
of how I created the knife. It may not be as detailed in some steps as
it is others. This is probably best for the slightly more advanced photoshop
users. |
Click
To View
|
Name: |
Meshball |
Description: |
Create this
random ball off light that is encased in black mesh. |
Click
To View
|
Name: |
Shine
Text |
Description: |
Create this
simple animated text. |
Click
To View
|
Name: |
Light
Blast |
Description: |
Create this
simple light blast effect. Use full for creating wallpapers, or as
backgrounds for other images. |
Click
To View
|
Name: |
Burnt
Edges |
Description: |
Adding burnt
edges to your images, is just a matter of getting the hang of the airbrush.
Learn how with this tutorial. |
Click
To View
|
Name: |
Sticky
Tape |
Description: |
Learn from
this tutorial how to create some sticky tape to hold your image together. |
Click
To View
|
Name: |
Band
Style Outlines |
Description: |
This tutorial will teach you how
to create the classic band style poster outlines, as often seen on many
band posters and flyers. |
Click
To View
|
Name: |
Cell Shade |
Description: |
This tutorial will show you how to
give you image's that cell shaded look. |
Click
To View
|
Name: |
Lower
Your Ride |
Description: |
This tutorial will show you how to
digitally lower your cars height. |
Click
To View
|
Name: |
Smooth
Your Ride |
Description: |
This tutorial will show you how to
digitally remove badges and other elements from your ride. |
Click
To View
|
Name: |
Light
Transplant |
Description: |
This tutorial will show you how change
your lights to a completely different set. |
Click
To View
|
Name: |
Re-Spray |
Description: |
This tutorial will show you how change
paint colour of your car. |
Click
To View
|
Name: |
Car
Decals |
Description: |
Finish off your ride by adding some
decals to the body work. |
Click
To View
|
Name: |
Face
Morph |
Description: |
Finish off your ride by adding some
decals to the body work. |
Click
To View
|
Name: |
Disco
Ball |
Description: |
Lean how
to create a simple looking discoball. |
Click
To View
|
Name: |
Orb |
Description: |
Lean how
to create the classic glass orb. The orb can often be seen
in interfaces, buttons, a very useful object. |
Click To View
|
Name: |
Simple
Reflection |
Description: |
This tutorial will show you how to
do a quick and simple reflection. |
Click
To View
|
Name: |
Pixel
Art |
Description: |
Learn the
basics of pixel art, Follow this tutorial to create a simple building. |
Click
To View
|
Name: |
Smoke |
Description: |
Learn how
to create this very simple smoke effect. |
Click
To View
|
Name: |
CCTV |
Description: |
Transform
you image, so that it looks like it was captured from CCTV. |
Click To View
|
Name: |
Sketch |
Description: |
Transform
you image, so that they look like a hand drawn sketch. |
Click
To View
|
Name: |
Globe |
Description: |
Learn how
to create you own world, from a blank canvas. |
Click
To View
|
Name: |
Content
Box |
Description: |
Learn how to create this simple content box. Similar to the
ones found here on R201.com. |
Click
To View
|
Name: |
Web
Layout - Folder Style - Part 1 |
Description: |
This is the first part of this tutorial.
In this part we will be creating the base for our web site. The web site
style is going to be based around a "document folder". |
Click
To View
|
Name: |
Web
Layout - Folder Style - Part 2 |
Description: |
In this the second part of our tutorial.
We show you how take you layout from photohop, to dreamweaver to create
a working website. This tutorial uses the layout we created for the Web
Layout - Folder Style - Part one tutorial |
Click
To View
|
Name: |
Text
Change - Multiple Layers |
Description: |
When creating layouts which have
a lot of buttons, are you sick of changing each font layer by hand. This
tutorial will show you how to do it quickly and easly apply the setting
to as many text layers as you wish.
This is a very short tutorial but could be very time saving for those
that dont know how to do it. |
Click
To View
|
|
|
|
