Tag: Photoshop

  • Workflow: Questioning the Tried and True Methods

    My workflow, for the curious, looks something like this: Digital wireframe. Overlay wireframe on Photoshop (onto 16 column grid). Design mockups. Solicit feedback from client. Make changes. Get approval from client. Code mockup into CSS/WordPress template. Load Content Browser Check Responsive Check Final Client Check Launch Seems relatively straight-forward, right?  I’ve been seeing post after…

  • Question: Adding GIT To My Workflow As A Designer

    This is a bit different than my usual post, since I’m looking more for feedback than I am trying to teach something. My typical workflow for doing a WordPress theme is as follows: Design PSD Mockups Develop HTML/CSS from PSD Weave WordPress boilerplate theme into HTML/CSS Take it server-side Finish up with functions and loops…

  • Creating a WordPress Theme from a .PSD file – Part 5 (footer.php)

    This post is part of the “Creating a WordPress Theme from a .PSD” series for designers to use for theme development. The other posts can be found here: Part 1 – Background / Introduction Part 2 – From .PSD to .HTML Part 3 – WordPress Structure Part 4 – The Header (header.php) Part 5 –…

  • Creating a WordPress Theme from a .PSD file – Part 4 (Header.php)

    Starting with the design concept, we took our WordPress theme from a .psd file to an .html file. Then we started laying the groundwork by commenting and slicing apart the .html file we created into the various .php files. So, what do those various .php files really do?  And what should go in each one? …

  • Creating a WordPress Theme from a .PSD file – Part 3 (The WordPress Structure)

    In our quest to take a WordPress theme from start to finish (Photoshop to Functional Theme), we have reached what most people would call the end of their journey.  We’ve taken our Photoshop file, made the necessary slices and converted it to an .html file. If we wanted this page to remain a static web…

  • The Twitter Fail Whale Photoshop Contest!

    First of all, thanks to Daniel Johnson, Jr for providing a link to the “Fail Whale” origin story.  Read the article, and go support the REAL artist behind the Fail Whale! That being said, when it comes to the original screenshot… I think it could be spiced up a bit: And I got to thinking:…