DAY: 4; Wednesday
Today I started the Lynda.com Adobe Illustrator CC 2013 One-on-On: Intermediate corse. Ch: 1 lessons: 1-6
For this lesson I locked the background image, placed The blue frame and lettering in to a sublayer called Frame, and edited/transformed a the “good” text into a 3D text layer.
The Original Image Used During The Full Duration Corse:
Before I started lesson involving the above image, I first moved this image to a different layer Named “patterns” and turned the visibility of that layer off.
Before visibility was turned off:
After visibility is turned off:
After this Part of the lesson was over I than turned my focus toward the other design. First I locked down the background image than added it to a different lay-er named “Image”.
I than moved the “good” text into a sublayer named “Safe” after witch I turned the visibility of the layer off.
Next I converted the “good” text layer into a outline and from there I transformed it into a 3D layer, later on I moved it into the sublayer “Safe” along with another copy of the original text.
And finally, I changed the light gray color surrounding the 3D “good” outline and colored it a shade of Medium blue, later regrouping all of the 3D layer together.
Next I will learn how to place the Spiro path into all of the letters of the word “good”.
What the Finalized image Should look like…
DAY: 5; Thursday
Today, I completed Chapter 1 (technically chapter 11) of Adobe Illustrator CC 2013 One-on-One: Intermediate.
The Starting Image:
First I added the Spiro design to the image, group the fill & Spiro design, add a new fill, and colored that new fill Medium blue…
Next I had to realize the outer portion of the 3D letter outline of the design in order to mach it up with the inner portion. (Because I accidentally moved it without selecting the whole thing.)
Than I repositioned the entire design so that it matched up with the finished designs look.
and Finally I was done with the design.
I also practiced some of what I learned from the chapter on an image that I’ve been using for my background on the main monitor.
I picked this image of Aoba Suzukaze from the new show NEW GAME! because it was kind of a funny picture that is extreme well drawn, and i wanted to add a little something extra to it.
Work In Progress:
This screen shot was taken after I converted the Text “NEW GAME!” into a path layer and I was playing around with the colors.
Finalized Image With 3D Text:
This screen shot was taken after I converted the text path into 3D Text, than colored it Purple-ish/Pink-ish color and light blue.
For this lesson I am editing a Aztec spiritual calendar known as the tonalpohualli.
Starting Image & 2nd windowed view:
For this lesson I am having to work with two views of the same image; the original image, and the second in preview mode.
(Second Window In Preview Mode.)
Than I had to Rotate & Copy the white circle until the image looked like this.
Next I Copied the “Lighter Green-Yellow-Darker Green” square and finished out the pattern that was missing around the design, by fallowing the same steps as before.
For this lesson I learned how to save a color swatch & use it for other parts of the image as needed.
Today I learned how to look up different colors in illustrator as well a what letters are used the most when naming color swatches, after I learned how to delete color swatches that I’m not using in the project.
Before Swatch Deletion:
Selection Of all unused swatches:
Deletion Warning Prompt:
After deletion of all unused color swatches:
One unused color swatch remained undeleted because it matched a color that was used prior to lesson 3 of Chapter 12, so as the video told me I changed the CMYK values of the color swatch from C=90 M=30 Y=95 K=30 to C=80 M=40 Y=85 K=20 and changed the name to Card Table.
Selecting colors from images & creating swatches from those selected colors.
For this section of independent practice I used a image showing the cast of characters from both DanganRonpa: Trigger Happy Havoc & Super DanganRonpa 2: Goodbye Despair.
First I selected the color picker tool, next I chose the pink color from one of the more flat masked splatters of blood near the bottom of the screen, in this case the one in the bottom left corner of the image.
Than I went over to the swatches panel & clicked the New Swatches button from the bottom list of icons.
Once the new swatch was created I than double clicked on it and changed the name From the Default name from the CMYK values t to the name DanganRonpa (Blood) witch suits the image vary well.
I the reasoning I used this image is 1: Because I’m a fan of both the game & Anime adaption series, & 2. It has a very unique Extremely bright pink used for the porpoise of masking any reference to blood in the Despair filled world that is Danganronpa.
For the next color swatch I chose the I went with the Purple color of the jacket of the Ultimate High School Level Detective KiriGiri, same as last time I fallowed all the same steps but for the name of the color I chose to call it Kirigiri Purple.
KiriGiri (Kyoko Kirigiri)
Today I learned how to manipulate the stacking order of a project in Adobe Illustrator & also fill in more than one object/shape at a time…
For this lesson I changed the color of each section of the four point star located under the aztec gods head, and the eight bars from a greyish green to stone violet, also located under the gods head.
Next filled in the lager eight point star with fills in the order of: Tan>Black>Greyish Blue>Stone Violet.
Next I Filled the outer most circles with fills in the order of: Grey Blue>Black>Card Tablr Green>Tan>Greyish Tan.
Than I selected all outer circle layers, right clicked, selected arrange, than selected “Move to Back.” to place them in the background with out having to group them together.
Next I brought the second largest four point star and brought it forward on top of the stone violet bars, selected the Tan & Grey Tan layers, and turned off there fill resulting in the finished image below…
For this independent Practice I had Originally made a five pointe star with six other stars inside with a color pattern of Black>Red>Black, but It didn’t load vary good do i end up deleting all but he last two outer most stars & starting over with a color pattern of: Black>Red>Black >Pink>Black>Red & then I decided to add a picture of Monokuma from DanganRonpa in there just for the porpoise of this practice.
Next I added two more stars in to the image.
Selected those two stars, right clicked, went to arrange.
Went to Send Backward, and than positioned the .png file of monokuma little father up.
and here is the Finished Product.
And heres a very “True” quote:
Today I finished chapter 12 of the Lynda.com Illustrator CC 2013 Ono-on-One: Intermediate corse.
I Learned to Paste to Back & combine mutable fills to make a …
For this image I finally dealt with the problem of the eight point star blocking every thing & to do that I cut it from the image>Selected the Light Brown/Dark Tan color then right clicked on it and selected the Paste To Back option witch created the image above.
Next I selected the large Light Brown circle>clicked the Card Table Green swatch witch than changed the color & thus finishing that section if the art work.
Next I filled in the aztec gods eyes using a Brown fill, a Black Fill with its saved reduced to 50H|50W, & a White fill offset by Y:-1pt X:-1pt.
And Finally I added a Fill of black & a fill of pail yellow to the glyphs around the edge of the Aztec calendar Off str by Black: Y:-3 & Yellow: Y: -2.5
and here is the finished image for Ch. 12.
And Heres a Beautiful City Skyline…(From Ghost In The Shell 1995)
Today I started Chapter 13 and have already goth trough Lessons 1-5 out of 12 lessons.
Lesson #1-3, 5.
In this lesson I started to learn about strokes in Adobe Illustrator.
For this image I had to thicken up the stoke of the bottom numbers, change the end points cap, and change the corner joint.
First I changed the Stroke weight from 5pt to 16pt.
Next I had to change the end points cap from Butt Cap to Round Cap.
Than I changed the Corner type from Miter Joint to Round Joint & heres the finished numbers design:
In this lesson I changed the with of a path using the width tool:
After learning how to use this tool I was played around with it and this is what the path end up looking like…
This shape looked pretty cool to me…It looks like a ribbon dancer dancing…
For this independent practice I randomly created a bunch of different shapes and the use the black arrow tool & the Width tool than i added some color to some of the paths:
Illustrator CC 2013 One-on-One: Intermediate Ch: 13 Lesson: 7
Today I Worked On Lynda.com lessons 7-12, for lesson 7 I had to add a coupon cut-out border to this “Golden Ticket”
For the starting image its looks very basic, vary bland in design, and my goal was to turn it in to a coupon that looked very official & detailed.
Dashed Line & Scissors:
The first thing I did was add a dashed line & Scissors by massing with the dash & Stroke Weight of the ought most black line:
First I added Stroke Weight of 3 pt, than I added a Dash of 20 pt & Gap of 12 pt.
Next I changed the lines profile to Arrow #33 to get the scissor effect on the out side of the line.
Next I had to use the scissors tool to place the scissors at the top of the line instead of the bottom.
Next I had to Turn the circle with the lighting bolt into a gear.
First I had to select the lighting bolt, create a 2nd white inner fill, and scale the lighting colt down until it had the desired look.
(The rest of these are all of the other designs for the Gear/Cog.)
Inverted with wight holes to create the kind of cog you would find in Skyrim wail searching around the many of the dwarves ruins.
Here is an in greeted cog/gear that is more of a design found in a hand wound watch.
Official Looking Text:
For this part of the chapter I had to turn the plane black “Golden Ticket” text into a a official looking Money text.
From Here I selected the path group “Golden Ticket”, added a white fill, add & Off set both the black stroke out line and gold shadows stroke.
Added an inner black stroke.
Added a Gold fill.
Added a white inner stroke, than finally offset the white inner stroke.
Golden Weave backdrop:
For this I only used a one path than copied it about 140 times.
For this I took the top black line of the image, copied it, added a Zig Zag effect turned it gold, than copies the design 140 times over.
After that I had to Select all of the Orange Gold text and designs & turn there blend mode to multiply so that the golden weave shown through.
Today I Started Chapter 14 lesson 1-5 of the Illustrator CC 2013 One-on-One: Intermediate Lynda.com corse.
For this course I have been using gradients to filling this black cat. The fill consists of Silverly whites and Rich Blacks.
For this Image I added the required gradient for every path shown, than I recolored the gradient for the bridge of the nose, mussel (both Left & Right sides.) Both parts below & around the eyes so as to add a shadow affect.
For the entirety of Chapter 14 I have been working on a “Black Chat” logo and I am now ready to start working on Chapter 15 next week.
Starting Image for todays continuation of the lessons of Ch. 14.
For this image I created a gradient background that stared off as a Linear Gradient & than I changed to a Radial Gradient.
Next I worked on the eyes using 3 different gradients Yellowed-Brown, Light Yellowed, Yellow-Brown.
Start: Yellow brown with a reversed white centered radial gradient.
Next: Reversed the Gradient, added a copy of the origanal.
Next: Added in a multiply blend mode to the 2nd gradient so that it burned into the first one.
Finished Image (Eye|Right)
First: I copied the Right eye onto the Left eye.
Next: I Copied the eye than pasted the pulp onto the eye.
Next: I added a small white radial gradient to the pulps, Used the zig zag command on the whiskers, added a gradient to them, showed the hidden text, added a radial gradient to the live editable text, than added drop shadows to the cats head, the whiskers, and the text finishing up the image for this lesson.
Today I completed lesson 1-6 of the Lynda.com Illustrator One-on-One: Intermediate corse.
First I created a circle using the poler grid tool to create a group of circles, next I ungrouped all of the circles, cut the bottom points, shifted every point over by one to create the image shown below.
Next I selected the horizontal line that ran in the center of the two spirals, deleted it, and than colored the spiral with the left side end point red.
Once done, I then copied the red spiral, than passed it on to a different default training file.
As you can see my job here was to make sure the spiral I had made and the ones found on the training file were of the same design, and shape.
For this lesson I used the pattern generator to create a seamless Sea Spiral pattern.
First off, I selected the spiral design, went up to the “Object Menu” selected “Pattern” than “Make.”
After changing the values of the bound box to W:168|H:158.7345, I checking the done button, than added used the Rectangle Tool with a fill of the Sea Spiral Patter to create the seamlessly generated pattern.
For this lesson I learned about the differences in the tile types.
Brick By Row:
Brick By Column:
Hex By Row:
Hex By Column:
For this lesson I changed the patterns Overlap:
Right In Front|Bottom in Front.
Left in Front|Bottom in Front
Left in Front|Top In Front
Right In front|Top In Front
Forgot to add to last Fridays post…
I had forgotten to add these images to last Fridays Project Post so i thought id add them here so they can still be seen:
I don’t know about you, but this starting to look like a Castlevania map…
Today I completed chapter 15 in the Lynda.com Illustrator CC 2013 One-on-One: Intermediate corse.
Chapter 15|Lesson 7: Creating a NEW pattern based on an existing one.
For this lesson I Created or rather Edited the Sea Spirals pattern to create 3 differently closed designs.(Circus seas was the one i was told to do, the other two were for practice.)
Inky Seas Pattern: (Black Fill With White Stroke.)
Mono Seas: (Black/White Fill With Black/White Stroke.)
Chapter 15|Lesson 8: Applying patterns to strokes and text.
For this lesson I Learned how to add a pattern to test, and how to use different patterns to create a almost 3D looking effect in illustrator.
For this Design I used the Murky Seas pattern, the Sea Spirals pattern, and the White strokes pattern, along with the SEA text.
Murky Seas fill with a Sea Spirals Stroke.
Added a Drop shadow and inner glow.
Added the White Strokes pattern to the black text, then added the same effects to the image that I had added to the Stroke to finish up the design of the image.
Chapter 15|Lesson 9: Moving and Transforming patterns.
For this lesson I shifted the fill of this design ever so slightly, to off set it.
Chapter 15|Lesson 10: Fixing problem legacy patterns.
For this pattern that was created in an older version of illustrator all I had to do was gel eat the clipping mask to get rid of the red seam shown in the image below.
Lynda.com: Illustrator CC 2013 One-on-one: Intermediate Chapter 16 All Lessons.
Today I finished chapter 16 & will move on to chapter 17 Tomorrow…
For this lesson I had to Aline all of the squares in the Left art board, than place the letters that are in the Right art board into the correct square.
At this stage I used the Aline panel to Aline each square into a cheer board design.
After I finished offsetting and spacing each square be 20 Pt. each…
Next I placed all of the letters to spell “3102 WEST ABBY LANE” than I centered there position in the squares.
At this point I changed the back ground fill to Whetstone.
For this section I used a copy of the color fill of each letter, colored it rich black, off set it be 20Pt. than decreased its opacity from 100% to 50%…
And Finally I added a the same back shadow to the boxes by selecting them, copying there fill, bring it to front, coloring it black, offsetting it 20pt. by 20Pt. and changing its opacity from 100& to 50&, than sent it to back.
Today I started Chapter 17 Lessons 1-6 out of 13 lessons, latter on I attend Career Center at 10:00 a.m. and returned back to class at 10:40.
Pathfinder options Demo:
For the first lesson in this sections I viewed a demonstration of each Shape Mode & Pathfinder tool.
Merge | Minus Front | Intersect | Exclude
Dived | Trim | Merge | Crop | Outline | Minus Back
The Yellow Sub, Ringo Star, and the Shy Walrus…
After copied flip, and merge tools were used:
After Paths were joined:
After Merge Was used:
After Exclude was used on Ringo:
After Crop was used:
For this lesson I worked on a picture of the yellow Sub, and Ringo Star.
Today I finished chapter 17 of the Lynda.com Illustrator CC 2013 One-on-One: Intermediate, and am now moving on to chapter 18: Live Paint & Interlocking Paths.
For this lesson I finished up working on this tree that was created using the line tool Blob Brush, and the Eraser tool.
This efect occurred when I tried to use the Unite Shape Mode. (It kind of looks like a sharp edged Rorschach.)
Before Image of the Sleepy Moon. Made using the Minus Front Tool, than after thievery this was done I changed the fill from a Rich Black to White.
And here is the final image.
Ch. 18 Lesson 1& 2; Live Paint Bucket tool:
For these lessons in Chapter: 18 I learned how to use the live paint bucket tool to change object colors and stroke colors.
For this image I used the live paint bucket tool to change the inter setting colors, and inter setting strokes (stroke Wight & Color.) using the Live paint bucket tool in Illustrator…
Even though these next three Images look the same they have some small details that are different.
(Leave a comment explaining what you think the Four differences that are in these Four images.)
Today I finished Ch. 18 in the Illustrator CC 2013 One-onOne: Intermediate corse…
Live Paint Selector tool.
For this section I learned how to use the live paint selection tool.
I also learned how to use it to select strokes independently of others in the image.
For this section I turned how to add paths to a live paint object in Illustrator.
At this stage I added, or rather, I changed some of the stroke colors in the image after I added the Back circle & the eyes from Bear Stuff into my current layer in the layers panel.
Here I changed the fills for the eyes to white and face to tan, finally string the fill of the bears teeth to none instead of orange.
Here I Set the stroke co;ors for the tan to brown sections of the face to none so it looks more uniform.
Finally I thickened up the eye and nose bridge strokes.
I started Out with this image and cut out and delete the larger parts of the three circles that form the celtic know in the center.
Next I change there colors so that I can tell the two apart.
Added a Rich Black Stroke with a weight of 3.6 Points, than I an orange fill with no stroke to three of the six intersecting points in the knot.
Next I turned on the back fill layer, and continue forming the celtic knot weaving in and out of its self, to form the image shown above.
Messed up on the gradients…(part of the video)
This mess up was part of the video.
Next I used the gradient tool to move the radial effect oner to the left.
Than I re:added the Rich Black stroke to the art work.
And finally I re:added the gradient fills…
TodayI Started and finished Chapter 19 in the Illustrator CC 2013 One-0n-One: Intermediate Lynda.com corse.
Ch. 19: Placing Photoshop images.
For this image I placed this .tif file into into Illustrator…
Then I placed the same image into photoshop, and inverted the colors, next I RE:linked the version of the file that was in Adobe Illustrator and the picture shown is the RE:linked version.
Next I undid the changes, and started anew.
I was then asked to replace the dinosaur photo, with a another variation of it.
This is the Variation of said image.
Next I was told to reinstate the Bounding Box around the image. and play around with it.
NOTE: In these next images, a clipping mask was implemented on the image…
NOTE: The Round Corners effect was added to the Bounding Box.
In this Final set of images I started from the beginning, and added a sepia effect be coloring the image than bringing down the opacity of the color, and than turning one the provided page curl and tissue paper pattern.
I also Started Chapter 20: Printing a Document..
This file contained print assets and concept designs for the shown “Ghost Robot” image.
A Simple Quote:
From: Guilty Crown
Character: Inori Yuzuriha
I chose this quote because of two reasons:
- I loved this show (up until the last 4 or 5 episodes that were ready out of place.)
- There is a animated movie called -HARMONY 7- that just cane out and the character design, character detail, and coloration (especially of the blue haired character) looked like the original concept design for GC’s heroin Mana Ouma.
Today I finished Ch. 20 & got to Ch. 21 in the Adobe Illustrator CC 2013 One-onOne: Intermediate corse…
For this corse I learned how to get an image, or should I reach say, Images ready for commercial printing.
For this file, I worked on getting all 5 images ready for print, most of the stuff I did in this lesson was just for the visual representation on what to do, or rather, what to tell the printer.
In the images bellow I added crop marks to some of the images below, then moved some of the crop marks around, I don’t really know how to do this post because most of it was just for visual aid, and I didn’t rely need to or get to do much real work during the 12 Lesson (Video) long chapter…
At this point I was asked to change the blueish gray color in the Ghost Robot to the spot color: PANTONE 266 C.
The images in this section are what made up the Visual Aid parts in the chapter.
For this section I was shown how a commercial printer, prints an image, and/or how the colors in an image that is being printed by a commercial are layers during the printing process.
First I expanded the already existing bleed that the mage had on it.
Next came the color layer process.
the process when printing fallows a color range of CMYK instead of the normal RGB that is used when displaying something on screen; for web/electronic usage only.
First Black Or K is generally add be the printer first, and it is more common to see the spot color added last, but for the sake if visual aid, and the fact that ever commercial printer has there now preferences, one image will contain just the color being addd, and the other one will contain the color being added plus the spot color.
K K+PANTONE 266 C
Yellow or Y is commonly is to be added next.
KY KY+PANTONE 266 C
Magenta (M) Is commonly added after Y & K.
KYM KYM+PANTONE 266 C
And Finally Cyan (C) is almost always added last in the commercial printing process.
KYMC KYMC+PANTONE 266 C
Different layers are sometimes needed to be printed or shown separately in order for the printer to be able to get an idea on how to print an image correctly.
TEXT & BOARDERS:
TEXT, BOARDERS & ROBOT:
TEXT, BOARDERS, ROBOT,
Printer settings adjustment section:
Here was the only other part what I actually had some real work to do in the lesson…
I changed the Page size, and added Printers marks to the image, and turned on out auto rotate, witch rotates different art boards if they need to be rotated. Example: The skateboard deck decal, and Surfboard decal art board (Page) was auto rotated from landscape mode to portrait mode.
Today I finished the Illustrator CC 2013 One-on-One corse.
For this corse I had to save the image used for the last lesson for the web…
To start off I added a pixel grid to the image than choose the save for web command, changed the PPI settings or Pixel Per Inch setting, and clicked the ok button to save the image…
I ended up having to transform the text so the vertical strokes in the image looked decent…