flickr photo by stevendepolo shared under a Creative Commons (BY) license

I've taken an active interest in learning about design because of the many presentations I've put together along with the graphic design work I've done.  This is a collection of tutorials, information, and resources I've found helpful especially when working on design projects.  

Basics

Images

Fonts

Lettering

Infographics

---

Illustrator

Photoshop

---

InDesign

After Effects

Additional Resources

 

Some Basics

Elements of Design (tools to make art) and Principles of Design (how to use the tools to make art) via Paper Leaf
Color: Psychology vs Perception from Ayesha Ambreen
Colour Psychology (Pinboard) via Web Yogi
The 10 Commandments of Color Theory and The 10 Commandments of Typography via Designmantic
Design Principles FTW (Collection)

Presentation Slides

​Visual Design Basics  
The Creative Method  
The 8 Creative Types 
Design Matters  
Digital Media  

 

Images, Vectors, and Icons

Vectors

Freepic  |  Vecteezy  |  Vector 4 Free  |  123 Free Vectors  |  Vector Portal  |  Design Bolts

Icons

IconArchive  |  Iconfinder  |  Find Icons  |  IconMonster  |  The Noun Project

Flickr

Flickr cc attribution helper
Photos For Class (downloaded image from Flickr will include creative commons attribution)
Kristen's favorites
Kristen's bookmarks on Flickr
Best Practices for Attribution
Good Copyright and Creative Commons Practices - Presentation Slides
Flickr Community Guidelines

Reverse Image Searches

The BigThree: Reverse Image Search Tools Compared via Green Lane Marketing
Google vs TinEye Reverse Image Search Tools – Find Out Where Your Photos Are Used via Everything Microstock
Pixsy find where and how your images are used online;  recover compensation for unauthorized use
​Tineye Chrome extension
 

 

Fonts & Typography

 Font Squirrel  |  Fontstock  |  Discover Typography  

Google Fonts

10 Great Google Font Combinations You Can Copy  |  Typecast Google Fonts  |  20 Best Web Fonts from Google

Articles and Guides

Typographic Contrast Flow
Typographic Contrast and the Web
Font Pairing Like a Pro (Slideshare)
What Your Font is Saying About You
Best Free Fonts of 2012
Fontmaker Creates Font to Help Those with Dyslexia
Periodic Table of Typefaces
Is it a Font or Typeface?
What's the Difference Between a Font and a Typeface?

Tools

Font Reach
​Wordmark.it

Comic Sans

You're a Comic Sans Criminal
CERN scientists inexplicably present Higgs boson findings in Comic Sans
The Vatican commemorates Pope with Comic Sans photo album
A new version of comic Sans actually looks pretty cool

 

Lettering

Tutorials

Hand-Lettering Tips For Beginners: Where Do You Begin?
How to Learn Lettering: 50 Free Tutorials and Pro Tips
Hand lettering design: 40 stunning examples to inspire you [with tips from a designer]
24 Awesome Handlettering Tutorials

Supplies

under construction

Inspiration and websites

  Type Yeah Collections
​

 

Illustrator

Guides

Illustrator Guide and Illustrator Manual via Adobe
Illustrator Cheat Sheet via ​via MakeAWebsite Hub

Tutorials

Learn Illustrator in 30 Days
Adobe Illustrator Tutorials
60 Tutorials and Tips
60 Tools and Tutorials
Kristen's bookmarks

Tool/Topic Specific Tutorials

Text Wrap and Text Area in a Compound Shape
Wrapping Text Around an Object
4 Simple Shapes
Using Layers
Clipping Mask
Tracing a Drawing
Neon Text
20 Amazing Tutorials for Creating Icons
How to use the pathfinder palette via Illustrator Tips

Color Management

Build Awesome Color Palettes Effortlessly in Illustrator via DesignShack
10 Essential Tips for Working With Color Swatches in Illustrator via Creative Pro
About global swatches via gomediazine 
Using and Creating Swatches via Adobe

 

Photoshop

Guides

Photoshop User Guide and Photoshop Manual via Adobe
Photoshop Keyboard Shortcuts via MakeAWebsite Hub

​The 122 Brilliant Photoshop Tutorials
50 Excellent Digital Photography Photoshop Video Tutorials
The Making of Times Square, Part I:  Techniques  (46 video playlist)
10 Commandments of Photoshop Mockups
How to Make the Colors Pop in Your Images Using a “Secret Code” in Photoshop 
Kristen's bookmarks

Photography

100The Rule of Thirds: What is it and why does it matter?
10 Myths About the Rule of Thirds
10 Top Photography Composition Rules
100 Photography Tips

 

InDesign

Guided Lessons (CS4) via Adobe Press (free online or purchase the book)
Course Guide
InDesign Secrets
Kristen's bookmarks

 

After Effects

Guides

AE User Guide and AE Manual via Adobe
2018 Keyboard Shortcuts Cheat Sheet via MakeAWebsite Hub

Tutorials

Adobe TV Tutorials sort video tutorials by "beginner" or "expert"
45 After Effects Tutorials to Sharpen Your Motion Skills
Amazing After Effects Tutorials video tutorials w/ written transcripts and templates (join for free to access)
Lynda.com access through the NYPL
21 of the Best After Effects Tutorials and 55 Essential After Effects Tutoials 
​Creative Cow AE Tutorials
Envato Tuts:  AE Templates and Tutorials

 

Infograhpics

Lecture on Infographics co-sponsored by Fordham IT and the GSAS Futures lecture series at Fordham University on Tuesday 4/28/15 at Rose Hill.

Learn how to create and use Data Visualization in your research projects

An infographic is a powerful tool for communicating a complex, data-driven story. In this session, we’ll share strategies for creating infographics that can be used in your teaching and for presenting research in an accessible and memorable way. You’ll learn about different types of infographics and some easy tools for creating one of your own.

Also see the Infographics page on the Fordham EdTech Resource site.

Infographics from Kristen T

 

Additional Resources

Printables and Guides

The Conversation Prism
Cheat Sheets  Excellent printable guides for lots of design, web, and social media projects via MakeAWebsite Hub
Adobe CC Keyboard Shortcuts via MakeAWebsite Hub
Social Media Image Sizes via MakeAWebsite Hub
Build Your Own Adobe Creative Suite with Free and Cheap Software via Lifehacker

Tools

Aviary
Adobe Color (previously known as Kuler, color themes)
Canva Color Tool (learn more about colors and find great color themes)

Websites

 Design Tuts+  |  Layers Magazine  |  Adobe Magazine (archive)  via Wayback Machine |  Adobe TV  |  Adobe Create Magazine
Vectips  |  Vector Guru  |  Pixel2life  |  bittbox  |  Design Shack  |  Creative Bloq  |  Smashing Magazine  |  Web Designer Wall
A List Apart  |  Web Style Guide  |  Can I Use  

Articles

40 Web Design Blogs You Should Be Following
100 Wicked Tips via Layers Magazine
Quickguide for using the Pen Tool in Photoshop, Illustrator, and InDesign

Color of the Year

2019:  Pantone's Color of the Year Is All About Good Vibes and Saving the Coral Reefs
2018:  The 2018 Pantone Color of the Year is Definitely Not Purple
2017:  Pantone Reveals the Color of the Year for 2017

Pantone Color of the Year
What Is the Pantone Color of the Year and Why Is It Important?

Follow on Twitter

@Vonster
@markboulton
@GuyKawasaki
@creativebloq
@designshack
@smashingmag
@alistapart