PUBLIC MARKS from sbrothier with tag photoshop

Instantly annotate and measure right from Adobe Photoshop, Illustrator, InDesign and Fireworks. Now available in Creative Cloud.

This is an update to my Photoshop action that streamlines the process of exporting images for the web and iOS.

According to the website of the Independent newspaper, LEGO UK has verified the 1970s ‘letter to parents’ that was widely tweeted last weekend and almost as widely dismissed as fake. Business as usual in the Twittersphere — but there are some lessons here about dating type.

Hi. We’re Pixite®. We make amazing photo apps for iPhones and iPads. You can read our blog or follow us on twitter.

Trying to get data out of a PSD file is like trying to find something in the attic of your eccentric old uncle who died in a freak freshwater shark attack on his 58th birthday. That last detail may not be important for the purposes of the simile, but at this point I am spending a lot of time imagining amusing fates for the people responsible for this Rube Goldberg of a file format.

Get CSS, SVG, image assets, fonts, colors. All without Photoshop.

File Format plugin that opens and saves 24-bit WebP images (Google's proposed compression format for images on the web).

Right now there's a working WebM plug-in for Premiere Pro, along with a WebP plug-in for Photoshop. Both are considered to be beta releases.

During my last trip to San Francisco for the WWDC 2013, I have been lucky enough to meet great people from all over the world that are dedicated and passionate about building better experiences and better tools for designer.

When you have selected your layer (which you intend on being one colour) cut and paste it into a new document and make it grayscale, (settings should be resoulution: 200, colour mode: greyscale) Paste it into the new document then make it a bitmap, (output: 200 Method: Halftone Screen) click OK. For halftone Screen settings(frequency 55, Angle :25, Shape: ellipse) Click OK, then save as a tiff. Your settings should be (Image compression: LZW, Pixek order:Interleaved, Byte order: Macintosh) and that’s your tiff that can be brought into Illustartor and recoloured in any colour.

Dealing with grids in Photoshop is a pain With GuideGuide, it doesn’t have to be. Pixel accurate columns, rows, midpoints, and baselines can be created based on your document or selection with the click of a button. Frequently used guide sets can be saved for repeat use. Grids can use multiple types of measurements. Honestly, if you haven’t started downloading it by now, you’re probably a masochist. Weirdo…

I looked everywhere for these icons. Turns out, they were on my machine all along, burried deep inside. I extracted each icon and threw them on a sheet in Illustrator for easy access. Each icon is sized proportionally so when you drag one into Photoshop as a smart object the icon defaults to it's actual size. If you own a Mac then you already have these icons on your machine here:

This past Friday was the Abduzeedo meetup here in my hometown of Porto Alegre. It was really cool, we had a lot of fun and a lot of beers! When I was leaving I noticed the neon sign outside the pub and it really inspired me to create a tutorial on how to acheive that type of effect in Photoshop.

In game development it is common to have hundreds if not thousands of texture maps and animation frames in a single project. Keeping track of all these images is taxing for both the developer and the computer, so what we do is arrange the images into texture atlases.

Someone at work came to me asking if there was a clever way to create sprites, to help the markup guy finding the coordinates of all the images in a large sprite. And everytime the designer was updating the sprite he had to verify if all the images were still in place. So I asked Ivan Montes if he could help me out creating a script to allocate image positions His answer was better than expected: "I've already done that, and there´s a guy who took my script to create a Photoshop plugin".

Snap Converter makes image and icon conversion easy. Just drag and drop to convert between many popular graphic formats. Convert bitmap graphics, Mac and Windows icons, Camera Raw images, Photoshop documents, and many other formats. You can even create multi-image Mac icon files from a single image. Need to convert a lot of images? Snap Converter allow you to convert multiple images in batch mode. Just drag and drop a folder or multiple image files to convert all the images at once.

Syntax overContext.blendOnto( underContext, blendMode, offsetOptions ); - overContext : A CanvasRenderingContext2D - underContext : A CanvasRenderingContext2D - blendMode : A string with the blend mode to use, e.g. 'screen' - offsetOptions : [optional] JS Object with some/all of the following keys: destX, destY The X/Y location in the 'underContext' to blend onto; both default to 0. sourceX, sourceY The X/Y location in the 'overContext' to blend from; both default to 0. width,height The size of the box to blend; both default to 'auto', blending up to the right and bottom edges of the 'over' context. Width and height may less than specified if there is not enough space on the over or under contexts to fit the blend. Use // Likely an 'offscreen' (not in the DOM) canvas var over = someCanvas.getContext('2d'); // Usually a canvas that is shown on the page var under = anotherCanvas.getContext('2d'); // Blend all of 'over' onto 'under', starting at the upper left corner over.blendOnto(under,'screen'); // Blend all of 'over' onto 'under' (again), starting at 17,42 in 'under' over.blendOnto(under,'multiply',{destX:17,destY:42}); // Blend a 16x16 tile from 'over' onto 'under' (again), starting at 17,42 in 'under' over.blendOnto(under,'add',{destX:17,destY:42,sourceX:32,sourceY:128,width:16,height:16}); Supported Blend Modes The following blend modes work perfectly (or as nearly as the vagaries of the HTML Canvas allow): normal (or src-over) screen multiply difference These blend modes mostly work as intended, but have issues when it comes to dealing with the alpha channel: exclusion - very subtle color differences (slightly too bright) under limited circumstances. src-in - the output of this blend mode is slightly different from the effect of applying the transparency of one layer as a mask to another; the difference only appears in low-opacity areas, however. add (or plus) - Photoshop's "Linear Dodge (add)" blend mode does not perform addition on the opacities of the two layers. I have not yet figured out what it does instead. For now, this mode performs simple numeric addition, the same as the SVG 1.2 "plus" mode. lighten (or lighter) - the result is slightly too dark when the opacity falls and incorrectly 'favors' a higher-opacity source. darken (or darker) - the result is too dark when combining low-opacity regions, and does not properly 'favor' the higher-opacity source. overlay - this is only correct where both the over and under images are 100% opaque; the lower the alpha of either/both images, the more the colors get clamped, resulting in high contrast. hardlight - this is the opposite of "overlay" and experiences similar problems when either image is not fully opaque. colordodge (or dodge) - works correctly only under 100% opacity colorburn (or burn) - works correctly only under 100% opacity Requirements/Browser Support Tested on Safari v5.0, Chrome v8, and FF v3.6. Should work on any user agent that supplies a CanvasRenderingContext2D along with getImageData and putImageData. About This library was created around the need solely for a one-off 'screen' blend mode to match the company-mandated style for bar graphs used internally, previously only available via a Microsoft® Excel® template. Clearly this functionality is useful in more contexts than just my one-off, so I decided to make a framework around it and encourage others to help figure out the formulae. Please, fork this project, add blend modes and/or fix math, and send me pull requests! I feel certain that the resources must exist out there on the equations Photoshop uses in the presence of alpha, but so far I have not found them. Reference Material PDF Blend Modes: Addendum (January 23, 2006) PDF SVG Compositing 1.2, Part 1: Primer Custom blend modes for Flash 10 blog post Blend Modes in Delphi blog post License This library is released under an MIT-style license. That generally means that you are free to do almost anything you want with it as long as you give a bit of credit where credit is due. See the LICENSE file included for the actual legal limitations.

If you’re a user of our design applications such as Photoshop and Illustrator, you know how you can create very cool effects with blend modes. An Amazon search returns many books and a Google search on ‘photoshop blending tutorial’ returns more than 200,000 results. This points to a very widely known and used feature.

This is a guide to options and tools for laying out global text in the CS4 versions of InDesign, Photoshop and Illustrator. None of them are obvious or documented in the regular versions of the application, but there are a dizzying variety of options: templates; scripts; InDesign plug-​​ins; and special “ME” versions of applications. Prices range from free to more expensive than the base version of the application. This will help you figure out which might be right for your needs, and even provide some basic tools to help you get started, if your needs are not too extensive.

The FontShop Plugin Beta allows designers and other type enthusiasts to try out FontShop fonts directly inside Adobe® Photoshop® CS5 and CS5.5. You can preview any of the over 150,000 FontShop fonts for free, in the context of your own artwork. This is a great new way to find the perfect typographic fit for your project.

Admittedly, Adobe Illustrator is often most certainly not the first choice that comes to mind when it comes to Web design. Fireworks and Photoshop are used much more often, and there are some good reasons for that. Still, although Illustrator has traditionally been used for drawing illustrations and logos, you can use it to design layouts and user interfaces, too. In fact, in my opinion, you can utilize Illustrator to solve some regular design tasks better and more easily than you would do with other tools. With the techniques and tips I’d like to present in this article, I am certain that you will be able to build modular, flexible websites in less time and with less work.

Scand Ltd offers flexible solutions and extensions based on Adobe Creative Suite, beginning from CS and ending with CS5.5. We have wide experience in plug-in development for Adobe InDesign, Adobe Photoshop, Adobe Illustrator and other Adobe products, both for Windows and MacOS X. In practice, Adobe supports SVG file format, but only in Adobe Illustrator. So, you can't use SVG file as image for InDesign without converting it to EPS (raster graphics is not an option of course). We present new solution - direct support of SVG format for Adobe InDesign, Adobe InDesign Server, Adobe InCopy, Adobe Photoshop, Adobe Photoshop Elements, and Adobe Bridge. Scand Ltd. provides complete support of SVG format for Adobe Creative Suite, including InDesign and Photoshop, both Windows and Mac, both 32 and 64bit. Our vector graphics tool will broaden your opportunities in SVG image usage.

I was under the impression that Photoshop CS5 included new Character Style and Paragraph Style panels, but they are not listed under the Windows menu (as was displayed in a tutorial I was watching). I purchased the extended version of the Creative Suite at the Education discount... I doubt they'd remove this feature (if it exists) for students, but who knows. Anyone else know anything about this?!?

What if Photoshop implemented native HTML as a layer type? Just like the app currently supports special layer types for text, 3D, and video, it could use the WebKit engine (which CS5 already embeds) to display HTML content. Among other things you’d get pixel-accurate Web rendering (text and shapes); the ability to style objects via CSS parameters (enabling effects like dotted lines); data-driven 2D and 3D graphics; and high fidelity Web output (HTML as HTML).