photopea-v2/blog.photopea.com/photopea-1-8.html

99 lines
5.2 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 1.8</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-247">
<span class="date">June 28, 2016</span>
<h1>Photopea 1.8</h1>
<div class="entry">
<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>
</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(); ?>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>
</html>