Web Roundups

Best of the Web - June


There are great Illustrator tutorials, design articles, and freebies across the web this month. There are more places on the web then you may realize that cover vector graphics and teach how to create them. I'm excited to put together this first monthly roundup showcasing this material elsewhere on the web.

Tutorial Wrap

  • Simple organic shapes the Illustrator way

    Veerle shows us a simple way to make organic vector shapes, and form them into a composition. Numerous transparency and layer effects are used to get an interesting result. This tutorial is great for beginners.

    Visit Tutorial

  • Tutorial : Create a cool water effect

    In this tutorial you will learn how to use mesh tool to create water droplets. You'll also use the symbol sprayer tool to place the water droplets. The water droplets on the gradient background look great in this tutorial.

    Visit Tutorial

  • Trendy Geometric Lines Design Tutorial

    The lines in this design are created in Illustrator. They are simple to create, but deliver a dynamic and interesting result. The vector lines are copied and then placed into Photoshop to finish the modern poster design.

    Visit Tutorial

  • 3D Logo Tutorial

    This tutorial presents a good workflow for using Illustrators 3D tools. Typically, the results from of the 3D tool should be Expanded, and then each piece colored separately. This tutorial uses that workflow and delivers a cool letting result.

    Visit Tutorial

  • How to Make a Map in Illustrator

    This is a basic introduction to map making technique in Illustrator. The tutorial covers building custom brushes for the roads, creating legends, and constructing the shapes of buildings. Illustrator is a powerful map making tool. I really like this tutorial, as it reminds me of a project on designing maps I did in grad school.

    Visit Tutorial

  • Free Watercolor Brushes and Tutorial

    Rype has written a great follow up tutorial to his popular Create a Watercolor Vector Flower Illustration tutorial here on Vectortuts. The follow up shows you how to create your own vector watercolor brushes in Illustrator.

    Visit Tutorial

(FREE!) Download Picks

  • Fishing Equipment Vista Icons

    DaPino has a huge selection of custom vector freebies. It's a site worth checking up on. The vector file for these fishing icons is available. It is a good learning tool to see how these are created.

    Visit Download Site

  • Vector Art Free Download - Envelope Icon Set

    Some great envelope designs from professional stock artist Phil Earley. If you need some vector envelopes for your next design project than check these out, as they're professional quality.

    Visit Download Site

  • Free Vector Series: Flourishes

    Here are some unique flourish designs form Neno Design Blog. A selection from the introduction, "These can really add texture to your design, perhaps as a background element or even as a way to grunge it up in the foreground."

    Visit Download Site

  • Top 15 Free Vector Resources for Designers & Developers

    This article points to some great resources to find vector freebies. With fifteen resources linked to you're sure to find places you haven't heard of. This is one of those posts to bookmark in

    Visit Download Site

  • Free Vector Pack 11 Sampler

    This new vector freebie sampler pack has an assortment of professional vector designs. You'll get trees, doodles, exploding type and more. Also, GoMedia has launched a new site design. It has some awesome branding, good organization of content, and a great design that fits their creative image.

    Visit Download Site

Article Wrap

  • 30+ Outstanding Character Illustrations In Modern Web Design

    Vector character design in websites is awesome. This post rounds up a large collection of great designs. "Vector characters can establish a memorable image of your site in the reader’s mind. So if you are looking for inspiration for your web design, here is an amazing collection of over 30 Vector illustrated websites."

    Visit Article

  • ASK MORDY: Preview Without Bleed

    The Real World Illustrator blog is a great place to get practical advice on Illustrator techniques. Mordy often answers user questions he receives through email in full comprehensive posts. This one shows how to use Masks to set up previews without the artwork showing outside the bleed area. It's not as efficient as InDesign unfortunately.

    Visit Article

  • 30 Insane Freelance Illustrator Portfolios Part 1

    This post points to some great vector artists. The artists presented are working vector artists with great skill. This is a must see post this month.

    Visit Article

  • SVG to go mainstream with Apples Snow Leopard?

    Some interesting buzz about Scalable Vector Graphics. It would be great to have Flash replaced by this an open source technology. Not Flash as a program, as Flash can export to SVG. The post talks about the browser issues hindering the growth of the technology, but there is hope. "SVG could be Apples flash and could be an important part of SproutCore future widgets like pay charts and diagrams." Some interesting developments at Apple.

    Visit Article

  • Colorburned Texture Roundup

    All to often we make clear crisp vector graphics. It's not difficult to add a little texture before exporting. I have a simple tutorial on how to do that over at AiBURN titled Design a Business Report Cover. Grant has a plethora of textures available over at Colorburn that he recently put together. Download them and use them to add some texture to your next vector design.

    Visit Article

Related Posts
  • Design & Illustration
    Web Roundups
    26 Awesome Brush Tutorials for Adobe Illustrator on Tuts+Hubtreepreview
    The brushes in Adobe Illustrator are incredible tools that allow you to create and do a multitude of things. This week we've focused purely on beginner content for those who wish to get a better understanding on brushes. These aren't the only tutorials we have on Tuts+, in fact I'd like to share with you many of our others.Read More…
  • Design & Illustration
    10 Tips for Avoiding Rejections When Uploading to Stock SitesStocktips retina
    Uploading vector illustration to sell as stock can be rewarding both creatively and monetarily. Some artists sell their work on many microstock sites, while others remain exclusive at one. Part of the appeal of microstock is the potential to sell the same item to many buyers. In this regard, being a successful stock illustrator is in large part a numbers game – the more files you have online, the more sales you can make. Each upload must pass a review to meet the technical, aesthetic and legal requirements of the agency. If these standards are not met, the file is rejected. In this article we outline some top tips to get your acceptance rate up so you can spend more time creating – and selling – new items.Read More…
  • Web Design
    How to Animate Festive SVG Icons With CSSAnimated icons retina
    'Tis the season, so in this tutorial, I'll walk through creating some CSS animated, holiday-themed, SVG icons. There are some great icons on Iconmelon, a site which hosts many free vector icon sets for you to sink your teeth into. The icons I'm using come courtesy of designer Sam Jones. So grab yourself a cup of eggnog, pull your laptop up to the yule log, and let's gets started!Read More…
  • Design & Illustration
    Web Design
    SVG Files: From Illustrator to the WebSvg thumb retina
    Scalable Vector Graphics (SVG) is a vector image format which began life back in 1998. It was always developed with the web in mind, but only now has the web actually started to catch up. There's no denying its relevance today, so let's have a look at the basics of taking SVG from Illustrator to the web browser.Read More…
  • Game Development
    How to Learn
    How to Learn Three.js for Game DevelopmentHow to learn three js for game development 400px
    Three.js is an open-source JavaScript library/API used to create and display animated 3D computer graphics on a web browser, compatible with the HTML5 canvas element, WebGL, and SVG. In this How to Learn article, we'll explore the capabilities of this engine and share resources and suggestions to help you start developing games with it right away.Read More…
  • Web Design
    Responsive Design, Retina Images and Debugging for Google Maps APIGoogle map rwd retina
    This final part of the Google Maps API For Designers series rounds things up by looking at responsive design, retina images and a range of testing and debugging tools which make life a lot easier.  It gives a whistle-stop tour through a whole range of areas, which you can explore further in your own projects.Read More…