Creating Layered, Tiled Sand in Gimp 2.6

In this tutorial, we will learn how to create a sand texture that can be used as a background behind a web page or for game or architecture simulation. Our sand will have background colors that can be changed but with the sand texturing on top.

Getting Rid of Jagged Lines in GIMP 2.6

Until using GIMP for a while, many new users including myself don’t know that GIMP 2.6 does not offer anti-aliasing on the fly, like Photoshop does. While experimenting in my last tutorial, Creating a Chrome Effect in GIMP 2.6, I figured out a way to fake anti-aliasing on rounded edges after drawing with Selection tools that looks convincing.

Button Designs with CSS

Date Originally Written: 28 June, 2007
Rewritten: April 29, 2009
Author: Jason Gonzalez

We’ve all seen them on almost every website– those stylish rollover and button designs made with CSS. Some only have links that change colors when you roll the mouse over them, some have fancy borders, others change the enclosing box’s colors. The best thing about these is that you can create snazzy navigation menus and links lists without having to purchase expensive digital imaging software. Today, I will show various button designs along with the code for them.

Web Page Layout with CSS

Date Originally Written: 28 June, 2007
Author: Jason Gonzalez

Okay. So you might have heard that Tableless designs for web pages using Cascading Style Sheets is going to be the new standard. Although most web pages are still designed using tables, it is good to know how to put together a basic layout using CSS.

Rendering Red Slate tile with Photoshop 7

Date Originally Written: 13 April, 2008
Author: Jason Gonzalez

This tutorial has relocated to this location as of August 2008. To see it in its original location, follow this link: www.jgpws.com/tutorials/photoshop/redslate.html.

In this tutorial, we will create photo-realistic red slate tile that will end up with a bump map look to it. This textured surface can be used as part of a 3-D scene in a video game or architectural simulation. Just like in the Blue Slate tutorial, we will make this a large size to avoid too much repetition across the texture.

Rendering Blue Slate tile with Photoshop 7

Date Originally Written: 13 April 2008
Author: Jason Gonzalez

This tutorial has relocated to this location as of September 2008. To see it in its original location, follow this link: www.jgpws.com/tutorials/photoshop/blueslate.html.

In this tutorial, we will create photo-realistic blue slate tile. This textured surface can be used as part of a 3-D scene in a video game or architectural simulation. We will make this a large size to avoid too much repetition across the texture.

CSS Rollovers 1- MSIE Fixes

Date Originally Written: 8 May, 2006
Author: Jason Gonzalez

This tutorial has relocated to this location as of August 2008. To see it in its original location, follow this link: www.jgpws.com/tutorials/css_rollovers_1/rollovers_msiefixes.html.

Also, this tutorial has been updated as of October 15th, 2008. The CSS code originally given does not work in IE6. The new method for getting rid of the gaps between list items is shown in this article from 456 Berea Street. The new code will be shown in bold.

In this follow up to the previous tutorial section CSS Rollovers- Part 1- Rollovers with Images, we will be making the changes for Internet Explorer (Windows) as promised at the end of that tutorial. Needless to say, you will want to be following this tutorial while previewing in Internet Explorer (preferably 6 and up). If you are viewing these rollovers from any other browser, no further changes are needed.

CSS Rollovers-Part 1- Buttons with Images

Date Originally Written: May 2005
Author: Jason Gonzalez

This tutorial has relocated to this location as of August 2008. To see it in its original location, follow this link: www.jgpws.com/tutorials/css_rollovers_1/css_rollovers1.html.

In this, my very first tutorial, we will learn how to create Cascading Style Sheet rollovers just like the ones found within the Portfolio site here. This tutorial is geared toward CSS and HTML beginners, so feel free to skip ahead if you already know the basic material.

JGPWS Tutorials moves to WordPress

Hi All,

I used to host Photoshop, CSS, and HTML tutorials at www.jgpws.com/tutorials but as of August 2008 my website was suspended (couldn’t keep up with the bill; this may change in the future). I thought, “What would be a good way for me to continue offering tutorials without that worry?” I decided to move the tutorials over to a free blog format and start from scratch. After doing my research, I decided on WordPress as the service of choice, as they offer great value for free. This format will also allow for reader feedback, making the tutorials more useful.

There will be Photoshop, CSS and HTML tutorials to begin with. The first tutorial will be “CSS Rollovers- Part 1- Buttons with Images.” Enjoy.

Jason Gonzalez