Adobe Illustrator - Day 17

So here is the final implementation of the sketch from yesterday. I am very relieved that this exercise did actually take less time as I expected in the beginning of the progress. I had much fun creating the shapes for this plane since there was no struggling with surprising problems this time. First I wanted to add more details like hatches, tiny sensors, rivets, lights and so on, but then I decided to keep it simple. In my opinion, more details would already have destroyed the abstract look of the aircraft, but without improving the aesthetic.  

View fullsize

Left: The version of the plane after all shapes were created successfully. Right: The finalisation after adding colors, lightning and shades 

Adobe Illustrator - Day 16

As I already admitted, illustrations of people or creatures were never my strong point, so now I wanted to implement something I feel more comfortable with. I took another sheet of paper, and started to sketch abstract Learjets from different angles. When I finally found a good perspective, I drew the plane again, but this time with more details. I am not sure yet, but I think that it will not be a big deal to recreate this sketch in Illustrator. - At least I hope so.

View fullsize

Left: The first sketch of the plane from this specific angle. Right: The second sketch with more details and more precise alignment of all elements. This plane is fictitious and does not exist in reality.

Adobe Illustrator - Day 15

Today it was already much easier to draw my mascot from yesterday. - Despite the little joy with the triangle, it took only half the time to create the illustration below. There are still some tiny differences to the original, but this is simply a question of practice. Unfortunately I "cheated" a little bit using Photoshop for the hands behind the triangle, since the implementation for this purpose became less complicated and time consuming (It is no longer a vector file.). But this is not so important, because the triangle is just a photo and not made with Illustrator. The illustration is therefore limited by the pixels and sharpness of the triangle anyway.

Adobe Illustrator - Day 14

Even though my new little "mascot" might look simple and ordinary, the implementation in Illustrator still took more than two hours! - Just because I was very undecided with the hands, the arms and also with details like the hair. But I am positive that I will be able to draw this fella quicker the next time, since I know the correct proportions and the style now. My goal is to learn, how to show different moods or feelings with a cartoon character like this one. - So do not be surprised when my mascot suddenly appears again in this blog!   

Adobe Illustrator - Day 13

Back to something completely different: Fictitious characters! As I already said in the very beginning of this blog, I tend to struggle with drawing cartoon figures or animals. Showing gestures in a normal, natural way was always a little difficult to implement (or took me longer than other subjects). So I thought "Why not just create my own little mascot I can always play with to learn it?". I grabbed a sheet of paper, and started to mess around. 

Adobe Illustrator - Day 12

Here is the final result after rotating my iMac-replica from yesterday. First I wanted to work with tools like scaling and bending, but then I found something much more useful: A special grid which does not only help you finding the right angle and perspective, but also adjusting the shape correctly. Without this tool, it is very difficult to see if everything is in correct relation. Unfortunately, this grid could not help out with adapting the iMacs base. That is because the monitor is a simple rectangle without any curves. - A shape that is easy to adjust. The base, however, consists of curves, which behave completely different while rotating. The result looked very unnatural and unrealistic.

View fullsize

So I had to fully recreate the base considering the new rotation of the monitor, what took me a few minutes. Afterwards I was able to copy the shading of the front-view base to the new one, what saved some time. In the end, I only had to add the edges (which are now visible from the side) and tilt the monitor a tiny bit as a detail.  

The grid I used to adjust the angles for the new perspective. At first, it was a little difficult to work with this tool correctly, but after getting used to it, the adjustment is quick and easy.

Adobe Illustrator - Day 11

Before I am able to deal with the perspective, I had to create the front side of the Computer. The main part with the monitor was easy, the base however took a few more minutes due to the shadow and light reflection. There is also a very small edge which gives the base a thin thickness. The camera on top, and the Apple logo were the final details in the end.

View fullsize

If you look closely, you can spot a few details which differ to each other. I am very sure that the Original was also made with a 3D program, since the light and shadow look a little more natural. I am still happy with my replica made with Illustrator. 

As you can see on the panel, I had to set seven transitions to imitate the shadow of the base (edge not included). Afterwards I only had to create two more light reflections at both sides, and a few more transitions for the edge. So far, so good. But now it might get a little more tricky to turn the computer, since more edges will become visible from the side. Also the monitor has to be tilted in relation to the base.

Adobe Illustrator - Day 8

You might already recognize that this exercise that should not have taken more than two evenings turned out to be a bigger time-consuming project. But since it helps me very much with getting used to the tools I was able to learn in the last week, I want to give it a shot, creating something a little more interesting. Currently there are three different types of vehicles. - A few more will be added later. As you can see in the image below, I experimented around with shadows, lighting and textures to create a more vivid and sculptural look (left picture). The difference is clearly visible, specially if you focus on the trees and the street barriers which are still untouched. The bridge is in the same condition as yesterday (right picture). Tomorrow I want to apply the new style on the rest of the illustration.

View fullsize

Using the effect of shadows, lighting and patterns (as textures), the illustration looses a little bit of its cartoonish look. The difference is clearly visible if you compare both pictures to each other. However, this process is more time-consuming than I thought in the beginning.

Adobe Illustrator - Day 7

Only a few details were added since yesterday because they took a little longer than expected. - Nevertheless I am still making a noticeable progress. I was able to improve the shading process, which consists of the shapes contour and face. To achieve a fluent passage, you have to remember both of it sometimes, what was the reason for some struggling today. By the way, Illustrator provides a bundle of different patterns you can use for different types of surfaces. I already used one of these presets for the grass, and I will probably use some more of them for the waters, the trees and the streets surface tomorrow. Of course it is possible to create your own pattern, that can be saved and selected again afterwards. But first I had to figure out how to even use these presets correctly regarding the scale, the color and the background.

Some of the shapes already got their basic color, but these colors might change again tomorrow. Everything shall be well-matched, so the illustration can give a self-consistent impression in the end result. To achieve that, there is still some work to do.

Adobe Illustrator - Day 6

So my next little exercise will be an highway seen from above crossing a simple river. Although the illustration is obviously shown in 2D, I will try to add as many details and shades as possible, to create a 3D-like illusion. But first, there is still some work to do with the "base". It is getting easier and easier every hour to work with vectors, but I still have to figure out how to maintain a permanent connection between individual shapes and paths. For example: The bridge will have light bulbs on top of the three bows, and of course, they shall be placed in exactly the same relation to each other. I used tools like mirroring and flipping, but unfortunately there was always a tiny difference I had to compensate manually in the end. Maybe I will find the solution during further processing.

Up to now, the highway looks plain and simple. But this will change during the next steps due to added details, colors and shades. The main focus, by the way, will not lie on the bridge, but on a completely different spot. Can you already guess it?