Brian Kekoa Yap's profile

Eye Process Illustration

Gonna start adding a few process illustrations to show how I bounce from mobile apps to desktop applications in Creative Cloud. I get a lot of questions about going from one to the other and what the benefits are of each step. Hopefully this will start to answer some of those and give a bit of insight into some of my experimentation process. 
 
I completed this one in about 4 hours or so. Probably more spent on the end result in Illustrator more than anything else. 
I started by using a photo image of an eye, and importing into Adobe Shape. Once I adjusted the slider to get the amount of detail I wanted, I clicked green button and the app created a clean vector version of the trace. By saving the file its places a copy into my creative cloud library. 
 
This is a great way to create vector illustrations or use as a beginning to a more complext vectro drawing. 
I then opened Adobe Draw, and clicked on the shape tool at the top, then navigate to my libraries. Selecting the eye i created in shape, I then activate the touch slide tool and you can see the saved shape is now a stencil. Get the color you want and then just double tap and it stamps shape onto that layer. 
Then using the eraser and the tapered line brush I start illustrating the eye using the stamped shape as a guideline as well as keeping some of the cool random bits and pieces the Shape app created. 
 
Adobe Draw is a great tool for drawing in vector. 
Add a couple layers to create some background color and get a bit more dimension, and then click the file send button at the top. Hit send to illustrator while being signed into same CC account on same wireless network and Draw will send your file directly to your desktop computer and actually open it in Adobe Illustrator!
Your illustration is fully vector and split into the same layers you created in Draw. I usually select each color and merge all shapes of each color. That just helps me keep things neat. 
You can see just how each single storke you made in Draw is now a vector shape on its own. 
Then you can use that illustration and simply recolor it to get the colors you want, or start really going crazy with features you can only use on your desktop like gradient fills. I cleaned up the drawing and added a lot of gradient shapes at this point as I wanted to push the illustration into a more hybrid style, somewhere between flat and dimensional. 
Eye Process Illustration
Published:

Eye Process Illustration

Mobile to Desktop process illustration.

Published: