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.
Zen and the art of rounded corners
From the course: Productivity Tips for Web Designers
Zen and the art of rounded corners
- Hello friends, this is Sue Jenkins with productivity tips for web designers. In this weeks lesson, I'll be reviewing two simple methods for rounding the edges of shapes and text to give your work a softer, friendlier feel. In the wake of all the popularity of flat design, and those hard, angled corners on the web, you can create designs that stand out from the crowd by using a simple illustrator effect, that will uniformly round the corners of any element you throw at it, including live, editable text. Rounded corners look really great on all kinds of web and mobile app interface elements including buttons, banners, boxes, icons, logos, type, you can add rounded corners to any part of your design at any time as well as edit them to your heart's content. There are two ways to apply rounding corners to an object. In Illustrator Creative Cloud, you can use the new Live Corners tool. And for everyone else you can use the rounded corners effect. In Illustrator Creative Cloud you can…
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
-
-
-
-