mirror of
https://gitflic.ru/project/photopea-v2/photopea-v-2.git
synced 2025-08-17 17:06:21 +00:00
111 lines
5.9 KiB
HTML
111 lines
5.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title> Photopea 2.6 can open Sketch!</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-398">
|
|
<span class="date">April 25, 2017</span>
|
|
<h1>Photopea 2.6 can open Sketch!</h1>
|
|
<div class="entry">
|
|
|
|
<p>New release of Photopea is out! It has <strong>40 722</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
|
|
<span id="more-398"></span>
|
|
|
|
<h2>New features</h2>
|
|
|
|
<ul>
|
|
<li>Reading Sketch files</li>
|
|
<li>Artboards support</li>
|
|
<li>Masks can have additional Density and Feather</li>
|
|
<li>Support for multiple shadows / fills in Layer Styles</li>
|
|
</ul>
|
|
|
|
<h2>Sketch file support</h2>
|
|
|
|
<p><a href="https://sketchapp.com/">Sketch</a> is a very popular program for creating vector graphics, used by many designers. Sadly, the program is available for Mac OS only and it is quite expensive.</p>
|
|
|
|
<p>Since the version 2.6, Photopea can read Sketch files. You can use it to render Sketch files, export them as PNGs, view the layer structure and more.
|
|
Sketch elements are converted into corresponding Photopea elements. You can edit colors, gradients, visibility, blend modes, text inside text layers and so on. And since Photopea can save files as PSD, you can use it as a Sketch to PSD converter.</p>
|
|
|
|
<p>Here are several examples of Sketch files.</p>
|
|
<table>
|
|
<tr><td>Code Editor: </td>
|
|
<td><a target="_blank" href="//sketchviewer.com/sketches/58d3e2b8747faa001116ad93/latest/" target=>SketchViewer</a></td>
|
|
<td><a target="_blank" href="//www.photopea.com?p=%7B%22files%22:%5B%22https://www.photopea.com/api/img/editor.sketch%22%5D,%22environment%22:%7B%7D%7D">Photopea</a></td>
|
|
</tr>
|
|
<tr><td>Miranda Kerr: </td>
|
|
<td><a target="_blank" href="//sketchviewer.com/sketches/58d3e811747faa001116adb5/latest/">SketchViewer</a></td>
|
|
<td><a target="_blank" href="//www.photopea.com?p=%7B%22files%22:%5B%22https://www.photopea.com/api/img/Miranda_kerr.sketch%22%5D%7D">Photopea</a></td>
|
|
</tr>
|
|
<tr><td>Milk Page: </td>
|
|
<td><a target="_blank" href="//sketchviewer.com/sketches/58d3ee2e43edd7001175adf9/latest/">SketchViewer</a></td>
|
|
<td><a target="_blank" href="//www.photopea.com?p=%7B%22files%22:%5B%22https://www.photopea.com/api/img/milk.sketch%22%5D%7D">Photopea</a></td>
|
|
</tr>
|
|
<tr><td>The Martian: </td>
|
|
<td><a target="_blank" href="//sketchviewer.com/sketches/58d3ef76676a0f0011c6db79/latest/">SketchViewer</a></td>
|
|
<td><a target="_blank" href="//www.photopea.com?p=%7B%22files%22:%5B%22https://www.photopea.com/api/img/martian.sketch%22%5D%7D">Photopea</a></td>
|
|
</tr>
|
|
</table>
|
|
|
|
<p>Sketch designers often use free fonts. Thousands of free fonts are available in Photopea. If you can not open some Sketch file with a Sketch App because of a missing font, there is a big chance, that Photopea will open it with correct fonts without any problems.</p>
|
|
|
|
<img src="http://blog.photopea.com/wp-content/uploads/2017/04/sketch.png" width="100" height="100" />
|
|
|
|
</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-6-can-open-sketch.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> |