Photoshop - How detect clipping mask? - photoshop

I am writing my layout parser.
And faced with one problem, I can not find how to determine that the layer is clipped.
I use this documentation: https://www.adobe.com/devnet-apps/photoshop/fileformatashtml/
That's what I'm trying to find.
Can someone tell me exactly where to look?)
Thank.

In your example you see an "Arrow" pointing at the box. The box it's pointing at is the 'mask'. Thus the "Grid" is getting clipped by the "rectangle 1".
So in my example. The gradient is getting clipped, the item below is the mask.

Related

White Border on Photoshop Text

I am trying to match the "teletext holidays" in the image below (with the white bits connecting all the letters:
I have achieved the following by going to the layers section, right-clicking the text layer, and select “Blending Options.” Then marking the checkbox next to “Stroke.”
Any hints or tips to point me in the correct direction would be appreciated. I appreciate moving the letters within the font closer together will help so will work on that now.
Any help appreciated.
Update:
Made the letters appear closer together. However, using stroke is making the black letters "shrink" in size so think a different solution is required. Thoughts?
With regard to that final image and the black letters appearing smaller. When applying the stroke, tick to indicate that it should be outside and not center or inside
And with helping to ensure that the white parts do meet.... Hmm... Well. Difficult to do the horiztonal stroke without it also applying vertically.
I would agree with others that Illustrator would be better but in Photoshop I might try to duplicate the text, make it all white, put it on the layer behind your main text and manually create a horizontal white pattern.
^ I really hope somebody has a better idea for that last bit though.
Alan,
I would like to help you with this issue. First of all your reference design is designed in adobe illustrator not in photoshop because there is some limitation in photoshop for the stroke feature.
So I would like to suggest you design it in adobe illustrator and not waste your valuable time in photoshop for your desired output.
If you need more help regarding it feel free to contact me at niravmistrydata#gmail.com.
Thank you,
Nirav Mistry

Positioning items dynamically for different screensizes

Good morning!
I'm currently trying to create a view similar to this mockup.
I have put down 3 different screen sizes so you can see the issue.
I have a header background image (grey box) with an angled bottom. On the right I want to display an image, which obviously needs to be positioned.
Positioning it horizontally is no issue but how can I position the image vertically? I have it positioned fixed for one screen size but obviously need to make it flexible.
Any ideas? Help would be much appreciated!
David
You can definitely use measure as #rajesh pointed out, or you can use Dimensions. As far as getting the layout consistent across devices, using position absolute and measuring the device height should allow you to get consistency across these devices.
Check out this example I set up, it should be a good starting point at least.
https://rnplay.org/apps/pSzCKg

What is the use of System.Drawing.Graphics.Clear(Color pColor) method?

Well, I'm resizing an image in VB.NET. I have predefined algorithm that converts the image into particular size.
I just found a bug in the algorithm which causes white linings on right side of the image. After debugging the code i found that,
Dim grReturn As Drawing.Graphics = Drawing.Graphics.FromImage(bmpReturn)
grReturn.Clear(Color.White)
causes the issue. I tried googling the issue and found just a single MSDN link which says it clears the entire drawing surface and fills it with the specified background color.
And i am not able to understand what it says!
I am able to remove white linings from my output image by commenting this Clear function. As i don't know what this function actually does, i can not remove it.
So if anyone could help me understanding the method? Will it cause any other issue if i remove this method?
Thanks!
Clear method simply draws the background of the graphics to the provided color code.
As per Varocarbas comment above question,
"The explanation you are posting sounds pretty descriptive: it sets
the background of the graphic (future image) to the given color. From
what you are saying, your problem is not provoked because this code
"draws lines", but because it makes the whole background white and the
size of bmpReturn does not occupy all this background (and thus the
white lines you see are not more than parts of the background). If you
don't want this effect, just don't use this line of code; and, in
general, you shouldn't use code whose exact functionality is not clear
to you"

How to crop a UIImage by selecting an area

I'm searching for a posibility to crop UIImages. I've found lots of examples via google how to do this, but I want to do a bit more than just croping the image.
It would be nice if the user can choose which area of the UIImage will be crop. In other languages, for example Javascript, there are many plugins to do that. I'm looking to find something like this:
http://odyniec.net/projects/imgareaselect/
Does anybody know if some similar project exists for objective-c? Thank you!
after days of searching I found out that there is no "plugin" which is similar to ImgAreaSelect. :-(
The best thing I found was this:
https://github.com/barrettj/BJImageCropper
It wasn't very hard to adapt this project to my needs: now I can choose a proportional area with min size. :-)
You could always make a black&white mask of this area and then mask the image (white area on mask will result in transparent area on masked image).
Link to nice tutorial on how to mask an image.
As an addition you could later calculate the miminum square frame that holds complete masked (cropped) image and crop the result - to get rid of excess transparent areas.

Using System.Drawing to make a selection tool, and cropping an image in vb.net

If i wanted to crop an image in VB.net, how would I go about doing it? I am trying to let the user drag out the box they want (system.drawing.rectangle), and it will automatically remove the edges surrounding the box.
My first problem is primarily the fact that I cannot make the system.drawing.rectangle visible. It is not displaying at all, I am setting its location and height programmatically, but nothing is showing up. I know there is probably something fairly obvious I am missing...but I cannot seem to find it.
My larger issue, however, lies with the cropping itself. I cannot find any crop methods, at all. Is there a hidden one I am missing? Or must I code it myself? How would I go about doing this? It ought to be able to output to a bitmap image object.
Thanks for the help, I am surprised this hasn't been asked on here before....
Regarding your first problem: a Rectangle isn't by itself visible. You have to draw it on your canvas using the Graphics object's DrawRectangle(...) method. For drawing a selection tool, you'll want to set your Pen object's DashCap and DashPattern properties.
To "crop" an image, you basically want to take the portion of a larger image delineated by a smaller Rectangle, and turn it into a new Bitmap. This can be done using one of the 30 overloads of the Graphics object's DrawImage(...) method. You can either keep the cropped portion in its original dimensions (resulting in a smaller Bitmap than your original), or you can "blow it up" to something like the original image's size. If you do the latter approach, it is usually a good idea to set your Graphics object's InterpolationMode property to HighQualityBicubic (I think that's the one, anyway), since the default InterpolationMode is pretty crappy.
There are a number of different ways of rendering images in .Net - it might help if you posted some of your code, along with an explanation of the exact problems you're running into.
Here is another answer with a link to a sample app (and source code in C#, sorry) that may help you get started.
There are a number of articles on these topics on CodeProject:
Pick your favorite flavor (though I encourage you to check out the C# projects - it shouldn't be too hard to convert).
VB
Image Cropping with Image Resizing Using vb.net
C#
Cropping Images
An Easy to Use Image Resizing and Cropping Control
Image Processing using C# (see the Cropping section - I was able to use this code in one of my projects)
WPF/C#
WPF Interactive Image Cropping Control
A Photoshop-like Cropping Adorner for WPF