Welcome, you're not connected. ( Log in - Register )

Les commandes sont pour le moment fermées jusqu'à nouvel ordre, mais je peux assurer le support.

Merci de votre compréhension.


Requests are currently closed, but I can do some support.

Thanks for your understanding.




Important links - Liens importants

Règles - Rules | Présentez-vous - Introduce yourself | Problème d'inscription ? - Registration problem ?

RSS >  [GIMP] A background without cutlines
Ishimaru Chiaki #1 12/06/2008 - 23h12

Class : ID Admin
Posts : 1429
Registered on : 12/11/2007
Age : 28
Sex : Female

Offline Mail Www

Hello.

When we make a forum or a website where you put a mosaic-like pattern as background image, the most common problem is the fact of having a cutline between two repetitions of the pattern.

With this tutorial, I will show you how to create your own patterns without having these horrible cutlines.

Here we go !

Open a new 400*400 pixel document (File > New)

Once the document created, choose the color who will be the pattern's background.  For example, I choose the color 9fdcff who is a soft lightblue.  Fill in the whole background with this color using the bucket tool or doing Edit > Fill with FG color or BG color (as long as it's the blue one).

Posted Image

Now, create a new transparent layer called "Brush"

Now, take the Paintbrush tool and choose a personalized brush who's smaller than the document (if you haven't installed any, look in my "install brushes" tutorial).
Then, choose a darker or lighter color for your brush.  On my side, I chose white.
Apply your brush in the middle of your pic.

Posted Image

You can then play with layer modes, feel free to do it or not ;)  On my side, I set it as "Grain Extract".

Posted Image

Duplicate your layer.  We'll now offset it.
Go to Layers > Transform > Offset
As offset value, set the half of the image's total dimensions in both fields (on my side, I put 200px, since my pic is 400*400 big).  Validate.

Result :
Posted Image

You can also offset it only vertically or horizontally, or even combine them all. ^^

Here are the variation I have done.

Horizontal+vertical
Posted Image

Horizontal
Posted Image

Vertical
Posted Image

All of them (in this case, duplicate the layer three time and apply them a different offset)
Posted Image

I know, the result isn't extraordinary, but you can choose the dimensions, colors and brushes you want since this technique leaves a large place to creativity. ^^

Now, all is left is to save your document under .png ^^  Save a .xcf copy if you think you will work on it later.

 >  Fast reply

Message

 >  Stats

1 user(s) connected during the last 10 minutes (0 member(s) and 1 guest(s)).