changing the color of a shirt image - css

I would like to know how I can change the color of a shirt image without having to take a lot of pictures. I have seen on this website
https://www.shirtspace.com/product/2021-jerzees-29m-5-6-oz-50-50-heavyweight-blend-t-shirt?variant_id=8935
that you can change the color of the shirt and the image looks exactly the same except for the shirt color the man on the images looks to be in the same exact position every time. where can I get images like this without getting in trouble of copy write.

If your look for making identical images except with a different colored shirt you could do it in a image editing software. Personal I like to use GIMP Image Editor. You could use a fill bucket tool or paint with a partly transparent color.

Related

How to make Logo for my custom Integromat app with different colors?

I have a logo with 3 shades of orange color, how to make logo?
3 shades orange logo
Expanding on DomiZ the Developer's answer, the background color of the Integromat app logo is specified in the metadata, in the Theme field.
In your specific case, to create this logo, you'll have to create an image with a transparent background and three areas of different opacity. Use the darkest of the three colors as the (hex) value for the app's theme metadata, and then assign different opacities to the regions.
The result will look similar to the following example.
Integromat supports only white logos as App logos, but you can set different transparency (alpha channel) on the parts of your logo, so it will have more shades. When processing the App Icon, all colors are converted to white, but the transparency is preserved.

What is Copyopacity in version 7 of magick.net

I am using Magick.net to make some changes on user pictures. To Cut out a specific part of the picture I used composite with the compositoperator.Copyopacity it have been working perfectly. Then I upgrade to version 7 and now I have to user other compositoperators I found that the DstIn is something like copyOpacity and is doing my job. But the problem is that when I apply that command the pixels that are in the mask picture (the auxiliary picture which is black with some transparent area, the transparent are the area that I wanted to cut out) and are not 100% black transfers to the final picture so I have a gray and ghostly lines on the final picture. I thought maybe I have to edit the mask picture and remove all the pixels that are not 100 percent black but the problem is that I have to resize the mask in relation to the user uploaded files.
my questions :
How can cut out a part of the user picture and have a picture as my result that has the cut out part and the rest is transparent ?
the technology and framework that I am using: .Net Mvc c# and Magick.net version 7
After lots of researches I found the solution. In Image Magick 7 you do not have copyopacity composite operator but you have copyAlpha. In this approach you can have an auxilary image that is all black with some white shapes (these white shapes are the parts that you want to cut out from the user image) then you have just to composite user image with this auxiliary image with the CopyAplpha composite operator.

Different video colour on different screens - rgb values and CSS

I have a webpage that I've put a background-color of #f4afac.
The video within this page also has the same background color (This video is mainly made up of the same color, all around it so blends in perfectly on the page, no edges).
On one screen it looks perfectly fine.
Another screen the colors are different shades. I understand that different screens display colors differently, but the issue is, is that if the colors are both the same in the video and the background-color of the page. Surely the screen should render the colors in the same way whether it's a video or not.
After research, work arounds such as using canvas to get the color of the video at a px position proved to be messy solutions.
Instead, I created a 1 second video with the same color and used this as the background. The video color blends perfectly with the video in the background, each screen and computer both render the colors the same.
Due to the video in the background being 1 second (Wouldve made it shorter but minimum the video would export was 1 second) the file is very small.
That was the solution I used in the end that worked for me.

Turn image background transparent

I'm looking to see if this is possible and if so how to do it. I want the user to upload an image with a white background. The image can be anything from a pair of shoes to a hat. The website will then automatically turn that white background transparent then store it. What I want to know is there a way using HTML Canvas/CSS to transform that white background to 100% transparency?
You can have a look at this answer, which explains nicely how to change colors in an image using javascript : How to change color of an image using jquery
However, you should do this using server side code, and be aware that results may vary, as just removing a color will not look nice on the edges of your object.

Transparent or Opaque backgrounds with an image in css

I have a site that uses images for buttons, and I have a few images with some white space in the background, they are rounded rectangle buttons like the app store icon. They look good when compared to a background with white space, but when I use anything other than white, the little white space shows up and it looks terrible. Is there any sort of way that I can set the transparency color so that white space will disappear?
You need to make them PNGs or GIFs. PNGs support transparency and are the most common, as they also support higher quality images.
You can use a free photo editing program like GIMP to 'select' the white and delete it out.
http://www.gimp.org/
Photoshop is also a popular tool.

Resources