--- title: 6 Easy Steps to Make Amazing 3D Arrows in Illustrator description: Creating amazing eLearning 3D arrows is actually a quick and easy process. Let me know the industry secret so you look like a 3D arrows master. Click here! image: https://blog.elblearning.com/hubfs/Imported_Blog_Media/3d_arrows.jpg --- [![ELB-Learning_Logo_ColorRGB-white-text-1](https://blog.elblearning.com/hubfs/ELB-Learning_Logo_ColorRGB-white-text-1.png) ](https://elblearning.com/) ![](https://blog.elblearning.com/hubfs/Imported_Blog_Media/3d_arrows.jpg) # 6 Easy Steps to Make Amazing 3D Arrows in Illustrator by [ELB Guest Author](https://blog.elblearning.com/author/elb-guest-author) | Aug 13, 2014 ![](https://blog.elblearning.com/hs-fs/hubfs/Imported_Blog_Media/3d_arrows.jpg?width=575&height=400&name=3d_arrows.jpg) **Software:** Illustrator **Project Time:** 10 minutes **Objective:** Create amazing colored arrows with depth in six easy steps Creating amazing eLearning 3D arrows is actually a quick and easy process. Let me show you some of my sweet sauce so I can save you some time, and help you look like a 3D arrow master. In this blog post, we will utilize six easy steps to create an awesome 3D arrow for your courses. Ready? ## #1 Choose a Color and Path Shape In Illustrator, create an arrow with your favorite color. If the arrowhead looks too big, shrink it down until it is your desired size. The arrow can be straight, or it can have a curve. Create the arrow of your choice. ![](https://blog.elblearning.com/hs-fs/hubfs/Imported_Blog_Media/step-1a-575x302.png?width=575&height=302&name=step-1a-575x302.png) ## #2 Make Your 3D Arrows Make sure your arrow is selected, then go to Effect > Extrude and Bevel. Play with the parameters until you are happy. ![](https://blog.elblearning.com/hs-fs/hubfs/Imported_Blog_Media/step-2.png?width=412&height=476&name=step-2.png) ![](https://blog.elblearning.com/hs-fs/hubfs/Imported_Blog_Media/Step-2b-575x277.png?width=575&height=277&name=Step-2b-575x277.png) ## #3 Liven It Up a Bit Next, let's make it look even better. Expand the appearance of your 3D arrow by going to Object > Expand Appearance. By expanding the appearance you will flatten the arrow into editable faces. This is good. ![](https://blog.elblearning.com/hs-fs/hubfs/Imported_Blog_Media/Step-3.png?width=286&height=681&name=Step-3.png) ## #4 Edit the Faces This step all depends on the orientation of your arrow and if your arrow is curved or not. Select the top two faces (or in this case the two light blue ones) and go to Pathfinder and Unite to merge those two pieces. If your arrow is on a straight path, go on to step 5. If your arrow is on a curved path, after merging those two pieces, lock them temporarily, and grab all the pieces that are part of the curve and merge them. Unlock any locked faces. ![](https://blog.elblearning.com/hs-fs/hubfs/Imported_Blog_Media/Step-4-575x181.png?width=575&height=181&name=Step-4-575x181.png) ## ![](https://blog.elblearning.com/hs-fs/hubfs/Imported_Blog_Media/step-4b-575x271.png?width=575&height=271&name=step-4b-575x271.png)   ## #5 Add Gradients Add gradients to all the different faces. When you feel good with the gradients you added, move on to the next step. ![](https://blog.elblearning.com/hs-fs/hubfs/Imported_Blog_Media/step-5.png?width=274&height=156&name=step-5.png) ## #6 Make it Pop What you'll want to do is add a stroke to the main face and then align it to the inside to make it pop. Experiment with this process. You will find some good looking outcomes. ![](https://blog.elblearning.com/hs-fs/hubfs/Imported_Blog_Media/step-6-575x264.png?width=575&height=264&name=step-6-575x264.png) Once you are happy with your results, save as a .png file with transparency, and use in your eLearning projects. ## Special Bonus Thanks for reading my blog post about 3D arrows. As a special bonus, I've created some arrows with the six steps. Feel free to use them. Enjoy! ![3d arrows_01](https://blog.elblearning.com/hs-fs/hubfs/Imported_Blog_Media/3d-arrows_01.png?width=168&height=75&name=3d-arrows_01.png) ![3d arrows_02](https://blog.elblearning.com/hs-fs/hubfs/Imported_Blog_Media/3d-arrows_02.png?width=107&height=219&name=3d-arrows_02.png) ![3d arrows_03](https://blog.elblearning.com/hs-fs/hubfs/Imported_Blog_Media/3d-arrows_03.png?width=172&height=128&name=3d-arrows_03.png) ![3d arrows_04](https://blog.elblearning.com/hs-fs/hubfs/Imported_Blog_Media/3d-arrows_04.png?width=226&height=116&name=3d-arrows_04.png) ![3d-arrows_05](https://blog.elblearning.com/hs-fs/hubfs/Imported_Blog_Media/3d-arrows_05.png?width=223&height=70&name=3d-arrows_05.png) ![allArrowsComp](https://blog.elblearning.com/hs-fs/hubfs/Imported_Blog_Media/allArrowsComp-575x231.png?width=575&height=231&name=allArrowsComp-575x231.png) What kinds of eLearning art and design tips would you like to see in Illustrator or Photoshop? What issues irritate you the most? Share with us your comments and thoughts. ---------------------------------------------------------------------------------------------------------------------------- Need [eLearning Stock Images and Graphics](https://library.elearningbrothers.com/) in your eLearning course? We have tons of premium arrows, office images, buttons, alert icons, business icons, etc! [eLearning-](https://blog.elblearning.com/tag/elearning), [eLearning Design-](https://blog.elblearning.com/tag/elearning-design), [Graphic Design Resources-](https://blog.elblearning.com/tag/graphic-design-tips), [Resources-](https://blog.elblearning.com/tag/tips-tricks), [eLearning art-](https://blog.elblearning.com/tag/elearning-art), [eLearning graphic design-](https://blog.elblearning.com/tag/elearning-graphic-design), [elearning art and design-](https://blog.elblearning.com/tag/elearning-art-and-design) ### Related Posts [![Staff Augmentation: Savvy or Sad?](https://blog.elblearning.com/hs-fs/hubfs/Staff%20Augmentation-Savvy%20or%20Sad_Blog%20Featured%20Image%20800x500.png?width=388&name=Staff%20Augmentation-Savvy%20or%20Sad_Blog%20Featured%20Image%20800x500.png) ](https://blog.elblearning.com/staff-augmentation-savvy-or-sad) [Staff Augmentation: Savvy or Sad?](https://blog.elblearning.com/staff-augmentation-savvy-or-sad) [![Improving L&D with AI Work Augmentation](https://blog.elblearning.com/hs-fs/hubfs/Improving%20L%26D%20with%20AI%20Work%20Augmentation_Blog%20Featured%20Image%20800x500.png?width=388&name=Improving%20L&D%20with%20AI%20Work%20Augmentation_Blog%20Featured%20Image%20800x500.png) ](https://blog.elblearning.com/improving-ld-with-ai-work-augmentation) [Improving L&D with AI Work Augmentation](https://blog.elblearning.com/improving-ld-with-ai-work-augmentation) [![A Brief History of Instructional Design](https://blog.elblearning.com/hs-fs/hubfs/A%20Brief%20History%20of%20Instructional%20Design_Blog%20Featured%20Image%20800x500.png?width=388&name=A%20Brief%20History%20of%20Instructional%20Design_Blog%20Featured%20Image%20800x500.png) ](https://blog.elblearning.com/a-brief-history-of-instructional-design) [A Brief History of Instructional Design](https://blog.elblearning.com/a-brief-history-of-instructional-design) [![eLearning Brothers Is Now ELB Learning](https://blog.elblearning.com/hs-fs/hubfs/eLearning%20Brothers%20Is%20Now%20ELB%20Learning_Blog%20Featured%20Image%20800x500.png?width=388&name=eLearning%20Brothers%20Is%20Now%20ELB%20Learning_Blog%20Featured%20Image%20800x500.png) ](https://blog.elblearning.com/elearning-brothers-is-now-elb-learning) [eLearning Brothers Is Now ELB Learning](https://blog.elblearning.com/elearning-brothers-is-now-elb-learning) [![HCD Meets ID: Part 2- Developing Learner Empathy](https://blog.elblearning.com/hs-fs/hubfs/HCD%20Meets%20ID-%20Part%202-%20Developing%20Learner%20Empathy%20_Blog%20Featured%20Image%20800x500.png?width=388&name=HCD%20Meets%20ID-%20Part%202-%20Developing%20Learner%20Empathy%20_Blog%20Featured%20Image%20800x500.png) ](https://blog.elblearning.com/blog/hcd-meets-id-part-2-developing-learner-empathy) [HCD Meets ID: Part 2- Developing Learner Empathy](https://blog.elblearning.com/blog/hcd-meets-id-part-2-developing-learner-empathy) [![HCD Meets ID: Part 1 - What is HCD?](https://blog.elblearning.com/hs-fs/hubfs/HCD%20Meets%20ID-%20Part%201-%20What%20is%20HCD_%20_Blog%20Featured%20Image%20800x500.png?width=388&name=HCD%20Meets%20ID-%20Part%201-%20What%20is%20HCD_%20_Blog%20Featured%20Image%20800x500.png) ](https://blog.elblearning.com/blog/hcd-meets-id-part-1-what-is-hcd) [HCD Meets ID: Part 1 - What is HCD?](https://blog.elblearning.com/blog/hcd-meets-id-part-1-what-is-hcd) - [** Facebook ](http://www.facebook.com/sharer.php?u=https://blog.elblearning.com/blog/6-easy-steps-to-make-amazing-3d-arrows-in-illustrator%2F&t=6%20Easy%20Steps%20to%20Make%20Amazing%203D%20Arrows%20in%20Illustrator) - [** Twitter ](http://twitter.com/share?text=6%20Easy%20Steps%20to%20Make%20Amazing%203D%20Arrows%20in%20Illustrator&url=https://blog.elblearning.com/blog/6-easy-steps-to-make-amazing-3d-arrows-in-illustrator) - [** Pinterest ](http://pinterest.com/pin/create/button/?url=https://blog.elblearning.com/blog/6-easy-steps-to-make-amazing-3d-arrows-in-illustrator&media=https://f.hubspotusercontent30.net/hubfs/5108583/Imported_Blog_Media/3d_arrows.jpg&description=6%20Easy%20Steps%20to%20Make%20Amazing%203D%20Arrows%20in%20Illustrator) - [** LinkedIn ](http://www.linkedin.com/shareArticle?mini=true&url=https://blog.elblearning.com/blog/6-easy-steps-to-make-amazing-3d-arrows-in-illustrator%2F&title=6%20Easy%20Steps%20to%20Make%20Amazing%203D%20Arrows%20in%20Illustrator) - [** Gmail ](https://mail.google.com/mail/u/0/?view=cm&fs=1&su=6%20Easy%20Steps%20to%20Make%20Amazing%203D%20Arrows%20in%20Illustrator&body=https://blog.elblearning.com/blog/6-easy-steps-to-make-amazing-3d-arrows-in-illustrator%2F&ui=2&tf=1) - [** reddit ](http://www.reddit.com/submit?url=https://blog.elblearning.com/blog/6-easy-steps-to-make-amazing-3d-arrows-in-illustrator%2F&title=6%20Easy%20Steps%20to%20Make%20Amazing%203D%20Arrows%20in%20Illustrator) © 2025 ELB Learning. All rights reserved.  | [ Terms of Use](https://www.elblearning.com/legal/terms-of-use)  |  [Privacy Policy ](https://www.elblearning.com/legal/privacy-policy)|  [Legal Notices](https://www.elblearning.com/legal/legal-notices)