Senin, 10 Januari 2011

Abduzeedo - graphic design | design inspiration | tutorials -

Abduzeedo - graphic design | design inspiration | tutorials -


Daily Inspiration #715

Posted: 10 Jan 2011 11:57 AM PST


This post is part of our daily series of posts showing the most inspiring images selected by some of the Abduzeedo's writers and users. If you want to participate and share your graphic design inspiration, just send us, via email, the image with the link from where you found it, also use "Daily Inspiration" in the subject, and don't forget to send your Abduzeedo username; or via Twitter sending to http://twitter.com/abduzeedo

If possible use the HTML code: <p class="imgC"><a href="Link to the page you found the image"><img src="Link to the Image" /></a></p>

Do you want to see all images from all Daily Inspirations? Check out http://daily.abduzeedo.com

Abban

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

al b sure

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Aloa

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Anderson Tomazi

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

arisen13

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Best Bookmarks

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

BlackSniper

Digital art selected for the Daily Inspiration #715

candynice

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

coolvibeblog

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Cosme

Digital art selected for the Daily Inspiration #715

CREA

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

devilem

Digital art selected for the Daily Inspiration #715

eugene kim

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Fabiano

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Fabio

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Fabio Arnold

e-motion | Intro from Fabio Arnold on Vimeo.

A slightly different iPhone 4 commercial from Fabio Arnold on Vimeo.

PyramidPictures | Intro from Fabio Arnold on Vimeo.

Play | Intro from Fabio Arnold on Vimeo.

Game Over by Fabio Arnold from Fabio Arnold on Vimeo.

fksd

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Gabriel Puglisi

Inquiétudes ... et directions from Gabriel Puglisi on Vimeo.

Gerrel Saunders

Digital art selected for the Daily Inspiration #715

Gisele

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Hannes and Johannes

Passion Pit - I've got your number [HD] from HannesJohannes on Vimeo.

HdK

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Hideall

Digital art selected for the Daily Inspiration #715

JamieLynnGW

Digital art selected for the Daily Inspiration #715

Jeroen van Eerden

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Le Mauvais Coton

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

luis reyes

Digital art selected for the Daily Inspiration #715

Mackenzie Potter

Digital art selected for the Daily Inspiration #715

Mario Braune

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

multidesign

Digital art selected for the Daily Inspiration #715

nenuno

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Newyorkiz

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Sergio Villaquiran

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Shane Mahen

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

shedders

Digital art selected for the Daily Inspiration #715

Speero

Digital art selected for the Daily Inspiration #715

Tim Iloobia

The BOGLAR from cinema iloobia on Vimeo.

Tschai

Digital art selected for the Daily Inspiration #715

Vanin

SHAVE - Canon 550d from Kaj Dillen on Vimeo.

Walter Junior

Digital art selected for the Daily Inspiration #715

Wilhelm

Digital art selected for the Daily Inspiration #715

Wyath

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Via Twitter

Send your suggestions via Twitter to http://twitter.com/abduzeedo using #abdz in the end of the tweet.

@andziadesign

Digital art selected for the Daily Inspiration #715

@JonathanJDA

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

@beckiiness

Digital art selected for the Daily Inspiration #715

@cristina_tm

Digital art selected for the Daily Inspiration #715

@Drewstin77

Snow Day from Andrew Winchell on Vimeo.

@theroyaltyclub

Digital art selected for the Daily Inspiration #715

@Marcos333

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

Digital art selected for the Daily Inspiration #715

About the author

Someone with a bachelor degree in Foreign Trade that really likes technology, design, photography and creativity. A person 'digging' a new way as a 'geek apprentice', blogger 'wanna be' and a communication lover! Current location: Porto Alegre, RS – Brazil
Twitter user: gismullr

Sponsored Links:

Stunning Airbrush Surrealism

Posted: 10 Jan 2011 06:36 AM PST


Anton Semenov aka Gloom82 is a designer from Bratsk, Russia and a master of surrealism on his free time. The quality of his works is simply amazing, the attention to detail and the overall look of some of his pieces will freak you out. Enjoy!

<!--break-->

For more from Anton Semenov visit gloom82.deviantart.com


Stunning Airbrush Surrealism
Arlecchino


Stunning Airbrush Surrealism
Auschwitz


Stunning Airbrush Surrealism
Black Dream


Stunning Airbrush Surrealism
Evil


Stunning Airbrush Surrealism
Jump


Stunning Airbrush Surrealism
King of the Hill


Stunning Airbrush Surrealism
Lola


Stunning Airbrush Surrealism
Mirror of Destiny


Stunning Airbrush Surrealism
Morning


Stunning Airbrush Surrealism
Mouth


Stunning Airbrush Surrealism
No


Stunning Airbrush Surrealism
Polar Bear


Stunning Airbrush Surrealism
Society


Stunning Airbrush Surrealism
Surrogate


Stunning Airbrush Surrealism
Talisman


Stunning Airbrush Surrealism
Thistle


Stunning Airbrush Surrealism
Weiss's Secret


Stunning Airbrush Surrealism
Winter

About the author

Hi there! I'm Paulo Canabarro, 25 year old web designer from Brazil currently living in Providence RI, USA. I'm truly passionate about design of all kinds. Finding and sharing inspiration has become part of my life. If you have any suggestions or requests just get @ me - pvpcanabarro@gmail.com For some cool stuff make sure to Follow me on twitter!

Sponsored Links:

Advertising banner by Media Militia Free Design Resources

Paradigm Shift - slashTHREE New Exhibition

Posted: 10 Jan 2011 03:34 AM PST


The slashTHREE collective selected Paradigm Shift as the theme for its fifteenth exhibition to complement the massive changes it underwent along with the release, which began with a new version of its website. Version four of slashTHREE.com was not only about creating an incredible new website, but also about refining the functionality of the collective and the way it carries itself in the online art community.

For more information about this new slashTHREE exhibition visit http://www.slashthree.com/exhibitions/15/

Unusual Vision

By Leonardo Dentico

Paradigm Shift - slashTHREE New Exhibition

The tale of the Lone Yor

By Roy Bourkel

Paradigm Shift - slashTHREE New Exhibition

The Blueprint

By Maksimilijan Gecevic

Paradigm Shift - slashTHREE New Exhibition

The Good Reason for our Forgetting

By Rob Shields

Paradigm Shift - slashTHREE New Exhibition

Suit Up!

By Tomin Vladimir

Paradigm Shift - slashTHREE New Exhibition

Spawn

By Eduardo Lopez

Paradigm Shift - slashTHREE New Exhibition

Mother Earth

By Daria Widermanska - Spala

Paradigm Shift - slashTHREE New Exhibition

Medusa

By Przemek Nawrocki

Paradigm Shift - slashTHREE New Exhibition

Ker-Pau!

By Neil Hanvey and Jordi Vidal

Paradigm Shift - slashTHREE New Exhibition

Heart

By Irina Batkova

Paradigm Shift - slashTHREE New Exhibition

In Searh for Apotheosis

By Edmar Cisneros

Paradigm Shift - slashTHREE New Exhibition

And Never Be Found Again

By Marco Casalvieri

Paradigm Shift - slashTHREE New Exhibition

Beynod III

By Nicolas Monin-Baroille, Roy Bourkel, Jacob Bian, Ola Gilen

Paradigm Shift - slashTHREE New Exhibition

Beatiful Decay

By Anthony Giacomino, Ola Gilen Rysamb

Paradigm Shift - slashTHREE New Exhibition

Deformación

By Nicolas Monin-Baroille

Paradigm Shift - slashTHREE New Exhibition

01101010

By Mateusz Sypien

Paradigm Shift - slashTHREE New Exhibition

Destroy

By Adrian Romero

Paradigm Shift - slashTHREE New Exhibition

About the author

I'm a graphic and web designer from Porto Alegre, Brazil. I'm the founder of Abduzeedo and in 2011 I will start working as graphic designer at Google in Mountain View, CA. You can get in touch with me via Twitter at @abduzeedo or also visit my personal site at http://fabiosasso.com

Sponsored Links:

The Perfect Office #71

Posted: 09 Jan 2011 06:57 PM PST


We've seen some great gadgets and equipment for designers. So many cool stuff, that we could actually assemble infinite perfect office spaces! Every week we'll assemble a perfect office, and we'd like you to help us. What equipment would the perfect office have?

<!--break-->

Not only gadgets and equipment, but also furniture, sound system, gaming stuff (for lunch time!). A designer is totally allowed to dream with the perfect office, and that's what we're gonna do here! Also, tell us your suggestions, or even better, you may tell us via twitter (mine and fabio's), using #abd

CiCi Table Lamp


The Perfect Office #71

This modern acrylic table lamp is a great statement piece for your desk. The LEDs are bright, energy efficient, and last over 10,000 hours. A soft blue light shines through the clear acrylic soaring base creating a great ambiance when used in darker settings. Chrome circular accent on top of light area. (at 7 Gadgets)

Bokeh Iphone 4 Skin


The Perfect Office #71
The Perfect Office #71

Nice bokeh effect popping your face. (at Apple Sticker)

Victorinox Flash Swiss Army Knife


The Perfect Office #71

Victorinox Flash—combines all the functionality of a Swiss Army Knife with a USB flash drive offering up to 128GB of memory. As are all Victorinox Memory devices, product is perfect for transporting pictures, music and other files. (at 7 Gadgets)

GOgroove BassPULSE Hi-Fidelity 2.1


The Perfect Office #71

The GOgroove BassPULSE is equipped with Neodymium DUAL FULL-RANGE satellite speakers with 4 -watts of power each. The SIDE-FIRING 9-watt subwoofer comes with it's own equalizer which is mounted on the front face. With 17-watt RMS power and 34-watt Peak power, the GOgroove BassPULSE will give you plenty of BASS for your buck. (at 7 Gadgets)

Touch Mouse


The Perfect Office #71

Wait a sec. You haven't seen this one before. I know it looks like just a different flavor of the Microsoft Arc Touch, but it's actually the Microsoft Touch Mouse. Where the Arc Touch is just a a fancy travel mouse with just a touch sensor, the Touch Mouse is actually a mouse where the entire top surface is a touch pad. Yep, that means gestures and all the fun trackpads offer. (at Crunch Gear)

Samsung Series 9 Laptop


The Perfect Office #71

Despite its sophisticated styling, this laptop is more durable than dainty. The Samsung Series 9 Laptop is made of Duralumin, a material usually used in aircrafts, offering construction quality that's twice as durable as aluminum, but still keeping the weight under 3 lbs. The Samsung laptop sports a 13.3-inch (1366x768) HD LED-backlit SuperBright Plus display, a second generation Intel CoreTM i5 processor, a 128GB Solid State Drive (SSD), and lithium polymer batteries for up to 7 hours of battery life. (at Uncrate)

About the author

Hello, everyone! I'm Paulo Gabriel, a 26 year old designer from Porto Alegre, Brazil. I have worked as a webdesigner since 2006, but websites and blogs have been a hobby for me since 1999. Here in Abduzeedo, I try to bring only the hot stuff for you... and hope that all of you enjoy my posts! For more cool stuff, you may also follow me on Twitter.

Sponsored Links:

Radar Icon in Photoshop

Posted: 09 Jan 2011 06:22 PM PST


We have received quite a few emails with requests about some icon design tutorials in Photoshop. I'm not an icon designer per se however I love icons and really admire guys that are good at that, including my friend Everaldo Coelho, currently working at Apple and great inspiration, including for this tutorial.

So in this tutorial I will show you how to create a Mac style radar icon in Photoshop. This could be done easily in Fireworks and in Illustrator, I am also thinking about doing that to practice more.

Step 1

Open Photoshop and create a new document, the one I'm using is 1024x1024 pixels. Also I added the linen background I created in one of my previous tutorials just to make it more stylish.

Radar Icon in Photoshop

Step 2

With the Ellipse Tool (U) create a circle in the center of the document. You can create it with 500x500 pixels or depending the size of icon you want.

Radar Icon in Photoshop

Step 3

Duplicate that circle and then resize it in order to create a sort of inner circle, the idea is create a border for our icon. Once you resized it click with the right button of the mouse over the icon of the layer in the Layers Panel and select "Select Pixel" in order to create a marquee selection of that area.

Radar Icon in Photoshop

Step 4

Go to Layer>Layer Mask>Hide selection.

Radar Icon in Photoshop

Step 5

To create the effect of a metallic border let's use Layer Styles. So go to Layer>Layer Styles>Drop Shadow. Then follow the values of the image below. You will use Inner Shadow, Bevel and Emboss and Color Overlay

Radar Icon in Photoshop

Step 6

Here is the effect you will get after the layer styles.

Radar Icon in Photoshop

Step 7

Add another circle using the Ellipse Tool (U). This one will be in black and will be in the center of the metallic border.

Radar Icon in Photoshop

Step 8

Duplicate the circle and resize it so it's slightly smaller than the black circle, then go to Layer>Layer Style>Gradient Overlay. For the colors use #7a5511 for the light brown and #180f00 for the dark. For the other values use the image below.

Radar Icon in Photoshop

Step 9

Add a new layer over the the circle with the gradient and then go to Layer>Create Clipping Mask. Now with the Brush Tool (B) paint using a very soft brush with #7a5511for the color right on top of the circle (1). Also add a new layer an paint again with the same color but with 5% opacity over the metallic border to create a brown reflection.

Radar Icon in Photoshop

Step 10

Add a folder in the layers palette and change the blend mode of this folder to Color Dodge. Also mask this layer using the inner circle area for reference. Then using the Rectangle Tool (U) create a very thin line in white, make sure it's inside the folder with color dodge. Go to Filter>Blur>Gaussian Blur. Use .5 pixels for the Radius. After that change the Opacity to 70%. Duplicate this line and rotate it 90º. You will have a result like the image below.

Radar Icon in Photoshop

Step 11

With the Ellipse Tool (U) add a circle in the middle of the radar, the color here won't matter because we will use layer styles to change it.

Radar Icon in Photoshop

Step 12

For this circle the first thing to do is change the Fill Opacity to 0, then add a Outer Glow, Inner Shadow and Stroke. For the values use the image below.

Radar Icon in Photoshop

Step 13

Here is the result you will get with after the layer styles.

Radar Icon in Photoshop

Step 14

Now add a new layer inside the folder with color dodge and the with the Brush Tool (B) and white for the color paint a couple white spots. Because of the color dodge and the soft brush the circles will have a really nice light effect.

Radar Icon in Photoshop

Step 15

Add more elements in order to make it look more realistic.

Radar Icon in Photoshop

Step 16

Create a new rectangle with the Rectangle Tool (U) and then rotate it 45º. This rectangle will be also inside the folder with color dodge that we created it the step 10.

Radar Icon in Photoshop

Step 17

Now with the Pen Tool (P) create a shape that covers the area from of one quadrant plus the 45º of the rectangle we created in the previous step.

Radar Icon in Photoshop

Step 18

Go to Layer>Layer Styles>Blending Options. Change the Fill Opacity to 0 and then go to Gradient Overlay. Use Angle for the Style 50º angle and 55% Opacity also take a look at how I set up the gradient colors.

Radar Icon in Photoshop

Step 19

This is the result you will have after the layer styles.

Radar Icon in Photoshop

Step 20

Repeat the same thing we did in the step 2-4 and create another circle to use as border. This border will be between the glass of the radar and the black circle, it's the green one in the image below.

Radar Icon in Photoshop

Step 21

Now let's apply more Layer Styes to add a more metallic look to our design. Use the image below for the values.

Radar Icon in Photoshop

Step 22

Below you can see the look of the border after the layer styles.

Radar Icon in Photoshop

Step 23

Now create a circle with the same diameter of the one that has the radar elements, then apply a Gradient Overlay on it using white for the start and end colors but the different opacities, like 0 for the start and 100 for the end. After that resize it a little bit horizontally only. Then using the Elliptical Marquee Tool (M) create an selection like the image below and hide that area of the selection with laery mask (Layer>Layer Mask>Hide Selection).

Radar Icon in Photoshop

Step 24

Select all the layers used to create the radar interface including the circles with gradient overlay. After that duplicate them and merge the duplicated layers into a layer. Then go to Filter>Blur>Gaussian Blur. Use 15 pixels for the Radius. Change the opacity of this layer to Screen at 50%.

The idea of this layer is to increase the glowing effect.

Radar Icon in Photoshop

Step 25

With the Eraser Tool (E), delete the areas that are dark in the radar interface to increase to contrast.

Radar Icon in Photoshop

Conclusion

As you can see the whole idea of this tutorial was show you how to create a Mac style icon in Photoshop using basic tool and filters. You can even use more non-destructive features like smart objects in order to make it easier to resize.

Radar Icon in Photoshop

Green Version

You can create different color schemes using the Hue and Saturation. To do that just go to Image>Adjustments>Hue and Saturation or Layer>New Adjustment Layer.

Radar Icon in Photoshop

Download the Photoshop File

Click here to download the Photoshop file used for this tutorial

About the author

I'm a graphic and web designer from Porto Alegre, Brazil. I'm the founder of Abduzeedo and in 2011 I will start working as graphic designer at Google in Mountain View, CA. You can get in touch with me via Twitter at @abduzeedo or also visit my personal site at http://fabiosasso.com

Sponsored Links:

Tidak ada komentar:

Posting Komentar