Typography Mania #45
Sep 8, 2010 General, Inspiration, Resources, Tutorials
Typography Mania is a weekly post series that comes around every Wednesday with the best of Typography work on the web, from type videos to images everything is full of great design and typography inspiration. <!–break–> Click here to check out all the previous Typography Mania Make sure to click on each image to go to original location where you can check out more work from each artist and designer. Submit your Typography work From now on you can submit your typography mania piece by adding your image to Abduzeedo’s Flickr Group and use the tag Typography Mania . I will search through and handpick the best pieces every week.
Tags: Design, Design Inspiration, gimp-tutorials, illustrator tutorials, Inspiration, Typography, typography-mania
Designing and Producing Creative Business Cards: Techniques and Details
Sep 8, 2010 General, Inspiration, Resources, Tutorials
Plenty of creative business card showcases are available out there. Many of these are beautifully done and well thought out, and they serve as inspiration for those who would like their business card to be more than the standard rectangular piece of paper. Yet little explanation accompanies these examples, and figuring out just how to bring your idea to life can be overwhelming, to say the least. This guide is meant to help you decide which technique is right for you, how to correctly prepare the files and what to look for in a printer.
Tags: artwork, business, business card, Design, file, image, Inspiration, printer, technique, techniques, Web Design
Editing Opacity With Layer Masks
Sep 8, 2010 General
On screen, the colors of pixels are a mix of red, green and blue values. A fourth value, opacity, controls how pixels blend with pixels laid over them. In image-editing programs such as Photoshop, changing the opacity of a layer is easy but not always precise. Setting a layer to 50% opacity makes all of its pixels half-visible.
Tags: ability, Design, development, graphics, image, layer-masks, mask, shortcuts
How to Create a Wall Graffiti of Bob Marley
Sep 8, 2010 General, Inspiration, Resources, Tutorials
We’re are going to immortalize the iconic Bob Marley on a brick wall – graffiti style. Graffiti has come a long way to the point that its argued by some to be respectable works of art for it was and still is considered as rude and destructive in the public sphere. On count, it is highly expressive and does lend to images/text powerful forms representation.Same goes for this tutorial where we’ll be applying Layer masks and Blend modes to merge a grunge-like image of Bob Marley with a brick wall. Step 1 Start with a Bob Marley picture of your choice.
Tags: blend, brick, css, Design, design-reviver, designer, illustrator, Inspiration, Photoshop, picture, Resources, tutorial, Tutorials, Web Design
Amazingly Unbelievable Pixel Art of eBoy
Sep 8, 2010 General, Inspiration, Resources, Tutorials
This time we’ll be looking at some absolutely amazing example of pixel art: the work of eBoy from Berlin, which is actually a group of artists that collaborate for their extraordinary pixel art projects: Kai Vermehr , Steffen Sauerteig and Svend Smital . We should start by discussing what pixel art represents: it is a special type of digital illustration, because it is created using a raster graphics software and it actually means painstaking detail-work for every image- it must be edited at pixel level! This type of graphics is usually used in computer and video games, or mobile phone games. However, we are going to look at a group of artists who have managed to create extremely detailed compositions using pixel art and have deservedly broken into the fields of advertising or magazine illustrations as well. The works in this collection are first of all the result of a long and elaborate creation process.
Tags: article, compilation, custom, Design, download, eboy, illustration, Inspiration, pixel art, Tutorials, Web Design
On Working With Limitations In Web-Design
Sep 7, 2010 General, Inspiration, Resources, Tutorials
Tweet The web-design industry has always faced limitations that get designers frustrated as they work around them. Without actually knowing these limitations, you cannot properly design and achieve what you or your client may be after. Therefore, understanding the limitations of the industry and your own limitations can help you expand and work around them and is a key point that cannot be disregarded. When you think of web-design and what has been achieved already, it becomes difficult to understand whether there are limitations available or not, and what they are that are hindering our abilities that you may not know already.
Tags: article, boxed-in-design, color palette, Design, designer, Designs, idesign-studios, Inspiration, learning, poster-printing, project, Resources, Typography
Make a Stylishly Elegant Portfolio Web Design in Photoshop
Sep 7, 2010 General, Inspiration, Resources, Tutorials
I am going to show you how to design a portfolio web layout in Photoshop that you can use to show off your work on the web. In particular, this tutorial deals with the importance of visual hierarchy when designing a web page, and the message that a portfolio sends out in the graphical elements that compose it. I’ll explain how a textured layout can be realized using Photoshop patterns that we will create ourselves, as well as some other professional-grade techniques. Continue reading…
Tags: Design, ellipse, flower, illustrator, Inspiration, layer, layers, Resources, sep-07-2010, source, Tutorials
Showcase of Interesting Navigation Designs
Sep 7, 2010 General, Inspiration, Resources, Tutorials
Everyone is always looking for interesting and effective ways to organize their website and allow users to move about and find things. But there’s a fine line between unexpected and unusable. Three points to consider in any navigation scheme are consistency, user expectations and contextual clues. If page is long and provides different levels of navigation , will users be able to find their way through the site and use proper navigation quickly?
Tags: article, background, calobee-doodles, collision-labs, content, Design, flywheel-design, footer, Resources, showcases, slideshow, Tutorials, twitter, user, wishbone-design
Showcase: Textures in Web Design
Sep 7, 2010 General, Inspiration, Tutorials
Textured backgrounds in website design are common, especially in grunge designs. But they’re used in a variety of other design styles, too. Textures can add visual interest to an otherwise-minimalist design, or can add that extra bit of detail that really makes a design pop. Paper textures are by far the most common, but other regularly-seen textures include stone, concrete, rust, and fabric.
Tags: advertising, Design, designer, development, fiore-designs, Textures, Tutorials, Web Design
Fresh Web Designer Tools and Resources
Sep 7, 2010 General, Inspiration, Resources, Tutorials
For today’s design news we have highlighted some fresh tools and resources for all you web and app designers out there. There are a couple of tools to help with any CSS3 and HTML5 development issues you may have, there is a marvelous new technique for styling buttons, and finally, and perhaps the coolest of all,some time saving iPad actions for Photoshop. BonBon Buttons – Sweet CSS3 buttons These sexy looking flexible CSS3 buttons have been styled with the most minimalistic markup as possible. BonBon Buttons – Sweet CSS3 buttons iPad Actions for Photoshop These Photoshop Actions will allow any UX/UI designer or App developer to quickly create a gorgeous rendering of their app as it would appear on an Apple iPad.
Tags: button, Design, design-reviver, designer, designer tools, ipad, Tutorials, User Interface
