Tag Info

Hot answers tagged

7

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!


6

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".


5

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 ...


5

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

Totally depends on what type of images we're talking about. Possible ways of doing it: Text in some corner saying "Screenshot" or "Screencapture" Camera icon some corner or Text and image of camera icon. In case of say that answer box, the safest way may be to overlay it with another color and reveal the image on hover. Because #3 might not be all that ...


5

If you don't want your screen shot to be blurry, open the screen shot in PhotoShop, then go to image size, increase the size x2 in each dimension, and then choose 'nearest neighbor' as the interpolation option. The end result will be an image 4 times larger but the pixels will remain aliased and you won't get the blurring.


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 ...


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 ...


3

This is my personal favourite way, doesn't work in all situations though but ideal for full-screen screenshots.


3

(You fooled me with the shot of the answering box. Very clever.) But as for my answer... I'd suggest using a frame effect to make the shot visually significant from the rest of the page. Just give it a jagged paper edge. That's what I'd do.


3

Depending on the context, you could do a lot worse than mock up a stylized "monitor" frame (perhaps in Apple grey?). Photoshop's Image Processor script lets you run an Action when batch processing images, so you could create an action that resizes the canvas, drops in the "monitor" above the screen shot, adds a standard background (for screen grabs that ...


3

It's a good idea to keep the approach consistent, while highlighting your screenshots in a subtle way. I find Apple's default drop shadow a tad too much. I just add a 3px centered stroke to the shot with opacity at 40%. You can add a drop shadow to it if you like.


3

LittleSnapper LittleSnapper is awesome. I'm 90% sure it works with Retina display Macs, but I don't have any way to confirm. http://www.realmacsoftware.com/littlesnapper/ Paparazzi Paparazzi is pretty old, but free. So you could give that a shot first. I don't know how well it'll handle Retina screenshots though. http://derailer.org/paparazzi/ ...


3

Screenshots on Retina Macs are exactly what you may expect: They're double the resolution and pixel density of non-Retina Macs. For a Retina MacBook Pro, full screen grabs are 2880×1800, with the pixel dimensions of elements double the size. When overlaid with a screenshot of a non-Retina Mac, so that they're both the same physical size, the elements on the ...


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

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 ...


2

The process I use for my websites, create a template with all the devices with masks for different screen sizes in photoshop or illustrator. To get the website screenshots at the correct aspect ratio, I use firefox developer tools. 1)open the site in firefox, 2)right click anywhere, "inspect element" then there is a button with an aspect ratio ...


2

The best way is to create a responsive prototype using HTML, CSS and JS.


2

I have to agree with DA01 on this. The best way to mockup a site is to actually code a site in HTML, CSS jQuery or JavaScript. If you are new in this area there are some frameworks that make developing for responsive easier such as Bootstrap or Foundation. Those particular frameworks do take a mobile first approach. It should be noted that it would be ...


1

This question has been asked on SuperUser and StackOverflow, but I think having it here too is okay. Its something I never even considered. The answer appears to be to use Phantom.js or one of the websites people have already built with it: Screenshot Utilities from the Phantom.js website Screenshot utility someone on StackOverflow made using Phantom.js ...


1

I think this is exactly what you are looking for: http://instant-eyedropper.com/ It runs in tray and it is very minimalistic.


1

Something like GPick might work. I'm making the assumption that you're using Linux of some flavour. http://www.webupd8.org/2009/08/mult-platform-color-picker-gpick-linux.html


1

Do not rely on dpi for measurements: you want to work with exact pixel dimensions always. If you screen grab something, set your pixel dimensions directly. If you re using a device such as a Mac with Retina, it is possible that the mac is "pretending" to be one pixel resolution (such as 1920x1080) but actually rendering at a higher resolution. In this case ...


1

I can confirm that LittleSnapper works on rMBP. However, the screenshots are double resolution. I'm not sure what you mean by "reproducible size" but if you send the screenshots to someone one a standard display, they will say "these are way too big". I'm still trying to find out a good way to take low resolution screenshots for sharing with people who ...


1

For what it's worth, I seem to have better luck capturing full page retina screen shots with the Awesome Screenshot Chrome extension than with the Google Screen Capture extension that I used to use regularly.


1

Pixlr is a fantastic tool to grab,edit and share pictures beetween my clients/team. You can use the grabber if you want to click and share in firefox or chrome or use their image sharing service http://imm.io/ http://pixlr.com/grabber Plus, now it has been acquired by Autodesk


1

SnagIt has a Mac version which works really well. It can do browser auto-scrolling for web pages too. http://www.techsmith.com/snagit.html


1

I use a combination of Evernote and Dropbox or Google Drive. Evernote works to keep notes and visual reference together in a shareable 'notebook'. It also has a rather good ability to search the text in your images. This comes in handy when I take notes directly on my sketches (which I capture with my camera phone directly into Evernote). Dropbox / Drive ...



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