26

Screenshots of PDFs are going to be limited by the density of your monitor and (I'd assume) rendering settings from the PDF viewer. There are many tools for converting a PDF file (or pages from a PDF file) to a PNG file. Adobe Acrobat is able to do this. Imagemagick, which is free, is also able to do this. With Imagemagick installed, the command below ...


16

In Firefox, you can open the console with Shift+F2 and use screenshot --fullpage. To scale it to different dimensions and sizes while preserving text quality, use Ctrl+Shift+M (or Cmd+Opt+M on OS X) to enter the responsive design viewer and resize as needed (you can also use this to get screenshots at higher resolution than your monitor supports, or get ...


15

Its a break, and has many forms. It comes form the drafting standards. For example were you to draw a shaft it might be uninteresting to see the 1000 mm of similar shaft, so to conserve paper you can indicate that the line or shape has been broken into pieces. Image 1: Variations on a theme the bottom right one needs a change to dimension line as well, very ...


13

Looking it up from a CAD / Architecture perspective it can be found referred to as Break Point or Break Line. The Alphabet of Lines (PDF) has it as Break Lines: Note the jagged break line to indicate that this is only part of the object. In technical drawings it is as I tried to describe in comments depicted like this via Lines (pdf) though they refer to ...


12

There's no way to capture a vector screenshot. You can, however, convert the screenshot to vector through use of tools like Image Trace (Illustrator, under the Window menu) or recreate the user interface by hand. Alternatively, if you have access to a computer (or tablet) with a retina display, the screenshots taken on it will be around double the ...


10

You can use the color picker button in GIMP's color selection dialog or dockable (the one that opens e.g. when you change the foreground or background color). It works like this: you click the button you click anywhere on your screen the color is set You will encounter one issue, however: On 32 bit Windows platforms, the only color you'll be able to ...


8

Sounds like your display performance is on the low setting. In your InDesign document, go to the top menu View > Display performance and choose High quality display. The lower settings exists when working with heavy documents, it improves performance. Hope this helps!


8

Any screen capture / screen shot tool will only ever capture the screen contents at screen resolution, which is significantly lower than the resolution required for a high quality print. If you take a screenshot from a device with a high pixel density (aka Retina display) then you will get better results, but they will still fall short of the clarity and ...


7

This is a common question that I like to try and push back on: don't bother A screen shot is literally that...what the user would see on screen. There is no need to make it any higher resolution or sharper than it is. It is what it is and that is what you should show the user. In other words: It's fine. Just leave it! :) That said, the lazy solution: ...


7

If you want to take a full page screenshot on a website you can use this Google Chrome Plugin. This will makes several screenshots (while scrolling) and combine them into one .png image. You just have to click on the plugin and choose "Capture entire page".


6

While you can increase text size etc to magnify things before taking a screenshot Another option to try (on MacOSX) is to use the disability features to zoom the screen in before taking a screenshot. I haven't used a mac for over a year but I remember in 10.5 you could zoom in quite a lot and I think it stayed quite clear. I'm sure similar features are ...


6

The type of the display is not actually important. Any decent OS has options to set the screen resolution and/or font, icon and other GUI elements sizes. Here is simple example: It has been taken on my netbook with OpenSuse and 1024x600 display, far away from "retina display". I simply set the default UI font to DejaVu Sans 24 and switched on all "anti ...


5

You can enlarge the content before you take a screen shot by pressing cmd + + on Mac or ctrl + + on Windows. This is easier than seeking out a retina computer at times.


5

You just need to tell Paint to keep the ratio when scaling. This is what my paint (Windows 8) looks like, but there should be a similar command in yours if your OS is different: If you need to work with images I suggest you download a copy of The Gimp. It's free, open source and quite easy to use. The same dialog as above in Gimp will look something like ...


5

Copy-paste your screenshot into the PSD file you downloaded. This will create a new layer containing your artwork. This layer should be the top most layer in the Layers panel. If it's not, drag to move it to the top of the layer stack. Move the screenshot layer around, scale and position to overlay the gray screen shown by default in the PSD template you ...


4

Some things that would help: Include cut-off portions of surrounding elements. You can add a drop shadow and a torn-edge-like effect to emphasize this. (For the torn-edge effect, I create a layer mask and apply Photoshop's Distort > Ocean Ripple filter with a small ripple size (2) and small ripple magnitude (3).) Reduce the size of the image so that it's ...


4

There are templates / stock images of different devices out there on the web (and very easy to find), but the best answer I can give you is that you could easily create what you are looking for in Adobe Photoshop and then save that in your own custom template. For example, if I wanted to have a template with a Thunderbolt display I could mask a portion of ...


4

Your problem pops up regularly. That's because RGB numbers do not properly present perceived luminosity. More confusion is caused by hue-saturation-brightness(or luminosity) presentation of RGB numbers. That's only a math transform. Perceived luminosity doesn't follow only the brightness component, hue and saturation affect very much, too. If somebody has ...


3

Your screenshot is from Skitch, an Evernote product. Beware though - it is VERY buggy and generally a poor user experience. I would not recommend it.


3

I think it's the perspective which is inconsistent in your link, not the screenshots specifically. This seems more prevalent in the lower 3/4 screenshot. There's no attention to the existing iMac perspective, only the top edge angle. Vanishing point would certainly help this. There are many tutorials for Vanishing Point. And the entire point of the ...


3

In case you still need it, here's a step-by-step tutorial my partner and I have on our website (with screenshots) that explains how to place your app screenshot inside a frame: http://blog.appdemostore.com/2014/10/how-to-add-your-screenshot-to-phone.html. Basically, here's how to do it: 1. Open your Adobe Photoshop CS6. From the top menu, select File —> ...


3

Perhaps this answer is too simplistic...?


3

Screen capture is not what you want in this case, you want to take the information from the PDF file directly. Depending on the tool you are using to view the PDF, as long as the PDF hasn't been DRM protected, you should be able to select a rectangular area from the PDF, then copy and paste that directly to word. The exact instructions depend on what PDF ...


3

Use the Capture tool in Adobe Reader. There are options in it to set the number of pixels returned when the screenshot is taken. Bump that number up higher to get much better screenshots returned. We used that tool when taking screenshots from PDFs in order to feed the resulting images into an OCR tool, and it worked great. Anna


3

You should be careful before you extend mathematical intuition on colors. There are just so many false assumptions you can make. First, you have be a bit careful with your nomenclature. While it is normal to call a RGB triplet a color, it is not. It is a device specific instruction that produces a different color on each device*. Additionally intensity may ...


2

One option, which many have missed, is that often UI shots are recreated to allow customization for marketing materials. It is entirely possible that what you believe to be a screen shot, is not a screen shot at all, but rather a carefully crafted image on its own.


2

There could be all sorts of ways. It could be a retina screen, which would most likely make the image 4x larger. It could also be that they just changed their accessability settings on their OS so that the UI is larger. Or, they could have just zoomed in on their OS's UI elements and took a screen shot.


2

It sounds like you're taking these screenshots from a MacBook with Retina Display. I struggled with this for a while myself, but I found this great free app called RetinaCapture (http://www.retinacapture.com/) that lets you work around the problem without having to fiddle with the CLI.


2

When I was teaching computers overseas I used OpenOffice.org for stuff like this. It comes with Writer and Draw. Most things you can just import the image into Writer and use the Draw functions from within there. It works very well. Can setup connection points for arrows and lines, adjust colors, add text. Really was happy with it.


Only top voted, non community-wiki answers of a minimum length are eligible