photopea-v2/blog.photopea.com/photopea-5-0-open-illustrator-files.html

106 lines
5.7 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 5.0 &#8211; open Illustrator files!</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-1001">
<span class="date">January 12, 2021</span>
<h1>Photopea 5.0 &#8211; open Illustrator files!</h1>
<div class="entry">
<p>A new release of Photopea is here! It has <strong>98 893</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-1001"></span>
<h2>New features</h2>
<ul>
<li>Support for Adobe Illustrator files</li>
<li>Support for Adobe Fireworks files</li>
<li>Faster rendering of vector graphics</li>
<li>New filters in the Filter Gallery</li>
<li>Several bugs fixed</li>
</ul>
<h2>Adobe Illustrator files (.AI)</h2>
<p>Adobe Illustrator is a popular tool for creating vector graphics. Starting today, you can open .AI files in Photopea.</p>
<p>The structure of a document (paths, groups, clip groups), layer properties (opacity, blend modes) and other features are preserved. Raster images are preserved as Smart Objects. Text layers remain editable, text properties are preserved.</p>
<a href="//i.imgur.com/olKzX4x.png"><img src="//i.imgur.com/olKzX4x.png" class="fullw" /></a>
<p><b>Vector Patterns</b> do not have any analogy in the PSD format. For now, a shape with a vector pattern is converted into a Smart Object with a vector mask.</p>
<p><b>Gradient Meshes</b> also do not have an analogy in the PSD format. For now, Photopea finds the brightest spot and the darkest spot in a Mesh, and draws a linear gradient between them.</p>
<a href="//i.imgur.com/UxzuXag.png"><img src="//i.imgur.com/UxzuXag.png" class="fullw" /></a>
<p>Photopea is not a professional vector editor and it can not fully replace Adobe Illustrator. However, it allows you to work with .AI files in a "PSD way", or convert AI files to PSD, SVG, PDF and other formats.</p>
<h2>Adobe Fireworks files (.PNG)</h2>
<p>Adobe Fireworks was a popular raster and vector editor, similar to Sketch App or Adobe XD. Its development stopped in 2012. It stored the work in .PNG files. These .PNG files could be opened in regular image viewers (and you could see a regular raster image). However, these PNG files contain additional data, and if you opened them in Adobe Fireworks, you could see many kinds of layers, folders, color and gradient fills, etc.</p>
<p>Starting today, you can open such PNG files in Photopea (and see layers and other features), and convert them into the PSD format.</p>
<h2>Faster rendering of vector graphics</h2>
<p>We made the rendering of vector graphics about 2x faster. Thanks to this improvement, vector files (AI, SVG, PDF, Sketch, XD, Figma) are opened 15 to 30 % faster.</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-5-0-open-illustrator-files.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>