<?xml version="1.0" encoding="UTF-8"?>
<post>
  <body>Whuddup dudes,

I'm wondering what some of you think is the best way to display web work or print work on an online portfolio?  I'm working on mine right now and I have a few websites I've done along with some mocks up sites that I want to display, but I don't know what is most effective, whether it be just a screen shot of the site or 2-4 close up images of the site.

Also for print work, I want to display the actual print along with a macro type picture that has depth of field, like this 
&lt;img src="http://www.gomediazine.com/wp-content/images/2009/04/catfish-mock.jpg" /&gt;

I want to do this because much what I designed is not printed or I don't have the actual print.  The above picture I posted is from Gomediazines latest post and Jeff said that he created that effect using photoshop.  I tried playing around with it, using layer masks and lens blurs but I'm retarded and still having trouble finding the right way to transform the picture...

Some examples of what you all may think would be best would be great too.  Thanks a bunch.</body>
  <commented-at type="datetime">2009-04-07T19:21:31-04:00</commented-at>
  <comments-count type="integer">9</comments-count>
  <created-at type="datetime">2009-04-07T16:49:00-04:00</created-at>
  <id type="integer">16578</id>
  <is-closed type="boolean">false</is-closed>
  <is-sticky type="boolean">false</is-sticky>
  <last-commenter-id type="integer">1140</last-commenter-id>
  <person-id type="integer">2765</person-id>
  <post-category-id type="integer">1</post-category-id>
  <title>How to display web work and print work on portfolio site?</title>
  <updated-at type="datetime">2009-11-08T07:53:35-05:00</updated-at>
  <views-count type="integer">286</views-count>
  <comments type="array">
    <comment>
      <body>i'm working on a new method of displaying my web work, but feel free to check out how mine is done right now if you want:
www.awakencompany.com/portfolio/web</body>
      <commentable-id type="integer">16578</commentable-id>
      <commentable-type>Post</commentable-type>
      <created-at type="datetime">2009-04-07T17:01:04-04:00</created-at>
      <id type="integer">430745</id>
      <person-id type="integer">7055</person-id>
      <updated-at type="datetime">2009-04-07T17:01:04-04:00</updated-at>
    </comment>
    <comment>
      <body>&lt;blockquote&gt;&lt;cite&gt;awakencompany said:&lt;/cite&gt; i'm working on a new method of displaying my web work, but feel free to check out how mine is done right now if you want:
www.awakencompany.com/portfolio/web&lt;/blockquote&gt;

Thanks man, I really like it!

More ideas welcome</body>
      <commentable-id type="integer">16578</commentable-id>
      <commentable-type>Post</commentable-type>
      <created-at type="datetime">2009-04-07T17:20:11-04:00</created-at>
      <id type="integer">430797</id>
      <person-id type="integer">2765</person-id>
      <updated-at type="datetime">2009-04-07T17:20:11-04:00</updated-at>
    </comment>
    <comment>
      <body>I've been struggling to find a good way to do this myself</body>
      <commentable-id type="integer">16578</commentable-id>
      <commentable-type>Post</commentable-type>
      <created-at type="datetime">2009-04-07T17:24:16-04:00</created-at>
      <id type="integer">430805</id>
      <person-id type="integer">1404</person-id>
      <updated-at type="datetime">2009-04-07T17:28:29-04:00</updated-at>
    </comment>
    <comment>
      <body>there is no good way to show sites. i really like the way we are synapse does it though.</body>
      <commentable-id type="integer">16578</commentable-id>
      <commentable-type>Post</commentable-type>
      <created-at type="datetime">2009-04-07T17:26:09-04:00</created-at>
      <id type="integer">430810</id>
      <person-id type="integer">67</person-id>
      <updated-at type="datetime">2009-04-07T17:26:09-04:00</updated-at>
    </comment>
    <comment>
      <body>&lt;blockquote&gt;&lt;cite&gt;Joey said:&lt;/cite&gt; there is no good way to show sites. i really like the way we are synapse does it though.&lt;/blockquote&gt;

I just checked that out, it is pretty nice.  </body>
      <commentable-id type="integer">16578</commentable-id>
      <commentable-type>Post</commentable-type>
      <created-at type="datetime">2009-04-07T17:30:05-04:00</created-at>
      <id type="integer">430817</id>
      <person-id type="integer">2765</person-id>
      <updated-at type="datetime">2009-04-07T17:30:05-04:00</updated-at>
    </comment>
    <comment>
      <body>for web, I'd say screenshot image with a link to the site.</body>
      <commentable-id type="integer">16578</commentable-id>
      <commentable-type>Post</commentable-type>
      <created-at type="datetime">2009-04-07T17:30:26-04:00</created-at>
      <id type="integer">430822</id>
      <person-id type="integer">5274</person-id>
      <updated-at type="datetime">2009-04-07T17:30:26-04:00</updated-at>
    </comment>
    <comment>
      <body>Well my actual print pictures don't look quite as professional as yours maybe, but you can check out how I did it: &lt;a href="http:www.stormink.net/"&gt;www.stormink.net&lt;/a&gt;</body>
      <commentable-id type="integer">16578</commentable-id>
      <commentable-type>Post</commentable-type>
      <created-at type="datetime">2009-04-07T17:39:55-04:00</created-at>
      <id type="integer">430840</id>
      <person-id type="integer">11926</person-id>
      <updated-at type="datetime">2009-04-07T17:39:55-04:00</updated-at>
    </comment>
    <comment>
      <body>&lt;blockquote&gt;&lt;cite&gt;Stormink said:&lt;/cite&gt; Well my actual print pictures don't look quite as professional as yours maybe, but you can check out how I did it: &lt;a href="http:www.stormink.net/"&gt;www.stormink.net&lt;/a&gt;&lt;/blockquote&gt;


I really like how this is layed out, really simple.  I may just take inspiration from this, thanks man.
</body>
      <commentable-id type="integer">16578</commentable-id>
      <commentable-type>Post</commentable-type>
      <created-at type="datetime">2009-04-07T17:46:06-04:00</created-at>
      <id type="integer">430846</id>
      <person-id type="integer">2765</person-id>
      <updated-at type="datetime">2009-04-07T17:46:06-04:00</updated-at>
    </comment>
    <comment>
      <body>Like Joey said, there is no good way to show web work. You basically just have to make the image look cool enough that someone wants to click the link to go see the site.

... we are redoing out site right now, hopefully we can pull something off to show case it a little better.</body>
      <commentable-id type="integer">16578</commentable-id>
      <commentable-type>Post</commentable-type>
      <created-at type="datetime">2009-04-07T19:21:31-04:00</created-at>
      <id type="integer">431008</id>
      <person-id type="integer">1140</person-id>
      <updated-at type="datetime">2009-04-07T19:21:31-04:00</updated-at>
    </comment>
  </comments>
</post>
