<commit_before>---
layout: project
title: Low-Poly Imaging
---

<div class="message">
  What is "Low-Poly Imaging"?
</div>
Low-Poly Imaging, basically is a polygon mesh in 3D computer graphics that has a relatively small number of polygons. Low-Poly meshes occur in real-time applications (e.g. games) and contrast with high poly meshes in animated movies and special effects of the same era. The term low poly is used in both a technical and a descriptive sense; the number of polygons in a mesh is an important factor to optimize for performance but can give an undesirable appearance to the resulting graphics.

More on <a href="https://en.wikipedia.org/wiki/Low_poly" target="_blank">Low-Poly</a>

<br>

<div class="message">
  Is that a bad or a good thing?
</div>
The result of low-poly imaging, as said before, usually has an undiserable appearance, but quaintly, in some cases, low-poly imaging produces a very stunning and pleasing in the eye result! It makes photos look more simple, minimalistic and modern-age-ish.

I first encountered low-poly images from a professional art director & illustrator, <a href="http://justinmaller.com/" target="_blank"><NAME></a> and I was so amazed by the result, that I decided to give it a try!

<br>

<div class="message">
  How is it done?
</div>
The basic idea of low-poly imaging, is to split a desired photo into triangles (or any other polygon you like), and apply Average (Gausian) Blur Filter on each triangle until you transform the photo into blurry polygons that produce this stunning result!

You can watch this awesome and super simple tutorial on YouTube:

<iframe width="560" height="315" src="https://www.youtube.com/embed/MSAGUhzA-90" frameborder="0" allowfullscreen></iframe>

More on <a href="https://en.wikipedia.org/wiki/Gaussian_blur" target="_blank">Gaussian Blur Filter</a>

<br>

<div class="message">
  My first attempt
</div>
Even I was surprised by the simplicity of this kind of art. It took me about 3 hours total in Adobe Photoshop CC to produce the following two images and I think they are quiet good for a first-timer.
<div>
<br>

<table align="center">
  <tr>
    <th>Low-Poly Goldfish</th>
    <th>Low-Poly Lobster</th>		
  </tr>

  <tr>
    <td align="center"><a href="../projects/Goldfish.png"><img src="Goldfish.png"></a></td>
    <td align="center"><a href="../projects/Lobster.png"><img src="Lobster.png"></a></td>	
  </tr>
  </table>
  <br>

<div>

<iframe src="//www.facebook.com/plugins/share_button.php?href=http://stefanos990.com/projects/low-poly&amp;layout=button_count&amp;appId=460671367340473&amp;text=Low-Poly Imaging" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px;" allowTransparency="true"></iframe>

<iframe id="tweet-button" allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.html?via=stefanos990&amp;count=horizontal&amp;url=http://stefanos990.com/projects/low-poly&amp;text=Low-Poly Imaging"></iframe>
</div>

<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-58975019-1', 'auto');
  ga('send', 'pageview');

</script><commit_msg>FB Share<commit_after>---
layout: project
title: Low-Poly Imaging
---

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=214775365252516";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="message">
  What is "Low-Poly Imaging"?
</div>
Low-Poly Imaging, basically is a polygon mesh in 3D computer graphics that has a relatively small number of polygons. Low-Poly meshes occur in real-time applications (e.g. games) and contrast with high poly meshes in animated movies and special effects of the same era. The term low poly is used in both a technical and a descriptive sense; the number of polygons in a mesh is an important factor to optimize for performance but can give an undesirable appearance to the resulting graphics.

More on <a href="https://en.wikipedia.org/wiki/Low_poly" target="_blank">Low-Poly</a>

<br>

<div class="message">
  Is that a bad or a good thing?
</div>
The result of low-poly imaging, as said before, usually has an undiserable appearance, but quaintly, in some cases, low-poly imaging produces a very stunning and pleasing in the eye result! It makes photos look more simple, minimalistic and modern-age-ish.

I first encountered low-poly images from a professional art director & illustrator, <a href="http://justinmaller.com/" target="_blank">Justin Maller</a> and I was so amazed by the result, that I decided to give it a try!

<br>

<div class="message">
  How is it done?
</div>
The basic idea of low-poly imaging, is to split a desired photo into triangles (or any other polygon you like), and apply Average (Gausian) Blur Filter on each triangle until you transform the photo into blurry polygons that produce this stunning result!

You can watch this awesome and super simple tutorial on YouTube:

<iframe width="560" height="315" src="https://www.youtube.com/embed/MSAGUhzA-90" frameborder="0" allowfullscreen></iframe>

More on <a href="https://en.wikipedia.org/wiki/Gaussian_blur" target="_blank">Gaussian Blur Filter</a>

<br>

<div class="message">
  My first attempt
</div>
Even I was surprised by the simplicity of this kind of art. It took me about 3 hours total in Adobe Photoshop CC to produce the following two images and I think they are quiet good for a first-timer.
<div>
<br>

<table align="center">
  <tr>
    <th>Low-Poly Goldfish</th>
    <th>Low-Poly Lobster</th>		
  </tr>

  <tr>
    <td align="center"><a href="../projects/Goldfish.png"><img src="Goldfish.png"></a></td>
    <td align="center"><a href="../projects/Lobster.png"><img src="Lobster.png"></a></td>	
  </tr>
  </table>
  <br>

<div>

<iframe src="//www.facebook.com/plugins/share_button.php?href=http://stefanos990.com/projects/low-poly&amp;layout=button_count&amp;appId=460671367340473&amp;text=Low-Poly Imaging" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px;" allowTransparency="true"></iframe>
<div class="fb-share-button" data-href="http://stefanos990.com/projects/low-poly" data-layout="button_count"></div>

<iframe id="tweet-button" allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.html?via=stefanos990&amp;count=horizontal&amp;url=http://stefanos990.com/projects/low-poly&amp;text=Low-Poly Imaging"></iframe>
</div>

<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-58975019-1', 'auto');
  ga('send', 'pageview');

</script>
{'fraction_non_alphanumeric': 0.1488752556237219, 'fraction_numerical': 0.01717791411042945, 'mean_word_length': 5.154362416107382, 'pattern_counts': {'":': 0, '<': 110, '<?xml version=': 0, '>': 110, 'https://': 6, 'lorem ipsum': 0, 'www.': 6, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2601172', 'n_tokens_mistral': 2501, 'n_tokens_neox': 2353, 'n_words': 734}