photopea-v2/blog.photopea.com/photopea-4-7-puppet-warp.html

91 lines
4.6 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 4.7 &#8211; Puppet Warp</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-972">
<span class="date">March 1, 2020</span>
<h1>Photopea 4.7 &#8211; Puppet Warp</h1>
<div class="entry">
<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>
</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(); ?>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>
</html>