hchiam / learning-photopea

Learning Photopea

Learning Photopea

Basically Photoshop, except free, and legal, and in your browser: photopea.com

Just one of the things I'm learning. https://github.com/hchiam/learning

Beginner tutorial video: https://www.youtube.com/watch?v=JIdvvG9ZX7c

Feature requests: https://github.com/photopea/photopea/issues

Example SVG export from Photopea

open demo.html

Miscellaneous notes

• https://youtu.be/1UWGoiIYGUw?t=14

• https://www.photopea.com/learn/vg-creating

• Ctrl+F lets you type command name and run it. (It also shows the keyboard shortcut.) This functionality reminds me of Ctrl+Shift+P in VS Code.

• "Pen" --> click dots = polygon.

• Curves: "Pen" --> click+drag = path with curves (Bézier ones).

• You can practice drawing Bézier curves at https://bezier.method.ac

• Other things like rotation, selection, blur, layers, subtraction, etc. remind me of GIMP. Except the interface is basically Photoshop.

• This only flips one layer, and doesn't work on SVG layers: Edit > Transform > Flip Horizontally.

• This flips the entire file/image, and works on SVG layers: Image > Transform > Flip Horizontally.

• "remove" objects with content-aware fill: select object > Edit > Fill... > Content Aware.

  • or use the "spot healing" brush or patch tool: https://www.youtube.com/watch?v=JIdvvG9ZX7c