🌐 Public

Illustrator

By Maxime Bodereau

Added by Maxime Bodereau: “First Article to Read for Learning Illustrator

2 The A to Z of Adobe Illustrator

The Adobe Illustrator toolbar is jam-packed with useful tools you may have used a million times or that may be entirely unfamiliar to you. Add to that the numerous panels and effects, and this program can create most any type of artwork. This A-Z list breaks down every tool in the Illustrator toolbar, with a link to a quick tip

3 My Vector Workflow

ForewordI thought I'd share my workflow and give a few tips for how to make your designs a bit more future-proof and vector based in digital design. This article is about a workflow that is using vectors. It also gives you a few tricks about drawing techniques with Illustrator and handling vector based icons in Photoshop. Vector shapes are core

Added by Maxime Bodereau: “Harnessing vectors

4 Harnessing Vector Awesomeness in Sketch

If you've opened this article, I'm assuming you have a basic understanding of both vectors and Bohemian Coding's design app: Sketch. I'm going to teach you some secrets of Sketch power users, including how to customize and combine basic shapes into your own illustrations, letterforms, or icons; how to address technical issues that can be totally bewildering even to professional

5 Understanding Vector Shapes in Illustrator

When I posted "Wireframing with Illustrator and InDesign", several people asked about my Illustrator techniques. The simple truth is that I've used Illustrator a lot over the past decade and have learned a quick key for virtually everything I produce, whether it's logos, wireframes, or full-fledged interface designs. If there aren't quick keys for some frequently performed task, I will

Added by Maxime Bodereau: “Going deeper with Bezier. Really deep

6 A Primer on Bézier Curves - going deeper than ever

In order to draw things in 2D, we usually rely on lines, which typically get classified into two categories: straight lines, and curves. The first of these are as easy to draw as they are easy to make a computer draw. Give a computer the first and last point in the line, and BAM! straight line. No questions asked. Curves,

Added by Maxime Bodereau: “Understood Pen Tool in Illustrator

7 Illustrator's Pen Tool: The Comprehensive Guide

If you use Adobe Illustrator, then it's almost certain that you use the Pen Tool when creating your paths. This comprehensive guide aims to introduce or remind you of features, shortcuts, and methods for working with what is arguably Adobe's most essential tool. 1. FunctionsPen Tool (P)Click on artboard to create paths with straight segments, click and drag to create

Added by Maxime Bodereau: “Understood Bezier Curves

8 So What's the Big Deal with Horizontal & Vertical Bezier Handles Anyway?

We've talked about keeping it simple with node placement. If it saves you time, as a freelancer; what's not to love. HVBH also cuts down on unnecessary node counts, which only clog up your artwork and add [gasp!] superfluous bytes to your file size. Not only that, done right, your curves will be smoother.

Added by Maxime Bodereau: “Must See !

10 How to Build Flexible and Lightweight UIs in Adobe Illustrator

Over the years, I've developed some methods and tricks to improve my productivity and work consistency. This tutorial will cover how to embrace modular thinking in your workflow, when building flexible and lightweight UIs using Adobe Illustrator CS5 (or above) along with some free resources. Let's get started. 1. Set Up a Flexible FoundationBuilding the GridGridcalculator.dk offers the options you'll

Added by Maxime Bodereau: “Convert you client, to make it in Vectors

13 Why your brand needs a Vector logo

The value of a Vector logo boils down to two parts: flexibility and scalability. Vector logos are flexible because they can be output to just about any common Raster image format (jpg, png, gif, tiff, etc.). Vector logos are also scalable in size allowing them to be enlarged to fit the side of a blimp or reduced to the size

Added by Maxime Bodereau: “Basics to Illustrator

15 Productive Web Design With... Adobe Illustrator?

In fact, in my opinion, you can utilize Illustrator to solve some regular design tasks better and more easily than you would do with other tools. With the techniques and tips I'd like to present in this article, I am certain that you will be able to build modular, flexible websites in less time and with less work. Reasons To

Added by Maxime Bodereau: “Wireframing Kit, it's important to have some tools.

16 Free Sketching & Wireframing Kit

Sketching & Wireframing kit is a free set of elements for sketching and wireframing. It consist of form elements, icons, indicators, feedback messages, tooltips, navigation elements, image placeholders, embedded videos, sliders and common ad banners. The Kit comes in two vector formats, one for Adobe Illustrator and the other in SVG vector format that can be easily modified. It can

Added by Maxime Bodereau: “Just About How Icons are a Beauty

19 Iconography - App Icon Design

An application icon is all about creating an image of a product. It should clearly define the application's philosophy and create an image memorable to the user. We take great care in designing icons with industry-leading graphic design techniques and careful, appropriate integration of modern trends.

Added by Maxime Bodereau: “Introduction to SVG

20 Introduction to SVG

"The forgotten fourth image format", Scalable Vector Graphics languished in obscurity for almost a decade, pushed into a browser backwater by Internet Explorer's lack of support. Now that IE 9 has joined the robust, tested support featured in all other browsers, SVG is finally coming into its own for frontend development. This introductory reading list is just that: it explains

Added by Maxime Bodereau: “Svg - Iconic Improvement

21 Icon System with SVG Sprites

I've been a big proponent of icon fonts. Lots of sites really need a system for icons, and icon fonts offer a damn fine system. However, I think assuming you're good with IE 9+, using inline SVG and the <use> element to reference an icon is a superior system. First let's cover how it works. A nice way to handle

Added by Maxime Bodereau: “Animation. Or Le Everything.

24 A guide to create kick-ass animation

Having the right animation is the key to help your app stand out from the cloud. In this route, I put together a collection of important resources to learn everything from the basics to how others apply more advanced theories in creating subtle details. Have fun!

Added by Maxime Bodereau: “After creating an object, bring it to life.

25 An introduction to SVG animation

by Jon McPartland Scalable Vector Graphic, or SVG, is an image format we utilise as much as possible in our projects. An SVG's small file size, in addition to its ability to scale (clue's in the name, there!) wonderfully to any size makes it a fantastic tool for the web. If you're happy to fall back to less interesting alternatives

Added by Maxime Bodereau: “Animating with mask.

28 Animating SVG With Clipping Masks and CSS

February 23, 2014 * By Joe Howard * In Web Development SVG animation is pretty popular these days and has lots of potential for innovation and ingenuity. Over the past few months we've seen some brilliant examples on the web with the use of jQuery, Snap.svg and even simple CSS. Having said that, animating SVG elements with pure CSS has

Added by Maxime Bodereau: “Going further, animate with After Effects

29 Accessible After Effects

Animation plays a vital role in the products we use every day, providing feedback, intrigue, and delight to the people that use it. Often, the use of animation is subtle, but when implemented effectively it has the potential to improve usability and to push a product from good to great, bringing an added level of polish to interface and product

Added by Maxime Bodereau: “15 Free Vector Banks

32 15 Best Websites to Download Free Vector

Best Websites to Download Free Vector Files is a collection of sites for vector graphic resources which are essential to any designer or developer in the field of designing. Make sure to bookmark this page for more updates on new vector sites. The free vector illustrations in eps, ai format can be very useful as they provide scalability to high

Added by Maxime Bodereau: “For the fun, you are a pro now.

33 Fun ! Flat Cityscape in Adobe Illustrator

In today's tutorial I'm going to show you step by step how to create a warm cityscape using some simple tools such as the Rectangle Tool and Pathfinder from Adobe Illustrator. Step 1 - Setting up a New DocumentIf you've read some of my previous tutorials you should by now know that the first thing I usually set up when

Added by Maxime Bodereau: “Basics with isometric illustration

34 Orthographic Projections and Basic Isometrics

A few times a each month we revisit some of our reader's favorite posts from throughout the history of Vectortuts+. This tutorial by Cody Walker was first published on November 25th 2008. This is the first part in a series of tutorials about Isometrics. Isometric projections are a system of drawing that allows an artist to quickly and accurately draw

Added by Maxime Bodereau: “Beautiful method

35 Isometric Illustrations with SSR Method

This is the second part of a series of tutorials I'm doing about creating isometric illustrations in Adobe Illustrator. If you've missed that first tutorial I suggest you start with Working with Orthographic Projections and Basic Isometrics. Let's get started! IntroductionIn the last tutorial I covered how to make an isomeric grid and build simple blocky shapes on it. In

Added by Maxime Bodereau: “Isometric Design

36 Isometric Grid

This is a very quick and easy tutorial for creating an isometric grid in Adobe Illustrator, which you can then either work directly over in Illustrator or print out for freehand sketching. If you want to skip the tutorial and get working in isometric right away, download these completed grids in PDF format, ready for printing or import into Illustrator

38 How to Create Exploded Isometrics

Exploded isometrics are my subject in this third and final tutorial on the topic of isometrics. If you have not read either of the first two tutorials on isometrics, then I suggest you start with them: Basic Isometrics and Orthographics and Advanced Isometrics Using the SSR Method. IntroductionExploded isometrics are commonly referred to as assembly drawings. This is because they

Added by Maxime Bodereau: “Some Tutorials Resources

39 Adobe Illustrator tutorials

Since its release, Adobe's Illustrator has grown to become the designer's right hand man when it comes to creating premier vector graphics and elements. There's so much you can do with the tool that it can be difficult to know where to start. Check out the best Adobe Illustrator plugins Here, we round up some of the best Adobe Illustrator

Added by Maxime Bodereau: “A Ux Crash Course

40 Ux for Beginner

since janvier 2014, by maxime bodereauIntroductionI have wrote this book in response to graphic nedd to fuse elegantly Ux and Ui. This guide adresses to Graphic Designers, Ux researchers from all horizons, and all Pixel Creators must know some Ux. This is also a graphical quick resume to explain what Ux is to curious people. This is also my portfolio.

Daria Pushkarskaya

Freshman

  • 0 Playlists
  • 0 Followers

Kate Teplitsa

Freshman

  • 0 Playlists
  • 0 Followers

Milena Rózga

Freshman

  • 0 Playlists
  • 0 Followers

Yujun SONG

Freshman

  • 0 Playlists
  • 0 Followers

Alyssa Wei

Freshman

  • 0 Playlists
  • 0 Followers

Florian Trocan

Entrepreneur at Organo Gold Independent Distributor

  • 0 Playlists
  • 0 Followers

Anastasiiav

Freshman

  • 0 Playlists
  • 0 Followers

azedine.meziani

Freshman

  • 0 Playlists
  • 0 Followers

Anastassia Ševtšenko

Freshman

  • 0 Playlists
  • 0 Followers

Elizabeth Romanova

Freshman

  • 0 Playlists
  • 0 Followers

John Kramer

Freshman

  • 0 Playlists
  • 0 Followers

Карен Швець

Freshman

  • 0 Playlists
  • 0 Followers

Bogdan Kryvosheya

Freshman

  • 0 Playlists
  • 0 Followers

Joanna Zamojta

Junior Designer at Wimdu

  • 0 Playlists
  • 0 Followers

Tinh Nguyen

UI designer

  • 1 Playlists
  • 27 Followers

ianfarrell123

Freshman

  • 0 Playlists
  • 0 Followers

Mahmoud Mahfouz Zaza

Freshman

  • 0 Playlists
  • 0 Followers

Henry Balanay

Freshman

  • 0 Playlists
  • 0 Followers

Applexx

Freshman

  • 0 Playlists
  • 0 Followers

Tarns Wood

Freshman

  • 0 Playlists
  • 0 Followers
Load more

Delete your comment

Are you sure you want to delete your comment?