Wednesday, November 23, 2016

GIMP Tutorial: Converting Images To Line Art


Currently using GIMP 2.8.16.

Step 1:

Duplicate the image/layer.

Step 2:

On the top-most layer, go to 

Colors - Desaturate - Lightness

Step 3:

On the same image/layer apply 

Colors - Levels - Edit these settings as Curves

The idea here is to add a slightly darker contrast to the image. Not too dark, or not too light. Please note, if you make the levels too dark, it will result in lots of artifacts (shading) displaying in the final result. If you make it too light, the lines will be faded, not dark.


Duplicate the top-most image/layer.

Step 4:

Invert the top-most layer Colors - Invert.

Change the layer mode to Dodge.

Go to Filters - Blur - Gaussian Blur and set both Horizontal and Vertical to 15.0 px.


Step 5:

Edit Copy Visible the top resulting image/layer, and paste as a new layer. Change the layer mode to Burn. Save the results of the final step. 




Sunday, October 30, 2016

PSP Tubes Revisited: Converting PSP Tubes to GIMP Animated Brushes

First, let's understand what tubes are, why you would want to convert them, and where do you find them (tubes).

What are tubes?

Tubes are very similar to GIMP animated brushes, and are files used by Corel's Paint Shop Pro program with either the *.tub or *.pspshape extension. They are much like a *.png file with a transparent background. When properly converted using XnView, you can then transform them into *.gih files for GIMP.

Why would I want to convert tubes into *.gih files?

Because tubes are there for the taking and converting. There are thousands upon thousands of tubes on the Internet where artists have already taken an image and created brushes from them. Why re-invent the wheel, if those images are already available? It's incredibly simple to convert them, and if you don't like the images, you don't have to use them. Just use what you like, toss the rest.

Where can I find these tubes you speak so highly of? 

For starters, you can find some that have already been converted right here on my blog. 

You can even visit Corel's website here and download tubes for converting on your own.

Just type "psp tubes" in Google and you'll get a list of tubes and the type they are for, like flowers or angels, etc. You can even select "psp tubes sites" that will take you to various websites hosting ready made tubes. Be warned that there are websites that are no longer hosted or managed, and some are no longer in existence even though they are listed in the search.

How do I convert these files?

For starters, you need to download XnView

Why XnView? 

In my honest professional opinion, it is the most widely used and easiest format for converting images of all kinds. It's UI is most pleasant on the eyes, and the options (and tool design) are not complicated to understand or use. You could spend money on various programs to accomplish this simple task, but why would you want to? And to boot, it's also a batch image converter. WIN-WIN.

Ok, I have XnView downloaded, now what?

Find the tubes you want to convert and open them in XnView.

An example here, I downloaded from Corel's website and that I would like to use in GIMP. Opened in XnView:



I just exported the .tub as a .png and saved it to a folder to open in GIMP. (File/Export)

The converted .png file opened in GIMP:


Now a pretty cool script written by RobA comes to use, DivideTransBG.scm. You can download it here. A few things to note about this script:


1. You can change the size threshold and the number of layers with the first two options on the script menu. This is important to know, if your image has more than 20 objects on a transparent background.

2. You can create the animated brush using the script without needing to perform any additional steps. Just select "Save to GIH" option. Navigate to the proper folder and name the brush.

3. You can even choose the folder location for your brushes to save it directly in the folder of your choosing. This is good especially if you are using Ofnut's Add-on Collection Manager. Just select "other" in the "Save to Folder" list to navigate using the Explorer browser.

Now all that is left is to open a new image and test out the new brush!






Creating S.I.M.P.L.E. Digital Mandalas in GIMP

Using GIMP 2.8.18 on Windows 10.

Scripts needed: 

Simple Path Shapes (link HERE.)
(Please also download the scripts that are included with this plugin)

Mura Meister Copies (link HERE.)

Please remember that .scm files are scripts and go in the scripts folder, and .py files are plugins and go in the plug-ins folder of your user folder .gimp-2.8. If you are using a Mac or Linux machine, you'll need to make sure your .py files are executable.


This method came about from a post on GIMP Chat that can be found here.


Step 1: Find an image, any image, any type of design will do. The more intricate the design or image, the more interesting your mandala will be. For simpleness, I'm just going to use an image of the skyline of downtown Portland, OR


I will only be focusing on one small area of the skyline, so I will crop that area I want to use for the digital mandala.



Step 2: To keep the image consistent in the rotation, we will use a pie shape to accomplish the mandala. First, we need to open a new transparent image with a large enough canvas to host the new mandala pie. The size of canvas you need depends on the size of the cropped image. The one you see above was 1000 x 1044px, so my new square image will be 2100 x 2100px. 

How did I come up with that size? 

Well, the absolute height of the image is 1044, so I doubled that and rounded up. Width doesn't matter since we are going for a complete square image.


Notice that I centered a copy of the cropped area onto the new transparent canvas with centered guidelines to help me guide the pie slices in the rotation.

Step 3: Now it's time to add the 1/8th pie slice using Simple Path Shapes. Selecting 1/8 pie, you'll end up with several path shapes but you only need ONE of the 1/8 paths, so you can turn all the other paths off by clicking the eye next to each.



The path and image are both perfectly centered. Yes, I mean perfect, using simple math. Half a rotation of 45° is 22.5°. That is how much I rotated the 1/8th pie path. Just keep in mind that the Rotate tool allows you to adjust the center, like shown here:

See that little circle on the crosshairs of the guidelines? That is the rotate center point and it can be moved to wherever you want it. I chose the EXACT center of the guidelines, for obvious reasons.

Step 4: Now it's time to copy and flip the path selection of the area of image we want to create a mandala from. So, activate the selection while the pasted image layer is selected, selecting the canvas layer will result in an empty copy. 

Halve your selection using the Free Select Tool with mode set to "Subtract from the current selection - CTRL". It doesn't matter which half you select since you can always flip the selection horizontally afterwards.


Copy that selected area, and then paste it as a new layer. Center it back to the canvas, and turn off the pasted layer.


You'll notice I duplicated the first 1/16th pie copy and then flipped it. Then merge the two copies together as one layer. Run Mura Meister Copies, selecting the exact center coordinates of your canvas, (mine was 1050 x 1050) and run 8 copies of the merged layer.

The result:


Friday, October 14, 2016

Knights of the Golden Wilber


I now present, the coveted Knights of the Golden Wilber award that is awarded to coders, hackers,  and scripters who take their craft above and beyond the expectations of GIMPers who use their scripts and plugins.

GIMPers have a lasting appreciation for those who make our lives easier with the scripts and plugins they create for the GIMP world. Anyone can award the Golden Wilber and also accept the responsibility to properly transcribe on the award, the coder's name and award type.

Previous and prestigious members of the Knights of the Golden Wilber, to date, are:

Rob A
Saulgoode
Ofnuts
Trandoductin

This list is certainly bound to get longer, as there is no shortage of talent in the GIMP world.

To the coders, hackers, and scripters among us, many THANKS to you all!




Saturday, September 24, 2016

GIMP Beginner Tutorial: SIMPLE Vectorized Outlined Text

How To Create Outlined Text In Three Simple Steps 

(using GIMP 2.8.18)


Step 1: 

Open a drawing of any size, it doesn't matter if there is a white background or transparency. Activate the Text Tool and select ANY text of your choice, and size of your choice (larger font works best). Type in the word or name of your choosing. Here I am using Komika Axis font, at 169px, on a 800 x 600 white background.


(Click to enlarge)

Step 2:

See the image above:
Right click the text layer - Text To Path
Right click the text layer - Layer To Image Size
You should now have a path of the text on a full image layer:


Step 3:


(Click to enlarge)

Employing the use of Stroke Path on the Path layer, you get some interesting outlines to which is only is limited to your own imagination.


Right click the text you intend to outline, select Stroke Path. Think BIG.


Make the Line Width around 20 - 30px in size (it will stroke in the color of your foreground selection (top color box), so be sure to change the foreground color, even if you have the Stroke Path dialog open.


Here are some examples of my stroked outlines on selected Text layer:


(Click to enlarge)


You can go even further beyond adding more path layers by selecting and inverting the stroked text, and then stroking that path as well.


In the example above, I simply reselected the original path layer for the text I chose, filled it with a lighter purple color, then right clicked the path layer again, and stroked it with a much lighter purple color at about 4px.


ENJOY!


Please comment with any questions or troubleshooting questions.



Tuesday, December 10, 2013

Gimpnoob3 Image: Possible Tutorial

Dear Anon poster,

Were you referring to a tutorial of this gimpnoob image?


If so, comment below.

Monday, November 21, 2011

GIMP Tutorial: Easy Border Layer Masks Using GIMP

Making your own layer masks for borders/framing is fairly easy to accomplish using GIMP.

Meet Doug (I really like his cool hat). I found Doug's picture here while looking for information on photo filters and PS actionscripts.

The image:


1. Open your image and establish a center guide on your image for your selection (you can use either rectangle or ellipse selections, doesn't matter)

2. Create a new layer, move it to the bottom, flood fill it with any color of your choice, or use a pattern or background image, the choice is yours.

3. Create a new transparent layer, move it to the top, change layer mode to screen so you can see the image layer under it, flood fill that layer with black. (We're creating the selection mask on this layer)

4. Create your selection, and center it on the top "mask" layer filled with black, flood fill the new selection with white. Select - None.

5. Use Gaussian blur of 75px on the mask layer.

6. Filters - Artistic - Cubism: tile size 6, saturation 3.2, use background should be checked.

7. Edit - Cut the mask layer

8. On the image layer, right click in dialog, add mask layer, choose default settings. Edit - Paste. Anchor the floating selection.

9. Your done. But you can now replace the bottom background layer with ANYTHING you want simply by replacing it with a pattern, another image, or different color.

I'll be using the image of Doug to show how to create your own border layer mask using GIMP. Check out the video tutorial below (best viewed full screen):

Tuesday, November 15, 2011

November 21st is International GIMP Day!

The first beta release of GIMP occurred on November 21, 1995.

Show your support by creating your own GIMP splash using GIMP and then share it with others.

My new GIMP splash screen for the upcoming 2.8:

(Click image for a larger view)

If you like it, feel free to use it as your own GIMP splash screen.

Sunday, November 13, 2011

GIMP Tutorial: Create Cool Text Art From Your Photographs Using GIMP

From this:

To this:
Take almost any image and convert it to text art using GIMP's GIMPressionist filter. Two things you need to know right off the bat:
1) You'll need to create a GIMPressionist brush (using a .pgm extension,NOT .gbr or .gih) and upload it to .gimp-2.6/gimpressionist/Brushes. You can make your text brush however you wish, unique to you. If yourgimpressionist folder doesn't have a Brushes folder, you'll need to create one or the brush may not work.
2) You'll need to use an updated version of G'MIC and Tom Kiel'sPhotoIllustration filter. You'll see me point out the Dragan preset in G'MIC, but I created that preset personally. You'll need to go toArtistic/PhotoIllustration and input the settings provided below and save the preset to your Faves. Run the filter a second time or run Colors – Curvesto darken it further:

My GIMPressionist brush looks like the following (feel free to use it, if you want, just be sure to change the extension to .pgm):

Now the video:


Best viewed FULL SCREEN.
Enjoy! :)

Sunday, May 22, 2011

GIMP Tutorial: PSP Quilted Text Tutorial Converted to GIMP



The original tutorial was found at http://www.state-of-entropy.com/ under PSP 5, and  can easily be adapted to GIMP with minimal differences.

Using GIMP 2.6.11

See the tutorial video:


Step 1:

Open any size drawing, with a white background.

Use any font you wish, but rounded fonts work best.

My drawing is 640 x 480, using Cooper Black font @ 150px centered on the drawing.

Save a Path from Text, after centering the font in its permanent location.

Right click the text layer and choose "Layer to Image Size".

Merge the text layer down onto the white background layer.

Duplicate the resulting layer. You should now have two black text on white background layers.

Step 2:


Select/highlight the bottom-most layer and run a Gaussian blur of (12 px).

Now run Emboss (Filters/Distorts/Emboss) using the following settings:


Step 3:

Select/highlight the top-most layer and change the layer mode to Difference.


TIP: Also check out Overlay and Soft light modes for making pretty awesome 3D text.


The edges are still a little jagged and can be easily fixed by running Gaussian blur of 3px on the top-most layer.


Flatten the image.

Step 4:

Add pattern layers or color layers (do not fill selections with color or patterns on the original layer) and choose Hard Light or Grain Merge for your layer mode. Feel free to experiment with the different modes to see their results.

Using the text path, I inverted the selection for the background, then created a second pattern layer for the text with the path selection not inverted, using Burn as the layer mode.

This is the result:


That's it. Enjoy! :)