I have thought about making video tutorials on how to use Photoshop to create practical design elements. Ie, how to make a button or how to design a header. Something every programmer making their own webapp could use that doesn't really require much Photoshop knowledge.<p>Would there be any interest?
I strongly dislike Photoshop for mockups and think that using it is indicative of poor practice. In my experience it leads to premature optimisation of styling over basic design, tends to lock down designs too soon and gives no real insight as to usability. A Photoshop mockup is inherently static and turning it into a clickable prototype generally requires a great deal of duplicated effort.<p>My preferred tool is Keynote using the Keynotopia templates[1], but there are an array of excellent options for quickly creating rich, interactive mockups.<p>[1] <a href="http://www.youtube.com/watch?v=DOiCdZYVpqM" rel="nofollow">http://www.youtube.com/watch?v=DOiCdZYVpqM</a>
Voted "I know the basics but want to learn more", but a more accurate answer would be "I know the basics and that's all I need to know, and all I want to know".
I find 'You suck at Photoshop' amusing and educational.<p><a href="http://www.mydamnchannel.com/You_Suck_at_Photoshop/Season_1/YouSuckAtPhotoshop1DistortWarpandLayerEffects_1373.aspx" rel="nofollow">http://www.mydamnchannel.com/You_Suck_at_Photoshop/Season_1/...</a>
Cool fact: Try searching for this in Google:<p>How do I make X in Photoshop?<p>X is any physical object you can think of.<p>This will return relevant results for all valid values of X.<p>Examples for X:<p>1) X=Earth: <a href="http://www.google.com/search?sourceid=chrome&ie=UTF-8&q=how+do+i+make+earth+in+photoshop" rel="nofollow">http://www.google.com/search?sourceid=chrome&ie=UTF-8...</a><p>2) X=Sand: <a href="http://www.google.com/search?sourceid=chrome&ie=UTF-8&q=how+do+i+make+sand+in+photoshop" rel="nofollow">http://www.google.com/search?sourceid=chrome&ie=UTF-8...</a><p>3) X=Monkey: <a href="http://www.google.com/search?sourceid=chrome&ie=UTF-8&q=how+do+i+make+a+monkey+in+photoshop" rel="nofollow">http://www.google.com/search?sourceid=chrome&ie=UTF-8...</a><p>4) X=Pyramid: <a href="http://www.google.com/search?sourceid=chrome&ie=UTF-8&q=how+do+i+make+a+pyramid+in+photoshop" rel="nofollow">http://www.google.com/search?sourceid=chrome&ie=UTF-8...</a>
<i>Ducks, gets ready for the onslaught</i><p>Actually, for simple mockups which seem to be what most people here are talking about, I most often use PowerPoint...<p>Obviously it's a <i>long</i> way behind Photoshop for general sketching, let alone the far more sophsticated stuff Photoshop can do, but when we just need a quick overview of an interface concept, it works fine. It's relatively easy to use and the whole office already has it and largely knows the basics.<p>Plus, because it forces you into a very primitive sketch, no-one starts debating fonts and colourschemes, or whether things should line up slightly differently. Focus on that later, get the general concept out there and sorted first.
Picasa's UI was done entirely using Photoshop files. Layer names=widget names, etc. Our small-company team loved it. But at Google, I found very few engineers who wanted to touch Photoshop, ever.<p>Biggest issue with using Photoshop in your actual production pipeline: "programming in the large" - you can't do code reviews or merges on PSD files, not nearly as easily as .cpp files. So as a team gets big, it is very hard to scale up.<p>Often the tools (Flash [not Flex], Photoshop, etc.) you use as a small team of <10 people just do not work when you have 20-50 people working on the same project. Then again, maybe teams never should get that big!
I've been using it for about 14 years now (putting a number to that seems strange, odd that it's been that long). I've quite literally grown up along side the program. I saw it learn new tricks in its childhood (history panel in version 5, vector shapes in version 6). I saw it find it's first love (ImageReady in 5.5), it's breakup (ImageReady axed, partial features merged in with photoshop under the "animation" window), and it's current mistress (Macromedia merger). I saw it go to college and get smart (Smart layers in CS3), and watched as it changed its style (CS4 redesign).<p>It's odd knowing the intricacies of the beast that photoshop has become. I couldn't imagine learning it all from scratch right now, but having come from such an early version (4.0 was my first version) I saw many of the current features get added in, and learned as it went along. Then again I suppose I can understand it. I switched to vim as my primary editor around four years ago. I feel like vim is my current photoshop - enormously complex, but elegant once you understand it.
Played around with it for a while, but because I currently don't have a way ($$$) to get Photoshop (nor do I really need it), I use Paint.NET for most of the things I do. For the few things for which Paint.NET is not good enough I use GIMP ;). And of course Inkscape for vector graphics.
The Photoshop basics get me around for casual UI mocking -- layers, blending options, gradients, free transforms -- but I haven't mastered the shapes or pen tool in PS.<p>Illustrator is where I head for scalable vector stuff (duh). Despite having seen some crazy, crazy awesome wizardry with the Photoshop pen tool, in AI the pen tool is much more manageable and powerful IMHO, especially in conjunction with the all-powerful Pathfinder.
<i>"Ask HN: Do you know Photoshop?"</i><p>Can anyone ever <i>know</i> Photoshop? I've been a Photoshop user since version 2.5.1 (1994), and even though I use Photoshop daily, I feel I've barely scratched the surface of its power. Photoshop is the main reason why I keep my Lynda.com subscription.<p>Last week, Dan Benjamin and Jeffrey Zeldman interviewed Adobe's John Nack for 'The Big Web Show'. John Nack himself admitted to not knowing everything about Photoshop, even though he used to be Adobe's Photoshop Senior Product Manager.<p><a href="http://5by5.tv/bigwebshow/37" rel="nofollow">http://5by5.tv/bigwebshow/37</a>
My flow is Balsamiq for rough mocks / usability testing, Fireworks for design comps, and Photoshop only for actual image processing (mainly as a hobby). Balsamiq is awesome once you learn some of the hotkeys, and many of the commands overlap with those provided by Fireworks. The founder of Balsamiq was a Sr. Software Engineer at Adobe, and the apple doesn't fall far from the tree.
I hate many things about Photoshop, and also find it to be the best at many of the things that it does and therefore, unfortunately, is indispensable.<p>For example, if I want to save a gif or png file, Photoshop is going to give me a smaller file size for a given image quality than anything else.<p>Another example, it's the only pixel based program I've found that has acceptable masking features for even the simplest forms of icon design.
It's important to keep in mind that "knowing Photoshop" has little to no equivalence with "knowing how to design" anymore than "I know vi" means "I can program". Both are equally valid skills, but learning the former won't automatically address the latter too.
For web design, I find myself using Illustrator for rough mockups since it's much better at Photoshop at text editing and rapidly mocking stuff up (and making quick copies of everything for side by side comparison).
inkscape.<p>I make everything in SVG and use CSS to continually change the size without loosing detail.<p>I only convert to pixels\PNG when ready to deploy. Don't design any fixed pixel art during the development process and you will save tons of time.
While your tool doesn't necessarily have to be Photoshop, knowing design is somewhat significant in web development.<p>I know we're not specifically on the topic of <i>hybrid</i> producers here, but I really believe that a programmer should be able to assemble a design or help create a blended approach to UX while working on a project.<p>"I'm a coder, not a designer" is a poor argument. I use Photoshop daily as well as my language of choice, IDE, JS/jQuery, etc. and I'm no MENSA candidate by any stretch of the imagination.<p>I think if you love web development, you want to be involved in the whole process.
While I don't your tool has to be Photoshop, knowing design is somewhat significant in web development.<p>I know we're not specifically on the topic of <i>hybrid</i> producers here, but I really believe that a programmer should be able to assemble a design or help create a blended approach to UX while working on a project.<p>"I'm a coder, not a designer" is a poor argument. I use Photoshop daily as well as my language of choice, IDE, JS/jQuery, etc. and I'm no MENSA candidate by any stretch of the imagination.<p>I think if you love web development, you want to be involved in the whole process.
I touched it for the first time in 92.<p>I don't remember the version number but I know it was B&W only. I was in a graphic design school ("Lycée Professionnel" for fellow frenchies) and our teachers were aware of the global change of direction of our future job so they obtained a dozen of small Macs rigged with old versions of Illustrator (88), Photoshop (wikipedia says it must have been 1.0), and the awesome TypeStyler.<p>I use it daily since my first job in 96, that's 14 years. Wow, time flies.
I only use it for throwing up quick site designs using SiteGrinder. www.medialab.com - see what it can do for you.I found it in one of those Advanced Photoshop magazine ads.
I know photoshop really well but not from the interface design perspective (Fine Arts major in college concentrating on Photography so I know Camera RAW and the associated photo related tools really well). It always amazes me how many features it has and how useable it is with all of those features (I have been using it since 5.5 which has, as far as I can recall, has a very similar interface for a number of the primary photo type tools -curves, layers, etc.)
For a small game I'm working on, Photoshop has actually become part of the build process.<p>The artwork is saved in largish PSD files and I have a script which generates the required AppleScript to open each one, scale down the images to the required formats (for ex, retina-display and non-retina display), occasionally exporting different layers into different output files.
I'm good at photoshop for sure, but I wouldn't suggest it for mockups, either. It's not what the tool is designed for, and it's not what the majority of the userbase is doing with it.<p>That said, if you want to edit photos, or do pixel-based image manipulation of any sort, it's superb piece of software.
I learned photoshop before I learned to program, because I was really interested in art when I was young so I wanted to learn how to color my drawings in it after I scanned them in. My interests took a large shift since then, but I still can use it quite well.
The biggest problem I face is that in the time it takes me to do a single page mock up a pro could have done 15 different one. It is not quite a matter of software knowledge at this point, it is more of a "this is the only thing I can think of doing" thing.
PhotoImpact can do about 90% of what you can do in photoshop and it's much easier to learn/use.<p>Not to mention a fraction of the price. There's a free trial, give it a shot.
I use Photoshop/Illustrator when provided by my employer, but mostly I just use Inkscape. Gimp is too painful to use.<p>I don't fee like I need any more skills in Photoshop.
i am 38 and remember photoshop 1. Around 5.0 I was great at it, now I don't bother to keep up. Back in the day you would keep 20 versions of one document- no layers. I wonder how many people realize how much of PS is taken from pre-press, channels and mask are essentially rubylith and overlays
In my experience, photoshop designers (who don't know how to code) often make poor design choices. I've found myself scratching my head more than a few times when trying to convert a mockup to html/css because of a designer who has a poor understanding of the browser as a design environment.