Senin, 27 Desember 2010

Abduzeedo - graphic design | design inspiration | tutorials -

Abduzeedo - graphic design | design inspiration | tutorials -


The World Collabs #6 - Submissions

Posted: 27 Dec 2010 01:21 PM PST


For this contest Abduzeedo provides you with a Photoshop design from an acknowledged artist you can collab with. For more information about the full contest please visit The World Collabs #6 - with Magomed Dovjenko article.

<!--break-->

The starting piece by Magomed Docjenko

The World Collabs by Nik Ainley

http://IAMMAGO.COM

What do you think are the best submissions? Write a comment and talk about it with the community

The Submissions

01 - Michael Ostermann

02 - Stefan Nießmann

03 - Tato

http://www.mdkdesign.com/

04 - Houke de Kwant

05 - Mikkel Schrøder Dysted

http://misterflyinghips.com/

06 - Dominik Wisniewski

07 - Jhonatan Bracho

08 - Ivan Vashchenko

09 - Savannah Scharroo

10 - Samora Bennett-Gager

http://marzimation.wordpress.com/

11 - Markus Baier

http://markusbaier.com/

12 - Simon Cogen

About the author

Aloa is the moniker of the german/greek graphic designer/filmmaker & musician Alexis Papageorgiou. Im glad to share great artistic work with the readers on Abduzeedo. Contact me on aloa@abduzeedo.com or follow my Twitter and Facebook page

Sponsored Links:

Daily Inspiration #703

Posted: 27 Dec 2010 11:18 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

al b sure

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

andrej

Digital art selected for the Daily Inspiration #703

Arthur Presser

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Best Bookmarks

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

C__TR_LM

Digital art selected for the Daily Inspiration #703

coolvibeblog

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

D Cosme

Digital art selected for the Daily Inspiration #703

Daniel Lopez | Patricia Garcia

Digital art selected for the Daily Inspiration #703

eduardkovacs

Digital art selected for the Daily Inspiration #703

Eric Vasquez

Digital art selected for the Daily Inspiration #703

eugene kim

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Fabiano

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Fabio

Perth Arts Festival Reel from FutureDeluxe on Vimeo.

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

I'm a monster from Headless Productions on Vimeo.

PATHS OF HATE long trailer from Platige Image on Vimeo.

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Fregezechen

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Gisele

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

HdK

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Juan E Bedolla

Christmas Greetings '10 from Juan E Bedolla on Vimeo.

JulesB

Digital art selected for the Daily Inspiration #703

marvelgd

Digital art selected for the Daily Inspiration #703

Nicolas Pierquin

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Marcos Krock

Digital art selected for the Daily Inspiration #703

multidesign

Digital art selected for the Daily Inspiration #703

Newyorkiz

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

shelbywhite

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

zeemp

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

Via Twitter

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

@daniel_nelson

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

@andreasleonidou

Digital art selected for the Daily Inspiration #703

Digital art selected for the Daily Inspiration #703

@Rodrok

Digital art selected for the Daily Inspiration #703

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:

Black & White Snow Wonderland

Posted: 27 Dec 2010 06:20 AM PST


Winter time is on, and last night the east coast got hit with a big snow storm that left everything white. So I decided to share some incredible black & white photography of snow wonderland. Enjoy!

<!--break-->


Black & White Snow Photography
Gavin Dunbar


Black & White Snow Photography
Lens 92


Black & White Snow Photography
Gavin Dunbar


Black & White Snow Photography
socks57


Black & White Snow Photography
fede_gen88


Black & White Snow Photography
Wiking66


Black & White Snow Photography
Tobi_2008


Black & White Snow Photography
sant.o


Black & White Snow Photography
andywon


Black & White Snow Photography
Wout VdV


Black & White Snow Photography
Philipp Klinger


Black & White Snow Photography
Aurélien VIVIER


Black & White Snow Photography
Mute*


Black & White Snow Photography
Subjective Art


Black & White Snow Photography
Zeb Andrews


Black & White Snow Photography
JenniPenni


Black & White Snow Photography
Andri Elfarsson

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

Video of the Week #64 - Winter Tale

Posted: 27 Dec 2010 03:54 AM PST


The last video of the week for this year will be about, what else, christmas. It's a very sweet stopmotion movie uploaded just 3 days ago by Sergey Yazvinsky.

<!--break-->

I have done several Stop-motion shortmovies myself, and the average size of photos per minute in my videos were around 4GB. So I have quite an understanding how much work this was. I especially like that he cared a lot about details.

On his website http://timelapse.ru/ you will find some beautiful timelapse clips, worth checking out.

Winter Tale (stop-motion animation) from Sergey Yazvinsky on Vimeo.

About the author

Aloa is the moniker of the german/greek graphic designer/filmmaker & musician Alexis Papageorgiou. Im glad to share great artistic work with the readers on Abduzeedo. Contact me on aloa@abduzeedo.com or follow my Twitter and Facebook page

Sponsored Links:

The Perfect Office #69

Posted: 27 Dec 2010 01:19 AM 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 #abdz_ofc so we can check it. Alright? I hope you guys enjoy this brief selection. Cheers! ;)

Hidden Animal Teacups


The Perfect Office #69

Hidden Animal Teacup designed by Japan's Ange-line tetrault. (at Like Cool)

Ultimate Geek Paint


The Perfect Office #69

Twist the metal tip one way and you get a ballpoint pen, twist it the other way and you get a stylus tip for use with PDAs and games. Press the top button to turn on the laser pointer, press the bottom button to cycle through the flashlight and UV light. (at 7 Gadgets)

Fascinations Time Squared LED Clock


The Perfect Office #69

Medium-intensity blue or red LEDs provide the perfect level of brightness for day or night-time use. Easy to use – includes multi-function alarm. (at 7 Gadgets)

Marshall Major Headphones


The Perfect Office #69

An attractive and compact pair of headphones, not revolutionary by any means, but powerful and portable, and hey, they say "Marshall" on them. (at Crunch Gear)

Solar Vox


The Perfect Office #69

Detroit-based industrial designer Eric Strebel, along with his partner Jim Nogarian, have launched a Kickstarter campaign seeking funding for the Solar Vox, a solar powered USB charger. Inspired by the Minty Boost DIY charger, Strebel added a solar panel to recharge a pair of AA batteries or connect directly to your portable device. The housing allows you to angle the solar panel easily to optimize charging, and features a built-in storage compartment to hold your phone while charging. (at Core77)

All Natural Full Bamboo Keyboard and Mouse Combo


The Perfect Office #69

This handcrafted All Natural Full Bamboo Keyboard and Mouse Combo not only looks unique and trendy, it also helps you improve productivity. (at 7 Gadgets)

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:

Xmas Tree Typography in Photoshop

Posted: 26 Dec 2010 06:00 PM PST


Christmas is already past and we are going to the end of another year. For this holidays season I created a simple card in which I designed a Christmas tree using the word XMAS, the idea was make some typographic experiment with that. After sketching and playing with Illustrator I ended up in Photoshop to finish the composition that was used for the card.

So in this case study/tutorial I will show you my creative process on that, from the very beginning all the way until the end.

Step 1

When I was thinking about creating a Christmas card I didn't know exactly what I wanted to do, then I got this idea of creating a little Christmas tree using the word XMAS. I got this idea while I was running. Then once I got back home I went straight to my desk and got my sketch book to see how that would look like in real life.

My drawing skills are quite terrible, but at least I can have an idea of how things will look like. So I started off with a simple cone, then played with the word "xmas" to see how the characters would look like. In the end I played with some shades as you can see in the image below.

Before we move to the next step I would like to reinforce the idea of the importance of sketching before going straight to the computer. You don't need to know how to draw perfectly well, the whole point of sketching is putting ideas on paper pretty quickly, you will never find another way as quick and that gives you more freedom as pencil and paper.

Xmas Tree Typography in Photoshop

Step 2 - Illustrator

With the sketches, I took a photo of it and import it in Illustrator. After that using the Pen Tool (P) I started creating the basic lines of the XMAS tree. For the curved parts I used the Ellipse Tool (L) and then just delete some segments of it. You can have an idea of how the process went in the image below.

Another very important detail is the space between the characters lie the X M A S. Without that the word would be unreadable.

Xmas Tree Typography in Photoshop

Step 3

After the vectorization part I started playing with colors and some 3D effects. However none of them caught my attention that much.

Xmas Tree Typography in Photoshop

Step 4

With the basic object done I started playing with some compositions. The first one was done in Illustrator and I just added an old paper texture over it with the texts and other elements. My first idea was exactly that, create a sort of vintage style card, however I wasn't still satisfied with the result.

Xmas Tree Typography in Photoshop

Step 5

As I wasn't pretty happy with the results in Illustrator I decided that it was time to go to the always reliable and savior Photoshop. So I copied the basic XMAS tree from in Illustrator and pasted in Photoshop.

Xmas Tree Typography in Photoshop

Step 6

To create the effect I wanted I imported a photo of a christmas wreath from Shutterstock. You can find the one I used at http://www.shutterstock.com/pic-63153112/stock-photo-christmas-wreath-on...

Xmas Tree Typography in Photoshop

Step 7

Once I had the christmas wreath with no background I duplicated it several times until I got a bunch of them covering all the area of the XMAS tree.

Xmas Tree Typography in Photoshop

Step 8

Here I grouped all the wreaths in one folder then I created a marquee selection of the XMAS tree vector from Illustrator.

Xmas Tree Typography in Photoshop

Step 9

Then I applied a mask in the wreaths folder so they would be visible only in the area of the XMAS tree. But as you can see in the image below, the result is not that realistic. The edges are too uniform and perfect, but to fix that problem is super simple.

Xmas Tree Typography in Photoshop

Step 10 - Creating a Brush

Select some areas of the christmas wreath and copy then, after that duplicate and rotate until you get a uniform object with the edges with the leaves. Merge the layers into a new one and go to Image>Adjustments>Desaturate. Now that you get the object in greyscale, go to Image>Adjustment>Levels. Increate the black input so it gets very dark, also increase the white input to increase the contrast.

Once you have the object in a very nice black and white tone, create a squared selection with the Rectangle Marquee Selection Tool (M) holding SHIFT. After that go to Edit>Define Brush Preset.

Xmas Tree Typography in Photoshop

Step 11

With the brush created in the step below, I started painting on the edges of the mask with white in order to make them more realistic. After that I duplicated the group and merged it into a layer so I could apply some layer styles.

Xmas Tree Typography in Photoshop

Step 12

With the layer selected go to Layer>Layer Style>Drop Shadow. Use Multiply for the Blend Mode with black for the color, 90% for the Opacity, 90º for the Angle. For the Distance use 15 pixels, the Spread use 0? and the SIze 30 pixels.

Xmas Tree Typography in Photoshop

Step 13

After that I used Inner Shadow to give some depth and create a sort of 3D effect. For the values I use Soft Light for the Blend Mode, 100% Opacity, -90º for the Angle, 25 pixels for the Distance, 0% for the Choke, and 20 pixels for the Size.

Xmas Tree Typography in Photoshop

Step 14

The last layer style was Inner Glow. I used Overlay for the Blend Mode, light grey for the color, Edge for the Source and 70 pixels for the SIze.

Xmas Tree Typography in Photoshop

Step 15

Here is the result I got after all these steps. It was already a much better result, however I wanted to add some cheesy Christmas decorations :)

Xmas Tree Typography in Photoshop

Step 16

The first thing I did before adding the decorations was to reduce the saturation.

Xmas Tree Typography in Photoshop

Step 17

Here I added some red christmas balls. I got them from a photo from Shutterstock. You can get it at http://www.shutterstock.com/pic-67508086/stock-photo-girl-with-christmas...

As you can see I used the same red ball several times, however I used different rotations. But they looked too fake in there because they looked like they were simply put on the wreath.

Xmas Tree Typography in Photoshop

Step 18

To fix the red ball problem and make them look as they were more integrated with the tree I duplicated the tree and cleaned the layer styles. Moved this new copy so it was in front of the other layers and then I went to Layer>Layer Mask>Hide All. After that with the Brush Tool (B) and the brush I created in the step 10 I started painting on the layer mask with black hiding some parts of the balls.

Xmas Tree Typography in Photoshop

Step 19

Here I added some cheesy light effects, as the tradition of my family's Christmas Tree, the lights are alway present, and lots of them. I used a photo of a light burst then simply duplicated it several times. LIke I did with the red balls, I changed the angle and the size of some lights.

Xmas Tree Typography in Photoshop

Step 20

For each light I applied a different Hue and Saturation, so I was able to create some red, green, blue, pink and yellow lights.

Xmas Tree Typography in Photoshop

Step 21

Select all layers and duplicate them, after that merge all the duplicated layers into a new one and go to Filter>Blur>Gaussian Blur. Use 15 pixels for the Radius. After that duplicate this layer once.

Xmas Tree Typography in Photoshop

Step 22

For the 2 blurry layers use 50% opacity, however the Blend Modes will be different. For the one on top use Screen and the one beneath use Overlay.

Xmas Tree Typography in Photoshop

Conclusion

The last thing I did was adding the text and the Abduzeedo logo. The font I used was Helvetica Neue Ultra Light. I also added an old paper texture on top of everything using Multiply for the Blend Mode at 20% opacity.

So the whole idea of this case study/tutorial was show you how I went from a simple idea all the way till the final result. I hope that might help you on your future projects and also motivates you to try to sketch more before jumping to the computer.


Xmas Tree Typography in Photoshop
Click on the image for full preview

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