photopea-v2/blog.photopea.com/photopea-3-4-refine-edges.html

98 lines
5.0 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 3.4 &#8211; Refine Edges</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-747">
<span class="date">April 30, 2018</span>
<h1>Photopea 3.4 &#8211; Refine Edges</h1>
<div class="entry">
<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>
</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(); ?>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>
</html>