Tips for Web Designers, Developers, and Bloggers

You and I have both seen a quality video sometime in our life that makes us go “Oh my gosh! That’s great!” Yeah, well, lately too many people have been taking advantage of this great video broadcasting website by posting stupid crap on it. The worst of it all, in my opinion, is “Charlie bit my finger – again.” This video has gotten over 300 million views. I’m not saying that it’s a bad video, because I have laughed a bit off of it, but this is probably the stupidest thing ever. Here is the video:

That video is NOT part of the list.

Anyways, I’m not going to keep ranting about this Charlie bit my finger thing and how stupid it is that people get over 300 views off of crap like that. I’ll just get to the list.

10. 

I couldn’t stop laughing at that one. Bruno Mars has probably made the best music video yet.

9.

The Pretender is probably the best grunge rock song ever, apart from “Smells Like Teen Spirit” and “In Bloom” (I think “In Bloom” is underrated).

8.

Yes. This is probably as stupid as “Charlie bit my finger” but it’s very funny and kept me laughing for a good minute.

8.

No, that wasn’t a typo, I actually put two 8′s. The dark comedy version is way better than the original.

7.

Be a man.

6.

Very creative song and a very creative person. He might be fat, but his creativity makes up for it.

5.

OK, this probably isn’t the best “video” that you’ve seen, but I put it on here because of the music. Nirvana will remain my favorite band…but the Foo Fighters are coming close to topping them (it must be Dave Grohl). “Smells Like Teen Spirit” is the best grunge song ever.

4.

This is why people started wearing V-Necks.

3.

This is funny.

2.

If you’re better than Jimi Hendrix…you must be God….or Kurt Cobain.

1.

I am not like a G6…I am like a G7.

 

 

 

 

 

 

1. http://www.gomediazine.com/tutorials/from-sketch-to-vector-illustration/, From Sketch to Vector Illustration.

ads

Preview

2. http://jdog0601.deviantart.com/art/Hairy-Man-Vector-tut-Eng-129452571, Hairy Man.

afs

Tutorial

3. http://www.computerarts.co.uk/tutorials/2d__and__photoshop/combine_textures_with_vectors, combining textures with Vectors.

asfs

Preview

Have you ever lied to your friends, saying you did something totally awesome? They probably wouldn’t believe you unless you had some sort of evidence, like a picture, right? Well, here is a way to get that picture, even if you never even came close to doing anything like the thing you said you did.

  • Software: Photoshop Elements 4.0
  • Time: Around an hour

So, the first step is to find the picture you want to photoshop yourself into. Make sure you can see most of the face on the person you want to “become”. I’m going to use this one:

Picture by Tony Dowson, freedigitalphotos.net

Once you choose your image you need to find a picture of you to place in that image. You want it to seem realistic, so instead of choosing a picture where you look serious, choose one where you look excited. If you need to, take a new picture of yourself with a webcam/camera. I’ll go with this one:

Picture by Graur Codrin, freedigitalphotos.net

Now open both pictures up in Photoshop.

The first real step is to select your head and hair. Use a lasso tool (I used polygonal) and just  lasso around your head, like this:

It’s okay if you cut a little bit of yourself off or get some of the background in.

After you are done selecting, change your tool to the Move Tool. Then drag your face into the thumbnail of the other image.

Your oversized head should now be in the center of the “awesome” pic.

To change the size of your head, go to Image->Transform->Free transform. Then, drag the corners until your head is the correct size.

While still in Free Transform mode, move your mouse to the outside of your face. The cursor should change into a curvy line. Click and drag, and your face should rotate. Rotate it to the correct angle, and then drag it over the orignal face.

The lighting of your face most-likely doesn’t match the lighting of the background image. To fix this, go to Enhance->Adjust Color->Adjust Color for Skin Tone. Then click on part of your skin. Photoshop will try to adjust automatically, but it doesn’t always work very well, so just use the sliders to make adjustments.

Now, your project should be pretty much done. Just make a few adjustments here and there if needed, and then save your work. Congratulations! You are now an expert Jet Skier!

I am a new author on this blog and this is my first post. Please take the poll below so I know what you guys want me to post! Thanks!

Best 3D Tutorials

1. http://cg.tutsplus.com/tutorials/blender/construct-a-microcosm-using-blender-2-5-modeling-rigging/

2. http://darkscarab.com/tutorials/view.php?title=Modeling%20the%20Honda%20HSV-010%20GT%20-%20Part%201

 

3. http://cg.tutsplus.com/tutorials/blender/3d_cg_blender_3dsmax_max_blend_quick_tip_import_export_io_correction_3ds/ – fixing .3Ds import

 

http://d2d04grx5ahzvh.cloudfront.net/246_Blender_QuicktipIO3Ds/thumb_3d_cg_3dsmax_blender_autodesk_import_export_3ds_files_io_.jpg

Fixing .3ds Import

4. http://cg.tutsplus.com/tutorials/blender/re-topologize-a-game-ready-alien-head-in-blender/ – Re-topologizing a game-ready alien head in Blender.

http://d2d04grx5ahzvh.cloudfront.net/036_Blender_Retopo/preview.jpg

Re-Topologizing a Game-Ready Alien Head

5. http://www.blenderguru.com/create-a-foggy-window/ – Creating a foggy windo in Blender.

 

http://www.blenderguru.com/wp-content/uploads/2010/11/big-540x303.jpg

Preview

1. Null

 

http://fontfabric.com/wp-content/themes/unstandard/images/NullFreeFont01.gif
Null

2. Bebas

 

http://www.logofromdreams.com/wp-content/uploads/2009/06/bebas.png
Bebas

3. Olney

 

http://behance.vo.llnwd.net/profiles/91226/projects/649135/52a385a93e434eb22f6e9f195072cdbc.gif
Olney (light)

4. RNS Camelia

 

 

http://typophile.com/files/istock_type_4939.gif

RNS Camelia

 

1. http://www.tutorial9.net/photoshop/design-a-stylish-retro-game-boy-poster-in-photoshop/ – Stylish Retro Gameboy poster

 

 

http://www.worth1000.com/hosted/tutorials/0505200315940harmer2.jpg

Retro Colorization

 

2. http://www.tutorial9.net/photoshop/amazing-vector-retro-rainbow-curves/ – Really tight retro rainbow curves

 

 

http://tutorial9.s3.amazonaws.com/uploads/2008/05/final2.jpg

Retro Curves

 

3. http://www.tutorial9.net/photoshop/create-a-retro-pop-style-wallpaper/ – Abstract retro wallpaper.

 

 

http://tutorial9.s3.amazonaws.com/uploads/2008/06/sample.jpg

Preview

 

4. http://www.pstut.info/photoshop-tutorials/design-a-3d-retro-strip/ – a really cool retro strip design. (In case  you get confused: this website has pages for the tutorial on the bottom).

 

http://www.pstut.info/wp-content/uploads/curveinsp.jpg
Preview

5. http://abduzeedo.com/super-cool-retro-poster-10-steps-photoshop – a really cool retro poster in photoshop.

 

 

http://imgs.abduzeedo.com/files/tutorials/Super_Cool_Retro_Poster_in_10_Steps_in_Photoshop/Version_2.jpg

Preview

 

 

7 Great Blender Tutorials

1. http://www.blenderguru.com/creating-realistic-fire/

2. http://www.blenderguru.com/create-an-animated-flag/

3. http://www.blenderguru.com/create-a-shattered-glass-title-animation/

4. http://www.blenderguru.com/recreate-the-starcraft-2-logo/

Video Tutorial:

5. http://www.blenderguru.com/create-a-motivational-poster/

Video Tutorial:

6. http://www.blenderguru.com/how-to-create-a-lightning-storm/

Video Tutorial

7. http://www.blenderguru.com/how-to-create-a-muzzle-flash/

1. Box 2D Physics Engine

 

saf

Box 2D Physics Engine

 

2. APE Physics Engine

 

asf

APE (Actionscript Physics Engine)

3. Fisix Engine

http://www.codingbusters.com/images/barbelldemo.jpg

Fisix Engine

4. FOAM

http://blog.generalrelativity.org/extraImages/foam_logo_300x200.jpg

FOAM

5. FLADE

fda

Flade

 

 

Type rendering on the web Back when web fonts were in their infancy, I asked typophiles to help me understand why fonts look the way they do in web browsers. A year and a half later, with their help, advice from a few expert type technicians, and lots of research here at Typekit, we're starting to fully understand type rendering on the web. The translation of a font's outlines into pixellated text of varying quality, consistency, and sharpness is not straightforward. It i … Read More

via The Typekit Blog

Design Inspiration #5

Wallpapers

http://media.smashingmagazine.com/cdn_smash/images/wallpapers4/ilt.png

http://fc09.deviantart.net/fs10/i/2006/326/7/6/I_LOVE_TYPO_by_dzn_citizen.jpg

I Love Typo

Logos

http://www.fuelyourcreativity.com/files/2008/06/edenlogo-kbmonx.jpg

Eden Logo (Envato)

http://logopond.com/logos/f9766cb1bcf88f5d345afaf55153ed69.png

grrrafix

No illustrations this time.

Follow

Get every new post delivered to your Inbox.