![magicfrog3.png](https://cdn.steemitimages.com/DQmYGhedZ1GDWas57LYrBYxhtnZrWo4TuzmSMht4xgr2Doc/magicfrog3.png)
![title_text.png](https://cdn.steemitimages.com/DQmXdKCZU4ypdSvHszBVTV13iJC4c7GzgUeUtrqZjaE42J5/title_text.png)

<center> <h2>Dear Steemians,</h2> </center>


the [graphic task request](https://steemit.com/utopian-io/@helo/graphic-task-request-blender-3d-low-poly-character-of-the-magic-frog) from @helo a few weeks ago was to build a Low Poly Character of the Magic Frog using **Blender**. Here‘s a copy and paste about the project [The Magic Frog](https://the-magic-frog.com/):

>The Magic Frog is a Bot/Website utilizing the STEEM blockchain to reward everyone involved in a collaborative storytelling project. By submitting small pieces of text (and even images), that the community can vote on everyday, the story evolves and sometimes takes quite strange, funny or interesting turns.
>The Magic Frog is currently available in English, French and German and more languages will follow!


I didn‘t have the time to work on this project constantly, but I finally got around to finalize a colored still image.
The model should be animated in future requests, so it was required to have:
- a head, body, mouth, tongue, eyes and eye lids, 4 limbs and all fingers
- a hat and clothes (all properly colored)

<center> <h2>References</h2>  
The model should look like this 2D image made by @ienrikex:</center>

<center>![QmVXmuz5RrjybEqRJ3GC8pp5emczPQmECkisBmrttMH55s.png](https://cdn.steemitimages.com/DQmWSF2mEBsa7LmLhci8GhXKPv91CPNq1UH4uTGaC5ezhPH/QmVXmuz5RrjybEqRJ3GC8pp5emczPQmECkisBmrttMH55s.png)</center>

<center>The style reference for the model are models by [**Karan Shah**](https://karan81.portfoliobox.net/3d), but I sticked to the original :</center>

<center>![QmZAx6s9ofGVXNuwrKv3mYQhTFk8oUoPtLcDmZAVEnDphe.png](https://cdn.steemitimages.com/DQmSuTG8hvja3G1ZCCnhMG7rFGou8A3MaL7WJmSo8HnjAXM/QmZAx6s9ofGVXNuwrKv3mYQhTFk8oUoPtLcDmZAVEnDphe.png)</center>


<center> <h2>Process</h2> </center>
<center> <h5>Modeling</h5>  </center>
Usually I would showcase a process gif  with rendered versions of the model to keep everything aligned and clean, but this is really time consuming as it mostly take me an hour per frame. So this time I made gifs out of screenshots and added the hotkeys: 

I usually start out with a cube, mirror the object and just extrude faces and move vertices in order to match the reference image. I reused the hat of the [**Enchantress of the Night**](https://steemit.com/steemmonsters/@jellenmark/enchantress-of-the-night-steem-monsters-art-contest), I modeled for an art contest, but changed it up for the frog, as they looked a bit similar.
A few weeks ago I didn‘t think about rigging the model, so I used an *Array Modifier* and *Curve Modifier* to deform the tongue for a still image, but decided later on to animate this little fella. So I added an *Armature* instead in order to move the tongue smoothly.

![modeling_2.gif](https://cdn.steemitimages.com/DQmPZypY5yBPdr6AL5A1mM2Wep1PfJs1eCqDEj1nPmhdQsA/modeling_2.gif)
![modeling_text.png](https://cdn.steemitimages.com/DQmc6Zzpw5TWzNjaumB2u5n4JPPg2aWK4GoKm6SbGWw53fL/modeling_text.png)



<center> <h5>Retopology</h5> </center>

The request was a low poly character, so I had to do a retopo of the model and did it in two different ways, which you can see in the gifs below. I sometimes use the *Z-Remesher* from *ZBrush*, but decided to only use the software *Blender* for this project.


![retopology.gif](https://cdn.steemitimages.com/DQmXHqRMzW1thUYEUeCCG2YjbnLj5ZNMRX559D2dnG9HKSN/retopology.gif)
![retopo_text.png](https://cdn.steemitimages.com/DQmfNw71vrsH99MvttruUAByfsoRJf6ejJDYvNETKuVH9J4/retopo_text.png)

![retopo_wireframe2.gif](https://cdn.steemitimages.com/DQmUQjrsApttpm3T54GKs8BsF76vpsvHwXC1dSfCgBw1LSE/retopo_wireframe2.gif)
![process_text.png](https://cdn.steemitimages.com/DQmUMrS3aE57aQcYUAAL3e7kAS68GRFW4GbtHYpEiHUTKVN/process_text.png)


<center> <h5>Texturing</h5> </center>
In order to texture the model, I had to *UV-unwrap* the model and export the uv-map. I chose the *Principled Shader* and added an *Image Texture*, where I could chose the exported uv-map. Then I was able to switch to the *Texture Mode* and started painting directly onto the model. I also used a leather texture from [**Poliigon**](https://www.poliigon.com/search) for the hat and just used the normal map*. Please check the [**license**](https://help.poliigon.com/faq/license-faq), the texture may not be reditributed. 


![rawtotextured.png](https://cdn.steemitimages.com/DQmRhRDptkHDK2BuFXkp5UunrDSLgZSvX5bDok89YyMHgMD/rawtotextured.png)

![magicfrog_fireflies_2.png](https://cdn.steemitimages.com/DQmfQpjYRkhVax8PnK4NyLRLYCaVmGYaYA5JWTr15N39tFj/magicfrog_fireflies_2.png)

![textured_text.png](https://cdn.steemitimages.com/DQmcuGJQzLkmBGtoxGGKHzPdMW4d2qUzpoT8pa96f8sk8kC/textured_text.png)


<center> <h5>Rigging & Animation</h5> </center>

I already rigged the model and did a small animation to showcase that. I had some problems with the skin binding near the "knees", because I didn‘t model the frog in a t-pose, so when I move the hip, the knees crinkle a bit. I will work on that later on, but for now I moved the lids, the fingers, the tongue and rotated the eyes a bit. I also created *Shape Keys*, because I didn‘t like the look of just rotating the lids for blinking. I added *Shape Keys* for the eyebrows and mouth.

![rigganimation.png](https://cdn.steemitimages.com/DQmaQzPANmdJdnmKg21z4rradih4y67PpnS1xkZvX1fkLSv/rigganimation.png)
![animationlayout_text.png](https://cdn.steemitimages.com/DQmbvZUsQiN3Umv1o3HKR6Lu6nXPKKiDgwEipdVAYLn8AQG/animationlayout_text.png)


![turnaround.gif](https://cdn.steemitimages.com/DQmcweK2rpXUigrEqUDxmMNUTm2EiSD4hBQpedRKpwzpxTK/turnaround.gif)
![turnaround_text.png](https://cdn.steemitimages.com/DQmYY1haBbVs3tZUHcMuc52SRo7hvCWb1PYS8Fgkop1HZDk/turnaround_text.png)
<center> <h2>Tools</h2> </center>
I used [**Blender**, version 2.79](https://www.blender.org/), a free and open 3D creation software using the engine: **Cycles Render**. I rendered the frames with the renderfarm [**SheepIt!**](https://www.sheepit-renderfarm.com/) and created the gifs with  **Photoshop**.


<center>Thanks for reading and stay tuned!
xxx.
Jess</center>
![jellenmark_closeup.png](https://cdn.steemitimages.com/DQmd63ZqMgaiDzRodETDfsDPvzWia64TFh9NB4wontLc4Aq/jellenmark_closeup.png)