Senin, 11 April 2011

Abduzeedo - graphic design | design inspiration | tutorials -

Abduzeedo - graphic design | design inspiration | tutorials -


Daily Inspiration #793

Posted: 11 Apr 2011 12:45 PM PDT


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.

<!--break-->

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

Adam

Digital art selected for the Daily Inspiration #793

Digital art selected for the Daily Inspiration #793

Digital art selected for the Daily Inspiration #793

al b sure

Digital art selected for the Daily Inspiration #793

Digital art selected for the Daily Inspiration #793

Digital art selected for the Daily Inspiration #793

Digital art selected for the Daily Inspiration #793

Anderson Tomazi

Digital art selected for the Daily Inspiration #793

Digital art selected for the Daily Inspiration #793

Digital art selected for the Daily Inspiration #793

Arthur Presser

Digital art selected for the Daily Inspiration #793

Digital art selected for the Daily Inspiration #793

Digital art selected for the Daily Inspiration #793

Best Bookmarks

Digital art selected for the Daily Inspiration #793

Digital art selected for the Daily Inspiration #793

Digital art selected for the Daily Inspiration #793

Digital art selected for the Daily Inspiration #793

Bertrand

Coolvibe

Digital art selected for the Daily Inspiration #793

Digital art selected for the Daily Inspiration #793

Digital art selected for the Daily Inspiration #793

Digital art selected for the Daily Inspiration #793

Cuded

Digital art selected for the Daily Inspiration #793

Digital art selected for the Daily Inspiration #793

Digital art selected for the Daily Inspiration #793

Digital art selected for the Daily Inspiration #793

designmodo

Digital art selected for the Daily Inspiration #793

Digital art selected for the Daily Inspiration #793

Eugene Kim

Digital art selected for the Daily Inspiration #793

Digital art selected for the Daily Inspiration #793

Digital art selected for the Daily Inspiration #793

Digital art selected for the Daily Inspiration #793

Fabiano

Digital art selected for the Daily Inspiration #793

Digital art selected for the Daily Inspiration #793

Fabio

Digital art selected for the Daily Inspiration #793

Digital art selected for the Daily Inspiration #793

fksd

Digital art selected for the Daily Inspiration #793

Digital art selected for the Daily Inspiration #793

Gisele

Digital art selected for the Daily Inspiration #793

Digital art selected for the Daily Inspiration #793

HdK

Digital art selected for the Daily Inspiration #793

Digital art selected for the Daily Inspiration #793

Digital art selected for the Daily Inspiration #793

Digital art selected for the Daily Inspiration #793

Kevin Roodhorst

Digital art selected for the Daily Inspiration #793

Meng To

Digital art selected for the Daily Inspiration #793

Digital art selected for the Daily Inspiration #793

Digital art selected for the Daily Inspiration #793

Digital art selected for the Daily Inspiration #793

Newyorkiz

Digital art selected for the Daily Inspiration #793

Digital art selected for the Daily Inspiration #793

Digital art selected for the Daily Inspiration #793

Digital art selected for the Daily Inspiration #793

Ricardo Ovelar

Digital art selected for the Daily Inspiration #793

shelbywhite

Digital art selected for the Daily Inspiration #793

Digital art selected for the Daily Inspiration #793

Digital art selected for the Daily Inspiration #793

Digital art selected for the Daily Inspiration #793

Via Twitter

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

@aeson711

Digital art selected for the Daily Inspiration #793

@daniel_nelson

Digital art selected for the Daily Inspiration #793

@TiagoClemente

Digital art selected for the Daily Inspiration #793

About the author

I'm from Brazil, co-founder of Zee with Fabio. Nowadays I like to play with Fireworks, Photoshop and improve my skills in CSS. If you wanna request some posts, please feel free to contact me or follow on Twitter.

Sponsored Links:

Vintage Label Designs

Posted: 11 Apr 2011 07:45 AM PDT


When I first saw these designs, I thought they were truly from the 50s. Just to find out they were recently done by Wallace Design House, a one-man design that create amazing and very inspiring designs. Check out for yourself and get that vintage feeling back in the air.

<!--break-->

For more from Wallace Design House visit their website wallacedesignhouse.com


Vintage Label Designs


Vintage Label Designs


Vintage Label Designs


Vintage Label Designs


Vintage Label Designs


Vintage Label Designs


Vintage Label Designs


Vintage Label Designs


Vintage Label Designs


Vintage Label Designs

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

Stylish Metallic Button in Photoshop

Posted: 10 Apr 2011 11:30 PM PDT


Last Saturday I was checking Dribbble for some inspiration when I came across this beautiful design created by a Portuguese designer called Emanuel Sa. It was an icon with some beautiful metal effects, so I decided to learn how to do that in Photoshop.

So in this tutorial I will show you how to create a nice metallic button using Layer Styles in Photoshop.

Step 1

Open Photoshop and create a new document, the size I am using is 2560x1440 pixels because it's a nice HD wallpaper size. After that with the Ellipse Tool (U), create a circle in black.

Stylish Metallic Button in Photoshop

Step 2

Create another circle, smaller and align both in the center of the document, after that, create a marquee selection of the smaller circle. To do that is super simple, just hold the Command (MAC)/ Control (PC) key and click on the thumb of the layer of the circle.

Stylish Metallic Button in Photoshop

Step 3

Select the big circle and go to Layer>Layer Mask>Hide Selection. You will have a nice ring ready to add some chrome effects.

Stylish Metallic Button in Photoshop

Step 4

Go to Layer>Layer Styles>Color Overlay. Use a dark grey for the color.

Stylish Metallic Button in Photoshop

Step 5

Select Bevel and Emboss, then for the values use Inner Bevel for the Style, 550% for the Depth, 32 pixels for the Size, 2 pixesl for the Soften, 100º for the Angle, 30º for the Altitude. Also change the Gloss Contour for the one I am using in the image below as well as the values for the Highlight and Shadow mode.

Stylish Metallic Button in Photoshop

Step 6

Select Inner Glow and use Color Dodge for the Blend Mode, 75% for the Opacity, white for the color. Then for the Choke use 0% and the Size 6 pixels.

Stylish Metallic Button in Photoshop

Step 7

Select Drop Shadow and use the values below, make sure that the angle is 90º and that you didn't mark Use Global light.

Stylish Metallic Button in Photoshop

Step 8

Create a black circle in the middle and then add another one a little smaller to create the center part of the button

Stylish Metallic Button in Photoshop

Step 9

With the small circle of the center selected, go to Layer>Layer Style> Gradient Overlay. Use Normal for the Blend Mode, 100% for the Opacity, and for the Gradient use a dark grey to black and Linear. Also for the Angle use 90º and Scale it to 75%.

Stylish Metallic Button in Photoshop

Step 10

Select Bevel and Emboss. Use Inner Bevel for the Style, 80% for the Depth, 3 pixels for the Size and 0 for the Soften. For the Shading options use the image below.

Stylish Metallic Button in Photoshop

Step 11

Add another circle using the Ellipse Tool (U), the with the Direct Selection Tool (A) edit the points and also with the Pen Tool (P) add 2 points and delete other 2 that were the horizontal center ones. The image below shows how this shape will look like.

Stylish Metallic Button in Photoshop

Step 12

Go to Layer>Layer Styles>Gradient Overlay. Use Screen for the Blend Mode use Screen. For the Opacity use 100% and for the Gradient use white and black for the colors, for the Angle use 90º and for the Scale use 140%.

Stylish Metallic Button in Photoshop

Step 13

Here is the final result of our button/badge. Now it's time to add your logo. I used the Abduzeedo symbol I created in Illustrator and pasted in Photoshop so I could apply some layer styles.

Stylish Metallic Button in Photoshop

Step 14

With the logo selected go to Layer>Layer Styles>Gradient Overlay. Use the image below for values and the gradient colors. Then apply a bevel and emboss.

Stylish Metallic Button in Photoshop

Step 15

Here is the final result of our logo with the metal symbol.

Stylish Metallic Button in Photoshop

Step 16

Let's create a nice texture for the background, to do that just select the background layer and go to Filter>Noise>Add Noise. Use 5% for the Amount, Gaussian for the Distribution and select Monochromatic.

Stylish Metallic Button in Photoshop

Step 17

Go to Filter>Blur>Motion Blur. Use 0º for the Angle and 20 pixels for the Distance.

Stylish Metallic Button in Photoshop

Step 18

Go to Layer>Layer Styles>Gradient Overlay. Use Multiply for the Blend Mode, 100% for the Opacity, black and white for the gradient color, Radial for the Style and 90º for the Angle.

Stylish Metallic Button in Photoshop

Conclusion

As you could see the whole process was super simple, we just played with Layer Styles to create an amazing metal effect in Photoshop. This effect is perfect for icons or if you want to create a logo for an automobile company! Now it's all about practicing and trying different variations.

Stylish Metallic Button in Photoshop

Version 2

Just playing with some light effects to create a nice Start button.

Stylish Metallic Button in Photoshop

Download the Photoshop File

Download the Photoshop file used for this tutorials

About the author

Abduzeedo is a blog about design. There are all sorts of articles for those who want to look for inspiration. Also you will find very useful tutorials for the most used applications out there, with a special selection of Photoshop Tutorials and Illustrator Tutorials. You can get in follow us via Twitter at @abduzeedo

Sponsored Links:

The Perfect Office #83

Posted: 10 Apr 2011 10:09 PM PDT


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 #abdz_ofc so we can check it. Alright? I hope you guys enjoy this brief selection. Cheers! ;)

Glugg Water Bottle


The Perfect Office #83

The lightweight aluminium body and tough fold-out spout make this a practical and hard-wearing water bottle for any trip into the wilderness. Or for adventures a bit closer to home, it would make a great addition to your next curry night! (at 7 Gadgets)

Star Wars Death Star Trash Compactor Bookends Statue


The Perfect Office #83

The valiant rescue of Princess Leia takes a turn for the worse when our heroes evade onrushing Stormtroopers by jumping down a garbage shoot. The situation turns grim when the dianoga garbage squid shows up and the garbage compactor's walls begin to close in! (at 7 Gadgets)

Bluetooth Stereo Headphones


The Perfect Office #83

Bluetooth audio for wireless audio from your Bluetooth-enabled mp3 or other music player; Connect to your laptop for all-in-one usage with Skype or other video chat apps, music or video playback. (at 7 Gadgets)

Logitech Wireless Mouse M325


The Perfect Office #83

Logitech can't do wrong. Yet another great mouse by them. (at Coolest Gadgets)


The Perfect Office #83

The Seagate GoFlex Slim portable hard drive—first debuted at CES this January but today a real live shipping USB 3.0, 7200RPM storage accessory—measures up at just 9mm thick. That's 320GB of bonus space in a drive that's about as thick as a #2 pencil. (at Gizmodo)

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:

Tidak ada komentar:

Posting Komentar