Sign in to follow this  
IvanK

Photopea - edit PSD in a browser

Recommended Posts

Hi,

 

this is not really about games, but I think some fans of HTML5 may like that :) If you do game design, you might actually use that (in some cases).

I am developing a professional graphic editor, which will work inside a browser. I defined a challange for myself: it should load and save PSD (PhotoShop Document) format.

I would like to get some feedback, to get myself motivated and maybe find some bugs. Try to open your PSDs and see them rendered. You can follow my FB or Twitter (see blog) to be aware of future updates. If you have a blog, it would be great if you write some post about it :)

 

Let me know, what you think about it and what should happen to make you use it instead of your current image editor :)

 

pp_0.4.png

Share this post


Link to post
Share on other sites

Wow, this blew my mind! Excellent work Ivan. It really does work like Photoshop. Hope you keep this project up because I'd definitely become a regular user of this. Nice!

 

As for feedback:

The brush tool still needs work. It works great but I always work with a tablet so having pen pressure and the brush size/opacity be affected by the pressure is essential for me. Also needs some anti-aliasing. Although as is it would work marvels for pixel art :)

 

And finally the general UI, What I like is that it resembles Photoshop so immediately I was able to understand and know where everything was. Maybe it could still be slightly different? I always hated their default color choose :P Corel Painter's seemed much more compact and intuitive. Here's an idea for the color picker:

http://1.bp.blogspot.com/-achcQGn-0t4/UbUiTN1vW_I/AAAAAAAAAts/8QPKBdeVyaA/s1600/Screen+Shot+2013-06-09+at+6.47.53+PM.png

 

Otherwise, you've done amazing work on this, can't wait to see how it evolves!

Share this post


Link to post
Share on other sites

It's a lovely project :)

 

Wanna make a feature request: ctrl + click  - for selecting layers.

 

I'll spam all my developers and designer friends with this app.

 

And one more feature suggestion:

 

http://www.javascripttoolbox.com/lib/contextmenu/

 

A context menu for some shortcuts like the brush size. :)

Share this post


Link to post
Share on other sites

Thank you :)

 

I also like Ctrl + click for selecting layers, I will add it soon :) Context menu will be also available in the future.

 

Right now I am thinking about Text tool. It is not that easy, since I want it to be backward-compatible with Adobe Photoshop. The problem is, that I can not read all available fonts in the OS. If I offer some free WOFF fonts in Photopea, they may not be available in Photoshop (Photoshop and most of OS don't support WOFF format). Text may be also distorted using Warp, so I can not directly use 2D context of canvas (fillText) to render it. Each character can have different font, size, color, x/y-scale ... It is going to be such fun! :D

Share this post


Link to post
Share on other sites

Pretty cool!

 

What do you use to create the UI? What tech stack do you use?

 

I often do screenshots and paste them into some tool to make small modifications. Most of the time I end-up having only paint installed on the machine. Such a tool can be nice in such a case where I have no PS :) Can you paste images from the clipboard into it? Also some shape tool would be nice to make basic shapes like arrows.

 

 

Edit:

Forget my question, just found out it works :)  But it doesn't resize the canvas if the images is bigger. It would be nice to ask the user "Do you want to resize the layer?" or something. Anyway, good work!

Share this post


Link to post
Share on other sites

Hi neon,

I created UI using HTML and CSS (generated by Javascript), I don't use any special libraries for it.

Vector shapes, paths etc. are on my TODO list :)

Inserting printscreens works in Chrome (just as inserting any other image, that is copied from any other native program). It used to work in Firefox, too. Both browsers have different APIs, no API for clipboard is standardized yet, so it sucks to work with such technology. I am just waiting, until browsers implement some standard and I will be able to use it.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.