A nice time to work long, time to work hard, and time to deliver the goods. But before you hand over the finished product, make sure you avoid these mistakes when creating web design in Photoshop. 1. Avoid designs with jagged pixels use anti-aliasing for text Anti-aliasing makes your pixels smooth and crisp. Not using this basic Photoshop feature for your text layers is pure heresy, and it makes your design look like it was made due to all the jagged pixels. To solve this issue simply access the Character panel from ‘Window’, then choose an option depending on your needs. I find “Smooth” works best in most situations. Tip: Make sure all your text layers are set to the same anti-aliasing style. For example, don’t set some on crisp, some on sharp and a few on strong consistency is key.
In a messy workflow use folders to organize your layers folders If you break this fundamental rule, you’re going to start hating everyone including yourself. First of all, think of the developer who needs to sort through your layers to find the special leads ones he needs. Then, consider how you might want to reuse some elements header footer in another design. You’re going to have a major headache finding them, so save yourself the trouble and organize everything in properly-labeled folders. Tip: Things like hover states and hidden drop-down menus can be color-coded so you don’t delete them by accident. It also helps the developer find them. To do that, simply right-click above the eye symbol next to your folder in the layers panel and choose one of the colors.
color-code Avoid forgetting hover down states add them to buttons & menus Hover/down states are one of the most overlooked things in web design. Since this isn’t something clients actively request, most web designers simply forget to include them. It’s not time-consuming or very demanding, yet people simply overlook them because they’re trying to get the project completed as soon as possible. Please take a few extra minutes and include these additional states in your final .psd. Attention to detail can set you apart from the competition. Tip: You can quickly create hover/down states by using a Brightness/Contrast adjustment layer. Avoid big file sizes and rasterize all smart objects.