What's up guys, this tutorial is a kind of special for me, since I saw for the first time this site I was amazed with the colors, the shapes and the real life that it appears to be. I'm talking about The Beatles Rockband's website, it's simply wonderful. And thinking on it I decided to redesign it in Fireworks, but now our own site, that we'll call the Abduzeetles Rockband!
Last month I met some guys that are working on a really nice project that involved an iPhone app. So they invited me to design the web site, called Wellknown.as. I loved the idea and started looking for references and inspiration so I could start the design itself.
So in this tutorial I will show you a little bit of how I created it using Fireworks. Of course you can do the same thing in Photoshop, the commands will change a bit but the process is practically the same.
This is my first tutorial and I really want to explain to you how to generate interactive prototypes directly from Fireworks in a PDF format. This kind of prototype can be very useful for layouts approval with clients or just to make the communication between the design development team easier.
As the first version of the tutorial was in Portuguese, so you will find some portuguese/english translations here. In case you have any questions let us know!!
This last saturday we saw the release of the awesome new phone Palm Pre. A lot of people already bought their gadget, but if you want one, at least a icon one, we made that for you. This tutorial will show you how to create in Fireworks the icon for the Palm Pre frame.
Step 1
We've been using 2 templates in our Wallpapers of the Week articles: the iPhone and the new Apple Cinema Display 24. The iPhone frame we had already shown you how to create it in Fireworks. Now it's time to make the new Apple's display in only a few steps. Take a look and let me know what you think.
STEP 1
Open a new file with the canvas 625 x 625px. Create a rectangle that fit the canvas and fill it with a Radial Gradient with the colors #000 and
One of the best functions we can use in Fireworks is Mask. It's a basic command that can make our life easiser when working with images or when we need to hide some part of an object. In this tutorial we will create a Polaroid photo using amazing and inspirational illustrations from Adhemas. We already talked about him, but if you don't know the work of this Brazilian artist yet, please check out his site after the tutorial!
It's a new year and no better way to celebrate it than watching some really good fireworks, so if you missed out or you just can't get enough here is a selection of New Year's Fireworks photos from all over the world, Enjoy and Happy New Years!
I'm sure that pretty much everyone of you guys loves the art of James White, at least, we here over at abduzeedo do. Then, a few days ago we featured on the Wallpaper of the Week an image created by him entitled The O Series, he has even created a tutorial showing how to create that effect in Photoshop.
The best thing about festivals, new year celebrations or most of big festivals, are the fireworks!! I've never met a person that didn't like it, or that wouldn't get touched by its magic. Truly, it's magic... thank God for the Chinese.
A few weeks ago we had a very nice Vector Packs giveway from Designious. For that article I did an image using some of the floral vectors to create a floral type. It was similar to the Frilly Bits effect, however for this one we combine the vectors with the font to create a different result.
Abduzeedo by http://abduzeedo.com is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 United States License. Permissions beyond the scope of this license may be available at http://creativecommons.org/about/licenses/.
