Author Archive

Quick Tip: Setting up a Photoshop document for a web site mockup

Published by | Saturday, April 14th, 2012
The first step in creating a web site mockup in Photoshop

Click image for a larger view.

Designing for the web is a bit different than designing for print, so it’s important that you set up your Photoshop document correctly before you begin designing your web mockup.

First, in Photoshop, go to File > New. This opens up the New Document dialog box, where you can choose everything you need. Start with the Preset pull-down and choose Web. From there, you can choose the size of your document. If you want your site to appeal to the largest possible audience, don’t choose dimensions that are too wide or too narrow. A good starting place is 960 pixels wide and 690 pixels high. You can always adjust as you go, but this is a good starting size.

Leave the Color Mode set to RGB Color and 8 bit. Background Contents refers to the background color for your document. Leave it set to White. Click OK.

To help in your design layout, turn on your rulers by going to View > Rulers (or keyboard shortcut Ctrl+R in Windows, Cmd+R on a Mac). Since you’re in a web document, the rulers should display in pixels. Right-click on your ruler and select Pixels.

You can also select View > Show > Grid if you want a grid to help you with your design layout, and you can drag out some guides to assist you in the placement of your design. To create a guide, click and drag from a ruler into your document. Turn on the Info panel (Window > Info) to give you the precise location of your guide. You can reposition your guide at any time with the Move tool, and if you want to remove a guide, simply drag it off the art board.

Now that you’ve set the dimensions, color space, and resolution for your working file, you can easily move ahead with the creation of your web-design mockup.

If you’re interested in more tips for converting Photoshop files into Dreamweaver projects, check out Designing Web Sites from Photoshop to Dreamweaver.


Interested in more?
• All Photoshop courses

Suggested courses to watch next:
Designing Web Sites from Photoshop to Dreamweaver
Web Site Strategy and Planning
 Creating a First Web Site with Dreamweaver CS5
Photoshop CS5 Essential Training

Lynda Weinman talks to Big Think about building a business

Published by | Thursday, February 2nd, 2012

On a recent trip to New York City, co-founder Lynda Weinman stopped by the studios of Big Think, an online forum where top experts explore the ideas and core skills defining the 21st century. Lynda spoke about the start of, her business-building philosophy, and the value of sustainability over market share.

Lynda’s interview joins Big Think archives that include interviews with Peter Rojas, co-founder of Engadget, Paola Antonelli, MoMA curator for architecture and design, and Emmy-award winning documentary filmmaker Ken Burns, to name just a few.

Check out the features, “Better Than Free: How to Make a Pay Wall Pay,” and “You Don’t Need an MBA to Invent a New Business Model” at, and a few behind-the-scenes photos from the shoot below.


Lynda Weinman chats with founder of Khan Academy

Published by | Thursday, October 27th, 2011

Khan Academy founder Salman Khan was recently in Santa Barbara to speak at the UCSB Arts & Lectures program, and before his public lecture, he spoke with co-founder Lynda Weinman about his thoughts on teachers, Khan Academy’s impact on education, and his future plans. Read the full interview at the Santa Barbara Independent.

Lynda Weinman interviews TOMS Shoes founder Blake Mycoskie

Published by | Friday, October 7th, 2011 co-founder Lynda Weinman recently interviewed TOMS Shoes founder Blake Mycoskie, who spoke in Santa Barbara in October as part of  Innovation Matters, a new series in the UCSB Arts & Lectures program. Read the full interview at the Santa Barbara Independent.


The making of Times Square: LIVE! with Bert Monroy

Published by | Friday, September 30th, 2011

Don’t miss this opportunity to see Bert Monroy— author, teacher, and a preeminent pioneer of digital art—at a live one-day seminar about the making of his spectacular digital painting masterpiece, Times Square. Bert will be demonstrating the tools and techniques used to make the 5-by-25-foot digital illustration of New York’s Times Square. The 6.5-gigabyte image was built pixel by pixel, using more than 750,000 Photoshop layers, over more than four years.

Locations and dates
Los Angeles, October 21
New York, November 3
Chicago, November 17

Special savings for members
Use priority code TMOTSLYN and save $10 off the seminar fee when you register.

Go to Bert’s web site to learn more information and to register for these events.

Watch Lynda’s interview with Bert about the event:

Learn more about Times Square and Bert Monroy on

•  Bert Monroy: The Making of Times Square, The People
•  Bert Monroy: The Making of Times Square, The Techniques
•  Bert Monroy: The Making of Times Square, The Tools
•  Bert Monroy, Digital Painter and Illustrator

Bring your friends! Bert does not travel much or often, and he’s a great teacher and inspirational speaker.

REGISTER by September 30 and save a total of $60 with this discount plus Early Bird pricing!

Photography at profiled at The Online Photographer

Published by | Thursday, July 21st, 2011

Mike Johnson talks about his personal experience with, and his feelings on our growing collection of photography courses that focus on techniques rather than software. Read the full story at The Online Photographer.

From the unemployment line to self-employed

Published by | Thursday, July 21st, 2011

Andy Brown posts an inspirational story of self-reinvention after being laid off from his job as an IT manager. We first saw this story via Twitter, where Andy wrote “From the unemployment line to self employed thanks to hard work and @lyndadotcom.” So naturally, we had to check it out. And while we’re pleased to get the mention, it truly is an inspiring story of reinvention. Get the whole story from Andy’s post, ‘Reinventing Yourself.’

Live with Lynda webinar on Thursday, May 26

Published by | Thursday, May 26th, 2011

The next installment of the Live with Lynda webinar series takes place today at noon, PDT. Presented in collaboration with the New Media Consortium, this edition will feature co-founder Lynda Weinman interviewing journalism teacher Esther Wojcicki. Wojcicki, along with several of her students, will be discussing her innovative methods for teaching journalism at Palo Alto High School.

Topics to be covered include (from the web site):

  • Motivation to teach
  • Her unique program at Palo Alto High School
  • The value of project-based teaching
  • Relinquishment of power and control by teachers
  • Creating a relationship of trust with students
  • The difficulties of teaching in a bureaucratic system – overcoming the odds

For more info on Wojcikci (who apparently goes by ‘the WOJ’) and the webinar, check out the Connect@NMC/Live with Lynda page.

Live with Lynda webinar
The Adaptive Classroom: A Conversation with Esther Wojcicki
Thursday, May 26 2011
12:00 pm PDT

Access the webinar in the NMC Connect Adobe Seminar Room