Hello Bar

Showing posts with label sphere. Show all posts
Showing posts with label sphere. Show all posts

Tuesday, July 24, 2007

Grid on a Globe

I saw a similar effect on a recent Newsweek cover and I was inspired to try replicating it with GIMP. After a good bit of experimentation, I came up with a not-too-complex method which I have presented here.
Part 1 - Preparation
The most tedious part of this exercise is preparing the images you plan to place on the sphere. You will need twenty 100 pix by 100 pix square images. Of course, for the purpose of the exercise you could use just a few images repeatedly. At any rate, you will need to select your images and crop each one to a square. Then all the images will need to be resized to 100 x 100 pixels. I used Mac OS X's Automater to create a workflow to perform this second step. There are also a number of freeware/shareware utilities to carry out this task, as well, and an Apple Script.

Part 2 - Create a new image for the picture grid
Create a new image 425 pixels by 530 pixels (height = 1.25 x width). Next turn on the grid and configure it.
1. View - Show Grid
2. View - Snap to Grid
3. Image - Configure Grid ...
Set Width and Height both to 108. This will allow an 8 pixel space between the images in the grid.

4. Start placing the small square pictures into the grid.
File - Open as Layer... (Ctrl+Alt+O)
5. With the Move tool, position the picture in the top left corner of a grid square.
When you get near the corner, it'll snap into place.
6. Repeat steps 4 and 5 until all the grid squares are filled.
7. When the grid is filled, flatten the image to a single layer.
Image - Flatten Image
Part 3 - Create a second image which will become the sphere
1. Create a new square image 1000 pix by 1000 pix. 2. Activate the grid image and copy it. Edit - Copy (Ctrl+C) 3. Make the new empty image active and paste the grid image onto it. Edit - Paste (Ctrl+V) The grid image is now a floating layer centered over the plain background layer. 4. Stretch the new layer (the grid) vertically. Layer - Scale layer... Break the Width/Height link by clicking on the chain icon Set the height to 850 (height = 2 x width)

5. Anchor the floating selection to the background layer.
Layer - Anchor Layer (Ctrl+H, or click the anchor icon in the layers dialog)
Part 4 - Map this image to a sphere
1. Filters - Map - Map to Object...
Select Map to : Sphere
Check Transparent background

2. Depending on the speed of your system, this may take a bit to render.

Use this as a jumping-off point. You may want to experiment with different aspect ratios for the individual images, different numbers of images, different grid sizes, and so on. An idea I might work on is blending the pictures rather than having distinct frames. -- tab



Thursday, July 5, 2007

Creating Text on a Sphere with GIMP

Includes -

• Using guides, Text tool, Script-Fu drop shadow, Merging layers, Object mapping


Part 1 - Create a new square image

• Choose the color of the sphere as the Background Color

• File - New

• Set the dimensions to 250 x 250 pixels


Part 2 - The guides

• Image - Guides - New Guide (By Percent) ...

• Select Horizontal from the drop down

• Set Percent at 50%

• Use the same procedure to set a Vertical guide at 50%


Part 3 - The text

• Choose the color you want for your text as the Foreground Color

• Select the Text tool

• In the tool settings, select centered alignment

• Set the text size about 30 pixels

• Click in the image to show the text dialog

• Type the text you wish to appear on the image in the dialog box

• Select the Move tool

• Use the Guides to position your text in the center of the square


Part 3a (Optional) - Add a drop shadow to the text

• Script-Fu - Shadow - Drop Shadow

• I simply used the default settings


Part 4 - Creating the sphere

• In the Layers dialog, right click any layer, select Merge Visible Layers ...

• Select Expand As Necessary

• You should now have a single layer

• Filters - Map- Map Object

• Select the Options tab

• Select Sphere from the drop down

• Check Transparent background

• Check Enable antialiasing


Part 5 - Finishing up

• Hide the Guides

• View - Show Guides (deselect)


You can now easily Copy and Paste into another image

The parameters I used throughout this lesson are a matter of personal preference. Feel free to experiment and have fun.


If you found this lesson useful, a small dontation would be greatly appreciated.