Tuesday, December 28, 2010

Illustrator Tutorial: How to Create a Smile Icon Emo Style

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg70qRE39WZrPMz_ez8zK6_WpCZ1xx5RgahZ5Mc0_Fqa9Kx1hhoSvUQ6WE3Jm2AyQ2qh0NUgNLAe6-jaqtSO4Bnqj3tfomaQnkIpNKCIPUqcI6tyv_tZhYgdOan7q6tznb3LNSGiwjoSx4/s512/final-effect.gifIn this Illustrator tutorial, I will show you how to create a smile icon emo style. This tutorial uses simple shapes and gradients that are easy to apply to other character illustrations.

In Illustrator it is really easy to create fun characters with some simple shapes and the Pathfinder Panel.You can use these techniques and elements to create whatever character you want! 

1. Create a new document, then make a 100 px wide by 100 px tall Ellipse with the Ellipse Tool (L).Fill the ellipse with a yellow color and take off the Stroke

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim-MxvoXhvglirzkYm8g-EbDErj1k15m3LdBkANe2tXc-PsNRXrcC2RZrAWJqh7HT5xUakES6woY0t6yfWWWnntrXF-IuIA28EWM6teC7AYLVSaKrHUsd_OliNOGmjQqFgBacZ1Zpdgfk/
2. Select the ellipse and Copy and Paste In Front. Select the newly copied object with the Selection Tool and grab the side anchor. Then squish the ellipse about a quarter of an inch up. Fill the ellipse behind with dark yellow color .
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdoQW7DEQ1UQoy40DRs2Cl3cl6nHshriEWHO99QY74sMXxyIVAqhOY59mSb_VqLsULdonQAkdCjAVTdG4wCJhj9tQmULu8NE8Ib850zoYFaho0omJgT_WkBW5eYfw5Pj4RL1J-kd03X00/
3. With Pathfinder remove parts that are not in use..

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSb7Zhpbsqz49FzsCmVJeFGEK5Cx6xHQLWPEE9UkHeF-tek-S2f9J39UBBC951m2M1j48vXC2AoNwBb8RJgWijeP9wupF6aWpcQsHzJMo1ckRQRvMjU5TGIiVCQtUHON8Y0GMp3axxkfc/ 

4. with pen tool (P) , Draw hair on head.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQdwo3lfdwxlLf0iheUPW_YYxMdJxMs7gay3MAEpwiN_IRZF1XJwnpsWlwsvDE-eRz5VDgXidatSt72sCeB3UVHwwwJCygRqtae0736KKDUHu3-3uvJ3yNjWZdX1R5LLPZd7GwmmDKbOY/ 

5. Fill with black hair color, select and copy the head yellow and dark yellow.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWKF5TZi2Oi_8nqQBT__UekYFx99kMR_E1oTsjvMjAbdkygKoJfWh-QUoVFbu6XfC-WKiXBj0gGH3VrpyVlxIboPH_Fn8WfC5v5JfFyLJ_TU_7SiBso2-fODdK0UGYEp4lIE4m6oTFFC4/
6. then join them with the Pathfinder.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggGACKizZXTwgL9LNN8q1Obyi-j2SPdwUSS6k-QGQt5KbmFqQlWUcqXyULjP3je0_B7n2I4FV1O0HDM1xBZD89_Ods69tARCBxt0OBYjq8waQNlgMPyGVKes_zUSSU23g_zya5BTWAQRw/
7. Then trim the hair with Pathfinder, select the hair and head, cut with "intersect shape areas" in the Pathfinder.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5xW7KooWm0bwHJQQe7GfG-WlnjnPQ46cBCQ9HSnWTjgLEVtoYWe5qJGsU7b7SBStvHmu5s8Wx4d0-tD4dAg-WdPnN8F2SjaeTe_pA0TPmHj7RcB2GB9eC1rZesvKnOLk-Id_6h1T76Bs/
8. paste head on a copy before, Ctrl + F. Then send to back "Shift + Ctrl + [ ".
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzI67LJ-Zb5ZcHPtVJ8SclV3dKOuiO1IAC7Or8q9otiV2qyPqwGKICt_prn3WKdsAyHWO_tbCAObHGsRgfu7xqb1ICzI01GfS_xVbQsxi8y0uqMOgfhvs79J-RvbdrQHKbZxObDZU4-Gs/
9. Draw a ellipse that is .30 px by .30px. Fill it with white and storke black.remove the anchor of the above by using the direct selection tool (A). join with the pen tool (P). And shape with the selection tool (A).
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnTFMnuNQti4326bhYKVjXHq1rdBACGLgx2FlWR9Ao-1VPHKJ0BR204DesLW_VuV-qdDMNKlhuQJaxbEhbL0Dr2W-n5V3WrrSAz-mFoMv15CtfF0wcqozNvRE2irHCFGnkrsuuAADH25U/
10. For the eye, draw an ellipse that is about .20 px by .20px no fill stroke black. Then Bring to front "Shift + Ctrl + ] " on the path. Select both and on path finder click "divide" icon. then ungroup and delete parth not use
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcgNyvf2s71qB8DBblCkWkvP42Z0hbB3SyFa0QWGQeCl3-494n0PoHc3vKnEKpKAL3vG3XAgyzyP3xvKrFJ6FVL4u3e751Vmvlt23lD9VNXbt4SaaFVgzypmdCDVZHRheyacGY3s8HX5k/
11. Select small half ellipse, copy and transfrom (Ctrl+T) . fill black color ellipse before and add small elips white fill

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkMx9Jx9JhRv-_7jCg2qQwHD-791D5urVlh0TaQ3tk2JBkFWK3PM85VDV2fGjxKyYUpgmxQJi77GJKRZEm2P1qMCE27jdzBNXKfDByZ0jnWUX5syqMCNpSOkGV3x7um5UtJ-v0Rc-6fHQ/
12. add shadow, around the eye with the pen tool and Group, then Put the eye on head.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh214ADtaV1Sk20_usAT-qgurbHzqIHV-RnBarAnAfgGGM3Ep_UaE_RzIkP-Xn55W51tg6CYugcKTJ7_fvy9lscyXZPW8I4cRpPXyQNbRSmnoDSQ1_KjSkRQbNlKGfRWcUDW6RyDVJsbE8/
13. Create a mouth with pen tool and fill with dark yellow. Put on head bottom side


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwfhWG1zBVAGpoXKGzofsWp__dqJvPWzROFrkqgoYzQAo3OK6KhCu5eKrBlxNAtGzWvMjm0CEjneOffpCFikcv4uJ_fTbiRbKIS_LBmpywPs8gbWFN1kJ1WfR4h_4mQUPBeQ2UlKKkmmE/
14. add a hair light, with the pen tool. Give a fill white and opacity 10%
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnfBI6fXqTG-xprn8Kx8Dod3d9VertfwOVMkWMUzTQGS6aFfwkk3v2MER__kKB1A1miP0a5Oil2nFcVHESdkUWMLRmR6iWZM3T4U7M5knR7OSKQrMCW8PLhrrzby0Zgtm1BWPXLSNFJNs/
15. create a simple background to enhance your image, I created by using the warp tool, then opacity 20% and with Rectangle tool Fill gradien color

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGIPt6GbB3bOGTjbre3tri2x5rI27a8OAiGivgiCWzMfM8kmW0h0WzJHl7h0NArYVq2UpxtWvuOsQt_Zws4PL7G2uiDsO2bnKhorwukiW2ZgRCrR-gYjqylR1kYCp85A_gU-RdQFujhwQ/s512/15.gif 

16. Set a smile icon on background and add shadow with drop shadow, 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpCISvBxJ51FBab5FRu_BmB2x8tEXFjsCO1ikJyayUGsKac22xgtqrIb0AFE6Y1YDSbuYTsPTd00qIKG3nXhcTcXjv9oFWi1BP7Y44o-u_UFVXmGkLNLascTgK897nxTio1HAg6JUXkKA/


Final Image

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg70qRE39WZrPMz_ez8zK6_WpCZ1xx5RgahZ5Mc0_Fqa9Kx1hhoSvUQ6WE3Jm2AyQ2qh0NUgNLAe6-jaqtSO4Bnqj3tfomaQnkIpNKCIPUqcI6tyv_tZhYgdOan7q6tznb3LNSGiwjoSx4/s512/final-effect.gif

Our sponsors

Infolinks In Text Ads

 
Vector Face Tutorial Copyright © 2011 Blogger Template Designed by Bie Blogger Template