Basically I am trying to overlay an image with a transparent background as a texture over a solid material. I have googled it so many times but I haven't found any answers. Also I am unable to use octane render since i am on mac so please don't post an answer that involves it.
Create two different materials:
solid color or texture
your .png image, be sure to put it in alpha tab as texture
Now you can add both textures to your object. Remember to put .png texture on the right to the solid color one. You can also change color of .png texture in color tab.
Related
In my application, users are allowed to choose a picture they want and this picture shows up in a picturebox.
I want to know if there was a way so that this picture that they select becomes circular instead of a square?
I want all images they select to be circle shaped.
Is there anyway to do this? Doesn't even have to be a picturebox control, anything that can accomplish this is fine
I tried this with no luck - http://www.codeproject.com/Questions/430531/circle-shaped-picture-box
Not the smartest way, but worked for me in similar task. If your picturebox is fixed size, you can create "mask" which will hide the corners.
Just draw an image in PNG with transparent circle in the middle and make the rest same color as your form. Use this image as Image propperty of each imagebox and set your image as "backgroundImage" property. This way, the image will look circle-shaped.
If you need imageboxes of different size, you can create the circle mask programmatically.
EDIT: If you will prepare a calculation of circle, you can also use it to "crop" the images to circle shape. It all depends on what you want to do with these images later.
Do you need to use them later in circle or rectangle shape?
I am thinking if you can fill this shape with color using JQuery animation starting from point A to point B to make color flow gradually.
This is the shape:
https://www.dropbox.com/s/x19dcjcqdoh3j9i/spiral%20shape.jpg?dl=0
This could be done with jQuery, but you would need your shape outline to have a solid white background, and transparent where the fill will go.
You could then place an image behind it which rotates and reduces in size as the animation progresses.
I'm looking to implement something like the famous "letterpress" effect in my application. Here's what I'm talking about: (just a quick example made in PShop)
As you can see, it looks like it's pressed into the background. I wonder if it's possible to do something like this on the Mac dynamically. Is there a way? Thanks!
You can do the gradient fill portion of the text using the code I provide in this answer. Check the coordinate space first, because I described that for the iPhone, which has an inverted Y axis when compared to the Mac's normal Quartz coordinates.
The text is first used to create a clipping path, and the gradient is drawn within that path.
As far as the internal shadow, you might be able to draw this after the gradient is drawn by using CGContextSetShadowWithColor() with an appropriate downward offset and black color, then drawing the text again using just the stroke of the text. deanWombourne has some sample code for a similar task in his answer here.
Draw the text with a normal font to create a black and white bitmap of the text.
Draw another image that is is the same size and completely filled with the gray-to-white gradient you have above.
Create a completely white image with the same size as your other images.
Draw your back and white text image (1) onto the white image (3) with NSCompositeDestinationOut.
This gives you a white image with your text cut out.
Draw the white image with the text cut out on top of the gradient image and apply a shadow while drawing.
I want to get a transparent background or no background for my images. I tried the '-background none' option and also the 'transparent' option, but the background image remains white. How can I achieve this?
Please suggest.
If you are using Imagemagik then the command is:
convert input.gif -transparent white output.gif
However, it will only work with a pure white background and not a shade of white.
There are alternative and easier ways to do this with IrfanView or The Gimp or Photoshop (more on that below).
This article mentions that you may be using convert.exe that comes with Windows rather than ImageMagicks Convert.exe in which case you should use the full path for Convert.exe.
http://www.imagemagick.org/discourse-server/viewtopic.php?f=1&t=10665
If you are trying to achieve this from CSS then you misunderstand the CSS property.
The css property 'background' refers to an html elements background color. I.e. <p> <div> <body> whatever.
more here http://www.w3schools.com/css/css_background.asp
If you are referring to the image opacity property, that refers to how "see-through" an image should be. more here:
http://www.w3schools.com/Css/css_image_transparency.asp
The only way to get a transparent background in an image is to make the background of the image transparent using either the PNG (preferred) or GIF formats. For this you can use IrfanView and save a picture as PNG, select the "save transparency" property and select the color from the image you want to be transparent or you can use Photoshop or The Gimp do the same. Example for IrfanView here http://llizard.etherwork.net/cwc/transp_irfanview.html
The Gimp example here http://aplawrence.com/Linux/crousegif.html
whats the format of your images? Try using png format
Let's say i have a sprite with lots of icons. I want to place one of the icons in the specific position over the div, e.g. 15px from the right side and 20px from the top.
Previously, when i had single image file i used the following code:
background: white url(./imgs/some/icon.png) no-repeat 91% 47%;
Now then the image is in the sprite i can access it using
background-position: 0 -471px;
But as i see it there is no place to add my current 91% 47%. Is there some kind of workaround?
It's possible to use CSS3 in the project if it helps.
Thanks!
Would you be able to add another <div>, give it the correct background, and absolute position it where it needs to be? I'm thinking that your background-position percentages are probably out when you use a sprite sheet.
If I understand your set of constraints correctly, you might be able to pull it off with a single div, but only if your png has a transparent background and the icon has enough "transparent space" as to not reveal any other icons.
Try:
background: white url(./imgs/some/icon.png) 91% 47% no-repeat, transparent url(./imgs/some/icon.png) 0 -471px no-repeat;