mirror of
https://gitflic.ru/project/photopea-v2/photopea-v-2.git
synced 2025-08-17 17:06:21 +00:00
95 lines
5.0 KiB
HTML
95 lines
5.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title> Photopea 4.3 – Slices and more!</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-910">
|
|
<span class="date">July 2, 2019</span>
|
|
<h1>Photopea 4.3 – Slices and more!</h1>
|
|
<div class="entry">
|
|
|
|
New release of Photopea is here! It has <strong>76 553</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.
|
|
|
|
<span id="more-910"></span>
|
|
|
|
<h2>New features</h2>
|
|
<ul>
|
|
<li>Support for Slices</li>
|
|
<li>Tool Presets</li>
|
|
<li>New panels: Color and Tool Presets</li>
|
|
<li>Support for <a href="//en.wikipedia.org/wiki/Truevision_TGA">TGA format</a></li>
|
|
<li>Many bugs fixed</li>
|
|
</ul>
|
|
<h2>Slices</h2>
|
|
Slices define rectangular areas on top of our document. We can export such document with a single click, and each slice becomes a separate image file, such as PNG or JPG. You can learn more about them at <a href="//www.Photopea.com/learn/slices">Photopea.com/learn/slices</a>.
|
|
|
|
<img class="fullw" src="//i.imgur.com/S9T8dUW.png" />
|
|
<h2>Tool Presets</h2>
|
|
Each tool can have many settings in the top bar. For the Move tool, there is "Auto-Select", "Transform Controls", and more.
|
|
For a Brush tool, there is a Brush itself, a Blend Mode, an Opacity, a Flow, etc.
|
|
|
|
Tool Presets let us save the current settings of a tool, to load them back later with a single click. Right now, they are possible for a Brush tool, a Pencil tool, and an Eraser tool. Photopea also saves the <b>Foreground color</b> for the Brush and the Pencil.
|
|
|
|
<img style="width: 60%;" src="//i.imgur.com/WSCOAms.png" />
|
|
|
|
Tool Presets are popular in Adobe Photoshop, and can be used in Photopea in a similar way. You can switch Tool Presets by clicking the icon of a tool at the beginning of a top bar, and selecting a preset from the menu. Press a tiny arrow - Define New, to define a new preset from the current settings.
|
|
|
|
Tool presets can be saved or loaded as <b>.TPL</b> files. Together with <a href="//blog.photopea.com/photopea-4-2-with-local-storage.html">the Local Storage</a>, you can have your Tool Presets in place every time you open Photopea.
|
|
</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-3-slices-and-more.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> |