{"id":331,"date":"2020-06-05T22:45:45","date_gmt":"2020-06-05T22:45:45","guid":{"rendered":"https:\/\/freestyleacademy.rocks\/~JuanZ\/?page_id=331"},"modified":"2020-06-05T23:43:52","modified_gmt":"2020-06-05T23:43:52","slug":"explorations","status":"publish","type":"page","link":"https:\/\/freestyleacademy.rocks\/~JuanZ\/explorations\/","title":{"rendered":"Explorations"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The  explorations  project is a  smaller project for  the  end  of  the  year  where  we  are able to  choose what  we get to  do.  For  my  project I  decided to  work  with another  classmate  of  mine,  Midori, helping them to create artwork for a  small program that would  procedurally generate an album cover given a link to some music. I  thought  the  challenge  of  creating procedurally generated artwork  and I thought that since a  program  like  that  will  already  naturally  create  something  that will be a but disjointed it  would also be a great opportunity to try and learn some new techniques.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Almost  all  of  the  work  for  the  project  was  creating  artwork. We started  by  simply  creating  a list of  assets we would need to create and  then went on to create  them  in  Photoshop  and  Illustrator. Once  we  had  a  decent  list  of  elements, we  combined  them  into  one Illustrator  document  and  exported  it  off  to the  program  which  Midori  had  created  by taking code  from  the Spotify  API  and addding  a  few  extra  lines  to  use it to  combine  the artworks.<\/p>\n\n\n\n<h2 class=\"has-text-align-center wp-block-heading\">Artworks<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Here  are picures of most  of  the  final versions of the  art I created for  this  project  along with  a  little  bit  of  the  process  behind  it. The  finished  program  with everything  compiled  together  can  be found  on  Midori&#8217;s website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignright size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/Exp1-1024x551.png\" alt=\"\" class=\"wp-image-332\" width=\"598\" height=\"320\"\/><figcaption><em>(A look  at the  Photoshop document showing the layer stack  and my  reference  image)<\/em><\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">One  of  the  final  products  I  was  most  proud  of  from  this  project  was this crow  here, I  created  this  by  masking out  sections  of  the  crow with  the  pen tool  and  then  filling  those  masks  with  very  rough  colors,  which  I  then  carefully  blended together  with  the  smudge  tool.  The final product  of  which  I  think turned  out  very well.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"658\" src=\"https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/CROW@025x-1024x658.png\" alt=\"\" class=\"wp-image-336\" srcset=\"https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/CROW@025x-1024x658.png 1024w, https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/CROW@025x-300x193.png 300w, https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/CROW@025x-768x494.png 768w, https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/CROW@025x-1536x987.png 1536w, https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/CROW@025x-2048x1317.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption><em>(The  finished  crow)<\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Using  this smudge  and  mask  technique  I  learned I also  managed to create the planets as well  as  a more  textured  backdrop  for  this  space background.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/Artboard-1-1024x576.png\" alt=\"\" class=\"wp-image-338\" srcset=\"https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/Artboard-1-1024x576.png 1024w, https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/Artboard-1-300x169.png 300w, https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/Artboard-1-768x432.png 768w, https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/Artboard-1-1536x864.png 1536w, https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/Artboard-1.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">I also used  that  same  smudge  tool  to  create  a  dust cloud  brush  which I used to create this sandstorm  from  scratch.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"554\" src=\"https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/EXP4-1024x554.png\" alt=\"\" class=\"wp-image-342\" srcset=\"https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/EXP4-1024x554.png 1024w, https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/EXP4-300x162.png 300w, https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/EXP4-768x416.png 768w, https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/EXP4-1536x831.png 1536w, https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/EXP4.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption><em>(View  of  the  sandstorm in  photoshop,  complete  with a view of the many layers  which  make  it up)<\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">.<\/p>\n\n\n\n<h2 class=\"has-text-align-center wp-block-heading\">&#8211;<\/h2>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignright size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/EXP7.png\" alt=\"\" class=\"wp-image-343\" width=\"220\" height=\"218\" srcset=\"https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/EXP7.png 888w, https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/EXP7-150x150.png 150w, https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/EXP7-768x765.png 768w\" sizes=\"auto, (max-width: 220px) 100vw, 220px\" \/><figcaption><em>(Fog  effect)<\/em><\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Another technique  I  tried to learn a little better for this project was the gradient  mesh tool. Which  I used  to  create  this  fog effect  while  still  only  using  vector  graphics.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/EXP2-1024x526.png\" alt=\"\" class=\"wp-image-340\" width=\"314\" height=\"160\" srcset=\"https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/EXP2-1024x526.png 1024w, https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/EXP2-300x154.png 300w, https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/EXP2-768x395.png 768w, https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/EXP2.png 1140w\" sizes=\"auto, (max-width: 314px) 100vw, 314px\" \/><figcaption><em>(Practicing  making  fire)<\/em><\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I  then tried  to get  better  at  manipulated  larger  meshes  first to create a simple  fire effect, and later to create a detailed Aurora Borealis.  Which  turned  out incredibly  well.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"564\" src=\"https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/EXP3-1024x564.png\" alt=\"\" class=\"wp-image-341\" srcset=\"https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/EXP3-1024x564.png 1024w, https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/EXP3-300x165.png 300w, https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/EXP3-768x423.png 768w, https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/EXP3.png 1163w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption><em>(The  completed  Auroras)<\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Lastly  I tried  to experiment  a  bit  more  with creating foliage  for various other elements  I created.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/EXP6.png\" alt=\"\" class=\"wp-image-344\" width=\"211\" height=\"211\" srcset=\"https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/EXP6.png 884w, https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/EXP6-300x300.png 300w, https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/EXP6-150x150.png 150w, https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/EXP6-768x767.png 768w\" sizes=\"auto, (max-width: 211px) 100vw, 211px\" \/><figcaption><em>(Various  peripheral  elements)<\/em><\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/EXP5-1024x828.png\" alt=\"\" class=\"wp-image-345\" width=\"262\" height=\"211\" srcset=\"https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/EXP5-1024x828.png 1024w, https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/EXP5-300x243.png 300w, https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/EXP5-768x621.png 768w, https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/EXP5.png 1082w\" sizes=\"auto, (max-width: 262px) 100vw, 262px\" \/><figcaption><em>(Simple  forest)<\/em><\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"has-text-align-center wp-block-heading\">Digital  Media Work<\/h2>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignright size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/JuanZ-932x1024.jpg\" alt=\"\" class=\"wp-image-363\" width=\"516\" height=\"567\" srcset=\"https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/JuanZ-932x1024.jpg 932w, https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/JuanZ-273x300.jpg 273w, https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/JuanZ-768x844.jpg 768w, https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-content\/uploads\/2020\/06\/JuanZ.jpg 1300w\" sizes=\"auto, (max-width: 516px) 100vw, 516px\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">For  digital media, we  were  tasked  with  creating  an  infographic  explaining one  of  the  things we learned. Since  I  didn&#8217;t really  have  an  overarching  theme  to  the  work  I  created  I  just  created  this  simple  explanation  of   working  with gradient  meshes.<\/p>\n\n\n\n<h2 class=\"has-text-align-center wp-block-heading\">&#8212;&#8211;=====&#8212;-<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Overall  I really  enjoyed getting  to  experiment with  new  styles  for  this  project,  I think  I  got  to master  a  lot  of elements  to  working  in  illustrator,  and I&#8217;m  very  proud  of a  lot  of  the the  completed  products.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The explorations project is a smaller project for the end of the year where we are able to choose [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-331","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-json\/wp\/v2\/pages\/331","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-json\/wp\/v2\/comments?post=331"}],"version-history":[{"count":27,"href":"https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-json\/wp\/v2\/pages\/331\/revisions"}],"predecessor-version":[{"id":374,"href":"https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-json\/wp\/v2\/pages\/331\/revisions\/374"}],"wp:attachment":[{"href":"https:\/\/freestyleacademy.rocks\/~JuanZ\/wp-json\/wp\/v2\/media?parent=331"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}