mirrors/photopea-v2
1
0
Fork 0
mirror of https://gitflic.ru/project/photopea-v2/photopea-v-2.git synced 2025-07-01 18:35:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Actual update, seem to get the bugs worked out

Browse Source
This commit is contained in:
DUOLabs333 2021-03-17 19:04:03 -04:00
parent 80894dbd6e
commit c6b037751f
106 changed files with 764 additions and 4419 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
blog.photopea.com/color-fonts-in-photopea.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Color Fonts in Photopea</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,56 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-692">
<span class="date">January 19, 2018</span>
<h1>Color Fonts in Photopea</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>Starting today, Photopea supports color fonts!</p>
<span id="more-692"></span>
<p>We imagine a font as a set of shapes. The font gives each logical character some graphic representation. Text editors let us choose the color of our text, i.e. set the solid color to one or more characters. The shape of a character may be very complex, but we are still restricted to a single color for the whole character.</p>
<p>The new standard for <b>Color Fonts</b> allows using multiple colors inside one character (more details at <a href="https://www.colorfonts.wtf/" target="_blank">ColorFonts.wtf</a>). There are already many fonts in this format. They can be used in Photoshop, Pixelmator, Sketch and other commercial programs. Starting today, you can load and use such fonts in Photopea. PP is probably the first free editor having this capability.</p>
<p><b style="font-size:1.5em"><a href="https://www.photopea.com?p=%7B%22files%22:%5B%22https://www.photopea.com/api/img2/fnt_preview.psd%22%5D,%22resources%22:%5B%22https://www.photopea.com/api/img2/fnts/Abelone-FREE.otf%22,%22https://www.photopea.com/api/img2/fnts/BungeeColor-Regular_svg.ttf%22,%22https://www.photopea.com/api/img2/fnts/Gilbert-Color%20Bold-Preview_1004.otf%22,%22https://www.photopea.com/api/img2/fnts/NTBixa-Color.otf%22,%22https://www.photopea.com/api/img2/fnts/Playbox-FREE.otf%22%5D,%22environment%22:%7B%7D%7D" target="_blank">Try Color Fonts in Photopea Now!</a></b></p>
<p>All our effort is available to the public in our open-source library <a href="https://github.com/photopea/Typr.js" target="_blank">Typr.js</a>.</p>
<img src="//blog.photopea.com/wp-content/uploads/2018/01/fnt_preview.png" class="fullw" />
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/color-fonts-in-photopea.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

61
blog.photopea.com/compress-textures-with-photopea.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Compress textures with Photopea</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,58 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-598">
<span class="date">November 19, 2017</span>
<h1>Compress textures with Photopea</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>Today, we are adding a new feature into Photopea: the support for DDS textures.</p>
<span id="more-598"></span>
<p>Modern video games are accelerated with technologies such as OpenGL, DirectX or Vulkan. The view of the game is rendered "in parallel" by hundreds of small processing units. Each unit may need to access a specific part (pixel) of some texture (e.g. the bottom left pixel).</p>
<p>In modern image formats (such as PNG or JPG), it is not possible to view a specific part of the image. We must decompress the whole image first. Thus, JPG and PNG files can not be directly used with OpenGL. But with many large textures, some kind of texture compression would be really handy.</p>
<img src="https://www.khronos.org/assets/images/api_logos/opengl.svg" style="width:400px" />
<p>In past years, new techniques have been developed (such as <a href="https://en.wikipedia.org/wiki/S3_Texture_Compression">S3TC</a>), which can make textures even eight times smaller (than uncompressed), while still appropriate for OpenGL (easy to access by processing units). The image is divided into small parts: 4x4 pixels. Each such part is compressed independently.
When a processing unit needs to read some pixel, we first check, in which 4x4 part the pixel is located. Then, we decompress that part (all 16 pixels), read the pixel in concern, and throw away the information about other 15 pixels.</p>
<p>Textures, compressed this way, are usually stored in <a href="https://en.wikipedia.org/wiki/DirectDraw_Surface">DDS</a> or similar files. Starting today, Photopea can open these DDS files. It can also export textures in DDS format using File - Export - DDS. Try to download <a href="https://github.com/toji/webgl-texture-utils/blob/master/sample/img/test-dxt1.dds?raw=true">this DDS file</a> and open it in Photopea!</p>
<p>This is a next step in our journey to make Photopea open any image format. We released our compression methods in an open-source library <a href="https://github.com/photopea/UTEX.js">UTEX.js</a>. We believe it can have many applications besides Phtopea editor.</p>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/compress-textures-with-photopea.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

79
blog.photopea.com/creating-photopea.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Creating Photopea</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,76 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-660">
<span class="date">December 14, 2017</span>
<h1>Creating Photopea</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>Photopea is an advanced image editor, which evolved for more than four years. In terms of complexity, it can be placed next to Adobe Photoshop or GNU GIMP.</p>
<span id="more-660"></span>
<p>It was built around three ideas: <b>make advanced editing accessible</b> to everyone (in terms of cost and device requirements), <b>remove borders</b> between programs (support all existing file formats instead of inventing a new format) and make designers <b>less dependent</b> on their software (if it suddenly stops working, you should still have a chance to use your files somehow).</p>
<a target="_blank" href="//www.photopea.com/promo/screens/scr6.png"><img src="//www.photopea.com/promo/screens/scr6.png" style="width:400px" /></a>
<p>Now, an the end of 2017, there is a <a href="//www.Photopea.com">web-based editor Photopea</a>, that runs on every device. It has an excellent support for PSD and Sketch files. It can be used by anybody for free and has been visited by more than <b>2.5 millions of people</b>, who spent <b>120 000 hours</b> using it.</p>
<h2>The Development</h2>
<p>My name is Ivan Kutskir <!--(Kuckir, Куцкір)--> and I am the only developer of Photopea. I am 27 years old graduate of the <a href="//www.mff.cuni.cz/to.en/">Charles University in Prague</a>. I live in Prague, Czech Republic, but I was born in Ukraine.</p>
<a target="_blank" href="//blog.photopea.com/wp-content/uploads/2017/06/picture_narrow.jpg"><img src="//blog.photopea.com/wp-content/uploads/2017/06/picture_narrow.jpg" style="width:300px" /></a>
<p>I did things such as programming, creating icons for tools, or writing all posts on this blog. I even <a href="//www.facebook.com/photopea/photos/a.1703140446613703.1073741829.1408717406056010/1856597134601366/?type=3&theater">designed the logo</a>. Working on PP was my hobby and I truly enjoyed it (most of the time).</p>
<p>At the beginning, I had no hopes of making anything useful, I was just playing around. The idea of creating an advanced image editor on my own seemed stupid, and making it a webapp seemed like a complete joke.</p>
<p>After some time, my toy editor started to become more and more powerful. The response from users was very positive, so I decided to keep working on it as long as I can. I have solved <a href="//github.com/photopea/photopea/issues">400 bugs and feature requests from users</a>. I also produced <a href="//github.com/photopea">several libraries</a>, that are free to use for everybody (open-source under the MIT licence).</p>
<h2>The Future</h2>
<p>Photopea already offers advanced image editing tools and can even replace commercial editors to a large extent.
It is also <b>a platform</b>, which allows adding new state-of-the-art features much faster than the competition. When somebody suggests a new kick-ass feature, it can appear in Photopea the next day. All users always use the latest version of the software.</p>
<p>I don't plan to keep doing everything myself. I want to create a team of developers as soon as it is possible. I believe we can fully catch up with our competitors and even get beyond. We will keep moving towards the most advanced and the most accessible image editor in the world.</p>
<p>You can hep me achieve it by using Photopea, recommending it to your friends, making tutorials, or just sharing the info on social networks (many of you already do). Follow us on <a href="https://www.facebook.com/photopea">Facebook</a> or <a href="https://twitter.com/photopeacom">Twitter</a>.</p>
<big><i>Thank You,<br/>Ivan</i></big>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/creating-photopea.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

73
blog.photopea.com/even-better-png-minification.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Even better PNG minification</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,70 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-610">
<span class="date">November 22, 2017</span>
<h1>Even better PNG minification</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>We introduced a <a href="https://blog.photopea.com/png-minifier-inside-photopea.html">PNG minifier</a> inside Photopea half a year ago.
Today, we are glad to announce, that it is even better!</p>
<span id="more-610"></span>
<p>The previous minifier was fast and generated really small files, while keeping a decent quality. But it had problems in some cases, e.g.
when there were large gradients.</p>
<p>We improved our PNG minifier by implementing a completely different quantization algorithm, based on <a href="https://en.wikipedia.org/wiki/K-d_tree">k-D trees</a>. It generates much better palettes and it is also 6x faster than the previous algorithm.</p>
<p>In the following example, we wanted to make an original PNG (18 kB - the first image) four times smaller. You can see an output of an old minifier, and an output of a new minifier, which looks significantly better.</p>
<table><tbody>
<tr>
<td><img src="/pngs/pea_orig.png" /></td>
<td><img src="/pngs/pea_old.png" /></td>
<td><img src="/pngs/pea_new.png" /></td>
<!--<td><img src="/pngs/pea_tiny.png" /></td>-->
</tr>
<tr>
<td>Original - 18.7 kB</td>
<td>Old minifier - 4.8 kB</td>
<td>New minifier - 4.8 kB</td>
<!--<td>TinyPNG - 6.9 kB</td>-->
</tr>
</tbody></table>
<p>Our new minifier is already available in <a href="//www.Photopea.com">Photopea</a>. It is also available in our open-source library <a href="https://github.com/photopea/UPNG.js">UPNG.js</a> and at <a href="http://upng.photopea.com">upng.Photopea.com</a>.</p>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/even-better-png-minification.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

BIN
blog.photopea.com/gifs/nyanCat.gif
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 32 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
blog.photopea.com/gifs/nyanCat.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.2 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
blog.photopea.com/gifs/nyanCat_pp.gif
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 26 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

327
blog.photopea.com/index.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Photopea Blog</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,326 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
</div><div id="main">
<div id="content" class="narrowcolumn">
<div class="post" id="post-1001">
<span class="date">January 12, 2021</span>
<a class="postlink" href="https://blog.photopea.com/photopea-5-0-open-illustrator-files.html">Photopea 5.0 &#8211; open Illustrator files!</a>
<p>A new release of Photopea is here! It has <strong>98 893</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div class="post" id="post-994">
<span class="date">August 24, 2020</span>
<a class="postlink" href="https://blog.photopea.com/photopea-4-9-new-tools-and-formats.html">Photopea 4.9 &#8211; New tools and formats!</a>
<p>A new release of Photopea is here! It has <strong>93 064</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-988">
<span class="date">June 11, 2020</span>
<a class="postlink" href="https://blog.photopea.com/photopea-4-8-shadowshighlights.html">Photopea 4.8 &#8211; Shadows/Highlights</a>
<p>A new release of Photopea is here! It has <strong>91 049</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-972">
<span class="date">March 1, 2020</span>
<a class="postlink" href="https://blog.photopea.com/photopea-4-7-puppet-warp.html">Photopea 4.7 &#8211; Puppet Warp</a>
<p>A new release of Photopea is here! It has <strong>87 368</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-963">
<span class="date">January 27, 2020</span>
<a class="postlink" href="https://blog.photopea.com/photopea-4-6-open-figma-files.html">Photopea 4.6 &#8211; Open Figma Files!</a>
<p>New release of Photopea is here! It has <strong>84 837</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-934">
<span class="date">November 6, 2019</span>
<a class="postlink" href="https://blog.photopea.com/photopea-4-5-smarter-selections.html">Photopea 4.5 &#8211; Smarter Selections!</a>
<p>New release of Photopea is here! It has <strong>82 676</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-930">
<span class="date">October 13, 2019</span>
<a class="postlink" href="https://blog.photopea.com/photopea-4-4-text-on-a-curve-and-more.html">Photopea 4.4 &#8211; Text on a Curve and more!</a>
<p>New release of Photopea is here! It has <strong>81 140</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-910">
<span class="date">July 2, 2019</span>
<a class="postlink" href="https://blog.photopea.com/photopea-4-3-slices-and-more.html">Photopea 4.3 &#8211; Slices and more!</a>
New release of Photopea is here! It has <strong>76 553</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.
</div>
<div class="post" id="post-893">
<span class="date">May 3, 2019</span>
<a class="postlink" href="https://blog.photopea.com/photopea-4-2-with-local-storage.html">Photopea 4.2 &#8211; try Local Storage!</a>
<p>New release of Photopea is here! It has <strong>74 109</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-882">
<span class="date">February 26, 2019</span>
<a class="postlink" href="https://blog.photopea.com/photopea-4-1-actions-new-filters.html">Photopea 4.1 &#8211; Actions and new Filters!</a>
<p>New release of Photopea is here! It has <strong>72 317</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-867">
<span class="date">January 4, 2019</span>
<a class="postlink" href="https://blog.photopea.com/photopea-4-0-nef-cr2-arw-support.html">Photopea 4.0 &#8211; NEF, CR2 and ARW support!</a>
<p>New release of Photopea is here! It has <strong>68 161</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-860">
<span class="date">December 4, 2018</span>
<a class="postlink" href="https://blog.photopea.com/photopea-3-9-templates.html">Photopea 3.9 &#8211; Simple Templates!</a>
<p>New release of Photopea is here! It has <strong>66 263</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-841">
<span class="date">October 21, 2018</span>
<a class="postlink" href="https://blog.photopea.com/photopea-3-8-live-shapes-and-new-filters.html">Photopea 3.8 &#8211; Live Shapes and new filters!</a>
<p>New release of Photopea is here! It has <strong>64 545</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-825">
<span class="date">September 26, 2018</span>
<a class="postlink" href="https://blog.photopea.com/photopea-3-7-wmf-and-emf-support.html">Photopea 3.7 &#8211; WMF and EMF support</a>
<p>New release of Photopea is here! It has <strong>63 342</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-815">
<span class="date">August 13, 2018</span>
<a class="postlink" href="https://blog.photopea.com/photopea-3-6-edit-presets.html">Photopea 3.6 &#8211; Edit presets</a>
<p>New release of Photopea is here! It has <strong>62 371</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-792">
<span class="date">June 14, 2018</span>
<a class="postlink" href="https://blog.photopea.com/photopea-3-5-xd-support.html">Photopea 3.5 &#8211; XD support</a>
<p>New release of Photopea is here! It has <strong>59 924</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-747">
<span class="date">April 30, 2018</span>
<a class="postlink" href="https://blog.photopea.com/photopea-3-4-refine-edges.html">Photopea 3.4 &#8211; Refine Edges</a>
<p>New release of Photopea is here! It has <strong>57 722</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-730">
<span class="date">February 22, 2018</span>
<a class="postlink" href="https://blog.photopea.com/vectorize-bitmaps-in-photopea.html">Vectorize bitmaps in Photopea!</a>
<p>We just launched a new feature: <b>bitmap to vector conversion</b>. See how it works!</p>
</div>
<div class="post" id="post-720">
<span class="date">February 3, 2018</span>
<a class="postlink" href="https://blog.photopea.com/photopea-3-3-pdf-import-and-export.html">Photopea 3.3: PDF import and export</a>
<p>New release of Photopea is here! It has <strong>53 249</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-692">
<span class="date">January 19, 2018</span>
<a class="postlink" href="https://blog.photopea.com/color-fonts-in-photopea.html">Color Fonts in Photopea</a>
<p>Starting today, Photopea supports color fonts!</p>
</div>
<div class="post" id="post-667">
<span class="date">December 16, 2017</span>
<a class="postlink" href="https://blog.photopea.com/photopea-3-2-advanced-selecting.html">Photopea 3.2: Advanced selecting</a>
<p>New release of Photopea is here! It has <strong>52 146</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-660">
<span class="date">December 14, 2017</span>
<a class="postlink" href="https://blog.photopea.com/creating-photopea.html">Creating Photopea</a>
<p>Photopea is an advanced image editor, which evolved for more than four years. In terms of complexity, it can be placed next to Adobe Photoshop or GNU GIMP.</p>
</div>
<div class="post" id="post-610">
<span class="date">November 22, 2017</span>
<a class="postlink" href="https://blog.photopea.com/even-better-png-minification.html">Even better PNG minification</a>
<p>We introduced a <a href="https://blog.photopea.com/png-minifier-inside-photopea.html">PNG minifier</a> inside Photopea half a year ago.
Today, we are glad to announce, that it is even better!</p>
</div>
<div class="post" id="post-598">
<span class="date">November 19, 2017</span>
<a class="postlink" href="https://blog.photopea.com/compress-textures-with-photopea.html">Compress textures with Photopea</a>
<p>Today, we are adding a new feature into Photopea: the support for DDS textures.</p>
</div>
<div class="post" id="post-591">
<span class="date">October 8, 2017</span>
<a class="postlink" href="https://blog.photopea.com/raw-support-in-photopea.html">RAW support in Photopea</a>
<p>Today, we are adding a new feature into Photopea: the support for RAW images.</p>
</div>
<div class="post" id="post-565">
<span class="date">September 26, 2017</span>
<a class="postlink" href="https://blog.photopea.com/photopea-3-1-brings-aniamtions.html">Photopea 3.1 brings Aniamtions!</a>
<p>New release of Photopea is here! It has <strong>48 384</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-551">
<span class="date">August 14, 2017</span>
<a class="postlink" href="https://blog.photopea.com/photopea-3-0-with-svg.html">Photopea 3.0: SVG support</a>
<p>New release of Photopea is here with Scripting and a better support for Sketch files! It has <strong>47 362</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-538">
<span class="date">July 23, 2017</span>
<a class="postlink" href="https://blog.photopea.com/photopea-2-9-scripts-are-here.html">Photopea 2.9: Scripts are here!</a>
<p>New release of Photopea is here with Scripting and a better support for Sketch files! It has <strong>45 814</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-528">
<span class="date">July 6, 2017</span>
<a class="postlink" href="https://blog.photopea.com/photopea-2-8-with-more-text-options.html">Photopea 2.8 with more text options!</a>
<p>New release of Photopea is here with vector editing capabilities! It has <strong>44 779</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-464">
<span class="date">June 1, 2017</span>
<a class="postlink" href="https://blog.photopea.com/photopea-2-7-with-vector-editing.html">Photopea 2.7 with vector editing!</a>
<p>New release of Photopea is here with vector editing capabilities! It has <strong>43 123</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-412">
<span class="date">May 9, 2017</span>
<a class="postlink" href="https://blog.photopea.com/png-minifier-inside-photopea.html">PNG minifier inside Photopea</a>
<p>We have added a new feature to Photopea, which can significantly minify PNG images.</p>
</div>
<div class="post" id="post-398">
<span class="date">April 25, 2017</span>
<a class="postlink" href="https://blog.photopea.com/photopea-2-6-can-open-sketch.html">Photopea 2.6 can open Sketch!</a>
<p>New release of Photopea is out! It has <strong>40 722</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-386">
<span class="date">March 23, 2017</span>
<a class="postlink" href="https://blog.photopea.com/photopea-2-5.html">Photopea 2.5</a>
<p>New release of Photopea is out! It has <strong>38 857</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-367">
<span class="date">March 2, 2017</span>
<a class="postlink" href="https://blog.photopea.com/photopea-2-4.html">Photopea 2.4</a>
<p>New release of Photopea is out! It has <strong>38 810</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-357">
<span class="date">February 5, 2017</span>
<a class="postlink" href="https://blog.photopea.com/photopea-2-3-six-new-tools.html">Photopea 2.3 &#8211; six new tools!</a>
<p>New release of Photopea is out! It has <strong>37 400</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-344">
<span class="date">January 25, 2017</span>
<a class="postlink" href="https://blog.photopea.com/patterns-and-fill-layers.html">Patterns and Fill Layers</a>
<p>In this little update, we present the full support for Patterns and Fill Layers.</p>
</div>
<div class="post" id="post-329">
<span class="date">January 16, 2017</span>
<a class="postlink" href="https://blog.photopea.com/photopea-2-2.html">Photopea 2.2</a>
<p>New release of Photopea is out! It has <strong>36 906</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-308">
<span class="date">September 20, 2016</span>
<a class="postlink" href="https://blog.photopea.com/surface-blur-and-median.html">Surface Blur and Median</a>
<p>Today, Photopea gets two new professional filters: Surface Blur filter and Median filter! Moreover, Photopea performs them much faster, than Photoshop and GIMP do, as you can see in the last section. See it in action at the <a href="//www.photopea.com">main site</a>. Our images come from <a href="//shellandslate.com/fastmedian.html">Shell And Slate</a>.</p>
</div>
<div class="post" id="post-297">
<span class="date">September 17, 2016</span>
<a class="postlink" href="https://blog.photopea.com/photopea-premium.html">Photopea Premium</a>
<p>Starting today, you can upgrade your account to a Premium account. It does not give you any extra features, but it helps us improve Photopea for you.</p>
</div>
<div class="post" id="post-288">
<span class="date">September 9, 2016</span>
<a class="postlink" href="https://blog.photopea.com/photopea-2-1.html">Photopea 2.1</a>
<p>New release of Photopea is out! It has <strong>34 982</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-275">
<span class="date">August 24, 2016</span>
<a class="postlink" href="https://blog.photopea.com/photopea-2-0.html">Photopea 2.0</a>
<p>New release of Photopea is out! It has <strong>33 593</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-266">
<span class="date">August 3, 2016</span>
<a class="postlink" href="https://blog.photopea.com/photopea-1-9.html">Photopea 1.9</a>
<p>New release of Photopea is out! It has <strong>32 156</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-247">
<span class="date">June 28, 2016</span>
<a class="postlink" href="https://blog.photopea.com/photopea-1-8.html">Photopea 1.8</a>
<p>New release of Photopea is out! It has <strong>30 533</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-234">
<span class="date">May 2, 2016</span>
<a class="postlink" href="https://blog.photopea.com/photopea-1-7.html">Photopea 1.7</a>
<p>New release of Photopea is out! It has <strong>32 200</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-212">
<span class="date">March 31, 2016</span>
<a class="postlink" href="https://blog.photopea.com/photopea-1-6-meets-google-drive.html">Photopea 1.6 meets Google Drive</a>
<p>New release of Photopea is out! It has <strong>31 595</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-195">
<span class="date">February 21, 2016</span>
<a class="postlink" href="https://blog.photopea.com/photopea-1-5.html">Photopea 1.5</a>
<p>New release of Photopea is out! It has <strong>31 023</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-185">
<span class="date">November 19, 2015</span>
<a class="postlink" href="https://blog.photopea.com/photopea-1-4.html">Photopea 1.4</a>
<p>New release of Photopea is out! It has <strong>29 970</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-172">
<span class="date">August 26, 2015</span>
<a class="postlink" href="https://blog.photopea.com/photopea-1-3.html">Photopea 1.3</a>
<p>New release of Photopea is out! It has <strong>27 587</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-163">
<span class="date">July 26, 2015</span>
<a class="postlink" href="https://blog.photopea.com/photopea-1-2.html">Photopea 1.2</a>
<p>New release of Photopea is out! It has <strong>26 383</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-156">
<span class="date">February 27, 2015</span>
<a class="postlink" href="https://blog.photopea.com/photopea-1-1.html">Photopea 1.1</a>
<p>New release of Photopea is out! It has <strong>24 163</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="navigation">
<div class="alignleft"><a href="https://blog.photopea.com/page/2" >&laquo; Older posts</a></div>
<div class="alignright"></div>
</div>
</div>
</div>
<div id="sidebar">
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

88
blog.photopea.com/introduction.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Introduction</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,85 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-6">
<span class="date">September 14, 2013</span>
<h1>Introduction</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>What is Photo Pea, why it was made, and what should it be used for.</p>
<span id="more-6"></span>
<h2>A little story</h2>
<p>
In September 2012, I had two courses of computer graphics behind me and had a lot of spare time.
So I got an idea to make a simple web-based photo editor. I was working on it for 3 months in 2012 and 2 months during this summer, and I really enjoyed it! :)
I learned many new things and realised, that it is not going to be as easy as I expected.
</p>
<h2>Just another photo editor?</h2>
<p>
Modern photo editors (GNU Gimp, Adobe Photoshop, Zoner Photo Studio) are usually native apps, which have to be downloaded and installed on the device.
It takes pretty long time to turn them on and off. It may bother you, e.g. when you just want to resize a photo.
Adobe Photoshop, which is very often used by many professionals, is also quite expensive.
</p>
<p>
Because photo editors are native apps, it is hard to find any good editor for some minority operating systems.
Some users may even buy some specific operating system just to be able to run the photo editor.
Photo Pea should remove all these problems.
</p>
<h2>Main features of Photo Pea</h2>
<p>Photo Pea should be an advanced editor, so it can be used by professionals. It must have:</p>
<ul>
<li>Layers - to split images into several parts</li>
<li>Layer masks - just generally useful</li>
<li>Blend modes - specifying, how layers "combine" with each other</li>
<li>Brush - there must be a way to change the color of pixels</li>
<li>Selections - choosing, which pixels of layer you want to edit</li>
<li>Procedural adjustments - changing brightness, hue, saturation, convolutions (blur, sharpening ...) etc.</li>
</ul>
<h2>File formats</h2>
<p>I wanted Photo Pea to cooperate with currently used programs and implement their formats. I decided to implement the parser for PSD and XCF.</p>
<p>Well, you know the goals! Follow this blog to see how am I doing :)</p>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/introduction.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

52
blog.photopea.com/merry-christmas.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Merry Christmas!</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,49 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-69">
<span class="date">December 24, 2013</span>
<h1>Merry Christmas!</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>Merry Christmas and Happy New Year to all Photo Pea users and fans!</p>
<span id="more-69"></span>
<p>I am not releasing a new version of Photopea this month, since I am currently too busy with my exams at a college. But new release will be here in February and you will get your Christmas presents (new features) a month later :) .</p>
<p>If I will be able to keep my tempo, Photopea may evolve into pretty decent tool during the year 2014. Wish me luck!</p>
<p style="font-size:4em; color:#990000">Merry Christmas and Happy New Year 2014!</p>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/merry-christmas.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

102
blog.photopea.com/page/2
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Photopea Blog</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,101 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
</div><div id="main">
<div id="content" class="narrowcolumn">
<div class="post" id="post-149">
<span class="date">December 31, 2014</span>
<a class="postlink" href="https://blog.photopea.com/photopea-1-0.html">Photopea 1.0</a>
<p>New release of Photopea is out! It has <strong>22 931</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<h2 class="center">Error 404 - Not Found</h2>
<div class="post" id="post-144">
<span class="date">November 30, 2014</span>
<a class="postlink" href="https://blog.photopea.com/photopea-api.html">Photopea API</a>
<p>Connect your webapps and services with Photopea using our <a href="//www.photopea.com/api">first API</a>.</p>
</div>
<div class="post" id="post-138">
<span class="date">October 26, 2014</span>
<a class="postlink" href="https://blog.photopea.com/photopea-0-9.html">Photopea 0.9</a>
<p>The ninth release of Photopea is out! It has <strong>20 942</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-132">
<span class="date">June 29, 2014</span>
<a class="postlink" href="https://blog.photopea.com/will-it-work.html">Will it work?</a>
<p>When creating a webapp or webpage, you have a very important dilemma.</p>
</div>
<div class="post" id="post-124">
<span class="date">May 27, 2014</span>
<a class="postlink" href="https://blog.photopea.com/photopea-0-8.html">Photopea 0.8</a>
<p>The eighth release of Photopea is out! It has <strong>16 689</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-114">
<span class="date">April 20, 2014</span>
<a class="postlink" href="https://blog.photopea.com/photopea-0-7.html">Photopea 0.7</a>
<p>The seventh release of Photopea is out! It has <strong>15 984</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-90">
<span class="date">March 27, 2014</span>
<a class="postlink" href="https://blog.photopea.com/photopea-0-6.html">Photopea 0.6</a>
<p>The sixth release of Photopea is out! It has <strong>13 756</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-78">
<span class="date">February 28, 2014</span>
<a class="postlink" href="https://blog.photopea.com/photopea-0-5.html">Photopea 0.5</a>
<p>The fifth release of Photopea is out! It has <strong>12 551</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-69">
<span class="date">December 24, 2013</span>
<a class="postlink" href="https://blog.photopea.com/merry-christmas.html">Merry Christmas!</a>
<p>Merry Christmas and Happy New Year to all Photo Pea users and fans!</p>
</div>
<div class="post" id="post-52">
<span class="date">November 21, 2013</span>
<a class="postlink" href="https://blog.photopea.com/photo-pea-0-4.html">Photo Pea 0.4</a>
<p>The fourth release of Photo Pea is out! It has <strong>10 988</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-39">
<span class="date">October 27, 2013</span>
<a class="postlink" href="https://blog.photopea.com/photopea-0-3.html">Photo Pea 0.3</a>
<p>The third release of Photo Pea is out! It has <strong>9 039</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-32">
<span class="date">September 25, 2013</span>
<a class="postlink" href="https://blog.photopea.com/photo-pea-0-2.html">Photo Pea 0.2</a>
<p>The second release of Photo Pea is out! It has <strong>6 982</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-12">
<span class="date">September 14, 2013</span>
<a class="postlink" href="https://blog.photopea.com/photo-pea-0-1.html">Photo Pea 0.1</a>
<p>Description of the first Photo Pea release. Check it out at the <a href="//www.photopea.com">main site</a>.</p>
</div>
<div class="post" id="post-6">
<span class="date">September 14, 2013</span>
<a class="postlink" href="https://blog.photopea.com/introduction.html">Introduction</a>
<p>What is Photo Pea, why it was made, and what should it be used for.</p>
</div>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"><a href="https://blog.photopea.com/" >Newer posts &raquo;</a></div>
</div>
</div>
</div>
<div id="sidebar">
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

64
blog.photopea.com/patterns-and-fill-layers.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Patterns and Fill Layers</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,61 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-344">
<span class="date">January 25, 2017</span>
<h1>Patterns and Fill Layers</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>In this little update, we present the full support for Patterns and Fill Layers.</p>
<span id="more-344"></span>
<h2>Patterns</h2>
<p>Patterns are an important part of every image editor. In PSD files, patterns can be used either in Pattern Fill Layers, or in Layer Styles - Pattern overlay.</p>
<p>Since this release, Photopea contains a Pattern selection button, which is present in properties of a Fill Layer, or in properties of a Pattern Overlay. When you start Photopea, several basic patterns are loaded. You can also open your own patterns (using File - Open or just by dragging and dropping them into Photopea). Patterns should be in a <b>.PAT</b> format, which is the same as for Adobe Photoshop (you can find lots of free patterns on the internet).</p>
<img src="//blog.photopea.com/wp-content/uploads/2017/01/PattButton.png" alt="PattButton" />
<h2>Fill Layers</h2>
<p>PSD files may contain so-called Fill Layers, their content is generated automatically. Fill layer can contain either a Solid Color, a Gradient or a Pattern (with additional parameters such as the size of the pattern, the angle of the gradient, etc.). You can not draw anything into fill layers, but they may have raster or vector masks attached.</p>
<p>Since this release, you can create new Fill Layers using Layer - New Fill Layer. You can also edit the parameters of an existing Fill Layer by double-clicking the thumbnail of the layer.</p>
<img src="//blog.photopea.com/wp-content/uploads/2017/01/GradientFill.png" alt="GradientFill" />
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/patterns-and-fill-layers.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

77
blog.photopea.com/photo-pea-0-1.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photo Pea 0.1</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,74 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-12">
<span class="date">September 14, 2013</span>
<h1>Photo Pea 0.1</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>Description of the first Photo Pea release. Check it out at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-12"></span>
<h2>Features</h2>
<ul>
<li>Parsing and basic rendering of PSD files (see below)</li>
<li>Zoom tool</li>
<li>Hand tool (to move the canvas)</li>
<li>Move tool (for moving layers, masks etc)</li>
<li>History panel + navigation Backward / Forward</li>
</ul>
<h2>PSD format</h2>
<p>The first release of Photo Pea contains PSD parser. PSD format comes from Adobe Photoshop and is well documented at <a href="http://www.adobe.com/devnet-apps/photoshop/fileformatashtml/">Adobe's webpage</a>. My parser is very simple, it parses only 8-bit RGBA image channels (no grayscale, HDR etc.). It also parses several layer properties, raster and vector masks, folder structure and layer effects.</p>
<p>After making such parser, my next goal was to "draw" the image. User will probably want his project to look exactly like in Photoshop.
And there was the first big problem. Adobe says, how to get each integer, float and string out of their file, but they don't say how to interpret all that data. Some properties are obvious (layer dimensions, position, opacity), but others are not.</p>
<p>When making a rasterizer, the first necessary thing was to implement blending with different blend modes. Fortunatelly, blend modes are used across differnt applications. In my implementation, blending should work exactly the same, as in Adobe Photoshop, and probably many other programs.</p>
<p>Another hard and still unfinished feature are layer effects. I had no clue, how they work in Adobe Photoshop, so I could only guess. Usually, it was some combination of blurying, colorizing and combining with current layer. But - for example - Bevel and Emboss effect - I still have no idea how it works. If you know, how Bevel and Emboss effect work, let me know in comments below.</p>
<h2>Speed</h2>
<p>All current Photo Pea code is Javascript and is executed by browser on the CPU. Blending can take several seconds, when you blend large project (several megapixels) with many layers and layer effects. If you look into browser console, you can see some information about parsing and blending time. When you edit something, the project is completely reblended. There is no caching of pre-blended data now.</p>
<p>Modern native editors usually use GPU through OpenGL or OpenCL. It will be also necessary in Photo Pea for having some decent performance. The WebGL standard is already present in all main browsers, but WebCL, which is more appropriate, is not :( </p>
<img class="fullw" src="//blog.photopea.com/wp-content/uploads/2013/09/916FD094-7E37-4143-9FEC-64FC0A1BBA1E.jpg" alt="Screenshot on iPad" />
<p>Drag and Drop your PSD files to PP window and see how it works by yourself :)</p>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photo-pea-0-1.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

64
blog.photopea.com/photo-pea-0-2.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photo Pea 0.2</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,61 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-32">
<span class="date">September 25, 2013</span>
<h1>Photo Pea 0.2</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>The second release of Photo Pea is out! It has <strong>6 982</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-32"></span>
<h2>New features</h2>
<ul>
<li>Saving to PSD format (File - Save as PSD)</li>
<li>Pattern Overlay layer effect implemented</li>
<li>Several bugs removed</li>
<li>Several memory optimizations</li>
</ul>
<h2>Saving to PSD</h2>
<p>PSD format uses several types of channel compression. It saves raw data, RLE (PackBits), ZIP with and without prediction. Adobe Photoshop uses RLE by default. At the beginning, I implemented saving raw data. But output files were about 5 times larger, than original from Photoshop, so I decided to implement RLE. My RLE implementation is probably not as good as one from Adobe, because output files are still about 10 to 60 percent larger than original file.</p>
<p>Now you can easily convert any JPG/PNG/WEBP to PSD inside a browser.</p>
<p>The input and output works well. I would like to focus on some editing tools in future releases.</p>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photo-pea-0-2.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

62
blog.photopea.com/photo-pea-0-4.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photo Pea 0.4</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,59 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-52">
<span class="date">November 21, 2013</span>
<h1>Photo Pea 0.4</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>The fourth release of Photo Pea is out! It has <strong>10 988</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-52"></span>
<h2>New features</h2>
<ul>
<li>Clone Stamp Tool and Eraser Tool</li>
<li>Brush, Clone and Eraser work with raster masks too</li>
<li>First procedural adjustment: Hue/Saturation</li>
<li>Selections: Rectangle select, Ellipse select, Classic and Polygonal Lasso</li>
<li>Magic Wand tool for selecting "similar" pixels</li>
<li>5 set operations to combine selections</li>
<li>Select -> All, Inverse, Expand, Contract and Feather commands</li>
<!--<li>* Move Tool does not cooperate with selections yet</li>-->
<li>Several keyboard shortcuts added</li>
</ul>
<img class="fullw" src="http://blog.photopea.com/wp-content/uploads/2013/11/pp_0.4.png"></img>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photo-pea-0-4.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

69
blog.photopea.com/photopea-0-3.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photo Pea 0.3</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,66 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-39">
<span class="date">October 27, 2013</span>
<h1>Photo Pea 0.3</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>The third release of Photo Pea is out! It has <strong>9 039</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-39"></span>
<h2>New features</h2>
<ul>
<li>Editing layer tree (drag'n'drop items, new layer/folder/mask, delete layer, rename)</li>
<li>New options: Save for web, New project</li>
<li>Brush tool - support for .ABR brushes</li>
<li>Color Picker</li>
<li>Several bugs removed</li>
</ul>
<h2>ABR brushes</h2>
<p>I was thinking about some good format for storing brushes externally. I found out, that there are tons of brushes in ABR, which is the brush format for Adobe Photoshop. Sadly, this format is not publicly documented. I had to play with it for a long time, until I finally finished the parser (maybe it is called reverse engineering, I am not sure).</p>
<h2>Image Export</h2>
<p>I added 3 formats into Save for web menu: PNG, JPG and WEBP. All existing libraries for encoding were too slow, so I decided to use Canvas.toDataUrl(...). The size and quality of exported files may vary in different browsers.</p>
<h2>Usage scenarios</h2>
<p>In current state, PhotoPea can be used for resizing images (Drag'n'drop a file, File->Save for web, enter dimension, Save). It can also be used as a simple drawing tool with layers and PSD export (and blend modes).</p>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-0-3.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

69
blog.photopea.com/photopea-0-5.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 0.5</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,66 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-78">
<span class="date">February 28, 2014</span>
<h1>Photopea 0.5</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>The fifth release of Photopea is out! It has <strong>12 551</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-78"></span>
<h2>New features</h2>
<ul>
<li>Crop Tool</li>
<li>Gradient Tool</li>
<li>Loading and parsing Adobe Gradients (.GRD) format</li>
<li>Partial Layer Style editor (double click on lyer)</li>
<li>Several bugs removed</li>
<li>Changing product name from "Photo Pea" to "Photopea"</li>
</ul>
<h2>Layer styles</h2>
<p>Automatic layer styles (drop shadow, stroke etc.) are very useful features of every image editor. Currently there exist millions of PSD files, which use layer styles of Adobe Photoshop, so we decided to adopt them as the basic set of styles into Photopea. In future versions, I plan to add new styles or extend current ones by new features.</p>
<p>Note, that Photopea is <strong>only simulating</strong> styles from Adobe Photoshop. PSD files contain many numbers (parameters) for each style and Adobe does not say, how to transform those numbers into an actual image, so I implemented them as "how I thing they might work". I still have no idea how Bevel and Emboss work, if you know it, please tell me that in comments.</p>
<h2>GRD files</h2>
<p>Drawing gradients is also a very useful feature of image editor. Currently there are thousands of GRD files available for free on the internet, so I decided to add support for them. To use your GRD file, just drag and drop that file into Photopea.</p>
<img class="fullw" src="//blog.photopea.com/wp-content/uploads/2014/02/pp_0.5.png" />
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-0-5.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

59
blog.photopea.com/photopea-0-6.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 0.6</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,56 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-90">
<span class="date">March 27, 2014</span>
<h1>Photopea 0.6</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>The sixth release of Photopea is out! It has <strong>13 756</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-90"></span>
<h2>New features</h2>
<ul>
<li>Gradient Editor</li>
<li>Move Tool can move and duplicate sub-area now</li>
<li>Vector Masks rebuilt - shapes are combined correctly</li>
<li>Layer menu - New, Delete, Raster Mask, Vector Mask</li>
<li>More features editable in Layer Style Editor (including gradient)</li>
<li>Rendering the project is 12 % faster now</li>
<li>Several bugs fixed</li>
<li>We have a brand new <a href="https://twitter.com/photopeacom">Twitter account</a> and <a href="https://www.facebook.com/photopea">Facebook page</a>. Become a follower!</li>
</ul>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-0-6.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

64
blog.photopea.com/photopea-0-7.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 0.7</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,61 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-114">
<span class="date">April 20, 2014</span>
<h1>Photopea 0.7</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>The seventh release of Photopea is out! It has <strong>15 984</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-114"></span>
<h2>New features</h2>
<ul>
<li>Levels tool (Ctrl+L) and Curves tool (Ctrl+M)</li>
<li>Free Transform added (Edit -> Free Transform)</li>
<li>Magnetic Lasso</li>
<li>Copy / Paste of selected area, works between multiple projects</li>
<li>System clipboard support - you can paste any copied (or PrintScreened) image using Ctrl+V</li>
<li>(These two parts will be "merged" after some browser implements the new <a href="http://www.w3.org/TR/2014/WD-clipboard-apis-20140313/">Clipobard API</a>)</li>
<li>Satin layer style implemented</li>
<li>Nicer alert message panel</li>
</ul>
<!--
<h2>Magnetic Lasso</h2>
<p>The tool Magnetic Lasso is a Photopea version of Magnetic Lasso in Adobe Photoshop and Scissor Select in Gimp. This tool should help you to make proper selections by "snapping" to contours of image near the cursor. I implemented it according to <a href="http://citeseerx.ist.psu.edu/viewdoc/summary?doi=10.1.1.151.5098">Intelligent Scissors for Image Composition (1995) by Eric N. Mortensen , William A. Barrett</a>, including dynamic Path Cooling.</p>
-->
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-0-7.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

65
blog.photopea.com/photopea-0-8.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 0.8</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,62 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-124">
<span class="date">May 27, 2014</span>
<h1>Photopea 0.8</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>The eighth release of Photopea is out! It has <strong>16 689</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-124"></span>
<h2>New features</h2>
<ul>
<li>Layer Fill editing</li>
<li>Selection from layer's alpha channel (Ctrl + click on layer)</li>
<li>Blending optimized (15 % faster)</li>
<li>First two filters in Photopea! Gaussian Blur and Box Blur</li>
<li>Text data parser</li>
<li>We started to examine our options with Type Tool</li>
</ul>
<h2>Type Tool</h2>
<p>Native programs can access the list of fonts available at the device. They can read the actual files, parse curves, transform them etc. But there is no API for webapps to access current user's fonts or even checking, if some font is available. The "context2D" API of Canvas element has "fillText" method, which allows us to rasterize simple text. But PSD text may be "Faux" Bold / Italic, or have Warp effects on it. So we need to work with curves.</p>
<p>Photopea could use its own fonts and don't care about user's fonts. But some users may want to edit their PSDs, where they use some special font. Even basic fonts like Arial or Times new Roman are licenced and Photopea can not use them for free. So we need an option for users to use their own font files. </p>
<p>We are facing so many obstacles with Type Tool. It should work correctly, while being simple to use. If you have any ideas or suggestions to help us move Photopea forward, write them in the comments below.</p>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-0-8.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

67
blog.photopea.com/photopea-0-9.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 0.9</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,64 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-138">
<span class="date">October 26, 2014</span>
<h1>Photopea 0.9</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>The ninth release of Photopea is out! It has <strong>20 942</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-138"></span>
<h2>New features</h2>
<ul>
<li><strong>Type Tool</strong></li>
<li>Support for TTF fonts (drag'n'drop font file into PP)</li>
<li>Several bugs fixed</li>
</ul>
<h2>Type Tool</h2>
<p>Type Tool was probably the hardest tool I had to implement. Not because of complexity of programming, but because of compatibility with PSD format. The problem was finally solved and Photopea can edit text layers of PSD created by Photoshop, and Photoshop can edit text layers of PSD created by Photopea.</p>
<p>There may be a slight difference in text layers rendered by Photoshop and Photopea. While Photoshop rounds text coordinates to whole pixels, Photopea keeps the coordinates as floating point nubmers, so spaces between lines or between words may be slightly different.</p>
<h2>Fonts</h2>
<p>Photopea has its own fonts, stored at the web server. Additional fonts must be Drag'n'dropped by user. Photopea can not access local fonts (e.g. C:\Windows\Fonts on Windows) automatically.</p>
<p>Whenever you edit text layer with missing font, it is rendered by substitute font. Feel free to edit such text layer and save it, Photopea keeps the information about original font, so you can re-render it later (in Photopea or Photoshop, when font is available).</p>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-0-9.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

71
blog.photopea.com/photopea-1-0.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 1.0</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,68 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-149">
<span class="date">December 31, 2014</span>
<h1>Photopea 1.0</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>New release of Photopea is out! It has <strong>22 931</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-149"></span>
<h2>New features</h2>
<ul>
<li>Support for Smart Objects</li>
<li>New Brush engine, that supports many features of ABR brushes</li>
<li>Brush panel, that edits many features of ABR brushes</li>
<li>Support for XCF format (Gimp)</li>
<li>Touch support</li>
<li>Support for HiDPI displays</li>
<li>Support for PSB files</li>
<li>Gradients are rendered 3x faster</li>
<li>Several bugs fixed</li>
</ul>
<h2>Smart Objects</h2>
<p>New version of PP supports Smart Objects, contained in PSD files. Smart objects are decoded from PSD file. They can be transformed (Free Transform) without loosing quality. Smart Objects are saved back into PSD file.</p>
<h2>XCF files</h2>
<p>XCF files can be opened in PP since this version. PP reads layer structure including folders (groups), layer masks, opacities, blend modes etc. XCF can be saved into PSD, JPG, PNG and other formats, supported by PP.</p>
<p style="font-size:4em; color:#990000">Happy New Year 2015!</p>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-1-0.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

69
blog.photopea.com/photopea-1-1.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 1.1</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,66 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-156">
<span class="date">February 27, 2015</span>
<h1>Photopea 1.1</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>New release of Photopea is out! It has <strong>24 163</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-156"></span>
<h2>New features</h2>
<ul>
<li>New and correct Hue - Saturation - Lightness editor</li>
<li>Bevel and Emboss style</li>
<li>Contour editor (you can use your own .SHC contours)</li>
<li>15% faster rendering of layer styles</li>
<li>Caching layer styles (smoother workflow)</li>
<li>Blending layers as RGBA format (20% faster)</li>
</ul>
<h2>Bevel and Emboss</h2>
<p>When I was implementing first layer styles (<a href="http://blog.photopea.com/photo-pea-0-1.html">year and a half ago</a>), Bevel and Emboss seemed too complicated and I didn't know how exactly each parameter works. I decided not to do anything else (with PP), until I solve this. It took me one Friday + weekend to figure it out.</p>
<p>The effect does not look 100% the same, as in Adobe Photoshop, but it is very similar. Computation is quite hard, it may take about 150 ms for 500x500px layer. Most of this time PP is computing <a href="http://en.wikipedia.org/wiki/Distance_transform">distance transform</a>.</p>
<h2>Last two features</h2>
<p>Last two features improve the "smoothness" of Photopea dramatically. Previously, when you edited a project (e.g. moved a layer or entered a new character into text field), PP used to redraw the whole project, recompute each drop shadow or stroke of each layer, and blend it all together. Starting from this version, layer style is re-rendered ony when it is changed, or layers pixels are changed (or global angle is changed etc.). Working with Photopea is much smoother now.</p>
<p>But smoothness was not the main reason of these two features. Thanks to "thrifty" rendering of styles and keeping pixels in RGBA format (instead of each channel in separate array), PP is ready to move to <a href="http://en.wikipedia.org/wiki/WebGL">WebGL</a>-accelerated rendering of layers. Each layer and layer style would have its copy in WebGL memory. Composing layers would be blazing fast, allowing you to smoothly edit large projects with lots of layers. Or, at least, that's what I expect :)</p>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-1-1.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

67
blog.photopea.com/photopea-1-2.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 1.2</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,64 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-163">
<span class="date">July 26, 2015</span>
<h1>Photopea 1.2</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>New release of Photopea is out! It has <strong>26 383</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-163"></span>
<h2>New features</h2>
<ul>
<li>More than 1000 new fonts</li>
<li>Character window</li>
<li>Paragraph window</li>
<li>Stack-style of warnings</li>
</ul>
<h2>New fonts</h2>
<p>Using services like <a href="https://www.google.com/fonts">Google Fonts</a> and <a href="http://www.fontsquirrel.com/">Font Squirrel</a>, I gathered a set of more than 1000 free fonts. All these fonts are available to you in PP now. If you are using some free font in your project, it is probalby already present in Photopea. And if not, you can still drag'n'drop your own TTF font into PP.</p>
<p>To help you navigate through such a large amount of fonts, they are alphabetically sorted. You can display only specific categories of fonts, or filter out unwanted fonts using restrictions (e.g. displaying only fonts containing Cyrillic characters, etc.).</p>
<h2>Text and paragraph style editing</h2>
<p>Now, you can edit almost all properties of text, that are stored in PSD file (leading, vertical scale, baseline shift, superscript, underline etc.). Controls are separated into Character and Paragraph windows, similar to Adobe Photoshop.</p>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-1-2.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

64
blog.photopea.com/photopea-1-3.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 1.3</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,61 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-172">
<span class="date">August 26, 2015</span>
<h1>Photopea 1.3</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>New release of Photopea is out! It has <strong>27 587</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-172"></span>
<h2>New features</h2>
<ul>
<li><b>WebGL acceleration</b></li>
<li>Eyedropper tool</li>
<li>Faster rasterization of layer styles</li>
<li>Several bugs removed</li>
</ul>
<h2>WebGL acceleration</h2>
<p>Most of modern native image editors use GPU acceleration, usually through OpenGL interface. Since this release, Photopea is also accelerated, thanks to WebGL interface. Acceleration can be enabled or disabled at any time during work, using a checkbox at the top of the editor.</p>
<p>Pixel data of each layer are stored in WebGL memory. WebGL is used for blending (for all blend modes), weighted average (used in masking and layer styles) and for user interface (applying zoom on project, combining with background grid, highlighting selection area etc). We plan to use hadrware acceleration also for other operations in the future.</p>
<p>Redrawing a project with resolution 2048x1152 pixels, with 10 full-size layers and 3 layer effects takes 850 ms without WebGL acceleration, and 55 ms with acceleration. Try it by yourself on your own device in <a target="_new" href="http://www.photopea.com/?p=%7B%22files%22:%5B%22http://www.photopea.com/api/test/images/many_layers.psd%22%5D,%22server%22:%7B%22url%22:%22http://www.photopea.com/api/test/saveImage.php%22,%22formats%22:%5B%22psd%22%5D%7D%7D">this demo</a>. Feel free to download PSD and open it in Photoshop or Gimp for comparison. In my case, Photopea seems even a little smoother.</p>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-1-3.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

66
blog.photopea.com/photopea-1-4.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 1.4</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,63 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-185">
<span class="date">November 19, 2015</span>
<h1>Photopea 1.4</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>New release of Photopea is out! It has <strong>29 970</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-185"></span>
<h2>New features</h2>
<ul>
<li><b>Adjustment layers</b></li>
<li>Blend modes and layer styles <b>on folders</b></li>
<li>Clear and Fill operation on layers and masks</li>
<li>Several bugs removed</li>
</ul>
<h2>Adjustment layers</h2>
<p>Adjustment layers can be present in PSD files since Adobe Photoshop 4.0. Photopea can load these layers from PSD, display them in Layers panel and save them back into PSD file. Brightness/Contrast, Levels, Curves, Exposure, Vibrance, Hue/Saturation layers have <b>full support</b> (new adjustment layers can be created, edited, and rendered by Photopea). And of course, they are processed by the GPU in WebGL mode. New types of adjustments will be implemented in the future.</p>
<p>Parameters of adjustment layer can be edited in a new panel Properties, which is the similar way they are edited in Adobe Photoshop.</p>
<h2>Blending folders</h2>
<p>Folder of layers can have its own blend mode and layer style. Instead of a single layer, layer style is applied to a whole content of a folder. For example, if you want to stroke the layer 10 times, you can put it into 10 nested folders and give layer effect to each one of them.</p>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-1-4.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

72
blog.photopea.com/photopea-1-5.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 1.5</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,69 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-195">
<span class="date">February 21, 2016</span>
<h1>Photopea 1.5</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>New release of Photopea is out! It has <strong>31 023</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-195"></span>
<h2>New features</h2>
<ul>
<li>Custom cursors for some tools</li>
<li>Context menu (right-click) in Layers panel</li>
<li>Layer and style rasterization</li>
<li>Merging layers</li>
<li>Layer duplication, duplication between projects</li>
<li>Creating and editing smart objects (doubleclick on thumbnail)</li>
<li>Several bugs removed</li>
</ul>
<h2>Custom cursors</h2>
<p>Since this version, Photopea uses custom cursors for some tools. We have hand cursor for Hand tool, plus and minus cursor for Zoom tool
and arrow cursors for resizing rectangles (Free Transform, Crop, Type tool). Brush-like tools (Brush, Eraser, Clone Stamp) have cursor as a contour of current brush.</p>
<h2>Smart objects</h2>
<p>Unlike classic layer, which has a constant pixel data, smart layer has fixed source (JPG file, PSD file ...) and pixel data can be regenerated at any time from that source. After transforming layer to be 10x smaller and then transforming it back, making it 10x bigger, classic layer loses precission, becomes pixelized. Smart layer does not, because its content is regenerated from original source file.</p>
<p>Another advantage of smart layer is, that we can have multiple smart layers with a same source (e.g same snowflake at different positions and sizes). After editing a source (doubleclick, editing, File - Save Smart Object), all smart layers that use it are updated.</p>
<img src="//blog.photopea.com/wp-content/uploads/2016/02/smart_object1.png" />
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-1-5.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

68
blog.photopea.com/photopea-1-6-meets-google-drive.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 1.6 meets Google Drive</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,65 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-212">
<span class="date">March 31, 2016</span>
<h1>Photopea 1.6 meets Google Drive</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>New release of Photopea is out! It has <strong>31 595</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-212"></span>
<h2>New features</h2>
<ul>
<li>Available through Google Drive</li>
<li>Support for BMP and ICO formats (both opening and export)</li>
<li>Improved interface (tabbable input elements, highlighting text input after clicking on the label)</li>
</ul>
<h2>Google Drive</h2>
<p>To make Photopea available inside your Google Drive, install it from <a href="https://chrome.google.com/webstore/detail/photopea/fmophgdjdipcbfjiopifpngdjmemonko">Photopea at Chrome Webstore</a> (you don't need the Chrome browser, but you must have a Google account). You can also install it to Google Drive through Settings - App management - Add a new app and searching for Photopea.</p>
<p>After installation, doubleclick any PSD file (in Google Drive) to open it using Photopea. You can also open other files (JPG, PNG, ...) using right click - Open with - Photopea. Feel free open multiple files at the same time. When you're done, simply press Ctrl+S to save it back to Google Drive in the original format. You can also create a new PSD inside Google Drive, just click Create - More - Photopea.</p>
<iframe src="https://www.youtube.com/embed/p7kjmwhlNrA?cc_load_policy=1" style="width:100%;height:26em;" allowfullscreen></iframe>
<p>There is a new Save button (available through Ctrl+S), which can save the project to its "origin". The origin can be Google Drive, distant server (when you are using <a href="http://www.photopea.com/api/">Photopea API</a>), or another PSD, when you are editing a Smart Object.</p>
<p>Photopea is limited to updating a file, which already existed in the GD (or was created from the GD). In the future, you will be able to navigate through your Drive structure from Photopea, save a project to multiple locations in multiple formats, etc.</p>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-1-6-meets-google-drive.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

71
blog.photopea.com/photopea-1-7.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 1.7</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,68 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-234">
<span class="date">May 2, 2016</span>
<h1>Photopea 1.7</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>New release of Photopea is out! It has <strong>32 200</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-234"></span>
<h2>New features</h2>
<ul>
<li>Support for GIF format (import just a single frame, export as a one-frame GIF)</li>
<li><b>Guides</b> (moving, adding, deleting)</li>
<li><b>Rulers</b> (View - Rulers)</li>
<li>Drawing straight lines when holding Shift</li>
<li>Rotating 15 degrees when holding Shift</li>
<li>Grouping Layers (Ctrl+G)</li>
<li>View - Zoom In / Out (Ctrl and +/-)</li>
<li>Drag-n-Dropped images are added into a current project as new layers</li>
<li>Warning mesage before closing PP, when there are unsaved changes</li>
</ul>
<h2>Guides</h2>
<p>Guides are horizontal or vertical lines, which can help us with aligning elements inside a project. To create a guideline, enable Rulers first (View - Rulers or Ctrl+R). You can edit guides using Move tool only. Now you can click on horizontal ruler an drag down a new guide from it. Any guide can be moved also using Move tool. In order to remove a guide, click on it and drag it back onto horizontal ruler. You can work with vertical guides in the same way, using the vertical ruler.</p>
<p>When you save your project as PSD, rulers are included into PSD file and will be available after opening that file in Adobe Photoshop or other programs with PSD support.</p>
<img src="//blog.photopea.com/wp-content/uploads/2016/05/pea.png" />
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-1-7.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

76
blog.photopea.com/photopea-1-8.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 1.8</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,73 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-247">
<span class="date">June 28, 2016</span>
<h1>Photopea 1.8</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>New release of Photopea is out! It has <strong>30 533</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-247"></span>
<h2>New features</h2>
<ul>
<li><b>Clipping masks</b></li>
<li>Scrolling with a mouse wheel</li>
<li>Choosing an object under a cursor with the Move tool (hold Ctrl)</li>
<li>Toy / Experiment: File - <b>Take a picture</b>, File - <b>Save Online</b></li>
<li>Image navigation in Save For Web</li>
<li>Keyboard shortcuts for tools (B: brush, V: move, ...)</li>
<li>Switching to HTTPS, several bugs removed, ...</li>
</ul>
<h2>Clipping masks</h2>
<p>Clipping masks is another very popular property in PSD files. When a layer is set to be a clipping mask, it is applied only to the layer beneath it (the bottom layer "clips" the clipping mask layer). When there is a "chain" of clipping masks, all of them are applied to the first layer beneath them, which is not a clipping mask.</p>
<p>To make a layer a clipping mask, you can right-click it and select Enable Clipping Mask / Disable Clipping Mask.</p>
<img class="fullw" src="//blog.photopea.com/wp-content/uploads/2016/06/clipping.png" />
<h2>Take a photo</h2>
<p>Would you like to show your new haircut to a friend? Simply go to Photopea.com, choose File - Take a photo, take a picture into a new project, choose File - Save Online (to Imgur), share a link with your friend, done!</p>
<p>I have added these new functions (Take a photo and Save online) mainly because of myself. Sometimes, I need to take a picture quickly and it would take too long to do it through a phone. There are many webapps, which can take a picture using a webcam, but they have low resolution, they are full of ads and use Flash. With Photopea, it takes just 2 clicks now.</p>
<p>Saving a file online temporarily is quite useful, when I need to share a printscreen with my friend. I can insert it straight into Imgur (or similar service), but I usually need to crop it, highlight something etc. before sharing. It also can be used to quickly share a preview of your work with a friend or a client.</p>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-1-8.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

71
blog.photopea.com/photopea-1-9.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 1.9</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,68 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-266">
<span class="date">August 3, 2016</span>
<h1>Photopea 1.9</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>New release of Photopea is out! It has <strong>32 156</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-266"></span>
<h2>New features</h2>
<ul>
<li>Brand new font parser <a href="//github.com/photopea/Typr.js">Typr.js</a>!</li>
<li>Support for OTF fonts</li>
<li>Warping of type layers</li>
<li>1000 new fonts in the database</li>
<li>Keeping aspect ratio when saving for web</li>
<li>Several bugs fixed</li>
</ul>
<h2>Typr.js</h2>
<p>Photopea was using <a href="//github.com/nodebox/opentype.js">opentype.js</a> library for parsing and drawing fonts. Because of bugs, OTF fonts were rendered incorrectly. Several free TTF fonts were impossible to parse and had to be excluded from our database.</p>
<p>We made a brand new library Typr.js, which renders OTF fonts correctly and supports even old TTF files. We <a href="//github.com/photopea/Typr.js">released it as open-source</a>, available to everybody for free.</p>
<h2>Text Warping</h2>
<p>Type layers in a PSD file may have warp parameters attached to them. Warping parameters bend the text in some way. Starting with this release, warped layers are rendered correctly. You can also change warping parameters of existing layers and add warping to the new layers.</p>
<img src="//blog.photopea.com/wp-content/uploads/2016/08/warp.png" />
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-1-9.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

74
blog.photopea.com/photopea-2-0.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 2.0</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,71 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-275">
<span class="date">August 24, 2016</span>
<h1>Photopea 2.0</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>New release of Photopea is out! It has <strong>33 593</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-275"></span>
<h2>New features</h2>
<ul>
<li>Ready for Localization!</li>
<li>Preserving settings</li>
<li>Simple user accounts</li>
<li>Paint Bucket tool</li>
<li>Colors of layers</li>
<li>Several bugs fixed</li>
</ul>
<h2>Localization</h2>
<p>Starting with this release, Photopea is prepared for localization to other languages. Right now, you can choose between the English and the Czech language, which was added as a proof of concept.</p>
<p>We don't have the capacity to translate Photopea, so we would like to ask you, our users, to do it. We have prepared a <a href="//www.photopea.com/translate/" target="_blank">Translation App</a>, where you can easily translate Photopea to your language. Share a link with your friend and translate it together. As soon as any language gets 50 - 70 % translated, it will be added to Photopea.com :)</p>
<p>For such purposes, we have created a special <a href="//github.com/photopea/OpenWord" target="_blank">OpenWord format</a>, which is free to implement by anybody. The future localization files will also be shared with the open source community.</p>
<img src="//blog.photopea.com/wp-content/uploads/2016/08/languages.png" alt="languages" width="561" height="131" class="alignnone size-full wp-image-277" />
<h2>Preserving settings</h2>
<p>During your work with Photopea, you may change the settings of the environment (enable rulers, change the foreground or background color, change the language, more settings are coming in the future). Since this release, Photopea remembers these settings, so you get back to the same environment the next time you open Photopea.</p>
<p>We have made a simple user database. You can log in with your Google or Facebook account. When you are logged in, your settings are stored on the server, in case you lose your computer or need to work from another device.</p>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-2-0.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

72
blog.photopea.com/photopea-2-1.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 2.1</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,69 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-288">
<span class="date">September 9, 2016</span>
<h1>Photopea 2.1</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>New release of Photopea is out! It has <strong>34 982</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-288"></span>
<h2>New features</h2>
<ul>
<li>Filters and Smart Filters!</li>
<li>Converting text to vector mask</li>
<li>Edit - Transform - Rotate, Flip ...</li>
<li>Rotation in Crop tool</li>
<li>Support for PSDs with zipped image data</li>
<li>Several bugs fixed</li>
</ul>
<h2>Filters and Smart Filters</h2>
<p>Image filters are a very common tool in many image editors. When you apply a filter to an image, the original pixels are replaced with new, filtered pixels. Photopea has the same behavior, when you apply filters to a classic layer.</p>
<p>In a PSD format, instances of a smart object may have a list of filters attached to them (called Smart Filters). When a smart object is changed, filters are re-applied. Such filters can be reconfigured, enabled or disabled at any time in the future. The original image is still preserved inside a smart object. Smart filters can have their own mask, which hides the filtered image, revealing the original image.</p>
<img src="//blog.photopea.com/wp-content/uploads/2016/09/smart_filters.png" />
<p>In order to let users work with PSDs containing smart filters, Photopea probably has to support a HUGE amout of filters. It is not clear how many, because there is no list of filters in <a href="//www.adobe.com/devnet-apps/photoshop/fileformatashtml/">the official specification</a>. </p>
<p>In version 2.1, Photopea supports following filters: Average, Blur, Blur More, Box Blur, Gaussian Blur, Add Noise, Clouds, Sharpen, Sharpen More and Find Edges. Which filters do you use the most? Let us know and we will add them in the future!</p>
<p>P.S. With each new version of Photopea, there are new phrases, that need translation to other languages. Even when the previous version of Photopea was fully translated to some language, the translation becomes incomplete with a new version. You can help us translate Photopea to your language at <a href="//www.photopea.com/translate/">photopea.com/translate</a>.</p>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-2-1.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

76
blog.photopea.com/photopea-2-2.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 2.2</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,73 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-329">
<span class="date">January 16, 2017</span>
<h1>Photopea 2.2</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>New release of Photopea is out! It has <strong>36 906</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-329"></span>
<h2>New features</h2>
<ul>
<li>Distortion transform</li>
<li>Warp transform</li>
<li>Info panel</li>
<li>Several bugs fixed</li>
</ul>
<p>PSD files may contain Smart Objects, which have different transformations applied to them. In order to let our users edit these transformations, we decided to add them into Photopea. They work in a similar way as in Adobe Photoshop and probably other photo editors.</p>
<h2>Distortion</h2>
<p>Free Transform (Edit - Free Transform) is a part of Photopea for a long time. It allows us to scale, rotate and skew layers in many ways. However, it is not possible to make a "3D transformation" with it. Since now, we can use Distortion transform in Photopea. When the Free Transform is on, press and hold the Control button. Now, you can move each corner of an image independently on other corners.</p>
<img src="//blog.photopea.com/wp-content/uploads/2017/01/distort.jpg" alt="distort" class="fullw" />
<h2>Warp</h2>
<p>Distortion may let us do a 3D transformation of an image, but it is still not enough in some cases. Sometimes, we may want to place an image on the surface, which is not flat (a cylinder or a sphere). In these cases, we would like to "bend" the image into a more interesting shape.</p>
<p>Warp allows us to bend the rectangular area using 16 control points. There are four control points for the location of corners, each corner has two control points for the direction of edges near that corner (8 more points) and there are four control points for the center of an image. There are also several predefined shapes, such as Arch or Flag, so you don't have to move points manually.</p>
<p>When Free Transform is on, there will be a "Warp" button in the top panel. Click it to switch between a standard editing mode and a warp editing mode.</p>
<img src="//blog.photopea.com/wp-content/uploads/2017/01/warp.jpg" alt="warp" class="fullw" />
<p>Both distortion and warping are applicable to standard layers, smart objects, raster masks and vector masks (shapes). When transforming smart objects, transformation parameters are loaded from a PSD file and they will be stored back into a PSD file.</p>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-2-2.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

74
blog.photopea.com/photopea-2-3-six-new-tools.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 2.3 &#8211; six new tools!</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,71 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-357">
<span class="date">February 5, 2017</span>
<h1>Photopea 2.3 &#8211; six new tools!</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>New release of Photopea is out! It has <strong>37 400</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-357"></span>
<h2>New features</h2>
<ul>
<li>Blur Tool, Sharpen Tool, Smudge Tool</li>
<li>Dodge Tool, Burn Tool, Sponge Tool</li>
<li>Flow parameter added to Brush, Eraser and Clone Stamp tools</li>
<li>Offset filter (Filter - Other - Offset)</li>
<li>Several bugs fixed</li>
</ul>
<p>Six new tools for image editing have been added to Photopea today. You may already know these tools from other editors (Adobe Photoshop, Gimp, Pixlr, ...). While there are six separate tools in Photoshop and Pixlr (and Photopea), in Gimp, Blur and Sharpen are connected into a single tool, as well as Dodge and Burn.</p>
<p>All these tools behave like brushes. You can choose a specific diameter and a hardness of the tip, as well as many other parameters of brushes (in the Brush window). All of them can be applied to raster masks, too.</p>
<h2>Blur, Sharpen, Smudge</h2>
<p>The Blur Tool can be used for bluring specific areas of an image, same for the Sharpen tool. The Smudge tool is probably the most advanced of them all. It is the analogy of moving your finger across the wet paint on the painting. You can spread colors to other areas, make object longer or shorter, or move the border between two objects.</p>
<img src="//blog.photopea.com/wp-content/uploads/2017/02/smudge.png" alt="distort" class="fullw" />
<h2>Dodge, Burn, Sponge</h2>
<p>Dodge and Burn tools can be used to make image lighter or darker. As in other editors, you can choose, whether you want to dodge shadows, midtones or highlights. Use Sponge tool to saturate or desaturate specific areas of an image.</p>
<p>Right now, these tools are located in two separate tool groups, just as in Adobe Photoshop. Let us know, if you would prefer other locations of these tools.</p>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-2-3-six-new-tools.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

86
blog.photopea.com/photopea-2-4.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 2.4</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,83 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-367">
<span class="date">March 2, 2017</span>
<h1>Photopea 2.4</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>New release of Photopea is out! It has <strong>38 810</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-367"></span>
<h2>New features</h2>
<ul>
<li>Spot Healing Brush</li>
<li>Healing Brush</li>
<li>Patch Tool</li>
<li>Several bugs fixed</li>
</ul>
<img src="//blog.photopea.com/wp-content/uploads/2017/03/healing_tools.png" />
<h2>Spot Healing Brush</h2>
<p>This tool is present in Adobe Photoshop, Pixlr, Affinity Photo and many other editors. It usually has the name Spot Healing Brush, Inpainting tool, Retouch tool etc.</p>
<p>Spot Healing brush lets you remove objects and unwanted artifacts from pictures. Simply draw over an unwanted area, just like you do with a Brush tool, and release the mouse. After that, the area, that you drew over, will be "forgotten" and replaced with some appropriate content, that surrounds the area.</p>
<p>For example, when you have a sandy beach and there is a stone in the middle, you draw over that stone and it will be replaced with sand. If you have a field with yellow flowers and a single red flower, you draw over the red flower and it will be replaced by a yellow flower. You can "heal" the skin, remove scratches from old photographs etc.</p>
<p>You would have to use Clone Stamp for several minutes to achieve a similar result. Spot Healing Brush usually takes 1 to 5 seconds. In extreme cases, it may take up to 30 seconds to fill the area (when the area, that is being healed, is more than 50% of the whole image area).</p>
<p>Below, you can see the original image, the spot, that is being healed, a result from Photopea and a result from Adobe Photoshop. We believe, that Photopea produces better results, than Adobe Photoshop (but it also takes more time).</p>
<a href="//blog.photopea.com/wp-content/uploads/2017/03/asia.jpg" target="new">
<img src="//blog.photopea.com/wp-content/uploads/2017/03/asia.jpg" class="fullw" /></a>
<a href="//blog.photopea.com/wp-content/uploads/2017/03/beach.jpg" target="new">
<img src="//blog.photopea.com/wp-content/uploads/2017/03/beach.jpg" class="fullw" /></a>
<a href="//blog.photopea.com/wp-content/uploads/2017/03/cow.jpg" target="new">
<img src="//blog.photopea.com/wp-content/uploads/2017/03/cow.jpg" class="fullw" /></a>
<p>Also, when some part of the image is missing (e.g. corners after rotating the photo), you can use Spot Healing Brush as a "content-aware fill".</p>
<h2>Healing Brush and Patch tool</h2>
<p>These tools are also very popular in image editors. They perform an advanced cloning, which adapts the new content to its surrounding.</p>
<p>Using a Healing brush is the same as using Clone Stamp. The only difference is, that the cloned content is adapted after releasing the mouse. With a patch tool, you first have to create a selection over an area that you want to be replaced. Then, you can drag that selection to another place, to choose the source of cloning. And again, the area is adapted after releasing the mouse.</p>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-2-4.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

70
blog.photopea.com/photopea-2-5.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 2.5</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,67 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-386">
<span class="date">March 23, 2017</span>
<h1>Photopea 2.5</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>New release of Photopea is out! It has <strong>38 857</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-386"></span>
<h2>New features</h2>
<ul>
<li>Enhancing Layer Styles</li>
<li>Enhancing Adjustment layers</li>
<li>Folders with layer styles improved</li>
<li>Several bugs fixed</li>
</ul>
<h2>Enhancing layer styles</h2>
<p>We have updated the rendering of layer styles in this release. Stroke style has a Fill Type: Color, Gradient or Pattern. Bevel and Emboss may have an additional Contour or a Texture. </p>
<p>Styles are much smoother, you can use even complex combinations of style parameters. <a target="new" href="https://www.photopea.com/?p=%7B%22files%22:%5B%22//www.photopea.com/api/img/pp_gold.psd%22%5D%7D">Try the gold text effect</a>.</p>
<img src="//blog.photopea.com/wp-content/uploads/2017/03/pp_gold.jpg" class="fullw" />
<h2>Enhancing Adjustment layers</h2>
<p>Adjustment layers are perfect for tweaking the look of several layers without actually changing their content. Previously, adjustment layers could have their own opacity and mask. Now, they can aditionally have their own blend mode and layer styles.</p>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-2-5.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

88
blog.photopea.com/photopea-2-6-can-open-sketch.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 2.6 can open Sketch!</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,85 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-398">
<span class="date">April 25, 2017</span>
<h1>Photopea 2.6 can open Sketch!</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>New release of Photopea is out! It has <strong>40 722</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-398"></span>
<h2>New features</h2>
<ul>
<li>Reading Sketch files</li>
<li>Artboards support</li>
<li>Masks can have additional Density and Feather</li>
<li>Support for multiple shadows / fills in Layer Styles</li>
</ul>
<h2>Sketch file support</h2>
<p><a href="https://sketchapp.com/">Sketch</a> is a very popular program for creating vector graphics, used by many designers. Sadly, the program is available for Mac OS only and it is quite expensive.</p>
<p>Since the version 2.6, Photopea can read Sketch files. You can use it to render Sketch files, export them as PNGs, view the layer structure and more.
Sketch elements are converted into corresponding Photopea elements. You can edit colors, gradients, visibility, blend modes, text inside text layers and so on. And since Photopea can save files as PSD, you can use it as a Sketch to PSD converter.</p>
<p>Here are several examples of Sketch files.</p>
<table>
<tr><td>Code Editor: </td>
<td><a target="_blank" href="//sketchviewer.com/sketches/58d3e2b8747faa001116ad93/latest/" target=>SketchViewer</a></td>
<td><a target="_blank" href="//www.photopea.com?p=%7B%22files%22:%5B%22https://www.photopea.com/api/img/editor.sketch%22%5D,%22environment%22:%7B%7D%7D">Photopea</a></td>
</tr>
<tr><td>Miranda Kerr: </td>
<td><a target="_blank" href="//sketchviewer.com/sketches/58d3e811747faa001116adb5/latest/">SketchViewer</a></td>
<td><a target="_blank" href="//www.photopea.com?p=%7B%22files%22:%5B%22https://www.photopea.com/api/img/Miranda_kerr.sketch%22%5D%7D">Photopea</a></td>
</tr>
<tr><td>Milk Page: </td>
<td><a target="_blank" href="//sketchviewer.com/sketches/58d3ee2e43edd7001175adf9/latest/">SketchViewer</a></td>
<td><a target="_blank" href="//www.photopea.com?p=%7B%22files%22:%5B%22https://www.photopea.com/api/img/milk.sketch%22%5D%7D">Photopea</a></td>
</tr>
<tr><td>The Martian: </td>
<td><a target="_blank" href="//sketchviewer.com/sketches/58d3ef76676a0f0011c6db79/latest/">SketchViewer</a></td>
<td><a target="_blank" href="//www.photopea.com?p=%7B%22files%22:%5B%22https://www.photopea.com/api/img/martian.sketch%22%5D%7D">Photopea</a></td>
</tr>
</table>
<p>Sketch designers often use free fonts. Thousands of free fonts are available in Photopea. If you can not open some Sketch file with a Sketch App because of a missing font, there is a big chance, that Photopea will open it with correct fonts without any problems.</p>
<img src="http://blog.photopea.com/wp-content/uploads/2017/04/sketch.png" width="100" height="100" />
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-2-6-can-open-sketch.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

67
blog.photopea.com/photopea-2-7-with-vector-editing.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 2.7 with vector editing!</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,64 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-464">
<span class="date">June 1, 2017</span>
<h1>Photopea 2.7 with vector editing!</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>New release of Photopea is here with vector editing capabilities! It has <strong>43 123</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-464"></span>
<h2>New features</h2>
<ul>
<li>Path Selection and Direct Selection</li>
<li>Pen and Free Pen tool</li>
<li>geometric shapes, Custom Shape tool</li>
<li>support for CSH vector symbol collections</li>
<li>starting <a href="//www.photopea.com/learn">photopea.com/learn</a></li>
</ul>
<h2>Vector Drawing</h2>
<p>We have added vector editing tools in this version of Photopea. You can either edit an existing vector content from PSD or Sketch files, or create new content with special tools.</p>
<img src="//i.imgur.com/78CTbpL.png" />
<p>To describe how vector graphics work in Photopea, we have written a <a href="//www.photopea.com/learn/vector-graphics">description of vector tools in Photopea</a>. You can learn there, how to use all the new tools and other features.</p>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-2-7-with-vector-editing.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

73
blog.photopea.com/photopea-2-8-with-more-text-options.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 2.8 with more text options!</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,70 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-528">
<span class="date">July 6, 2017</span>
<h1>Photopea 2.8 with more text options!</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>New release of Photopea is here with vector editing capabilities! It has <strong>44 779</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-528"></span>
<h2>New features</h2>
<ul>
<li>Right-to-left writing direction</li>
<li>The correct rendering of arabic, hebrew and many asian writing styles</li>
<li>Font search</li>
<li>Grid and Snapping</li>
<li>Parametric Vector Shape tool</li>
<li>Several bugs fixed</li>
</ul>
<h2>More writing styles</h2>
<p>Rendering bidirectional text is much more than just drawing letters in an opposite order.
When arabic or hebrew text contains latin words or numbers, they have to be rendered in a left-to-right order.
Also, some characters have to be "mirrored", e.g. when you write <code>(A < B)</code> inside arabic text, reordering will give you <code>)B < A(.</code>, which is incorrect. In some languages, the same character may have to be drawn differently, depending on characters around it.</p>
<p>Since this release, Photopea supports many writing styles, including Hebrew and Arabic. Also, we have updated our open-source library <a href="//github.com/photopea/Typr.js">Typr.js</a> and wrote <a href="//www.photopea.com/learn/text-layers">a lesson about text editing in Photopea</a>.</p>
<img src="//i.imgur.com/oEQfyet.png" />
<p>Every user of PP knows, that there are many, maybe too many fonts. It may be hard to find a specific font in a huge list of fonts.
Since now, there is <b>a new field</b>, where you can enter the name of the font (or some part of it). As you type, the list of fonts
will be filtered, and only those which contain your phrase in their name will remain. Clear this field to get a full list of fonts again.</p>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-2-8-with-more-text-options.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

73
blog.photopea.com/photopea-2-9-scripts-are-here.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 2.9: Scripts are here!</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,70 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-538">
<span class="date">July 23, 2017</span>
<h1>Photopea 2.9: Scripts are here!</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>New release of Photopea is here with Scripting and a better support for Sketch files! It has <strong>45 814</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-538"></span>
<h2>New features</h2>
<ul>
<li>Support for Scripts</li>
<li>Better Sketch support</li>
<li>Showing distances for the Move tool</li>
<li>Several bugs fixed</li>
</ul>
<h2>Scripts</h2>
<p>Since this release, Photopea can execute scripts (written in Javascript) and perform image manipulation automatically.
You can find more details at <a href="//www.Photopea.com/learn/scripts">photopea.com/learn/scripts</a>.
Scripts can be executed either directly (from Photopea), or through the api.</p>
<img src="//i.imgur.com/yH7MTi7.png" />
<h2>Sketch files</h2>
<p>We improved the support for Sketch files in two ways. First, borders are converted into vector shape strokes (instead of Stroke layer effects).
Such new borders look more precise. They can be used even with no fill (i.e. lines in a Sketch file are converted into lines in a PSD).
We made several other improvements, which <b>dramatically reduced possible differences</b> between generated PSDs and original Sketch files.</p>
<p>Second, we improved the loading time and memory requirements for Sketch files. Sketch files are now loaded 20% faster
and they use about 40% less RAM. Even the work with large files is smooth and responsive.</p>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-2-9-scripts-are-here.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

70
blog.photopea.com/photopea-3-0-with-svg.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 3.0: SVG support</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,67 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-551">
<span class="date">August 14, 2017</span>
<h1>Photopea 3.0: SVG support</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>New release of Photopea is here with Scripting and a better support for Sketch files! It has <strong>47 362</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-551"></span>
<h2>New features</h2>
<ul>
<li>SVG import and export</li>
<li>Improved touch-screen experience</li>
<li>Premium accounts for teams</li>
<li>Several bugs fixed</li>
</ul>
<h2>SVG</h2>
<p>SVG is a very popular format for storing vector graphics, and it is probably the only truly "web format" for this purpose.
Unlike PDF, SVG can be crated with a text editor (just like HTML), you can use CSS to style it, and Javascript to make it interactive.
Even comlex vector graphics can be stored in SVG, such as <a href="https://dev.w3.org/SVG/tools/svgweb/samples/svg-files/gallardo.svg">this Lamborghini</a> (zoom in to see, that everything really is vector graphics).</p>
<p>Starting today, you can load SVG files into Photopea, and export SVG files from it. You can use it as a PSD to SVG converter, Sketch to SVG converter, SVG to PSD converter etc.</p>
<p><a href="https://www.photopea.com?p=%7B%22files%22:%5B%22https://www.photopea.com/api/img2/gallardo.svg%22%5D,%22environment%22:%7B%7D%7D" target="_blank">Load the Lamborghini now</a> and see, that all the vector shapes and their properties are preserved. Now, you can save it as a PSD, or export back to SVG (File - Export As - SVG).</p>
<img src="//i.imgur.com/iHbe1Yb.png" class="fullw" />
<p>There are several options of SVG export. You can choose to export raster layers, rasterize text layers and more. When you export a PSD to SVG and then convert the PSD back to SVG, it almost always preserves the same structure.</p>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-3-0-with-svg.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

83
blog.photopea.com/photopea-3-1-brings-aniamtions.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 3.1 brings Aniamtions!</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,80 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-565">
<span class="date">September 26, 2017</span>
<h1>Photopea 3.1 brings Aniamtions!</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>New release of Photopea is here! It has <strong>48 384</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-565"></span>
<h2>New features</h2>
<ul>
<li>Working with animations</li>
<li>Support for APNG (animated PNG) format</li>
<li>CSS panel</li>
<li>Selective Color adjustment</li>
<li>Several bugs fixed</li>
</ul>
<h2>Animations</h2>
<p>Animated images (GIF, APNG) are very popualr on the internet. Since today, Photopea offers you a simple and comfortable way to work with them. Let's start with a few basic things you can do:</p>
<ul>
<li>When you open an animated GIF or PNG in Photopea, each frame is in a separate layer</li>
<li>When you save such document back into GIF or PNG, it generates the same animation (with the same timing etc.)</li>
<li>If you remove or reorder layers (frames), add new ones etc., Photopea will generate the corresponding animation</li>
</ul>
<p>You can also create new animations from scratch, or change the timing of each frame.
Animation is controlled by the <b>special format of layer names</b>. Find more at <a href="//www.Photopea.com/learn/animations">Learn Animations</a>.</p>
<p>After loadeing <a href="/gifs/nyanCat.gif">this 32kB GIF</a> into Photopea, we were able to export it as <a href="/gifs/nyanCat_pp.gif">this 26kB GIF</a> and also as <a href="/gifs/nyanCat.png">this 8kB APNG</a>.
Feel free to <a href="//www.photopea.com?p=%7B%22files%22:%5B%22https://www.photopea.com/api/img2/nyanCat.gif%22%5D%7D" target="_blank">try it in Photopea</a>!</p>
<img src="/gifs/nyanCat.png" />
<p><a href="//en.wikipedia.org/wiki/APNG">Animated PNG</a> is a new format, which usually generates smaller files than GIF. It also supports any number of colors (GIF can have only 256 colors) and partially transparent pixels. Photopea is one of first editors, that support APNG.</p>
<h2>CSS panel</h2>
<p>In this version, we added a new CSS panel. As you select different layers, Photopea tries to deduce a style of the layer, and shows it in the CSS format. It takes into account <b>layer styles</b>, <b>shape properties</b> and <b>parameters of a Type layer</b>.
</p>
<img src="https://blog.photopea.com/wp-content/uploads/2017/09/css_panel.png" class="fullw"/>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-3-1-brings-aniamtions.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

76
blog.photopea.com/photopea-3-2-advanced-selecting.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 3.2: Advanced selecting</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,73 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-667">
<span class="date">December 16, 2017</span>
<h1>Photopea 3.2: Advanced selecting</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>New release of Photopea is here! It has <strong>52 146</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-667"></span>
<h2>New features</h2>
<ul>
<li>Quick Selection Tool</li>
<li>Ruler Tool</li>
<li>Improving the script support</li>
<li>Faster loading of photopea.com</li>
<li>Each vector tool can change the vector style</li>
<li>Many bugs fixed</li>
</ul>
<h2>Quick Selection</h2>
<p>Quick Selection tool is the most advanced of all current selection tools. Yes, it is more advanced than the Magic Wand and the Magnetic Lasso. Once you learn how to use it, you will probably never want to use any other selection tool.</p>
<p>Quick Selection works like a Brush, it selects each stroke that you draw. In addition, it expands each stroke to the surrounding area, and selects all related areas (similarly to the Magic Wand). You can learn more at <a href="//www.photopea.com/learn/advanced-selecting">photopea.com/learn</a>.</p>
<p>Similar tools are present in many advanced photo editors, such as <a href="//www.youtube.com/watch?v=BAkmWqm8PAo">Photoshop</a> or <a href="http://www.pixelmator.com/mac/tutorials/selections/quick-selection-tool/">Pixelmator</a>. Photopea is probably the first editor, which offers this tool for free. Try it yourself <a href="//www.photopea.com?p=%7B%22files%22:%5B%22https://www.photopea.com/api/img2/field.jpg%22,%22https://www.photopea.com/api/img2/woman.jpg%22%5D,%22environment%22:%7B%7D%7D">here</a> (press W to enable Quick Selection, increase the diameter and draw over the image).</p>
<iframe style="width:100%; height:300px" src="https://www.youtube.com/embed/KGncBoPQvmI?rel=0" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>
<!--
<video width="300" controls>
<source src="//blog.photopea.com/wp-content/uploads/2017/12/pp_quick_select.mp4" type="video/webm">
Your browser does not support the video tag.
</video>
-->
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-3-2-advanced-selecting.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

76
blog.photopea.com/photopea-3-3-pdf-import-and-export.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 3.3: PDF import and export</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,73 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-720">
<span class="date">February 3, 2018</span>
<h1>Photopea 3.3: PDF import and export</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>New release of Photopea is here! It has <strong>53 249</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-720"></span>
<h2>New features</h2>
<ul>
<li>PDF support</li>
<li>PS / EPS import</li>
<li>Improving scripting</li>
<li>Improved zooming (smaller steps)</li>
<li>HSB values in the Color Picker</li>
<li>Several bugs fixed</li>
</ul>
<h2>PDF support</h2>
<p>In this release, we introduce the support for PDF files. It is does not make Photopea a full PDF editor, but more like an advanced PDF to PSD converter, and PSD to PDF converter. And since Photopea already supports SVG, you can use it to convert between PDF and SVG.</p>
<img src="//blog.photopea.com/wp-content/uploads/2018/02/Adobe_PDF.png" style="width:160px" />
<p>Go to <a href="//www.Photopea.com">Photopea.com</a> and try to open your PDF files. Photopea can load vector graphics (including color or gradient fills, correct stroke style etc.), raster graphics (both compressed and uncompressed) and text information. Each page will become a new artboard, and each graphic element will be in a separate layer.</p>
<ul>
<li><a href="//www.photopea.com/api/img2/invoice.pdf">Invoice.pdf</a>
- <a href="https://www.photopea.com?p=%7B%22files%22:%5B%22https://www.photopea.com/api/img2/invoice.pdf%22%5D%7D">Open in Photopea</a></li>
<li><a href="//www.photopea.com/api/img2/blind.pdf">Blind.pdf</a>
- <a href="https://www.photopea.com?p=%7B%22files%22:%5B%22https://www.photopea.com/api/img2/blind.pdf%22%5D%7D">Open in Photopea</a></li>
</ul>
<p>We made our PDF tools open-source as a library <a href="//github.com/photopea/PDFI.js">PDFI.js</a>.</p>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-3-3-pdf-import-and-export.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

75
blog.photopea.com/photopea-3-4-refine-edges.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 3.4 &#8211; Refine Edges</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,72 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-747">
<span class="date">April 30, 2018</span>
<h1>Photopea 3.4 &#8211; Refine Edges</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>New release of Photopea is here! It has <strong>57 722</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-747"></span>
<h2>New features</h2>
<ul>
<li><a href="//www.photopea.com/learn/refine-edge">Refine Edge</a> tool</li>
<li>Pencil Tool, Image - Trim</li>
<li>Improved Sketch support (Symbol Master overriding)</li>
<li>Pixel Grid (zoom a lot to see it)</li>
<li>Vector tools snap to pixels</li>
<li>Many bugs fixed</li>
</ul>
<h2>Refine Edge</h2>
<p>Refine Edge is a tool for creating precise selections. It helps you select complex objects such as hair or fur.
Similar tools are available in many other programs, and our version is one of the best. In a couple of seconds, you can create selections, that would take minutes or hours otherwise.</p>
<p>The goal is to paint a <b>trimap</b> over the image: Foreground with White, background with Black, and uncertain areas with Gray. Then, Photopea deduces the transparency of the Gray area. You can find more at <a href="//www.photopea.com/learn/refine-edge">/learn/refine-edge</a>.</p>
<p><b>Try it yourself!</b> Go <a href="https://www.photopea.com?p=%7B%22files%22:%5B%22https://www.photopea.com/api/img2/dog.jpg%22%5D%7D" target="_blank">here</a> to see a photo of a dog. Press Select - Refine Edge. Choose a large brush and paint with Gray to cover the whole dog (don't worry about painting over parts of grass). Now, choose a White color, make strokes inside the dog, and see how the <a href="https://i.imgur.com/OQGwCUe.png">preview changes</a>.</p>
<a href="//blog.photopea.com/wp-content/uploads/2018/04/redge.jpg">
<img src="//blog.photopea.com/wp-content/uploads/2018/04/redge.jpg" class="fullw" />
</a>
<a href="https://i.imgur.com/pG233Iz.png">
<img src="https://i.imgur.com/pG233Iz.png" class="fullw" />
</a>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-3-4-refine-edges.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

66
blog.photopea.com/photopea-3-5-xd-support.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 3.5 &#8211; XD support</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,63 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-792">
<span class="date">June 14, 2018</span>
<h1>Photopea 3.5 &#8211; XD support</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>New release of Photopea is here! It has <strong>59 924</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-792"></span>
<h2>New features</h2>
<ul>
<li>XD format support</li>
<li>Support for files from the new GIMP</li>
<li>Many tiny improvements (e.g. reverse option for GIF export)</li>
<li>Several bugs fixed</li>
</ul>
<h2>XD format</h2>
<p><a href="https://www.adobe.com/products/xd/features.html">Adobe XD</a> is a software for designing user interfaces, websites and other similar environments. It is very similar to Sketch App, and stores its files with an <b>.xd</b> extension. Sadly, Adobe XD is available only for Windows 10, or for MacOS 10.11 and later.</p>
<p>Starting now, you can open XD files in Photopea, inspect them, save them as PSD, or export their parts (e.g. as PNG or SVG). Photopea is the only XD to PSD convertor today. It is also the only way to work with XD files on Linux and other systems, unsupported by Adobe XD.</p>
<p>Try it yourself! <a href="https://www.photopea.com/api/img2/Waqart-Pricing Table.xd">XD file</a>, <a href="https://www.photopea.com/#%7B%22files%22:%5B%22https://www.photopea.com/api/img2/Waqart-Pricing%20Table.xd%22%5D%7D" target="_blank">Opened in Photopea</a>.</p>
<img src="https://designalley.pl/wp-content/uploads/2018/05/tp_xd-1320x660.jpg" class="fullw" />
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-3-5-xd-support.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

70
blog.photopea.com/photopea-3-6-edit-presets.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 3.6 &#8211; Edit presets</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,67 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-815">
<span class="date">August 13, 2018</span>
<h1>Photopea 3.6 &#8211; Edit presets</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>New release of Photopea is here! It has <strong>62 371</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-815"></span>
<h2>New features</h2>
<ul>
<li>Load and save Layer Styles (.ASL), Gradients (.GRD), Patterns (.PAT), Contours (.SHC) and Shapes (.CSH)</li>
<li>Layer Style preview</li>
<li>Liquify filter</li>
<li>Improved XD support</li>
<li>Improved PDF support</li>
<li>Several bugs fixed</li>
</ul>
<h2>Preview Layer Styles</h2>
<p>Layer Style window contains a preview of the current layer style.</p>
<img src="//i.imgur.com/GRwuRWN.png" class="fullw" />
<p>You can define the new style from a current style, and add it into a style gallery. Style gallery can be loaded or saved as .ASL file.</p>
<img src="//i.imgur.com/E6HY17I.png" style="width:50%" />
<p>You can load and save Gradients, Patterns, Contours and Shapes in the same way.</p>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-3-6-edit-presets.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

72
blog.photopea.com/photopea-3-7-wmf-and-emf-support.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 3.7 &#8211; WMF and EMF support</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,69 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-825">
<span class="date">September 26, 2018</span>
<h1>Photopea 3.7 &#8211; WMF and EMF support</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>New release of Photopea is here! It has <strong>63 342</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-825"></span>
<h2>New features</h2>
<ul>
<li>Load WMF and EMF files, export EMF files</li>
<li>History in a Liquify filter</li>
<li>Push Left tool in a Liquify filter</li>
<li>New fonts added</li>
<li>Many bugs fixed</li>
</ul>
<h2>WMF and EMF files</h2>
<p><a href="//en.wikipedia.org/wiki/Windows_Metafile">Windows Metafile</a> is an image format, very similar to a PDF or SVG format. It can contain both raster and vector graphics. EMF has a better geometric precision (16 bits in WMF vs. 32 bits in EMF). EMF is also more advanced, as it allows using Bézier curves (only lines and polygons are allowed in WMF).</p>
<p>WMF and EMF files consist of commands for a rendering device, very similar to PDF. They were used in Microsoft products (e.g. Microsof Paint, or Microsoft Office), but became supported in other software, too (e.g. Libre Office or Inkscape). Starting today, you can open them in Photopea.</p>
<p>We made our WMF and EMF libraries <b>open-source</b> under the project <a href="//github.com/photopea/UDOC.js">UDOC.js</a>.</p>
Examples:
<ul>
<li><a href="//www.photopea.com/api/img/crown.wmf">Crown.wmf</a> (68 kB) - <a href="https://www.photopea.com#%7B%22files%22:%5B%22https://www.photopea.com/api/img/crown.wmf%22%5D%7D">Open in Photopea</a></li>
<li><a href="//www.photopea.com/api/img/educ.emf">Educ.emf</a> (5.5 kB) - <a href="https://www.photopea.com#%7B%22files%22:%5B%22https://www.photopea.com/api/img/educ.emf%22%5D%7D">Open in Photopea</a></li>
</ul>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-3-7-wmf-and-emf-support.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

81
blog.photopea.com/photopea-3-8-live-shapes-and-new-filters.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 3.8 &#8211; Live Shapes and new filters!</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,78 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-841">
<span class="date">October 21, 2018</span>
<h1>Photopea 3.8 &#8211; Live Shapes and new filters!</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>New release of Photopea is here! It has <strong>64 545</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-841"></span>
<h2>New features</h2>
<ul>
<li>Live Shapes</li>
<li>New Distortion filters</li>
<li>Difference Clouds filter</li>
<li>Patch Tool 30x faster</li>
<li>Rename a document by double-clicking the Tab</li>
<li>Thousands of new fonts</li>
<li>Many bugs fixed</li>
</ul>
<h2>Live Shapes</h2>
<p>PSD files can store vector graphics, either as Vector Masks, or Shape Layers (more info <a href="//www.photopea.com/learn/vector-graphics">here</a>). These shapes are stored as Bézier curves. We can move Bézier knots, or transform the curves using a Free Transform, but there is no way to make a Rounded Rectangle 2x wider, while preserving the corner radius.</p>
<p>The PSD format lets us store the <b>Vector Origination Data</b>. These data contain the shape parameters (Type: Rectangle, Ellipse, Line... Width, Height, Corner Radius, etc.). Starting today, Photopea lets you edit these Origination data, and re-generate the vector shape according to them. These data can be edited in the Properties panel, under Live Shapes.</p>
<img src="//i.imgur.com/9TdjiSl.png" class="fullw" />
<p>All new Ellipses and Rectangles become Live Shapes. Also, when you open a Sketch file, Photopea converts appropriate shapes into Live shapes. Note, that if you move a knot of a live shape, or rotate it a bit, the origination data are lost, and it becomes just a regular shape.</p>
<h2>Distortion Filters</h2>
<p>We added several new PSD filters. They all can be used as Smart Filters on Smart Objects. You can also edit corresponding Smart filters in existing PSD files.</p>
<p>Distortion filters let us bend the image in an irregular way. They are similar to the Liquify filter, but instead of "bending" an image by hand, it is bent automatically according to some parameters (Pinch, Ripple, Shear, Spherize, Twirl).</p>
<p>The <b>Displace filter</b> can bend an image according to a map (another image). You have to choose a size and a direction of the displacement. A bright place in the map will cause a large displacement (of the corresponding spot in the image), while a dark place will move the image just a little.</p>
<p>The video below shows how it works in Adobe Photoshop. In Photopea, you don't choose the map as an external file, but you choose it from existing Smart Objects of the current document.</p>
<iframe class="fullw" height="400" src="https://www.youtube.com/embed/huvysaySBrw" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-3-8-live-shapes-and-new-filters.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

73
blog.photopea.com/photopea-3-9-templates.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 3.9 &#8211; Simple Templates!</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,70 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-860">
<span class="date">December 4, 2018</span>
<h1>Photopea 3.9 &#8211; Simple Templates!</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>New release of Photopea is here! It has <strong>66 263</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-860"></span>
<h2>New features</h2>
<ul>
<li>Simple Templates</li>
<li>Lens Correction filter</li>
<li>Improved loading of Sketch, XD and PDF</li>
<li>Levels and Curves are 3x faster</li>
<li>Adjustments are computed on the GPU</li>
<li>Many bugs fixed</li>
</ul>
<h2>Templates</h2>
<p>When you start an empty document in Photopea, you can choose from several standard sizes. Today, we added simple auto-generated templates, that can speed-up the creation of your design. Just click the template you like to open it as a new document.</p>
<img src="//i.imgur.com/4CXygI6.png" class="fullw" />
<p>Templates always adjust to the current document size, that you entered at the left part of the window. The Font Filter lets you restrict fonts, that can be used in templates (e.g. only fonts, that are "Handwritten" and support Greek letters).</p>
<p>Standard templates are combinations of several colors, shapes, and a text. You can enable <b>Photo templates</b>, so all templates will contain a photo (a royalty-free photo from <a href="//www.Pixabay.com">Pixabay.com</a>). You can specify your own keywords for photos (e.g. "cats" or "Ferrari").</p>
<img src="//i.imgur.com/CPc9QaX.jpg" class="fullw" />
<p>Scroll down to see more templates, or press Randomize to create brand new templates. After you open any template, you can edit or remove existing elements, or add your own elements.</p>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-3-9-templates.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

76
blog.photopea.com/photopea-4-0-nef-cr2-arw-support.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 4.0 &#8211; NEF, CR2 and ARW support!</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,73 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-867">
<span class="date">January 4, 2019</span>
<h1>Photopea 4.0 &#8211; NEF, CR2 and ARW support!</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>New release of Photopea is here! It has <strong>68 161</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-867"></span>
<h2>New features</h2>
<ul>
<li>Support for Nikon .NEF format</li>
<li>Support for Canon .CR2 format</li>
<li>Support for Sony .ARW format</li>
<li>Step back with Ctrl+Z (holding Shift is optional)</li>
<li>Improved <a href="//www.photopea.com/api/environment">API</a> - better integration with an outer environment</li>
<li>Several bugs fixed</li>
</ul>
<h2>RAW formats</h2>
<p>Many modern digital cameras allow storing a picture in a so-called <a href="//en.wikipedia.org/wiki/Raw_image_format">raw format</a>. We introduced the support of the open DNG raw format in Photopea <a href="//blog.photopea.com/raw-support-in-photopea.html">more than a year ago</a>.</p>
<p>We can think of the DNG format as a <b>"JPG for raw images"</b>. A lot of progress has been made in camera technology, we have bigger resolutions, improved color quality and better photos in general. But both the old and the new cameras store images in the versatile JPG format, which is widely supported by many kinds of devices and software. We can be sure, that our 20-year-old JPG photo will work well in modern programs, and our todays photos will work in programs of the future.</p>
<p><a href="//en.wikipedia.org/wiki/Digital_Negative">The DNG format</a> was designed to be equally versatile format for raw images. It is an open format, that can be adapted by any manufacturer for free. By using DNG, we can guarantee, that any raw image will work in any raw software, even if they were created in different decades (as it is true for JPG). The DNG format has been adapted by Leica, Hasselblad, Ricoh, Pentax, Casio and some smartphones (Samsung, LG, Motorola, Sony, OnePlus).</p>
<img src="//upload.wikimedia.org/wikipedia/commons/thumb/7/72/DNG_tm.svg/2000px-DNG_tm.svg.png" style="width:50%"/>
<p>However, currently the biggest camera makers - Nikon, Canon and Sony - use their own "secret" formats instead. E.g. the Canon's CR2 format is not publicly described anywhere, so only Canon can guarantee, that their software will process CR2 files correctly. They probably do so to keep users dependent on their software, and prevent them from using any alternatives. One needs Canon software to view photos from Canon cameras, Nikons software to view photos from Nikon, Olympus software to view photos from Olympus, etc.</p>
<p>The open-source community has done a big effort to <b>understand</b> the meaning of Ones and Zeros in CR2 and NEF files. Today, programs like Darktable and Rawtherapee can open many CR2, NEF and ARW files.</p>
<p>Starting today, Photopea can open CR2, NEF and ARW files, too. It can probably open 95% of such files, and it will take some time to get to 100%. Try it out and if your file does not work, <a href="mailto:support@photopea.com">send it to us</a>! :)</p>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-4-0-nef-cr2-arw-support.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

67
blog.photopea.com/photopea-4-1-actions-new-filters.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 4.1 &#8211; Actions and new Filters!</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,64 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-882">
<span class="date">February 26, 2019</span>
<h1>Photopea 4.1 &#8211; Actions and new Filters!</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>New release of Photopea is here! It has <strong>72 317</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-882"></span>
<h2>New features</h2>
<ul>
<li>Support for Actions and .ATN files</li>
<li>New Adjustment: Replace Color</li>
<li>Filter Gallery with two new filters</li>
<li>New Filters: Distort - Wave, Pixelate - Mezzotint, Sharpen - Smart Sharpen</li>
<li>Several bugs fixed</li>
</ul>
<h2>Actions</h2>
<p>Actions allow us to record our work, and apply it later to other documents. Photopea can load and store actions as ATN files.
Not all actions can be recorded / applied at the moment, but we implemented dozens of basic actions (including all adjustments and filters) and we will gradually extend our work!</p>
<p>Try to load and run your own ATN actions! You can learn more about actions at <a href="//www.photopea.com/learn/actions">our manual page</a>.</p>
<img src="//i.imgur.com/Yrdp6Y1.png" style="width:40%" />
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-4-1-actions-new-filters.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

71
blog.photopea.com/photopea-4-2-with-local-storage.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 4.2 &#8211; try Local Storage!</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,68 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-893">
<span class="date">May 3, 2019</span>
<h1>Photopea 4.2 &#8211; try Local Storage!</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>New release of Photopea is here! It has <strong>74 109</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-893"></span>
<h2>New features</h2>
<ul>
<li>Storing resources in Local Storage</li>
<li>Extending support for Actions</li>
<li>New filters: Crystallize, Pontillize, Stained Glass</li>
<li>Even faster start of Photopea</li>
<li>300 new fonts</li>
<li>Several bugs fixed</li>
</ul>
<h2>Local Storage</h2>
<p>You can load your own fonts, brushes, gradients, layer styles and other files into Photopea. These resources can be used right after loading. But once you close Photopea, they disappear, and the next time you use Photopea, you have to load them manually again.</p>
<p>Starting today, Photopea can <b>remember</b> your fonts and other resources (that you loaded manually into PP), and load them automatically the next time you use Photopea.</p>
<p>Photopea has a set of files, that are permanently stored on your computer (using <a href="//developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API">IndexedDB</a>). Whenever you load a new font or a brush set, you will have an option to store that file into the set. After you close Photopea and open it again, the set of files is automatically loaded and processed.</p>
<p>This set of permament files can be managed using <b>Edit - Local Storage</b>. Here, you can see a list of all files. Select a file and choose Delete to remove it from the list. The list is also deleted when you clear the website data through the browser settings.</p>
<img src="//i.imgur.com/aGLC2qc.png" style="width:60%" />
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-4-2-with-local-storage.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

72
blog.photopea.com/photopea-4-3-slices-and-more.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 4.3 &#8211; Slices and more!</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,69 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-910">
<span class="date">July 2, 2019</span>
<h1>Photopea 4.3 &#8211; Slices and more!</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
New release of Photopea is here! It has <strong>76 553</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.
<span id="more-910"></span>
<h2>New features</h2>
<ul>
<li>Support for Slices</li>
<li>Tool Presets</li>
<li>New panels: Color and Tool Presets</li>
<li>Support for <a href="//en.wikipedia.org/wiki/Truevision_TGA">TGA format</a></li>
<li>Many bugs fixed</li>
</ul>
<h2>Slices</h2>
Slices define rectangular areas on top of our document. We can export such document with a single click, and each slice becomes a separate image file, such as PNG or JPG. You can learn more about them at <a href="//www.Photopea.com/learn/slices">Photopea.com/learn/slices</a>.
<img class="fullw" src="//i.imgur.com/S9T8dUW.png" />
<h2>Tool Presets</h2>
Each tool can have many settings in the top bar. For the Move tool, there is "Auto-Select", "Transform Controls", and more.
For a Brush tool, there is a Brush itself, a Blend Mode, an Opacity, a Flow, etc.
Tool Presets let us save the current settings of a tool, to load them back later with a single click. Right now, they are possible for a Brush tool, a Pencil tool, and an Eraser tool. Photopea also saves the <b>Foreground color</b> for the Brush and the Pencil.
<img style="width: 60%;" src="//i.imgur.com/WSCOAms.png" />
Tool Presets are popular in Adobe Photoshop, and can be used in Photopea in a similar way. You can switch Tool Presets by clicking the icon of a tool at the beginning of a top bar, and selecting a preset from the menu. Press a tiny arrow - Define New, to define a new preset from the current settings.
Tool presets can be saved or loaded as <b>.TPL</b> files. Together with <a href="//blog.photopea.com/photopea-4-2-with-local-storage.html">the Local Storage</a>, you can have your Tool Presets in place every time you open Photopea.
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-4-3-slices-and-more.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

63
blog.photopea.com/photopea-4-4-text-on-a-curve-and-more.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 4.4 &#8211; Text on a Curve and more!</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,60 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-930">
<span class="date">October 13, 2019</span>
<h1>Photopea 4.4 &#8211; Text on a Curve and more!</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>New release of Photopea is here! It has <strong>81 140</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-930"></span>
<h2>New features</h2>
<ul>
<li>Text on a curve</li>
<li>Text inside a curve</li>
<li>Support for Paths and Channels</li>
<li>Improved Sketch and PDF parser</a></li>
<li>Improved Export Layers feature</li>
<li>Many bugs fixed</li>
</ul>
<h2>Text on a curve</h2>
<p>A new version of Photopea lets you add text on a curve, or inside a curve. Such text can be stored in PSD files, and loaded back from a PSD file. To learn how to use it, read <a href="//www.photopea.com/learn/text">an article in our manual</a>.</p>
<img src="//i.imgur.com/irL4ilJ.gif" class="fullw" />
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-4-4-text-on-a-curve-and-more.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

74
blog.photopea.com/photopea-4-5-smarter-selections.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 4.5 &#8211; Smarter Selections!</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,71 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-934">
<span class="date">November 6, 2019</span>
<h1>Photopea 4.5 &#8211; Smarter Selections!</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>New release of Photopea is here! It has <strong>82 676</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-934"></span>
<h2>New features</h2>
<ul>
<li>Updated Quick Selection tool</li>
<li>New Object Selection tool</li>
<li>Background Eraser tool</a></li>
<li>Support for TGA files (open and save)</li>
</ul>
<h2>Smart Selections</h2>
<p>We <a href="//blog.photopea.com/photopea-3-2-advanced-selecting.html">introduced a Quick Selectin</a> tool almost two years ago. However, it was quite slow, and selections were not perfect. We were looking for a new method to perform smart selections.</p>
<p>We built a new method, which has amazing results. It requires some pixels to be marked as a foreground and some as a background. First, it analyzes the image (it can analyze 4,000,000 pixels per second). Then, it deduces the foreground / background according to the marked pixels.</p>
<p>Now, <b>Quick Selection</b> tool uses the new method. Your painting defines the forground, a top left and a top right pixels are marked as a background. It often gives the right result with <b>one click</b>.</p>
<img src="//i.imgur.com/BDNe0Pc.gif" style="width:80%" />
<h2>Object Selection Tool</h2>
<p>Recently, <a href="//twitter.com/Photoshop/status/1189164719787036672">Adobe announced</a> a new <b>Object Selection</b> tool in Adobe Photoshop. Our method lets us provide a tool with the same user interface (drawing a rectangle over the image). We just mark the area outside the rectangle as a Background, and a small cross in the middle as a Foreground.</p>
<p>Adobe did not release the feature yet. But it would be very interesting to compare them side-by-side. Photopea is probably the only program offering these two tools for free.</p>
<img src="//i.imgur.com/tgEAO5X.gif" style="width:80%" />
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-4-5-smarter-selections.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

85
blog.photopea.com/photopea-4-6-open-figma-files.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 4.6 &#8211; Open Figma Files!</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,82 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-963">
<span class="date">January 27, 2020</span>
<h1>Photopea 4.6 &#8211; Open Figma Files!</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>New release of Photopea is here! It has <strong>84 837</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-963"></span>
<h2>New features</h2>
<ul>
<li>Support for opening .FIG files (Figma)</li>
<li>Read, edit and save metadata (File - File Info)</li>
<li>Import and expor of .RAW images</li>
<li>Improved compression for saving TGA</li>
</ul>
<h2>Figma files</h2>
<p><a href="https://www.Figma.com">Figma</a> is a popular vector graphics editor focused at digital design, similar to Sketch App and Adobe XD. Up until now, Figma was the only tool, that could open .FIG design files.</p>
<p>Since this release, Photopea can open .FIG files. You can browse a whole design structure, each separate element, its style, etc. You can also save every design as a PSD file.</p>
<h2>Comparison</h2>
<p>Below, you can see the same design opened in Figma and Photopea.</p>
<table>
<tr><th>Figma</th><th>Photopea</th></tr>
<tr>
<td><a target="_blank" href="https://www.figma.com/file/4CtWbPUAN1CDFlZBOomCDN/Dribbble-%231-free">Christmas.fig</a></td>
<td><a target="_blank" href="https://www.photopea.com#%7B%22files%22:%5B%22https://www.photopea.com/api/img2/Christmas.fig%22%5D%7D">Christmas.fig</a></td>
</tr>
<tr>
<td><a target="_blank" href="https://dribbble.com/shots/8659108-Dashboard-user-interface">DS.fig</a></td>
<td><a target="_blank" href="https://www.photopea.com#%7B%22files%22:%5B%22https://www.photopea.com/api/img2/DS.fig%22%5D%7D">DS.fig</a></td>
</tr>
<tr>
<td><a target="_blank" href="https://www.figma.com/file/ReHss0R5s19m52es6hlFPH/GEE-ME-Vector-Character-Pack?node-id=0%3A1">GEE! ME</a></td>
<td><a target="_blank" href="https://www.photopea.com#%7B%22files%22:%5B%22https://www.photopea.com/api/img2/GEE-ME-Vector-Character-Pack.fig%22%5D%7D">GEE! ME</a></td>
</tr>
</table>
<a href="//i.imgur.com/b6S9gNr.jpg" target="_blank"><img src="//i.imgur.com/b6S9gNr.jpg" class="fullw" /></a>
<!--<img src="//i.imgur.com/iWp4r7S.jpg" class="fullw" />-->
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-4-6-open-figma-files.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

68
blog.photopea.com/photopea-4-7-puppet-warp.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 4.7 &#8211; Puppet Warp</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,65 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-972">
<span class="date">March 1, 2020</span>
<h1>Photopea 4.7 &#8211; Puppet Warp</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>A new release of Photopea is here! It has <strong>87 368</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-972"></span>
<h2>New features</h2>
<ul>
<li>Puppet Warp tool</li>
<li>Oil Paint filter</li>
<li>Normal Map filter</li>
<li>Many bugs fixed</li>
</ul>
<h2>Puppet Warp tool</h2>
<p>A Puppet Warp tool is a very popular feature for "bending" objects. Similar tool is available in Adobe Photoshop, Gimp, Krita and other programs.</p>
<p>Start the tool by pressing <b>Edit - Puppet Warp</b>. Click into the image to place several anchor points. Then, drag these points to new locations. Each point will stretch the part of the object to a new location.</p>
<img src="//i.imgur.com/VNQiru2.png" class="fullw" />
<p>Photopea supports PSD files, and it can process the Puppet Warp transform, that might be stored with a Smart Object as a smart filter. You can also create a new Puppet Warp for a Smart Object.</p>
<p>The parameters of Puppet Warp in Photopea correspond to the parameters of the smart filter in a PSD file. You can show or hide a triangular mesh, change its density or expand it outside the edge of an object. You can move anchor points in a way, such that one part of the object covers another part. Photopea allows you to set the depth of each anchor, to decide, which part should be in front and which one should be in the back.</p>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-4-7-puppet-warp.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

68
blog.photopea.com/photopea-4-8-shadowshighlights.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 4.8 &#8211; Shadows/Highlights</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,65 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-988">
<span class="date">June 11, 2020</span>
<h1>Photopea 4.8 &#8211; Shadows/Highlights</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>A new release of Photopea is here! It has <strong>91 049</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-988"></span>
<h2>New features</h2>
<ul>
<li>Shadows/Highlights adjustment</li>
<li>Support for .VTF (Valve Texture Format)</li>
<li>Improved support for Figma files</li>
<li>Optimized Brush tool (when the Size is dynamic, e.g. depends on the pressure)</li>
<li>Smart Object - Stack Mode</li>
<li>Many bugs fixed</li>
</ul>
<h2>Shadows/Highlights</h2>
<p>The <b>Shadows/Highlights</b> adjustment is known from Adobe Photoshop. It can be stored in PSD files as a Smart filter. Now, you can also use it in Photopea.</p>
<p>This adjustment allows you to lighten the shadows, or to darken the highlights of an image. It is an advanced tool, which can not be achieved with Levels or Curves.</p>
<img src="//i.imgur.com/OZ5fOIP.jpg" style="width:60%" />
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-4-8-shadowshighlights.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

74
blog.photopea.com/photopea-4-9-new-tools-and-formats.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 4.9 &#8211; New tools and formats!</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,71 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-994">
<span class="date">August 24, 2020</span>
<h1>Photopea 4.9 &#8211; New tools and formats!</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>A new release of Photopea is here! It has <strong>93 064</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-994"></span>
<h2>New features</h2>
<ul>
<li>Content-Aware Move Tool</li>
<li>Content-Aware Scale</li>
<li>Support for EXR format</li>
<li>Support for DXF format (AutoCAD)</li>
<li>Several bugs fixed</li>
</ul>
<h2>Content-Aware move tool</h2>
<p>The Content-Aware move tool allows you to move an object from one place to another. After it "cuts out" the object, the old location ("the hole") is filled with a content-aware fill, and the object is adapted to the surrounding area at the new location.</p>
<img src="//user-images.githubusercontent.com/15955558/91037781-e63be300-e609-11ea-814a-27029dbca0b6.gif" class="fullw" />
<h2>Content-Aware Scale</h2>
<p>This tool is available under Edit - Content-Aware Scale. It works very similarly to the Free Transform, while trying not to distort the objects of the scene (such as people houses, trees, etc).</p>
<p>Take a look at the examples below. The original image is in the middle, a "squeezed" version on the left, and the "stretched" version on the right. It is done with a Free transform on the top, and with a Content-Aware scale at the bottom.</p>
<a href="//i.imgur.com/iDboUhF.jpg"><img src="//i.imgur.com/iDboUhF.jpg" class="fullw" /></a>
<a href="//i.imgur.com/ocsottk.jpg"><img src="//i.imgur.com/ocsottk.jpg" class="fullw" /></a>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-4-9-new-tools-and-formats.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

83
blog.photopea.com/photopea-5-0-open-illustrator-files.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 5.0 &#8211; open Illustrator files!</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,80 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-1001">
<span class="date">January 12, 2021</span>
<h1>Photopea 5.0 &#8211; open Illustrator files!</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>A new release of Photopea is here! It has <strong>98 893</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-1001"></span>
<h2>New features</h2>
<ul>
<li>Support for Adobe Illustrator files</li>
<li>Support for Adobe Fireworks files</li>
<li>Faster rendering of vector graphics</li>
<li>New filters in the Filter Gallery</li>
<li>Several bugs fixed</li>
</ul>
<h2>Adobe Illustrator files (.AI)</h2>
<p>Adobe Illustrator is a popular tool for creating vector graphics. Starting today, you can open .AI files in Photopea.</p>
<p>The structure of a document (paths, groups, clip groups), layer properties (opacity, blend modes) and other features are preserved. Raster images are preserved as Smart Objects. Text layers remain editable, text properties are preserved.</p>
<a href="//i.imgur.com/olKzX4x.png"><img src="//i.imgur.com/olKzX4x.png" class="fullw" /></a>
<p><b>Vector Patterns</b> do not have any analogy in the PSD format. For now, a shape with a vector pattern is converted into a Smart Object with a vector mask.</p>
<p><b>Gradient Meshes</b> also do not have an analogy in the PSD format. For now, Photopea finds the brightest spot and the darkest spot in a Mesh, and draws a linear gradient between them.</p>
<a href="//i.imgur.com/UxzuXag.png"><img src="//i.imgur.com/UxzuXag.png" class="fullw" /></a>
<p>Photopea is not a professional vector editor and it can not fully replace Adobe Illustrator. However, it allows you to work with .AI files in a "PSD way", or convert AI files to PSD, SVG, PDF and other formats.</p>
<h2>Adobe Fireworks files (.PNG)</h2>
<p>Adobe Fireworks was a popular raster and vector editor, similar to Sketch App or Adobe XD. Its development stopped in 2012. It stored the work in .PNG files. These .PNG files could be opened in regular image viewers (and you could see a regular raster image). However, these PNG files contain additional data, and if you opened them in Adobe Fireworks, you could see many kinds of layers, folders, color and gradient fills, etc.</p>
<p>Starting today, you can open such PNG files in Photopea (and see layers and other features), and convert them into the PSD format.</p>
<h2>Faster rendering of vector graphics</h2>
<p>We made the rendering of vector graphics about 2x faster. Thanks to this improvement, vector files (AI, SVG, PDF, Sketch, XD, Figma) are opened 15 to 30 % faster.</p>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-5-0-open-illustrator-files.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

57
blog.photopea.com/photopea-api.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea API</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,54 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-144">
<span class="date">November 30, 2014</span>
<h1>Photopea API</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>Connect your webapps and services with Photopea using our <a href="//www.photopea.com/api">first API</a>.</p>
<span id="more-144"></span>
<h2>Features of API</h2>
<p>New API has two kinds of features:</p>
<ul>
<li>Passing data to Photopea - tell PP, which images you want to open, which additional brushes or fonts you want to use, etc.</li>
<li>Retrieving data from Photopea - when user is finished, the new image can be easily sent back to your server using File - Save to server</li>
</ul>
<p>See <a href="//www.photopea.com/api">full documentation</a> to find out more. We also have <a href="//www.photopea.com/api/demo">online test</a>, where an entire folder of images becomes editable in Photopea by anyone using few lines of PHP code.</p>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-api.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

56
blog.photopea.com/photopea-premium.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea Premium</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,53 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-297">
<span class="date">September 17, 2016</span>
<h1>Photopea Premium</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>Starting today, you can upgrade your account to a Premium account. It does not give you any extra features, but it helps us improve Photopea for you.</p>
<span id="more-297"></span>
<h2>Premium accounts</h2>
<p>After logging into Photopea, you can open open the Account window with details about your account. There is an option to upgrade to Premium for 5 USD per month. After upgrading to Premium, your Account button becomes green and you can start being proud of yourself. You just helped Photopea get financing for the future development.</p>
<p>Upgrading to Premium is completely voluntary. It is up to you, when and how often you upgrade. In the future, you may get access to beta features or extra themes, but right now, there is absolutely no difference.</p>
<img src="http://blog.photopea.com/wp-content/uploads/2016/09/account1.png" alt="account" width="575" height="494" class="alignnone size-full wp-image-302" />
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-premium.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

96
blog.photopea.com/png-minifier-inside-photopea.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> PNG minifier inside Photopea</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,93 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-412">
<span class="date">May 9, 2017</span>
<h1>PNG minifier inside Photopea</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>We have added a new feature to Photopea, which can significantly minify PNG images.</p>
<span id="more-412"></span>
<big>Update!!! A separate app at <a href="http://upng.photopea.com">UPNG.photopea.com</a>.</big>
<h2>PNG minification</h2>
<p>It is very popular to minify PNG images on the web to reduce the network traffic and make websites load faster. There are many free and commercial tools for it, which usually allow reducing the size of PNG files by 50 to 80 percent. <a href="https://tinypng.com/" target="_blank">TinyPNG</a> is a very pupular service for PNG minification. The same company also offers a plugin for Adobe Photoshop for $50.</p>
<p>Starting today, there is a PNG minification service built right into Photopea, anybody can use it for free. We decided to publish our efforts in an <a href="https://github.com/photopea/UPNG.js" target="_blank">open-source library UPNG.js</a>, which is also availabe to everybody for free.</p>
<p>When minifying PNGs with such methods, there is a tiny loss in the quality. To use PNG minification, go to <a href="https://www.Photopea.com" target="_blank">Photopea editor</a> and open a file (or create a new one). Then, choose File - Save for web - PNG format. You can either leave the quality at 100% for a lossless PNG, or decrease it for minification. You can also see a preview of the result and the size of the new file.</p>
<a name="examples"></a><h2>Examples</h2>
<p>Here are several examples of PNG minification. Click on the thumbnails to see an actual file.</p>
<style> table img { width:100%; height:auto; }</style>
<table>
<tr><th>Original</th><th>TinyPNG</th><th>Photopea: UPNG.js</th></tr>
<tr>
<td>31 638 B <a target="_blank" href="/pngs/pug.png" ><img src="/pngs/pug.png" /></a></td>
<td>12 409 B <a target="_blank" href="/pngs/pug-t.png" ><img src="/pngs/pug-t.png" /></a></td>
<td>11 102 B <a target="_blank" href="/pngs/pug-pp.png"><img src="/pngs/pug-pp.png" /></a></td>
</tr>
<tr>
<td>75 628 B <a target="_blank" href="/pngs/mbike.png" ><img src="/pngs/mbike.png" /></a></td>
<td>21 212 B <a target="_blank" href="/pngs/mbike-t.png" ><img src="/pngs/mbike-t.png" /></a></td>
<td>17 522 B <a target="_blank" href="/pngs/mbike-pp.png"><img src="/pngs/mbike-pp.png" /></a></td>
</tr>
<tr>
<td>105 035 B <a target="_blank" href="/pngs/mouse.png" ><img src="/pngs/mouse.png" /></a></td>
<td> 37 192 B <a target="_blank" href="/pngs/mouse-t.png" ><img src="/pngs/mouse-t.png" /></a></td>
<td> 33 885 B <a target="_blank" href="/pngs/mouse-pp.png"><img src="/pngs/mouse-pp.png" /></a></td>
</tr>
<tr>
<td>62 896 B <a target="_blank" href="/pngs/rose-icon.png" ><img src="/pngs/rose-icon.png" /></a></td>
<td>18 413 B <a target="_blank" href="/pngs/rose-icon-t.png" ><img src="/pngs/rose-icon-t.png" /></a></td>
<td>14 715 B <a target="_blank" href="/pngs/rose-icon-pp.png"><img src="/pngs/rose-icon-pp.png" /></a></td>
</tr>
<tr>
<td>23 262 B <a target="_blank" href="/pngs/logo.png" ><img src="/pngs/logo.png" /></a></td>
<td> 7 275 B <a target="_blank" href="/pngs/logo-t.png" ><img src="/pngs/logo-t.png" /></a></td>
<td> 5 251 B <a target="_blank" href="/pngs/logo-pp.png"><img src="/pngs/logo-pp.png" /></a></td>
</tr>
</table>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/png-minifier-inside-photopea.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

BIN
blog.photopea.com/pngs/logo-pp.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.1 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
blog.photopea.com/pngs/logo-t.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.1 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
blog.photopea.com/pngs/logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
blog.photopea.com/pngs/mbike-pp.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
blog.photopea.com/pngs/mbike-t.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 21 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
blog.photopea.com/pngs/mbike.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 74 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
blog.photopea.com/pngs/mouse-pp.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
blog.photopea.com/pngs/mouse-t.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
blog.photopea.com/pngs/mouse.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 103 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
blog.photopea.com/pngs/pea_new.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.8 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
blog.photopea.com/pngs/pea_old.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.7 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
blog.photopea.com/pngs/pea_orig.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
blog.photopea.com/pngs/pea_tiny.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.9 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
blog.photopea.com/pngs/pug-pp.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
blog.photopea.com/pngs/pug-t.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
blog.photopea.com/pngs/pug.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 31 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
blog.photopea.com/pngs/rose-icon-pp.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
blog.photopea.com/pngs/rose-icon-t.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
blog.photopea.com/pngs/rose-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 61 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

53
blog.photopea.com/raw-support-in-photopea.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> RAW support in Photopea</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,50 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-591">
<span class="date">October 8, 2017</span>
<h1>RAW support in Photopea</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>Today, we are adding a new feature into Photopea: the support for RAW images.</p>
<span id="more-591"></span>
<p><a href="https://en.wikipedia.org/wiki/Raw_image_format">RAW images</a> are very popular among photographers. Unlike regular "web images" (like JPG or PNG), they contain raw information from the camera sensor. Such information can be processed in many ways, to generate many different regular images.</p>
<p>Photopea supports the <b>DNG</b> format of raw images. When you open such file, you will see the <b>Raw Photopea</b> window. Here you can change some additional parameters. After you hit OK, Photopea will generate a regular image out of your raw file, and will open it as a new PSD document.</p>
<img src="https://blog.photopea.com/wp-content/uploads/2017/10/rawpp.jpg" class="fullw" />
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/raw-support-in-photopea.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

84
blog.photopea.com/surface-blur-and-median.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Surface Blur and Median</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,81 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-308">
<span class="date">September 20, 2016</span>
<h1>Surface Blur and Median</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>Today, Photopea gets two new professional filters: Surface Blur filter and Median filter! Moreover, Photopea performs them much faster, than Photoshop and GIMP do, as you can see in the last section. See it in action at the <a href="//www.photopea.com">main site</a>. Our images come from <a href="//shellandslate.com/fastmedian.html">Shell And Slate</a>.</p>
<span id="more-308"></span>
<h2>Surface Blur</h2>
<p>Surface Blur filter, which is known as Surface Blur in Adobe Photoshop and as Selective Gaussian Blur in Gimp, is an advanced image filter. It can denoise images, while preserving edges. You can use it to fix noisy photos or smooth out areas with a similar color.</p>
<p><a href="//www.photopea.com?p=%7B%22files%22:%5B%22https://www.photopea.com/api/img2/woman.jpg%22%5D%7D" target="_blank">Try it now!</a> (Filter - Blur - Surface Blur).</p>
<img src="//blog.photopea.com/wp-content/uploads/2016/09/woman-sb.jpg" class="fullw" />
<h2>Median Filter</h2>
<p>Median filter is another very common filter, which reduces noise and preserves edges. It can fix pixels or even small areas with damaged or missing color.</p>
<p><a href="//www.photopea.com?p=%7B%22files%22:%5B%22https://www.photopea.com/api/img2/head.bmp%22%5D%7D" target="_blank">Try it now!</a> (Filter - Noise - Median).</p>
<img src="//blog.photopea.com/wp-content/uploads/2016/09/head.jpg" />
<h2>Performance and speed</h2>
<p><b>TL;DR</b>: Photopea uses a more advanced algorithm, which allows it to run faster, even though it is written in Javascript.</p>
<p>As a performance test, we tried to measure the time of computing Surface Blur with the Radius = 100 and the Threshold = 100 on a woman.jpg image (the previous example). Here are the results:</p>
<table style="width:200px;">
<tr><th>Image Editor</th><th>Time</th></tr>
<tr><td>GIMP</td><td>55 s</td></tr>
<tr><td>Photoshop</td><td>2 s</td></tr>
<tr><td>Photopea</td><td>0.6 s</td></tr>
</table>
<p>Let's analyze it with science! The reason of such performance is the computational complexity of a method, that is used by each program. Each program has to work with an image having N pixels and compute the filter for a radius of R pixels. GIMP perfroms <math>N × R × R</math> steps to compute the filter, while Photoshop performs <math>N × R</math> steps only. When you increase the radius twice, Photoshop computation takes twice more time, but GIMP takes four times more time.</p>
<p>Photopea has two methods of computing the Surface Blur (or Median). First method performs <math>N × R</math> steps and another one performs <math>N × 10</math> steps (the time remains the same for any radius). When radius is at most 10, it performs the first method, otherwise it performs the second method. The computation time can be expressed by a following chart.</p>
<img src="//blog.photopea.com/wp-content/uploads/2016/09/image.png" />
<p>You can see, that for a radus of 10 pixels, Photopea is a lot slower than Photoshop, while both of them use the same method, that takes <math>N × R</math> steps. The reason of such speed is, that Photoshop has a parallel, multi-threaded implementation, while Photopea runs in a single thread now.</p>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/surface-blur-and-median.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

70
blog.photopea.com/vectorize-bitmaps-in-photopea.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Vectorize bitmaps in Photopea!</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,67 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-730">
<span class="date">February 22, 2018</span>
<h1>Vectorize bitmaps in Photopea!</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>We just launched a new feature: <b>bitmap to vector conversion</b>. See how it works!</p>
<span id="more-730"></span>
<p>Raster-to-vector conversion (or bitmap tracing) is a common feature in many image editors. It is quite complex task and each program produces quite different results. Some free bitmap tracers are available in <a href="https://www.vectorizer.io">Vectorizer.io</a> or in <a href="https://inkscape.org/">Inkscape</a>.</p>
<p>We just added such feature into Photopea and we are glad to announce, that it has better results, than Vectorizer.io and Inkscape. After we open our raster image (or select the right layer in a layered image), press Image - Vectorize Bitmap. We will see a special Vectorizer window.</p>
<a href="//blog.photopea.com/wp-content/uploads/2018/02/vectorize.png">
<img src="//blog.photopea.com/wp-content/uploads/2018/02/vectorize.png" class="fullw" />
</a>
<p>We can see the original image on the left and the vector image on the right. We can move both images or zoom in / out.
We can also set two parameters:
<ul>
<li>Number of colors</li>
<li>Noise reduction</li>
</ul>
The need of the noise reduction is detected <b>automatically</b> for each image and we recommend to keep that setting.
Once we are satisfied with the vector output, hit OK. Our original raster layer will be replaced with corresponding vector layers, ready for an additional vector editing, or for an export as SVG or PDF (File - Export As - ...).</p>
<p>Try it yourself in the following demo with multiple images! (press Image - Vectorize Bitmap)</p>
<p><big><big><a href="
https://www.photopea.com?p=%7B%22files%22:%5B%22https://www.photopea.com/api/img2/vectr/bunny.png%22,%22https://www.photopea.com/api/img2/vectr/cat.png%22,%22https://www.photopea.com/api/img2/vectr/donkey3.png%22,%22https://www.photopea.com/api/img2/vectr/fox.png%22,%22https://www.photopea.com/api/img2/vectr/lion.png%22,%22https://www.photopea.com/api/img2/vectr/logo.png%22,%22https://www.photopea.com/api/img2/vectr/pug.png%22,%22https://www.photopea.com/api/img2/vectr/skull.png%22%5D%7D
" target="_blank">Vectorize images in Photopea!</a></big></big></p>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/vectorize-bitmaps-in-photopea.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

55
blog.photopea.com/will-it-work.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Will it work?</title>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
@ -26,52 +26,19 @@
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-132">
<span class="date">June 29, 2014</span>
<h1>Will it work?</h1>
<div class="entry">
</div><div id="main">
<div id="content" class="narrowcolumn">
<p>When creating a webapp or webpage, you have a very important dilemma.</p>
<span id="more-132"></span>
<p>You can use the latest technologies and offer a very good performance / appearance / interactivity, but your product will work only for small percentage of users, those with newest browsers. Or you can give up performance and focus on support and stability.</p>
<p>While creating Photopea, I have had many such dilemmas. To make you aware of my decissions and capabilities of your browser, I have created a <a href="//www.photopea.com/willitwork">WillItWork page</a>.</p>
<p>You can see there, which browser features are required by current version of Photopea, and if they are supported in your browser. If you don't have some required feature in your browser, you can ask your browser vendor to add it, or search the internet for more details about that topic.</p>
<p>WillItWork page is not perfect yet. I don't have an opportunity to test Photopea on all OSs and browsers. If the answer you see ("Yes" / "No") is not correct for your browser, let me know in the comments and I will extend the test, so it is more precise.</p>
</div>
</div>
<h2 class="center">Error 404 - Not Found</h2>
</div>
<div id="sidebar">
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/will-it-work.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>

220
blog.photopea.com/wp-content/themes/simplex/style.css
View File

@ -1,185 +1,45 @@
* {
margin: 0;
padding: 0;
}
<!DOCTYPE html>
<html lang="en">
<head>
<title> Page not found</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-4249565-38', 'photopea.com'); ga('send', 'pageview');
</script>
</head>
#header {
background-image: linear-gradient(rgb(84, 180, 235), rgb(47, 164, 231));
font-size: 1.1em;
color:#ffffff;
padding: 1.5em 0;
text-align: center;
border-bottom: 1.5em solid #ceedf4;
text-shadow: 8px 8px 16px rgba(0,0,0, 0.5);
}
<body>
<div id="page">
<div id="header">
<a href="https://blog.photopea.com/" class="title">Photopea Blog</a>
<!--<p>Web-based image editor.</p>-->
<a class="curr" href="//blog.photopea.com">Blog</a> |
<a href="//www.photopea.com/learn">Learn</a> |
<a href="//www.photopea.com/tuts">Tutorials</a> |
<a href="//www.photopea.com/templates">Templates</a> |
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div><div id="main">
<div id="content" class="narrowcolumn">
#header .title{
display:block;
font-size: 3.5em;
margin-bottom:0.25em;
}
<h2 class="center">Error 404 - Not Found</h2>
#header a{
text-decoration:none;
color: #ffffff;
font-weight:bold;
}
#header .curr{
color: #ffff88;
}
</div>
#header img{
margin-bottom:-3px;
filter: drop-shadow(8px 8px 8px rgba(0,0,0, 0.5));
}
.post {
min-height:100px;
}
.post img, .post video
{
display:block;
margin:0px auto 15px auto;
}
.post .fullw { /* images in posts */
width : 100%;
margin-bottom: 1.2em;
}
.post .inline { /* Tool images at /learn */
display:inline;
height:40px;
margin:0 0.5em 0 0;
}
#footer {
text-align: center;
padding: 2em;
background: #252525;
color: #aaa;
}
.entry {
line-height: 1.5em;
margin-top: 10px;
}
.post p, .post ul {
line-height: 1.5em;
margin: 1em 0;
}
body {
font-family: "Open Sans", sans-serif;
font-size:1.05em;
color: rgba(0,0,0,0.8);
background-color:rgb(253,253,253);
}
a {
color: rgb(41, 153, 240);
}
.date {
font-size: 0.9em;
color: rgb(158, 171, 179);
}
#main { /* SimpleX addition to center as well as make header footer 100% */
min-height: 30em;
position:relative;
display: flex;
flex-wrap: wrap;
}
#main, #disqus_thread {
max-width: 46em;
margin: 15px auto 30px auto;
padding: 0 20px;
}
#content ul {
margin-left: 4em;
line-height: 1.7em;
}
h1, h2, h3 {
font-weight:bold;
letter-spacing: -.02em;
text-indent: -2px;
margin-bottom:0.7em;
}
h1 {
font-size: 2.5em;
margin-top: 0.0em;
}
h2 {
font-size:1.9em;
margin-top: 1.2em;
}
h3 {
font-size: 1.4em;
margin-top: 1.2em;
}
h4 {
font-size: 1.15em;
margin-top: 1.2em;
}
.postlink { /* Blog : links to articles */
font-weight:bold;
font-size: 1.8em;
display:block;
color: inherit;
}
#sidebar {
margin-top: 0.7em;
}
#sidebar h3 { /* /learn Topics */
font-size: 2em;
margin-bottom: 0.7em;
margin-top: 0;
}
#sidebar ul li {
list-style-type: none;
list-style-image: none;
margin: 0 0 0.45em 0;
}
#sidebar ul .lvl0 {
margin-top: 1.2em;
}
#sidebar ul .lvl1 {
margin-left: 1.5em;
font-size: 0.92em;
}
#sidebar ul .active {
color: rgb(84, 180, 235);
}
#sidebar ul a {
text-decoration: none;
color: inherit;
font-weight:bold;
}
table{
border-collapse: collapse;
margin: 0px auto 20px auto;
}
td, th{
padding:4px 8px;
border: 1px solid #777;
margin:0;
}
pre, code { /* for code in API spec. */
background-color: #f1f1f1;
padding: 0.2em 0.5em;
}
pre {
padding: 0.5em 1em;
margin: 1em 0;
line-height:1.4em;
white-space: pre-wrap; /* break too long lines for small screens */
overflow: hidden;
}
<div id="sidebar">
<h3>Visitors</h3>
<a href="http://info.flagcounter.com/nBqI"><img src="http://s10.flagcounter.com/count/nBqI/bg_FFFFFF/txt_000000/border_CCCCCC/columns_1/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
</div></div>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>
</html>

BIN
blog.photopea.com/wp-content/uploads/2013/09/916FD094-7E37-4143-9FEC-64FC0A1BBA1E.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 96 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
blog.photopea.com/wp-content/uploads/2013/11/pp_0.4.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 65 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
blog.photopea.com/wp-content/uploads/2014/02/pp_0.5.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 85 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
blog.photopea.com/wp-content/uploads/2016/02/smart_object1.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 46 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
blog.photopea.com/wp-content/uploads/2016/05/pea.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 57 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
blog.photopea.com/wp-content/uploads/2016/06/clipping.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 394 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
blog.photopea.com/wp-content/uploads/2016/08/languages.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
blog.photopea.com/wp-content/uploads/2016/08/warp.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 32 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
blog.photopea.com/wp-content/uploads/2016/09/account1.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 45 KiB

After

Width:  |  Height:  |  Size: 0 B

BIN
blog.photopea.com/wp-content/uploads/2016/09/head.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 31 KiB

After

Width:  |  Height:  |  Size: 0 B

BIN
blog.photopea.com/wp-content/uploads/2016/09/image.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 0 B

Some files were not shown because too many files have changed in this diff Show More