Photo-Realistic Design Samples

While the samples referenced here have been created by other designers, you can create your own mockups—to showcase your design work too. This tutorial gives step-by-step instructions (and pictures). Design Panoply: Create a Business Card Mockup in Photoshop using the Vanishing Point Filter,
You may need to copy and paste the URL into a new browser window 
http://www.designpanoply.com/blog/create-a-business-card-mockup-in-photoshop-using-the-vanishing-point-filter

Click to view full-sized: variations on an iPad mockup.

When showcasing your designs in a digital portfolio, it’s an excellent idea to provide up to three views of your samples; a full view, and 1-2 details. The freebies below offer you options.

*If these don’t work for you, search online for others—there are tens of thousands of useful PSD mockups available online–both free and paid.

Logo & Identity Package Full View:

Identity Package Details:

Graphic Narrative Collage Full View:

Pixden, PSD iPad Air Mockup,

Print and Digital Advertisements:

Infographic Poster Full View or for Details

Creating A Draft Collage…

From Sketches & 3 Images:

my draft collage, using 3 imagesThis actually worked our really well, and didn’t involve too many complex edits in Photoshop. The important thing I’d like to impart here is that editing each image separately BEFORE importing them into PS makes everything much easier. There are 3 photos used to create the final design: it’s almost exactly the sketch that I outlined in the research step of this process.The text used in the final design is also edited from the original 200+ word write up for this assignment.

This video show most of the process that I took in creating the above design. It’s about 10-minutes long–there’s a lot of speeding up, too:

Bicycle Photo Credit: dno1967b via Compfight cc

Creative Commons Resources

Note: Not all images shared from these sites are necessarily free-to-use. Be sure to review the license details before using any image that isn’t yours in your collage:

  • Flickr: Must check search options boxes for “Find Content to Modify, Adapt, and Build Upon”
  • Wikimedia Commons: Thousands of worldwide images licensed under Creative Commons.
  • stock.xchng: More than 350,000 free photo images, searchable.
  • dreamstime: Free section of a very large photo images archive. Excellent quality images.
  • morgueFile: More than 200,000 free photo images, searchable in several ways, including by color and topic.
  • WorldImages: About 75,000 international images, well-organized by content areas and searchable.
  • U.S. Government Images: Photos produced by U.S. Government employees are copyright-free. This site has a selection of links to different government agencies’ collections.

Stock Images can be expensive, those of us in the non-profit sector, education, and rapidly-shrinking in house design departments are well aware.  Here are some sites that can give you the free images that you need to really make your designs pop!

Public Domain images and materials are ‘publicly available’ and not covered by intellectual property or copyrights. Today, graphic a design and digital media is abundant, so there is a high demand for images for use in print, web, and multimedia.

Here are are four public domain sites to pin and save. Enjoy:

http://publicdomainpictures.net
http://commons.wikimedia.org/wiki/Main_Page

http://photos-public-domain.com
http://www.sxc.hu