How can a web developer get started with Photoshop? Any books/tutorials/resources to recommend?
-
I am a web developer who am keen to learn how to make assets for those buttons (w/ normal, hover, active states), icons, mockups and etc. I looked up online for tutorials, there aren't many specific to web apps. Are there any books/tutorials/resources to get myself started?
-
Answer:
Check out sites like http://365psd.com/ or http://freeuikits.com/, download the files, and then reverse engineer the designs by understanding what effects were applied, what font is used, etc. This will be much faster and much more applicable to your goals (learning to build UIs) than reading a book about Photoshop. UI design basically always uses the same 10% of Photoshop features, and you can safely ignore the rest of them.
Sacha Greif at Quora Visit the source
Other answers
If you're learning how to use Photoshop, I'd recommend http://Lynda.com. To learn how to create assets, you might want to subscribe to: http://psd.tutsplus.com/ and check out some of the Photoshop Wow! books. I wish you all the best!
Tommy Oddo
Get a photoshop book and start reading and get familiar yourself with the UI. Dont bother watching screencast before you get the basic down. The best way to learn photoshop is reverse engineering. Pick a decent site with a variety of UI elements and replicate the whole site pixel by pixel. I did once for http://panic.com/candybar/ By pixel by pixel, I really mean pixel by pixel. The difference between good button and an awesome button maybe that 1-pixel drop shadow most people dont notice, but it's there.
Truong Nguyen
For getting started, there's an excellent new set of free Photoshop beginner clinics you can use, about 4 hours in total Free Training and Tutorials for Adobe Photoshop CS5, CS4, CS3 ⦠http://prodesigntools.com/adobe-photoshop-cs5-cs4-cs3-free-tutorials-training.html Hope this helps! PS - There's also Adobe TV, which has many hours more, but is just a bit haphazard on organization http://www.CS5.tv Good luck!
James Sheffield
I'll second Tommy's suggestion to look at http://Lynda.com. I teach Adobe software and use http://Lynda.com to help refresh topics. I recommend it to many of my students as well. There is also a free trial available at http://kelbytraining.com/online/freetrial/ . Scott Kelby runs the National Association of Photoshop Professionals and has a lot of great info. You can also find a lot on http://tv.adobe.com You can actually find decent videos on youTube for free - search for Deke McClelland's stuff For podcasts check out the Creative Suite Video podcast (or Creative Sweet) or dekepod. For books The Missing Manual series is always good as is the Real World series and you can find decent used books on Amazon
Kirsten Rourke
Try some of these books from Peachpit Press. http://www.peachpit.com/store/browse.aspx?st=60951 They tend to be well written and well laid out. Also don't forget ADOBE ITSELF http://www.adobe.com/products/photoshopfamily.html?promoid=ITXQN
Fred Perry
1. http://tutsplus.com/ 2. www.photoshophttp://lady.com/ 3. http://www.psdvault.com/ These are the best sites for online courses and tutorials. For top great books for becoming expert in Photoshop: http://transuniv.blogspot.in/2014/12/how-to-become-expert-in-photoshop.html
Albert Karuna
Assuming that you're somewhat familiar with Photoshop, you can try these links: http://sixrevisions.com/photoshop/25-photoshop-tutorials-for-web-designers/ and http://graphicssoft.about.com/od/photoshoptutorialsweb/Creating_Web_Graphics_with_Photoshop_and_ImageReady.htm. For a more specific search, Google "web buttons" or "rollover buttons" for tutorials. If you're not familiar with Photoshop, try Tommy and Fred's links.
Kathy T Porter
The final part of Jeffrey Way's 30 Days to Learn HTML & CSSâ video series (http://learncss.tutsplus.com/ )â covers the creation of websites from PSD files. Highly recommended video series.
Harry Loofah
If you really want to get a handle on Photoshop and all its brethren I suggest you approach the problem as an education challenge regarding photography rather than one of computer software. You might benefit from a high school or college level beginner's course in photography. This might be either a technology oriented course or one that is more artistic in nature. I was fortunate to have a course in photography offered in my high school. I took it and became a hobbyist. My love of photography has lasted a life time and on occasions led to very interesting employment. You can probably find a photo course in your local community college. It would be worth your time to take such a course. If you prefer not to enjoy the classroom experience there are a number of useful courses available from major camera manufacturers such as Nikon. They probably won't be as valuable but are simpler to take.
Paul Mulwitz
Related Q & A:
- How can a person even get a credit card when they never had any credit before?Best solution by credit.com
- How can a 17 year old get a job during the summer?Best solution by Yahoo! Answers
- Where can you work as a Web Developer / Web Designer?Best solution by Quora
- How can a Canadian get a job on a cruise ship?Best solution by Yahoo! Answers
- How can a Canadian get a cruise ship job?Best solution by Yahoo! Answers
Just Added Q & A:
- How many active mobile subscribers are there in China?Best solution by Quora
- How to find the right vacation?Best solution by bookit.com
- How To Make Your Own Primer?Best solution by thekrazycouponlady.com
- How do you get the domain & range?Best solution by ChaCha
- How do you open pop up blockers?Best solution by Yahoo! Answers
For every problem there is a solution! Proved by Solucija.
-
Got an issue and looking for advice?
-
Ask Solucija to search every corner of the Web for help.
-
Get workable solutions and helpful tips in a moment.
Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.