Adobe Illustrator One-on-One Advanced

Page

My assignments will be posted below.

Today I started the LYNDA.COM Illustrator CC 1025: Advanced Corse.

For this section of the lesson I worked on learning how to trace a skated image.

I used the trace

Screen Shot 2016-10-03 at 8.43.57 AM.png

Screen Shot 2016-10-03 at 8.46.28 AM.png

Traced image at high resolution (300 PPI Pixels Per Inch)

Screen Shot 2016-10-03 at 9.18.49 AM.png

For this traced image it looks very clean and sharp, and retains many qualities of the original 1986 news paper illustration by Deke McClelland.

Traced image set at low resolution (72 PPI) before tracing…

Screen Shot 2016-10-03 at 9.44.34 AM.png

After Tracing…

Screen Shot 2016-10-03 at 9.44.51 AM.png

Now this image or should I rather say, trace of the image is vary poorly traced with little to no major details to speak of, but what little detail is there from the original image, the face still seams to sketched rather nicely, yet gives off a whited out or washed out feel to the image. Though the image seems to lost the definition when it comes to the pencil witch now closer resembles a cigarette more than the former.

Today I finished up Chapter 17 of the Adobe Illustrator CC 2015: Advanced corse…

Just Another Pretty Face (1986).

Unknown-1.jpeg

By. Deke McClelland.

Wall finishing up the work on this image I eventually ended up upscaling the resolution (or PPI) of the image from 300 PPI to 600 PPI…

Set at 600 PPI:

Screen Shot 2016-10-04 at 8.30.26 AM.png

Set at 300 PPI:

Screen Shot 2016-10-04 at 8.30.36 AM.png

Set at 72 PPI:

Screen Shot 2016-10-04 at 8.30.44 AM.png

Once I upscaled the image I changed the trace options, and the advanced print options so as to add back in lost detail, and fine tune the images look to make it look sharper.

Before:

Screen Shot 2016-10-04 at 8.34.40 AM.png

After:

Screen Shot 2016-10-04 at 8.42.14 AM.png

At this stage I copied the image, it expanded, and changed the line weight value.

Screen Shot 2016-10-04 at 8.44.33 AM.png

Screen Shot 2016-10-04 at 8.45.53 AM.png

Next I resized the Hight (H) & Width (W) of the art word by x10, than adjusted the image to that size.Screen Shot 2016-10-04 at 8.50.58 AM.png

Screen Shot 2016-10-04 at 8.53.11 AM.png

\\\///\\\///\\\///\\\///\\\///\\\///\\\///\\\///\\\///\\\///\\\///\\\///\\\///\\\///\\\///\\\///\\\///\\\///\\\

^Artistic^Seperation^Line^Of^Seperatingness^

For these images the Idea was to be able to recreate the same steps that I did in the final section of the last image, with the added difference of adding a medium blue color to the rhino image.

Octopi-Tree Person Thing.

images.jpeg

By. Deke McClelland & Son.

Scanned sketch

Scanned pencil sketch.jpg

I really don’t know that to call this thing it look like a tree with tentacles wearing a simple tunic or robes with a large fountain pen in its pocket…

Traced image:

Screen Shot 2016-10-04 at 9.06.57 AM.png

This is the result of tracking the image and then changing the part of the image that is being traced from the Fill to the stroke, than I set the line weight to 20.

Duers Rhino.

Unknown.jpeg

By. Albrecht Duer.

For this beautifully drawn image I traced it.

Screen Shot 2016-10-04 at 9.17.11 AM.png

Changed the tracing mode from Black and White to Grayscale.

Screen Shot 2016-10-04 at 9.17.25 AM.png

And changed the fill color to a Medium Blue color.

Screen Shot 2016-10-04 at 9.33.30 AM.png

 

Today I Took the Brainbench Adobe Illustrator CS Test and scored a 3.02 on said test, after that I added a certifications page to the menu that is located under the ME option along with the about me page.

Next I updated the “My Project” page.

Next at lynda.com the beginning i=of the chapter 17 lesson is just kind of a refresher of the Illustrator path finder tools.

Screen Shot 2016-10-10 at 10.37.49 AM.png

Today I went from lesson #2 to lesson #5 in the Lynda.com Illustrator CC 2015: Advanced…

For most this lesson I reviewed the Pathfinder operations and learned about some tricks to be able to better make use of the tool and get the moat out of it…

Screen Shot 2016-10-11 at 9.46.31 AM.png

For this section I took this jumble of paths and made the word Colleen witch is the Irish term for a Girl or Young Woman.

Screen Shot 2016-10-11 at 9.51.02 AM.png

Used the black arrow tool to select the [Coll] then I used the ALT/OPTION + EXCLUDE

Next I changed the stroke to “Deep Green” and the Fill to “Light Green.”

Screen Shot 2016-10-11 at 9.53.07 AM.png

Then I selected the [een] portion of the word, then I pressed COMMAND + C; Double clicked the [Coll] portion of the word to enter Isolation mode then clicked COMMAND + F; then I clicked ALT/OPTION + Minos Front in order to get the shape seen below…

Screen Shot 2016-10-11 at 9.55.11 AM.png

Next I worked on the [N] by first clicking on the small rectangle and circle…

Screen Shot 2016-10-11 at 10.24.34 AM.png

Then I clicked ALT/COMMAND + Minos Front fix the shape of the [N]

Screen Shot 2016-10-11 at 9.56.19 AM.png

then I moved the N to the front, cut the two rectangles, and selected both the ellipsis that make up the two [ee] and press ALT/OPTION + UNITE switch created the finished image below…

Finished Image:

Screen Shot 2016-10-11 at 10.04.07 AM.png

Screen Shot 2016-10-11 at 9.46.48 AM.png

 

Today I finished Ch. 17 got to Lesson 8 In chapter 18, then went to career Center…

Screen Shot 2016-10-12 at 8.14.51 AM.png

For this lesson I worked on the first, third, and fourth images/outlines in the bottom row.

I Used Unite on the first and last; outline on the third and last, and intersect on the first.

For this next section on the lesson I turned the image below into a compound path.

then used Unite on the same image after moving the ring around.

Screen Shot 2016-10-12 at 8.20.33 AM.png

For this section I used the Intersect pathfinder tool.

Without ALT/OPTION                                           With ALT/OPTION

Screen Shot 2016-10-12 at 8.22.48 AM.png

Screen Shot 2016-10-12 at 8.22.58 AM.png

Screen Shot 2016-10-12 at 8.28.26 AM.png

Chapter 18

Screen Shot 2016-10-12 at 8.36.35 AM.png

 

Chapter 19

For this lesson I created this odd looking effect with one simple shape…

1.Start: This Is one shape using many different effects to simulate many different effects.

Screen Shot 2016-11-07 at 8.57.40 AM.png

2.repositiong

Screen Shot 2016-11-07 at 8.58.06 AM.png

3.reorganizeing the layers.

Screen Shot 2016-11-07 at 8.59.13 AM.png

Screen Shot 2016-11-07 at 9.03.08 AM.png

5.reducing appearance

Screen Shot 2016-11-07 at 9.08.52 AM.png

Screen Shot 2016-11-07 at 9.09.03 AM.png

7.

Screen Shot 2016-11-07 at 9.09.26 AM.png

Screen Shot 2016-11-07 at 9.09.40 AM.png

Here the image of the project that I worked on during filming…

 

Today I Completed chapter 20…

Before

Screen Shot 2016-11-09 at 8.30.49 AM.png

After:

Screen Shot 2016-11-09 at 8.49.23 AM.png

For this I added a drop shadow to the letters, then I added the Coronation patterns over the Fill and stroke vie copies of said fill and stroke to achieve this elegant look…

My Honeycomb creation…

Start

Screen Shot 2016-11-09 at 9.03.17 AM.png

the start of this lesson (creating the honeycomb) started with just one, and technically there is only one polygon. all of the others are clones/copies of the original.

Screen Shot 2016-11-09 at 9.06.23 AM.png

Here I added the base gradient to the polygons.

Screen Shot 2016-11-09 at 9.08.14 AM.png

here I changed the color of the left most color stop…

Screen Shot 2016-11-09 at 9.08.55 AM.png

then the color of the right most color stop (To the same colorant the left most)…

Screen Shot 2016-11-09 at 9.10.03 AM.png

new I upped the K value of the left most color stop Up to 95% copied said color stop, placed the copy at a Location of 50% and moved its K Value down to 75%.

Screen Shot 2016-11-09 at 9.12.03 AM.png

Next I changed the Gradient Type to “Radial”

Screen Shot 2016-11-09 at 9.17.51 AM.png

Added another stroke with a lighter yellow color…

Screen Shot 2016-11-09 at 9.31.30 AM.png

Repeated the same step 7 times creating the image seen below…

Screen Shot 2016-11-09 at 9.41.50 AM.png

Then I added a Gaussian Blur and a Drop Shadow in that order to Add the Final tone of depth to the image…

 

Lynda.com Illustrator CC 2015 One-on-One: Advanced|Chapter 20|Lessons 1-6 out of 16.

Today I started on Ch. 20 of the Illustrator CC 1 on 1 Advanced Corse…

(I also figured out that if you press COMAND>SHIFT>3 then is takes A whole screen shot of the whole screen in seed of a selected area. which is extremely useful information to me.)

Start: Benefits of Static Transformations…

Screen Shot 2016-11-14 at 8.38.00 AM (2).png

For the 2nd & 3rd lesson Videos (Chapter Into video [the first video of every chapter] is considered the 1st lesson.) I was told to use the Transform affect on the left square and the scale tool on the Right square.

Screen Shot 2016-11-14 at 8.38.10 AM (2).png

Here I used the Transform effect on the right square.

Screen Shot 2016-11-14 at 8.40.03 AM (2).png

This was to show that the Right square was staticky transformed…

Screen Shot 2016-11-14 at 8.49.24 AM.png

Here I used the scale tool to create a box with…arms? Whiskers? I don’t really know were I was going with this, I was practicing using the scale tool wail holding alt to copy, and it turned into this…

Screen Shot 2016-11-14 at 8.53.15 AM (2).png

Screen Shot 2016-11-14 at 8.55.33 AM (2).png

The end result…a crest…flower…emblem…thing…

Screen Shot 2016-11-14 at 9.59.34 AM (2).png

Screen Shot 2016-11-14 at 9.59.19 AM.png

It only took me a few seconds to make…and yet it looks really good.

Screen Shot 2016-11-14 at 9.14.23 AM (2).png

The next lesson showed how to create guides for the electrons of this ATOM.ai project form the last chapter.

Ch. 20|Lesson 8

Today I learned how to use the Shear tool in Illustrator…

Starting Image

Screen Shot 2016-11-15 at 9.57.07 AM.png

Screen Shot 2016-11-15 at 8.46.29 AM.png

The Axis movement it a little hard to see here…

Screen Shot 2016-11-15 at 8.49.53 AM (2).png

Screen Shot 2016-11-15 at 8.49.59 AM (2).png

Screen Shot 2016-11-15 at 8.50.00 AM (2).png

Screen Shot 2016-11-15 at 8.50.03 AM (2).png

Screen Shot 2016-11-15 at 8.50.05 AM (2).png

Screen Shot 2016-11-15 at 8.50.06 AM (2).png

Screen Shot 2016-11-15 at 8.50.08 AM (2).png

Screen Shot 2016-11-15 at 8.50.11 AM (2).png

Finished Image:

Screen Shot 2016-11-15 at 9.57.19 AM.png

For this I copied the shadows in the petals a few times to finish out the effect…

 

Today I got to Chapter: 22|Lesson: 11 out or 14…

For this lesson I was tasked with creating an Emoji using different gradients and dynamic effects in Illustrator…

Starting off…

Screen Shot 2016-11-16 at 9.21.21 AM.png

I  chose différent colors for the gradent that was added to this base ellipse..

Screen Shot 2016-11-16 at 9.34.21 AM.png

I eventually go to this sun looking thing…

Screen Shot 2016-11-16 at 9.38.22 AM.png

This is the trace image used for comparison.

Screen Shot 2016-11-16 at 9.41.58 AM.png

After I adjusted the colors a bit…

Screen Shot 2016-11-16 at 10.06.56 AM.png

I added an eye with a gradient stroke, and a radial type…

Screen Shot 2016-11-16 at 10.11.10 AM.png

I then copied the eye and added a glossy white gradient to the emoji…

Screen Shot 2016-11-16 at 10.14.02 AM.png

Next I added back in the guides for the mouth & teeth…

Screen Shot 2016-11-16 at 10.25.30 AM.png

Then I added the same gradient from the eye to the mouth, and colored the teeth with a [Gray>White>Gray] gradient…

Screen Shot 2016-11-16 at 10.44.10 AM.png

And finally I added a dark inner glow to the mouth & a light drop shadow behind the teeth to finish the emoji…

 

Today I finished the 22 Chapter of the Illustrator CC  1=on-1 Advanced course…

For this section of the corse, I created a Very Angry Emoji…Witch does indeed look rather irritated. The Emoji can be used on any Mobile device, and is vary easy to create using Illustrator & Photoshop…I could even make one of my Avatar! (Though I don’t use Emojis much.)

All I did was add a gradient to the eyebrows that came with the document, and lift the gradient from the mouth and teeth with the Eyedropper tool. Then copy it onto the selected angry mouth, then color the teeth with the TEETH gradient that was created earlier on in the chapter.

Screen Shot 2016-11-30 at 10.16.32 AM.png

Screen Shot 2016-11-30 at 9.47.03 AM.png

Next I colored the eyes red (RED1|RED2|RED3) using different global watches that were a variation of the “RGB RED” color swatch that usually comes with all illustrator documents.

The I added A White-to-Tranparent gradient FILL oner the red eyes, And move it into place in the eyes using the transform effect…

Screen Shot 2016-11-30 at 9.48.47 AM.png

Then Finally I created this stunningly visually peeved Emoji, that look 100x angrier than the basic  PRELOADED SMARTPHONE EMOJI ant almost every smartphone(Android Phone) has…

Screen Shot 2016-11-30 at 9.49.11 AM.png

My Emoji. /\ |Compared to| \/ Basic “Angry” Emoji.

Petulant emoji.png

 

Today I worked on illustrator CC Advanced: Chapter 26…

This lesson was was, for the most part, an explanation…

Origanal:

Screen Shot 2016-12-08 at 8.36.35 AM.png

The original image…

STEP 1:

Screen Shot 2016-12-08 at 8.36.27 AM.png

The image after the RIGHT background was changed…

STEP 2:

Screen Shot 2016-12-08 at 8.36.01 AM.png

The image after the LEFT background color was changed.

STEP 3:

Screen Shot 2016-12-08 at 8.35.43 AM.png

The image after I realized I messed up and switched the background colors around…

STEP 4:

Screen Shot 2016-12-08 at 8.26.28 AM.png

The image after the white was changed to the lightest brown in the color guides panel, and the grey was charged to a shade of light blue…

Most of this chapter is just an explanation on color harmony.

The color harmony is basically fallowing the same three color weals as every thing else:

LAB COLOR WHEEL:

Screen Shot 2016-12-08 at 9.55.38 AM.png

[ONLT THE LAB WHEEL COVERS THE TOPIC OF LUMINOSITY IN ITS MUTI SECTIONS WHEEL.]

RGB COLOR WHEEL:

Screen Shot 2016-12-08 at 9.56.29 AM.png

RGB with greyness:

Screen Shot 2016-12-08 at 9.56.43 AM (2).png

CMYK COLOR WHEEL:

Screen Shot 2016-12-08 at 10.00.19 AM.png

CMYK with grayness:

Screen Shot 2016-12-08 at 10.00.34 AM.png

I ended up getting to lesson 5(video 5)…for some reason the intro to the lesson was on the 2nd lesson (2nd video) instead of the 1st.

 

Today I worked on Lynda.com Ch. 26 video 6-10.

Starting Image:

Screen Shot 2016-12-09 at 8.23.20 AM.png

This is what the image looked like after the video yesterday…

Screen Shot 2016-12-09 at 8.25.06 AM.png

After the light sections to color.

Screen Shot 2016-12-09 at 8.26.49 AM.png

This is the “Color Guide” for the image below.

Screen Shot 2016-12-09 at 8.27.17 AM.png

Screen Shot 2016-12-09 at 8.30.24 AM.png

Screen Shot 2016-12-09 at 8.51.32 AM.png

After I created the custom color guide, Vintage Colors, I selected a different lead color that caused this effect to occur…

The next video…

Screen Shot 2016-12-09 at 9.15.36 AM.png

Screen Shot 2016-12-09 at 9.16.53 AM.png

For this section I used the Baroque 6 color group out of the ART HISTORY group.

Here Is where I messed with the LAB color wheel a bit to change the entire look of the Baroque 6 color group.

Screen Shot 2016-12-09 at 10.07.26 AM.png

Screen Shot 2016-12-09 at 10.12.11 AM.png

Screen Shot 2016-12-09 at 10.13.36 AM.png

Independent Practice:

Screen Shot 2016-12-09 at 9.53.30 AM.png

For this I used different colors

Screen Shot 2016-12-09 at 10.00.49 AM.png

National Park Feel…

Screen Shot 2016-12-09 at 10.03.09 AM.png

For this practice I even created my own Color Group using the Lab color wheel…

-Bubblegum Lollipop Chainsaw-

Screen Shot 2016-12-09 at 10.27.23 AM.png

I named it after the 2012,  Extremely Cheesy, cheerleader/Zombi Hinter game LOLLIPOP CHAINSAW…

GAME OVERview:

Its a really difficult game to play…for most people, the controls are overly clunky for a 2012 (7th generation video game) but it somehow fits the overall feel of the game…its not vary bloody for a Hack & Slash zombi game…it plays a very wonderful vibe of whimsical nostalgia, for any PS1/PS2 Hake & Slash loving gamers its a must.

 

Today I got to lesson 27 in the Lynda.com Illustrator CC 2015 Advanced course…

For this, I was shown how to save custom color group to the color group library.

Screen Shot 2016-12-12 at 9.12.26 AM.png

Screen Shot 2016-12-12 at 9.23.58 AM.png

At This point I had to go back and fix the brightness of the set.

Screen Shot 2016-12-12 at 9.24.05 AM.png

Screen Shot 2016-12-12 at 9.25.53 AM.png

Here I started working on another color set with a more restricted range of color.

Screen Shot 2016-12-12 at 9.28.21 AM.png

Screen Shot 2016-12-12 at 9.28.29 AM.png

Screen Shot 2016-12-12 at 9.34.44 AM.png

Chapter 27: Recoloring Artwork.

For this chapter I learned to how to recolor artwork…

Before:

Screen Shot 2016-12-12 at 9.54.53 AM.png

Here I learned how to use the Recolor tool.

After:

Screen Shot 2016-12-12 at 9.57.34 AM.png

For this first video I learned doe to use the Recolor Artwork Tool.The tool does as its name suggests and recolors the artwork that is being worked on. For the example of that I recolored the eyes of the Top Middle Emoji from RED to BLUE.

 

Today I Completed Ch.26 and I am now on Chapter 27: Dynamic Effects.

Chapter 26:

For this section I learned the rest of recoloring…

Screen Shot 2016-12-13 at 8.10.23 AM.png

Screen Shot 2016-12-13 at 8.10.43 AM.png

For this emoji I revved up the orange to a red and the eyes to a purple/pink color.

The next Emoji: (Green Eyed)

Screen Shot 2016-12-13 at 8.21.30 AM.png

For this Emoji all I did was click on the color folder for it and Illustrator’s Recolor tool did the work…

Illustrators Color mishap:

At this point Illustrator turned the dark yellow in to a bright green when Hue Shift was applied.

Screen Shot 2016-12-13 at 8.36.56 AM.png

Here Is the final image for this emoji…I got rid of the bright green color.

Screen Shot 2016-12-13 at 8.37.31 AM.png

Befor Color Fix:

Screen Shot 2016-12-13 at 8.42.22 AM.png

For this all i did was click the recolor panel button and Illustrator did the rest…then I want in and fixed the image’s color problem, where a set of types of the downward collem was lighter then the other tiles.

After Color Fix:Screen Shot 2016-12-13 at 8.43.41 AM.png

 

Today I finished up Chapter 30 of the Lynda.com Illustrator One-on-One: Advanced corse, witch means I’m now finished with the Illustrator corse, and I am now ready to start Adobe InDesign.

Chapter 30: Printing Your Document.

This chapter when over the same basics of printing, color Overlay, Printers Marks, Image Bleed, and color fixing.

Bleed & Color Overlay:

Screen Shot 2017-01-04 at 8.24.15 AM.png

The barely visible red square outline is called a image bleed, and is used mostly for printing and printed image size fixes. It called be added through the vast print dialog box at the end of the File tab. [File>Print>Marks and Bleed]

For the portion of the section concerning  “Color Overlay” that is mainly used by the “Separation Preview Panel” found in the Window tab.

The panel in question works with CMYK and dose not show anything if the images color mode is set to RGB.

Full CMYK   Cyan|Magenta|Yellow|Black

Screen Shot 2017-01-04 at 8.27.11 AM.png

C_YK   Cyan|Yellow|Black

Screen Shot 2017-01-04 at 8.27.22 AM.png

C_Y_   Cyan|Yellow

Screen Shot 2017-01-04 at 8.27.35 AM.png

C_ _ _   Cyan

Screen Shot 2017-01-04 at 8.26.23 AM.png

CM_ _   Cyan|Magenta

Screen Shot 2017-01-04 at 8.26.51 AM.png

CMY_   Cyan|Magenta|Yellow 

Screen Shot 2017-01-04 at 8.26.57 AM.png

_ _ _K    Black

Screen Shot 2017-01-04 at 8.28.14 AM.png

The “Origami Flower” seems to appear silvery then its other counterparts. 

Text color pre-Print fix:

No black:

Screen Shot 2017-01-04 at 8.49.14 AM.png

The Black in the text is made up of different colors witch in most cases if fine, but for this image and the commercial printing process used that effect in not wanted.

No black-with 100% Black (No other colors added to black):

Screen Shot 2017-01-04 at 8.51.09 AM.png

100% Full Black:

Screen Shot 2017-01-04 at 8.51.16 AM.png

The image seen above (100% Full Black) is the desired result for this image.

The rest of the lesson was mainly talking about the different kinds of printers marks, and the different localized sets-Roman & Japanese, witch changes where the marks appear depending of witch region is chosen.

Advertisements