All posts by lcotnoir

Leigh Cotnoir received her MFA from San Diego State University. Leigh teaches web design and multimedia MiraCosta College in Oceanside, CA. She was awarded “Most Influential Faculty Member” in the Interdisciplinary Studies Major at SDSU in 2012, and “Outstanding Faculty Member” for the School of Art + Design in 2008 at SDSU. She’s passionate about web design, art, and getting stuff done the right way.

JS : Single Page Parallax Resume

What is in this tutorial?

  • Mobile-first design principles
  • Learn how ‘vh’ viewport height works
  • Learn how to vertically and horizontally center elements on page
  • Writing jQuery script for collapsible navigation menu
  • Applying parallax smooth scrolling jQuery script for single page navigation
  • Applying Lightbox 2 jQuery effects to gallery

Please watch all videos below to complete the tutorial.


Continue reading JS : Single Page Parallax Resume

XAMPP – Turn your PC into a development server

Installing XAMPP on your personal computer

XAMPP stands for “X (one of four OSs), Apache, MySQL, PHP, PERL” and is used to enable your personal computer with the web and database tools necessary to host its own dynamically driven websites for testing and development purposes. The following tutorial video demonstrations will show you the steps to set your computer up as a “localhost” server on Windows. Continue reading XAMPP – Turn your PC into a development server

MAMP – Turn your Mac into a development server

Installing MAMP on your personal computer

MAMP stands for “Mac Apache, MySQL, PHP” and is used to enable your personal computer with the web and database tools necessary to host its own dynamically driven websites for testing and development purposes. The following tutorial video demonstrations will show you the steps to set your computer up as a “localhost” server. Continue reading MAMP – Turn your Mac into a development server

Conceptual Space Project – Sample Work

The following project required students to pick a conceptual word from a list and create a visual composition created from 5 -6 different image sources. The final image needed to express the feeling or meaning of the word and depict a “believable” space in terms of depth-of-field, although it could exist in a surreal environment.

tree growing out of cracked dry earth
Redemption – Conceptual Space Project
Vacant - Conceptual Space Project
Vacant – Conceptual Space Project
rock face with opening
Whispering – Conceptual Space Project
Untroubled
Untroubled – Conceptual Space Project
Discordant
Discordant – Conceptual Space Project
Discordant
Discordant – Conceptual Space Project

Continue reading Conceptual Space Project – Sample Work

Photoshop – Lesson 06: Masks and Channels

Working With Photoshop Masks and Channels

Select and Mask, Quick Masks, Puppet Warping, and Creating a Shadow from an Alpha Channel

This 4-part demo (playlist) will show you how to refine complex edges in masks using CC 2017 tools. This is a daunting task without this method! It follows the lessons in Chapter 6 of the Adobe Photoshop Classroom in a Book 2017 edition. Continue reading Photoshop – Lesson 06: Masks and Channels

Photoshop – Lesson 03: Making Selections

Working With Photoshop Selection Tools

To follow along with the Lesson 3 from Photoshop CC 2017 : Classroom in a Book and learn some additional best practice tips NOT in the book, watch the following videos below. It is a playlist of five videos that cover using selection tools in Photoshop.

To view the above video in a larger screen size, start the video and click the YouTube icon.

  1. Video 1 – Smart Selection: ~20 minutes
  2. Video 2 – Marquee Selections: ~13 minutes
  3. Video 3 – Marquee and Magic Wand: ~ 6 minutes
  4. Video 4 – Lasso Tools: ~ 14 minutes
  5. Video 5 – Magnetic Lasso: ~ 21 minutes

TOTAL: ~1 hour and 15 minutes