Web-Design and Development Magazine
In this roundup we have showcased some of the creative illustrator tutorials from 2011. These include typography, character design, poster design, logo design, portrait design and many more. Enjoy!!
I love Photoshop. I guess we all do. But I believe Fireworks is better suited for web-design work and I usually prefer it over Photoshop. After all Fireworks was created with web-designers in mind and it allows us to quickly prototype and design for the web, so let’s see what it can do.
I’ve created this simple yet modern navigation bar in Fireworks, and I’ll walk you through the steps necessary to create something like that. In the event there are some windows and panels you don’t see opened on your computer, simply go to the ‘Windows‘ menu and open them.
All PHP developers working with user-based content face similar challenges with security. What methods to take, how to avoid certain vulnerabilities, all these elements resulted in innovation of new security methods and techniques designed to fight against unintended loopholes in their code.
While sometimes remembering the basics can help, we discuss several different techniques to minimize security vulnerabilities that may arise otherwise.
In this tutorial we’re going to be creating a gorgeous and modern user interface button suitable for the web or a mobile interface design. We’ll be using a handful of Photoshop techniques that are bound to come in handy for more than just creating buttons; in fact, the techniques we’ll be using are often used in most UI elements.
Create a new Photoshop document (I’ve used a 1000×1000 pixel RGB 72dpi document for this tutorial – keep in mind this will need to be a high resolution if you’re designing for a mobile device with a high resolution display such as an iPhone 4). Fill your background layer with a color of your choice, I used this lovely mid-blue color.
A more readable website means improved usability and an enjoyable reading experience. We all want that for our users, don’t we?
In this article we’ll go through 5 simple ways you can improve readability on your website. Of course feel free to chime in and leave a comment at the end of the article, I’d love to hear your thoughts.
In this tutorial we’ll be using Adobe Illustrator (CS4 in this case, although can be completed using most versions of Illustrator) to create a vector image of an original Volkswagen (VW) Beetle. We will be making use of one of Illustrators most-used tools; the Pen Tool, as well as adding some finishing touches using a graphics tablet (an affordable Wacom Bamboo tablet in my case) to give the vector a nice hand-drawn style.
If you like this tutorial, keep your eyes peeled for the follow-up tutorial, in which we’ll be using our vectored VW Beetle to create a lovely retro and textured poster in Adobe Photoshop.
