JOHN LOCKE, ARCHITECT

  • Featured Work
  • Design Blog           
  • Photography
  • Graphic Design
  • Dept of Urban Betterment

About

Hello. I live in New York and work at The Living. I hold a graduate degree from Columbia University's GSAPP and an undergraduate architecture degree from the University of Texas at Austin. I have more than seven years of professional experience at noted architecture firms, including New York-based Rogers Marvel Architects and SOM. I also tackle freelance graphic and photography work with my partner in crime, the multi-talented Jackie Caradonio at Lion in Oil. In addition, I teach a course, Hacking the Urban Experience, at Columbia. View my CV here: CV(html). Thanks and have a nice day.

Contact

john.h.locke{at}gmail.com
310.735.3333

Architecture Portfolios

Portfolio 2002-2007 (issuu)
Portfolio 2008-2009 (issuu)

HOME / BLOG
20090414 graphic design, parametric | 10 Comments »Tags: graphic design, grasshopper, parametric

jpg portrait into grasshopper

web
The surface pattern is created in grasshopper from a jpg sourced, heightfield surface. The diameter of the circles are a factor of the z-depth of the resulting heightfield and can be parametrically controlled.

 

Download the grasshopper definition and rhino file here.

web2

« visualizing sound in processing
sankey diagram // life support system »

10 Responses to “jpg portrait into grasshopper”

  1. svic48 Says:
    December 8th, 2009 at 5:01 pm

    Great work, the images are really interesting! I would love to play around with this grasshopper file is there any way you could post the definition? Thanks

  2. james Says:
    May 25th, 2010 at 1:35 am

    Could you show us the ghx files?

  3. John Locke Says:
    May 25th, 2010 at 10:35 pm

    My record keeping is better than I thought, download the files here:
    http://gracefulspoon.com/downloads/gracefulspoon_heightfield.rar

    Let me know if you have any questions, best
    [EDIT: REVISED LINK]

  4. June Says:
    November 6th, 2012 at 6:04 am

    Hi! this looks great!
    how did you make the depth from Jpeg file?

  5. John Locke Says:
    November 6th, 2012 at 10:25 am

    June, use the “heightfield” command in rhino. It’s pretty crude – darker colors simply recede – but can be effective to simulate depth from an image.

  6. gldi Says:
    February 26th, 2013 at 1:09 pm

    Thank you for the share this great grasshopper work!
    How did you paint light brown inside of plenty of circles on top picture?

  7. John Locke Says:
    February 26th, 2013 at 1:21 pm

    Pretty easy – just use the Make2D command in rhino, export as .AI, then open in illustrator and add a fill.

  8. gldi Says:
    February 27th, 2013 at 1:00 am

    Thank you so much! It’s perfect!

  9. Tim Says:
    June 13th, 2013 at 8:52 pm

    Looks cool! Thanks for the share, gonna play with some images now

  10. Frank Says:
    March 6th, 2015 at 6:56 pm

    Hi John, could you make a tutorial for this, looks awesome!!

reply

COPYRIGHT © 2004-2015 \ JOHN LOCKE \ ALL RIGHTS RESERVED (RSS)

TOP OF PAGE

last update: 20150721:2100