Hello community.
I recently tried to make a picture with PI.
So I finished drawing and wanted to add diagonal scanlines.
But lazy as I am, I tried to use a pattern for this.
I created a new picture (3x3) and drew 3 black dots from the upper right to the lower left corner. I saved the image as a .gif and told it to make the white background transparent. All worked fine, when I reopen the picture it is perfectly transparent.
Now to the problem.
As I choose the Texture Fill Tool and choose the newly made pattern, it's transparent background is displayed in white.
Is it possible to display it correctly?
I know I can add transparency to the whole pattern afterwards, but this will also make the black stripes transparent, and this is what I don't want.
I do hope someone can help me with this problem.
Thanks in advance and best regards,
Xaith.
Making patterns with transparent background
-
keenart
The Texture Fill Tool requires an object to fill. A transparent background has no attributes and cannot be filled unless you reveal the base image. In other words, the Fill Tool cannot fill something that is not there. This would require the GIF to change to a non-transparent mode to fill the layer, i.e. a background color.
If not already selected, press the keys Ctrl + A to select the entire image. Right Click on the Image Texture. On the Menu Item List, select the attribute named Properties. On the Properties dialog box, select the tab named General. On the General dialog, check the attribute named Transparent color. Click the color box to the immediate right and select the color you want to be transparent in the Texture Fill. Save your changes or change to a different color. You can only have one color transparent at a time.
If not already selected, press the keys Ctrl + A to select the entire image. Right Click on the Image Texture. On the Menu Item List, select the attribute named Properties. On the Properties dialog box, select the tab named General. On the General dialog, check the attribute named Transparent color. Click the color box to the immediate right and select the color you want to be transparent in the Texture Fill. Save your changes or change to a different color. You can only have one color transparent at a time.
-
Xaith
I now managed to do this with a little workaround and with the tips you gave me.
I filled the image (gradient brackground fading from black to somewhat blueish) with the texture without any transparency. The picture now only consists of white background and black lines. I converted it into an object and cut it out. I made it undone and returned to the initial picture. Now I pasted the cut-out texture and made the color white transparent on it as you told me to do.
I thank you very much, keenart, although I didn't exactly get what you said.
It works and this is all I want
I filled the image (gradient brackground fading from black to somewhat blueish) with the texture without any transparency. The picture now only consists of white background and black lines. I converted it into an object and cut it out. I made it undone and returned to the initial picture. Now I pasted the cut-out texture and made the color white transparent on it as you told me to do.
I thank you very much, keenart, although I didn't exactly get what you said.
It works and this is all I want
-
keenart
-
Xaith
The basic picture I tried to lay the pattern on is this one:
So I made this pattern(s):
and 
(enlarged version of course)
I filled the initial picture with the second pattern without transparency.
Then I selected the whole picture, copied, un...did (you know what I mean) and returned to the basic picture. Paste, select white as transparent color, made the gray lines a bit more transparent and this is what I came to:
So I made this pattern(s):
and (enlarged version of course)I filled the initial picture with the second pattern without transparency.
Then I selected the whole picture, copied, un...did (you know what I mean) and returned to the basic picture. Paste, select white as transparent color, made the gray lines a bit more transparent and this is what I came to:
-
keenart
So I assume you are doing the following to overlay a transparent patterns onto a base image.
Use this a demo; Create a 3 x 3 image in PI and from the Easy Palette fill the whole image with the Flowers photo. That is from Galleries, Image Enhancements, Fills, Flowers, the Sunflower pic.
Create a new 3 x3 Transparent image. On the Toolbar select the Path Drawing Tool. On the Tool Options menu, select the Shape for a square. At 2 inches to the right of the left side and starting at the top of the image, draw a 1 inch square in the upper right corner of the image. Add a light color of your choice. Copy the select to the clipboard.
From the clipboard, paste the copy to the base Image, the Sunflowers in the upper right corner. With the Marching Ants moving around the selection, right click on the selected area and select the attribute named Properties. On the Properties dialog box, under tab General, check Transparent color. Click the color box and select the color you want to be transparent in the selected area. On the Layers Manager set the opacity in the box for Transparancy and change the selection to the transparent view you desire.
Note you could now copy this selection and paste into the other two areas if you want different textures for each area.
On the ToolBar select Texture Fill Tool and fill the selected area with the desired texture. Set the Opacity on the Layers Manager to the desired transparency.
If this is the method you are using, that is about as good as it gets. You have it figured out nicely.
Use this a demo; Create a 3 x 3 image in PI and from the Easy Palette fill the whole image with the Flowers photo. That is from Galleries, Image Enhancements, Fills, Flowers, the Sunflower pic.
Create a new 3 x3 Transparent image. On the Toolbar select the Path Drawing Tool. On the Tool Options menu, select the Shape for a square. At 2 inches to the right of the left side and starting at the top of the image, draw a 1 inch square in the upper right corner of the image. Add a light color of your choice. Copy the select to the clipboard.
From the clipboard, paste the copy to the base Image, the Sunflowers in the upper right corner. With the Marching Ants moving around the selection, right click on the selected area and select the attribute named Properties. On the Properties dialog box, under tab General, check Transparent color. Click the color box and select the color you want to be transparent in the selected area. On the Layers Manager set the opacity in the box for Transparancy and change the selection to the transparent view you desire.
Note you could now copy this selection and paste into the other two areas if you want different textures for each area.
On the ToolBar select Texture Fill Tool and fill the selected area with the desired texture. Set the Opacity on the Layers Manager to the desired transparency.
If this is the method you are using, that is about as good as it gets. You have it figured out nicely.
-
Xaith
I think yours is a little bit more complicated than my version, but I thank you for your help, because you helped me to find my own solution.
Here is exactly what I did step by step:
Create a new image. Measurements are: 350x19.
Now, select the "Linear Gradient Fill Tool" (The group with the Bucket Fill Tool) and choose two colors you like. I took black (#000000) and somewhat blueish (#004F69). Now click with the left mousebutton at the upper part of the picture and "draw" a line to the lower part of the picture. It should look like this by now:
Now, create another new image. Measurements are 3x3, white background.
Choose the normal paintbrush and set it's size to 1 pixel. Choose a color you like to have your scanlines in. I chose gray.
This picture should look like this:
(enlarged version)
Save this small picture as a .gif and the Options dialog should pop up. (If not, check the option named "Invoke Options dialog box".
Now, go to the tab named "Mask Options".
There are two suboptions there, one is "Select Mask" and the other is "Replace with". At "Select Mask" open up the pulldown menu beneath "Mask:" and choose "Pick color". Now, click on the white space on the preview that is displayed in the upper left corner. "Replace with" should be at "Transparency" as standard. Save the picture.
Now return to your 350x19 picture.
Select the "Texture Fill Tool".
You can now choose between "Photo", "Natural Texture" and "Magic Texture". Choose "Photo" and click on the arrow beneath the small picture which is located right of the dropdown box where you had to choose "Photo". Now click on "Select other texture" and a browser will pop up. Choose your newly saved 3x3 image.
Now draw the texture over your picture without transparency.
Your picture should look like this now:
Now, select the whole image (Ctrl+A) and right-click. Now select "Convert to Object" (Ctrl+Shift+O). Copy or cut out this object.
Now go to "Edit" and "Undo". Undo as long as you see the initial picture again:
Okay, almost done.
Paste the object and right-click it. Select Properties (Ctrl+Shift+Enter).
There are three tabs now, "General" should be selected from the beginning. If not, select it.
Down there, you can see a checkbox for "Transparent color:" Choose the color white as transparent and adjust the whole transparency of the object to fit your personal likings.
Now you're finished.
It's maybe complicated, but it's a nice work-around
Enjoy or something
And thanks again to keenart.
You saved my day *g*
Here is exactly what I did step by step:
Create a new image. Measurements are: 350x19.
Now, select the "Linear Gradient Fill Tool" (The group with the Bucket Fill Tool) and choose two colors you like. I took black (#000000) and somewhat blueish (#004F69). Now click with the left mousebutton at the upper part of the picture and "draw" a line to the lower part of the picture. It should look like this by now:
Now, create another new image. Measurements are 3x3, white background.
Choose the normal paintbrush and set it's size to 1 pixel. Choose a color you like to have your scanlines in. I chose gray.
This picture should look like this:
(enlarged version)Save this small picture as a .gif and the Options dialog should pop up. (If not, check the option named "Invoke Options dialog box".
Now, go to the tab named "Mask Options".
There are two suboptions there, one is "Select Mask" and the other is "Replace with". At "Select Mask" open up the pulldown menu beneath "Mask:" and choose "Pick color". Now, click on the white space on the preview that is displayed in the upper left corner. "Replace with" should be at "Transparency" as standard. Save the picture.
Now return to your 350x19 picture.
Select the "Texture Fill Tool".
You can now choose between "Photo", "Natural Texture" and "Magic Texture". Choose "Photo" and click on the arrow beneath the small picture which is located right of the dropdown box where you had to choose "Photo". Now click on "Select other texture" and a browser will pop up. Choose your newly saved 3x3 image.
Now draw the texture over your picture without transparency.
Your picture should look like this now:
Now, select the whole image (Ctrl+A) and right-click. Now select "Convert to Object" (Ctrl+Shift+O). Copy or cut out this object.
Now go to "Edit" and "Undo". Undo as long as you see the initial picture again:
Okay, almost done.
Paste the object and right-click it. Select Properties (Ctrl+Shift+Enter).
There are three tabs now, "General" should be selected from the beginning. If not, select it.
Down there, you can see a checkbox for "Transparent color:" Choose the color white as transparent and adjust the whole transparency of the object to fit your personal likings.
Now you're finished.
It's maybe complicated, but it's a nice work-around
Enjoy or something
And thanks again to keenart.
You saved my day *g*