mirror of
https://gitflic.ru/project/photopea-v2/photopea-v-2.git
synced 2025-08-17 17:06:21 +00:00
87 lines
4.7 KiB
HTML
87 lines
4.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title> Patterns and Fill Layers</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-344">
|
|
<span class="date">January 25, 2017</span>
|
|
<h1>Patterns and Fill Layers</h1>
|
|
<div class="entry">
|
|
|
|
<p>In this little update, we present the full support for Patterns and Fill Layers.</p>
|
|
<span id="more-344"></span>
|
|
|
|
<h2>Patterns</h2>
|
|
|
|
<p>Patterns are an important part of every image editor. In PSD files, patterns can be used either in Pattern Fill Layers, or in Layer Styles - Pattern overlay.</p>
|
|
|
|
<p>Since this release, Photopea contains a Pattern selection button, which is present in properties of a Fill Layer, or in properties of a Pattern Overlay. When you start Photopea, several basic patterns are loaded. You can also open your own patterns (using File - Open or just by dragging and dropping them into Photopea). Patterns should be in a <b>.PAT</b> format, which is the same as for Adobe Photoshop (you can find lots of free patterns on the internet).</p>
|
|
|
|
<img src="//blog.photopea.com/wp-content/uploads/2017/01/PattButton.png" alt="PattButton" />
|
|
|
|
<h2>Fill Layers</h2>
|
|
|
|
<p>PSD files may contain so-called Fill Layers, their content is generated automatically. Fill layer can contain either a Solid Color, a Gradient or a Pattern (with additional parameters such as the size of the pattern, the angle of the gradient, etc.). You can not draw anything into fill layers, but they may have raster or vector masks attached.</p>
|
|
|
|
<p>Since this release, you can create new Fill Layers using Layer - New Fill Layer. You can also edit the parameters of an existing Fill Layer by double-clicking the thumbnail of the layer.</p>
|
|
|
|
<img src="//blog.photopea.com/wp-content/uploads/2017/01/GradientFill.png" alt="GradientFill" />
|
|
|
|
</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/patterns-and-fill-layers.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> |