From the course: Productivity Tips for Web Designers
Unlock the full course today
Join today to access over 22,400 courses taught by industry experts or purchase this course individually.
Adding killer shadow effects
From the course: Productivity Tips for Web Designers
Adding killer shadow effects
Hello friends, this is Sue Jenkins with productivity tips for web designers. In this week's lesson, I'll show you some effective ways to create shadow effects in Adobe Illustrator. As awesome as CSS is for styling and positioning HTML markup, there are some things like advanced drop shadows that it simply can't do yet. In web design, one of the main goals is to achieve what I call code economy. In essence, code economy refers to the ability of a designer to design a really great looking site that uses CSS as much as possible rather than graphics. This means that you'll use CSS styles to specify things like your colors, fonts, backgrounds and borders, as well as newer effects like rounded corners, gradients, and drop shadows. While you can currently create simple drop shadow effects for images and text with CSS, you can't always make the exact styles that you need with CSS, well, yet anyway. So let's take a look at ten special effects that you can do in Adobe Illustrator, and…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
- 01_01_MakingBlogHeadlinesPop.zip
- 01_02_block_quotes.zip
- 01_04_pairingfonts.zip
- 01_05_linkstyles.zip
- 01_06_Readability.zip
- 02_01_Rulers_Grid_Guides.zip
- 02_02_Shadow_Effects.zip
- 02_03_Type_Shapes.zip
- 02_04_AIWebSetup_Layout_Outlines.zip
- 02_05_AI_Symbols.zip
- 02_06_AI_TextFormattingForTheWeb.zip
- 02_07_AI_GraphicStyles.zip
- 02_08_AI_WorkingWithTextures.zip
- 02_09_AI_TheArtofRoundingCorners.zip
- 02_10_AI_UsingTextWrapAsPadding.zip
- 03_01_Grabbing_Measurements.zip
- 03_02_SmartFilters.zip
- 03_03_Content_Aware_Scale.zip
- 03_05_SamplingColors.zip
- 03_06_Resize.zip
- 03_07_ColorTinting.zip
- 03_08_QuickTeethWhitening.zip
- 03_09_Levels.zip
- 03_10_Optimize.zip
- 04_01_GoogleFonts.zip
- 04_02_bootstrap.zip
- 04_03_master_css.zip
- 04_04_CSSShadows.zip
- 04_05_repeat.zip
- 04_06_TwoMinRotate.zip
- 04_07_stitchedborder.zip
- 04_08_dropcaps.zip
- 04_10_CSSRoundingImages.zip
- 04_09_entities.zip
- 04_11_textselectioncolor.zip
- 04_12_tintedimagerollovers.zip
- 05_02_Externalize_CSS_JS.zip
- 05_04_CodeCleanup.zip
- 05_05_about_fix.zip
- 05_06_validation.zip
- 05_07_CheckingLinks.zip
- 05_08_5_8_Using_Snippets.zip
- 05_09_5_9_EasyPopups.zip
- 05_10_5_10_HideShow.zip
- 05_11_about.zip
- 05_12_SEOchallenge.zip
Contents
-
-
-
-
Improving your layout efficiency with rulers, grids, and guides5m 56s
-
Adding killer shadow effects9m 20s
-
Creating customized type for logos and graphics8m 30s
-
Configuring the workspace for web design8m 14s
-
Saving time using Illustrator symbols8m 50s
-
Formatting text for the web7m
-
Graphic styles for the web8m 9s
-
Two fantastic texture techniques7m 52s
-
Zen and the art of rounded corners4m 59s
-
Saving time using text wrap as padding4m 55s
-
-
-
-