mirror of
https://gitflic.ru/project/photopea-v2/photopea-v-2.git
synced 2025-08-17 17:06:21 +00:00
99 lines
5.5 KiB
HTML
99 lines
5.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title> Photopea 2.2</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>
|
|
|
|
<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">
|
|
|
|
<div class="post" id="post-329">
|
|
<span class="date">January 16, 2017</span>
|
|
<h1>Photopea 2.2</h1>
|
|
<div class="entry">
|
|
|
|
<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>
|
|
|
|
</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(); ?>
|
|
|
|
<div id="footer">© 2013-2021 support@photopea.com</div>
|
|
</div> <!--page-->
|
|
</body>
|
|
</html> |