Creating Layered, Tiled Sand in Gimp 2.6

1 Comment

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. More

Getting Rid of Jagged Lines in GIMP 2.6

4 Comments

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. More

Button Designs with CSS

3 Comments

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. More

Web Page Layout with CSS

10 Comments

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. More

Rendering Red Slate tile with Photoshop 7

9 Comments

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. More

Rendering Blue Slate tile with Photoshop 7

1 Comment

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. More

CSS Rollovers 1- MSIE Fixes

2 Comments

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. More

Older Entries

Follow

Get every new post delivered to your Inbox.