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.
Related
I want to create an image where the pattern fades out closer to the middle.
So the as it goes from middle of the image to the sides the pattern get more opacity.
The attached image is what I have so far. Basically instead of blue colour I want to have hexagons fading out as it gets closer to the middle.
Thank you!
You want to create the pattern on a layer, then apply a "gradient fade" effect (last one on the list) on that layer. Set the gradient to "radial" and you're golden.
I am a newbie to photoshop. I have some images that I need to label by hand to feed to a machine learning algorithm for classification.
The labeling accepted by the code bundle I will be running on is supposed to depict the features I am interested in, and the other unlabeled pixels are to be black.
For instance, I have a picture of land, and I will have to paint on it with red to mark the rocks, and blue to mark the soil. The other regions in the picture will be black. SO my labeling image should have red (rock) and blue (soil) and black (unclassified).
I am told I need to do this with transparent layer on top of my actual picture, and I can paint on the transparent layer as I want, and save that transparent layer as my label image.
My questions are:
How do I draw on the transparent layer (I am reducing the opacity to
0 because I want a transparent layer, right?)
How do I paint the unlabeled pixels black? (because that is what the program recognizes
as unclassified)
How do I save the transparent layer as a 8-bit image?
Thanks!
1) Anything you draw on a layer with zero opacity will not show! You need an empty layer, not a zero opacity layer. To make this, ensure your Layers palette is visible by pressing F7. Then, at the bottom right corner of the Layers palette, beside the trashcan, select New layer.
2) To paint pixels black, press d for default colours since black is the default colour. Then press B for Brush. Now you can paint on the empty layer. Press [ to make the brush smaller and ] to make it bigger. Click the black foreground colour square on top of the square white background colour in the Tool palette (left side of my picture) to change colours.
3) To save the classification layer only, click on the eye icon in the Layers palette of the other layers that you don't want in order to turn them off. That way only the layer you want will be saved. Then click File->Save for Web and select a file format that supports transparency - i.e. PNG or GIF, but NOT JPEG or TIF.
I have marked in green, all the buttons I mention that you will need to click on.
I have an UIImageView* shape which is in fixed position. Behind that view I have another view which I can move, scale and rotate with gestures. I would like when I finish with customising the view behind the "shape" to press a button crop and crop the image. You can see video here of what exactly I am trying to do.
Video: https://www.youtube.com/watch?v=4CTNGire1gQ&feature=youtu.be
You can mask one image with another image to get custom shape image. See tutorial to get some idea about masking
http://www.raywenderlich.com/4421/how-to-mask-a-sprite-with-cocos2d-1-0
I'm trying to understand how the normal blend mode works in photoshop.
http://www.pegtop.net/delphi/articles/blendmodes/normal.htm
As the webpage says,it just shows the color of the layer above.But when I copy the same layer and show them together,the color seems darker than just show one layer.And when I add more,the color remains at a particular value.
The normal blend mode shows the color of the topmost fully opaque layer, for transparent layers it will add from top down until fully opaque is reached.
This means that if you have a fully opaque red element over any, for example, blue element, the color red will be displayed. If you have a red element that's 50% transparent over a blue element, the color pink will be displayed.
If you have one black element that is 50% transparent it will appear as a medium gray, if you duplicate the layer, the two elements on top of each other will add up to display a complete black.
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.