PlaceIt by Breezi - Generate Product Screenshots in Realistic Environments

http://placeit.breezi.com/

by charlieirish • 14 years ago

124 66 14 years ago

placeit.breezi.com

n0nick3• 14 years ago

Very cute idea.

I might be missing something here, but - where's the license to the photos? These would obviously be useful for commercial purposes, but I have to see some usage license for it.

navidsafa17• 14 years ago

The 3D ones we rendered ourselves and the others are photos we took.

n0nick3• 14 years ago

That's awesome, now put a link to a license that legally defines how can one use them, to avoid legal confusions.

May I suggest CC http://creativecommons.org/ ? :)

jdevonport• 14 years ago

Wow brilliant, what a handy tool, thanks!

thomasgravina• 14 years ago

Really cool idea. Is there any website providing the same for Android Platforms?

navidsafa17• 14 years ago

We'll add them in a few hours

yanivs• 14 years ago

very cool I would add rotated iPhone (Landscape) scenes to the mix

jmedwards• 14 years ago

I love the idea, but I worry it has little practical use for business - it'll be the web faux pas equivalent of using unmodified Bootstrap!

tudorw• 14 years ago

I don't really have a problem with people using a standard form for content, I understand it's nice to make engaging interactive content, and artistic projects that entertain, inspire or amuse, sometimes though, you just want to read some words, look at some images and find out some facts, a standard form can be very good for that.

navidsafa17• 14 years ago

That's why we added the png ones. You can put your own environment behind it. We'll add more of those this week.

mseebach• 14 years ago

This is cool, but I think more transparent background scenes would be useful.

navidsafa17• 14 years ago

Great suggestion. Yes makes a lot of sense. We'll add those today.

TobbenTM• 14 years ago

If only there were some non-Apple devices...

navidsafa17• 14 years ago

We'll add about 5 more non-apple device today. Check back around this afternoon (pst). Thanks

jmtucu2• 14 years ago

It's nice but only for Apple products...

navidsafa17• 14 years ago

We'll put up a few new android stages up in a few hours.

jmtucu2• 14 years ago

Thanks, I'll love you if you do that.

mctx• 14 years ago

Did we break it?

  We're sorry, but something went wrong.

  We've been notified about this issue and we'll take a look at it shortly.

navidsafa17• 14 years ago

Hey, jut ran out of disk space. Will be back in 20 minutes.

bjhoops12• 14 years ago

We just need those plastic guns that deliver the drug which takes away mutant powers.

tnorthcutt• 14 years ago

I think you may have commented on the wrong post :)

bjhoops12• 14 years ago

Haha yes I did. Not sure how I managed that. :P

aforty• 14 years ago

Seems like it's broken at the moment. I'll check in later. Neat idea and execution!

navidsafa17• 14 years ago

Should be ok now - sry about that - we ran out of space

joeblau• 14 years ago

Awesome idea. I was thinking that I needed something like this just this past weekend. I was working on a demo for my iPhone and the product actually works, but it was pouring rain all weekend in SF so I couldn't go outside and take a good pic.

Adding a few more devices or even shots with multiple devices would be a great addition, but the core concept is great.

jiggy2011• 14 years ago

I don't get why so many product screenshots focus on showing use on an Apple computer/device when statistically most of your users will not be using Apple.

Perhaps more early adopters are using Apple? Or it just makes it look cooler?

aroman• 14 years ago

Well, if you're making an iPhone app or Mac app, then it's obvious.

But I assume you meant specifically in the case of specifically non-Apple stuff... because they look better to more people (or at least most of us learned to buy into that perception), and represent to many a more "premium" experience. I've seen it on TV ads for years now -- blank-labeled Macbook Pros say "sexy".

mchanson• 14 years ago

Same reason fast food commercials always show skinny people.

athst2• 14 years ago

If you're making a mobile app, or especially something for tablets, in a lot of cases most of your users WILL be using Apple products even if it's not specific to iOS.

hayksaakian• 14 years ago

Market share and pictures of a hand holding an iPhone disagree with you.

StavrosK• 14 years ago

I don't understand this comment, or any of the replies. It's not like anyone makes an Android app and thinks "well, since the iPhone is more popular, I'll go with that for the screenshot".

Maybe for mobile websites, but I don't see anyone screenshotting those...

rjsamson• 14 years ago

This is pretty awesome! Are there plans to charge for this? Keep it free?

navidsafa17• 14 years ago

I can't see us ever charging for this. Just wanted to give out something valuable to the community

rexreed2• 14 years ago

Looks great -- As a note, I got a response after about a 1-2 minute process time. Would be great for you to show where I am in the process queue location instead of just the loader so that I don't think there was a browser or server error.

Is it possible to also have a multi-device template (showing the screen simultaneously on iPhone, Macbook, etc?)

navidsafa17• 14 years ago

Sorry, yes there is a lot of people hitting the server right now. Yes, that would be possible but I think what we're going to do is add PNG outputs so you can place them together with your own backgrounds as well.

kevincennis• 14 years ago

Seems like it should be possible to do everything in the browser using canvas.

sutterbomb3• 14 years ago

Love this idea and the final images look great. One gripe with the UX, and I'm starting to see this everywhere, is that the only way to upload a file is to drag it onto the browser. Why not add the option for a standard file input form? Drag and drop uploading breaks my workflow substantially - am I alone in this?

rexreed2• 14 years ago

Agreed. Indeed it would be even more useful / powerful for me if I could interact via API ala imgur or imm.io

Mizza• 14 years ago

Came here to say the same thing - I hate drag and drop everywhere! I have to resize my browser window, move it around, open up a file browser, resize that, find the file, drag and drop it, close the file browser, and resize my web browser. How annoying! I think it's because it's an OSX paradigm, so stuff that's very design-y tend to use it, and it ends up with the usual OSX "looks nice, isn't very practical" effect.

I love the service though - could use some 'outdoor' shots in urban environments, a crowd, a concert, a subway stop, stuff like that. Bookmarked.

odelaguila• 14 years ago

you guys should use http://mizage.com/divvy/ is great for resize windows without touching the mouse.

Domenic_S• 14 years ago

Why resize your browser? cmd+tab to Finder, cmd+n a new Finder window, browse to file, drag it in...

(PC win+e a new explorer window and do the same thing)

Too• 14 years ago

Even worse is that you MUST have a mouse. Navigating with keyboard alone doesn't work.

navidsafa17• 14 years ago

We added the upload button btw. Thanks for the feedback

baconner• 14 years ago

Suggestion - You might look into creating some templates pre-sized to be ready to upload to the appropriate app store(s). Something like http://android-ui-utils.googlecode.com/hg/asset-studio but for promotional graphics.

Flemlord• 14 years ago

Excellent idea. I'd love to have MS Surface as an option (in horizontal orientation). I'd also love the ability to do it with a video.

Mojo83• 14 years ago

Woww Amazing! PlaceIt also available in the Chrome Store: http://goo.gl/XtUDJ in 3 Languages (English, Spanish and Arabic)

pazimzadeh• 14 years ago

Aw come on, you got on the front page didn't you?

jpxxx• 14 years ago

Oh, that moment of frisson when a piece of the future arrives. This is so excellent, thank you!

navidsafa17• 14 years ago

:) glad you like it

gotrythis• 14 years ago

Just yesterday, I was looking for this. Thanks!

nodesocket2• 14 years ago

Would love MacBook Air, but with no (transparent) background.

navidsafa17• 14 years ago

We'll add that for you - check back in 1 hr

nodesocket2• 14 years ago

Can I get http://placeit.breezi.com/productshots/12 and http://placeit.breezi.com/productshots/15 in transparent background.

Thank you very much.

jbrooksuk• 14 years ago

Perfect and just in time for when I go back to work!

purephase• 14 years ago

This is cool. If you don't mind my asking, are you using imagemagick to generate the final image? I went through some of the js/css and I didn't see any CSS transforms or js trickery (funny comment about IE in there though).

jasondenizac• 14 years ago

'cause the only customers worth having use apple products!

yashg• 14 years ago

This is fantastic! Kudos for coming up with this amazing service. We just launched our software for Mac and putting the screenshot of the app in a Macbook makes it so much more beautiful!

If you can also add some Windows monitors and desktops on transparent background then other non Apple folks would also be able to use it. :)

navidsafa17• 14 years ago

Sure thing. We'll add some on Tuesday. Please check back then.

PlaceIt by Breezi - Generate Product Screenshots in Realistic Environments

Related Stories