Page Layers
By Ralf Ebert
Open Mac App Store to buy and download apps.
Description
Page Layers converts web pages to layered Photoshop files featuring a masked layer for every page element. Rapidly prototype and sketch ideas while redesigning and improving existing web page designs!
What's New in Version 1.6
- Layers are now grouped based on the site structure
- Improved capturing speed
- Shorter layer names for page elements with ID
- Resolved an issue that could prevent capturing pages with SVG images
Screenshots
Customer Reviews
Great for web developers / designers
This is an awesome tool for me.
I often come across websites that I admire and want to save them for reference / inspiration.
I've been taking screenshots for years. It used to be JPG and PNG, but now its a whole new level of fidelity…. Layered PSD!!!
The website is deconstructed into Photoshop layers based on the DOM…. Brilliant.
Now I can take pieces, such as a background, or a button that I like and 1) learn how its put together and 2) save it for my own project!
Really awesome job…
I would like it even better if it did the following (although not sure if its possible)
1. Have an option to save it as a website/ with resource (a site scraper) so that I can deconstruct and play in a web browser.
2. Have the ability to record a video of the site. I do this to grab the interactivity of the sites I like as inspiration.
3. Have the text <p> etc, as editable layers. (not sure if you can do that with the API that creates a PSD but would be so cool).
One downside, there is no "trial" and although the app is not "expensive". Its not an impulse purchase. So at this point it is a little bit of a leap of faith.
It would need to be $5 to be impulse purchase (which I think is too cheap for this type of an app), so I think some sort of a trial would be great….
Good, but lacks options one might hope for
PageLayers does what it advertises, creating a PSD of a web page organized by DOM tree and it does that very well with one fairly minor exception.
The biggest shortcoming however is that text can only be brought into the PSD as a raster. PageLayers has no options at all, and certainly not one to import it text as an actual text element. Even if there was an option to bring it in as text without maintaining the styling (font/borders/size/etc…) it'd be a marked improvement from rasterized text.
The comparably minor bug/annoyance is that seems if a parent element has only a single child element it does not create a group in the PSD for that parent and instead promotes the child up the hierarchy. Content isn't lost but the page structure is not faithfully recreated. Perhaps there are reasons one would want this, but it seems it should be optional.. and again PageLayers has no options.
I was pleased to find that when PageLayers rasterizes each element it does put each element on a transparent background which makes everything easy to manipulate. It however merges CSS styling (borders/shadow/etc) into the element. This again probably makes sense most of the time, but one may not always want this and there is no option to control it.
Finally, the ONLY way to save a PSD is to drag an icon from the toolbar to somewhere. This is extremely unusual UI… Would it really be that hard to include a menu option to save the file and use a normal file dialog box like nearly every other OS X app in existence?
Criticisms aside, the app does work very well, however without the ability to import text and so little control of output it seems awfully overpriced by a factor of 2 or 3. Obviously that's for each buyer to judge, just be aware of what it can and can't do before purchasing.
downlaoded in a jiffy, worked like a charm.
slick software that works very quickly. suited my purposes well, but for a one trick pony, it's a bit overpriced.
- $29.99
- Category: Graphics & Design
- Updated: Nov 29, 2011
- Version: 1.6
- Size: 0.2 MB
- Language: English
- Seller: Ralf Ebert
- © 2011, Ralf Ebert
Requirements: OS X 10.6 or later
