16
Illustrator Icon Assignment Raster/Vector Graphics

Illustrator Icon Assignment - City Tech OpenLab...Illustrator Icon Assignment Raster/Vector Graphics What is an Icon? • An icon is a graphic image, a small picture or object that

  • Upload
    others

  • View
    8

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Illustrator Icon Assignment - City Tech OpenLab...Illustrator Icon Assignment Raster/Vector Graphics What is an Icon? • An icon is a graphic image, a small picture or object that

Illustrator Icon Assignment

Raster/Vector Graphics

Page 2: Illustrator Icon Assignment - City Tech OpenLab...Illustrator Icon Assignment Raster/Vector Graphics What is an Icon? • An icon is a graphic image, a small picture or object that

What is an Icon?

• An icon is a graphic image, a small picture or object that represents a file, program, web page, or command.

• Icons help you execute commands, open programs or documents quickly by being easy to read in a hurry

• They are a simplified version of the original object.

Page 3: Illustrator Icon Assignment - City Tech OpenLab...Illustrator Icon Assignment Raster/Vector Graphics What is an Icon? • An icon is a graphic image, a small picture or object that
Page 4: Illustrator Icon Assignment - City Tech OpenLab...Illustrator Icon Assignment Raster/Vector Graphics What is an Icon? • An icon is a graphic image, a small picture or object that

What Size Should It Be?

Page 5: Illustrator Icon Assignment - City Tech OpenLab...Illustrator Icon Assignment Raster/Vector Graphics What is an Icon? • An icon is a graphic image, a small picture or object that

More on Size

• As you can see, icons need to be able to work at very small sizes

• The lines may have to be quite thick in order to be legible at those small sizes

Page 6: Illustrator Icon Assignment - City Tech OpenLab...Illustrator Icon Assignment Raster/Vector Graphics What is an Icon? • An icon is a graphic image, a small picture or object that

What is an Icon Set?

• As the name implies, an icon set is a whole group of icons, drawn in the same style

• This way, your icons go together and make the experience for the user a lot more smooth

Page 7: Illustrator Icon Assignment - City Tech OpenLab...Illustrator Icon Assignment Raster/Vector Graphics What is an Icon? • An icon is a graphic image, a small picture or object that
Page 8: Illustrator Icon Assignment - City Tech OpenLab...Illustrator Icon Assignment Raster/Vector Graphics What is an Icon? • An icon is a graphic image, a small picture or object that

Steps We Will Take• Choose your objects, research them thoroughly,

find lots of good images to use for your sketching

• Draw the objects with pencil in your sketchbook, simplifying them as much as possible

• You will then scan your sketch and being it into Illustrator, where you will trace it using the Pen Tool

• Finalize your set of 3, making sure they look like they were drawn in the same style

Page 9: Illustrator Icon Assignment - City Tech OpenLab...Illustrator Icon Assignment Raster/Vector Graphics What is an Icon? • An icon is a graphic image, a small picture or object that
Page 10: Illustrator Icon Assignment - City Tech OpenLab...Illustrator Icon Assignment Raster/Vector Graphics What is an Icon? • An icon is a graphic image, a small picture or object that

Icon Style Tips

• Draw the icon in Illustrator at the size it will be used. That way you can make sure the lines are the best weight and easy to read.

• Simplify the drawings as much as possible.

• Try to use the same style for all three of your icons.

Page 11: Illustrator Icon Assignment - City Tech OpenLab...Illustrator Icon Assignment Raster/Vector Graphics What is an Icon? • An icon is a graphic image, a small picture or object that
Page 12: Illustrator Icon Assignment - City Tech OpenLab...Illustrator Icon Assignment Raster/Vector Graphics What is an Icon? • An icon is a graphic image, a small picture or object that
Page 13: Illustrator Icon Assignment - City Tech OpenLab...Illustrator Icon Assignment Raster/Vector Graphics What is an Icon? • An icon is a graphic image, a small picture or object that
Page 14: Illustrator Icon Assignment - City Tech OpenLab...Illustrator Icon Assignment Raster/Vector Graphics What is an Icon? • An icon is a graphic image, a small picture or object that
Page 15: Illustrator Icon Assignment - City Tech OpenLab...Illustrator Icon Assignment Raster/Vector Graphics What is an Icon? • An icon is a graphic image, a small picture or object that
Page 16: Illustrator Icon Assignment - City Tech OpenLab...Illustrator Icon Assignment Raster/Vector Graphics What is an Icon? • An icon is a graphic image, a small picture or object that