mirrors/photopea-v2
1
0
Fork 0
mirror of https://gitflic.ru/project/photopea-v2/photopea-v-2.git synced 2026-06-19 07:01:15 +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
Download Patch File Download Diff File Expand all files Collapse all files
blog.photopea.com/photopea-3-1-brings-aniamtions.html
+11 -72
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>