This site's design is only visible in a graphical browser that supports web standards, but its content is accessible to any browser or Internet device. | WHY WE DO THIS
the-protagonist.net


protagonist web design tutorials
July 17,2002

(NOTE: Starting July 17, 2002, the new resources page will be resources.the-protagonist.com. Check this resource site , search for what you want or add your links. This site will still be around but won't be updated as much as resources.the-protagonist.com.)

These are some tutorials that have actually helped some friends. Bookmark this page as I often update it. If you need help on webdesign, just click on the help link. You can link my tutorial but cannot claim it as your own or rewrite it without permission. Please link this the Protagonist resource site if you found this useful so others will know about this.

Please go to resources.the-protagonist.com for the updated list of tutorials like:

- Adobe tutorials
- Graphics tutorials
- PHP tips and tutorials
- Site and Domain Help
- XHTML/XML/CSS Guides and tutorials


Some Adobe Tutorials can be found here such as :

Liquid Metal Tutorial
download a picture that seems shiny or has a lot of contrast.

ultra-hip clipart
A really easy way to make great looking clipart out of nearly anything.

Adobe Illustrator: How to Draw Hamster Tutorial
Illustrator tutorials including how to draw Sheep by Daynah of http://php-princess.net

Background collage secrets
will teach you how to create the high-tech multilayer backgrounds that make you go "wow".

Blenderific Tutorials
How to blend photos , create blinkies , create your own brushes, create "streaked" blends, How to COLORIZE & SEPIA TONE Images ; How to create OPTICAL ILLUSIONS ; How to create the illusion of LOWERING CARS

Blending Images in Photoshop
Hello, ive seen alot of art with real cheap blending effects and im just here to clear it up for some artists that RUBBER TOOL FOR BLENDING SUCKS! =

Character design basics
how to "color&draw" charakters and uses Illustrator

Dotted Borders
make dotted borders

Elated's Photoshop Tutorials
tips for beginners, intermediate and advanced users

enlight boom
you can even download the action

Fakin' It Tutorials
An assortment of photoshop tutorials covering topics such as photoshop basics and effects such as vector art, crystals and tubes.

How to make Pixelated Shadow
one of the many tutorials found in http://www.eyesondesign.net/pshop/tuts.htm

Lightwaves Tutorial
To complete this tutorial you will need the Sinedots Filter. Be sure to install the filter before attempting the tutorial. The sinedots filter can be downloaded at the site

Make an explosive effect.
burst effect, dodge, grids, swirls, 3d shapes, 3d wells

and lots more at resources.the-protagonist.com. Go there now for the most updated list.

Adobe Photoshop
By: Lauryn

Adobe Photoshop Layering- How to add photos on an image without the background
Adobe Photoshop Brushes - How to make custom brushes
Adobe Photoshop Gradients - How to have a blended effect using gradients
Adobe Photoshop Actions - How to have that soft photo finish look, cubed look etc.



Invisionboard


Invision Board Skin Guide Making Invision Board Buttons

Ikonboard
By: Lauryn

Customize your ikonboard 2.1.9 or below

  • How to make ikonboard skins



  • Web design tutorials

    XHTML
  • XHTML style guide - how to make your site XHTML compliant
  • How to make a table-less layout - look under table-less layouts
  • CSS Layout Technique


  • PHP

  • How to make a site skinnable - changing themes/layout/skin using PHP and cookies
  • Learn how to use php in your site


  • HTML and others

  • Leihu's tutorials- tables basic/css 2
  • CSS tutorials - just a few tips
  • Frequently Asked Questions - Page Design - determine the resolution of the user's screen,centering pages
  • Image Map with Layers- by Lauryn
  • karass' tutorials- megabook, tagboard, grid and more!
  • Dodo's Tutorials
  • CSS Button tricks
  • How to Create Clean Looking Designs
  • HTML Tutorial
  • Complete Tutorials
  • Page Design and HTML
  • Frames Tutorial
  • CSS Layers
  • Layers with simple HTML
  • DHTML scroller
  • Pop up windows



  • Your site and scripts

    PHP

  • php-princess.net tutorials - you can even post if you have questions
  • PHP tips and tricks
  • How to dump your mysql database
  • Random Splash Pages- with php
  • Basics on how to use PHP at your site - great for beginners in PHP
  • PHP tutorial


  • Perl/cgi and others

  • laland tutorials- how to install b2, xmb/devboard, tagboard, greymatter, megabook
  • Tag Board tutorial- beginners tutorial
  • Make your own quiz- a quiz code/script
  • Quiz script - scroll down to the bottom and download the quiz script
  • Random layout for your site using PERL
  • How to CHMOD
  • How to install CGI-scripts
  • miscellaneous tutorials


  • Protection

  • spam protection and anto spam bot/spiders - use this php script
  • How to report copyright infringement - email me@the-protagonist.net and I'll show you how
  • How to Protect Your Images from Bandwidth Thieves
  • Keeping Your Images From Being Indexed
  • .htaccess tutorial



  • Graphics tutorials

    Adobe Illustrator

  • Illustrator tutorial drawing a hamster by Daynah
  • Illustrator tutorial by Annia (look under tutorials)
  • Xchange cartoon clouds, 3d text and more
  • Adobe Illustrator Tips and Techniques


  • vectors

  • Vector tutorial
  • Vectors Tutorials - a techie look
  • Working with vectors


  • others

  • Doll tutorial directory - general doll making, shading, animation and more
  • blenderific tutorial - How to blend photos , create blinkies , create your own brushes, create "streaked" blends


  • oekaki

  • Oekaki tutorial - functions and techniques in the oekaki Paint BBS
  • Oekaki/paint bbs tutorial
  • Oekaki tutorial by Bunnywunny


  • pixels

  • Doll tutorials - cartoon dolls
  • Pixel tutorial by Toya


  • others

  • 3d studio max tutorials
  • Windows XP Visual Guidelines
  • Original tutorials -trendy, techy, grungey , AIM skins
  • Grunge effects tutorials -dirty, smeared ink/grunge effect
  • More Grunge Tutorials -simple grungey effects
  • How to CGing (computer graphics)
  • How to draw anime
  • How to draw manga
  • Grid Tutorials
  • Software (Webdesign) Tutorials
  • Creating Transparent gifs



  • Adobe Tutorials

  • How to make grunge brushes
  • Character basic tutorial- for Illustrator by Annia
  • How to make a collage -using grids, blur and scanlines, this tutorial shows you how to create the high-tech multilayer backgrounds that make you go "wow".
  • How to save transparent gifs in Photoshop 6 -how to get rid of the nasy colored outlines called "halos"
  • Elated's Photoshop Tutorials - tips for beginners, intermediate and advanced users
  • Leihu's tutorials- smilies, fade and wallpapers
  • neofrog tutorials
  • How to color lineart
  • How to use blending modes
  • PhotoShop Viewlets - you can actually see the actions
  • Adobe Photoshop tutorial
  • Another Photoshop tutorial
  • Designs by Mark
  • More photoshop effects
  • How to do certain effects
  • Adobe Photoshop Actions - not a tutorial but a cool photoshop link



  • Paint Shop Pro Tutorials

  • How to blend images - created blended photos
  • How to create your own PSP brush - simple method for Paint Shop Pro version 7.
  • How to make PSP brushes - specifically for Paint Shop Pro version 7.
  • How to Layer - grid effects, tinting colors
  • How to Layer
  • Image Effects
  • Brush Downloads



  • Link this site:

    or do a tutorial search Over 3,000 Tutorials

    Starting July 17, 2002, there will be a mirror site for the resources page. resources.the-protagonist.com. Check it out and add your links. This site will still be around but won't be updated as much as resources.the-protagonist.com.

    Back to Protagonist Resources