Tips for Web Designers, Developers, and Bloggers

Archive for the ‘Tutorial’ Category

Really Pro Illustrator and Photoshop Tutorials (re-blogged)

I realized that I don’t keep up with the times at all, and have been unable to post anything since April. So, I will go back on existing posts at least once a month and will try to post 2-4 articles each month.

1. http://vector.tutsplus.com/tutorials/how-to-create-a-dynamic-3d-puzzle-effect-in-adobe-illustrator/, creating a Dynamic 3D Puzzle Effect in Adobe Illustrator.

https://i2.wp.com/cdn.vector.tutsplus.com/tuts/000_2010/338_3d_dynamic_puzzle/preview.jpg

Preview, from Vector Tuts+

2. http://vector.tutsplus.com/tutorials/how-to-make-a-flesh-ripping-zombie-type-treatment/, creating a really cool vector Flesh ripping zombie type treatment.

https://i1.wp.com/cdn.vector.tutsplus.com/tuts/000_2010/334_zombie_logo/FinalRomero.jpg

Preview, from Vector Tuts+

3. http://psd.tutsplus.com/tutorials/3d/add-depth-of-field-to-a-3d-scene-with-lens-blur/, adding depth to images using lens blur in Photoshop.

https://i0.wp.com/psdtuts.s3.amazonaws.com/0516_Depth_Field/33.jpg

Preview

4. http://www.blog.spoongraphics.co.uk/tutorials/how-to-create-a-retro-sci-fi-computer-game-poster, creating a really cool Sci-Fi Computer game poster in Photoshop)

https://i1.wp.com/www.blog.spoongraphics.co.uk/wp-content/uploads/2010/galactic-attack/galactic-attack-sm.jpg

Preview

Advertisements

5 Great Photoshop Text Tutorials

Creating a Light Bulb Text Effect

http://psd.tutsplus.com/tutorials/text-effects-tutorials/light-bulb-text-effect/ – This tutorial is a very detailed tutorial that can teach a lot and also give you a great text effect.

This is the final image from the tutorial

Create a Royal Gold Text Effect with Layer Styles

http://psd.tutsplus.com/tutorials/text-effects-tutorials/royal-gold-text-effect/ – This is another great tutorial from PSD Tuts that teaches both the use of the layer styles and gives you a great looking outcome.

This is the final outcome

Wrath of the Titans Style Text Effect

http://abduzeedo.com/wrath-titans-photoshop-cs6

Final Outcome Image

Wax Seal Logo

http://abduzeedo.com/easy-wax-seal-illustrator-and-photoshop

Easy Wax Seal in Illustrator

Create a Zee Vintage Label on Illustrator

http://abduzeedo.com/create-zee-vintage-label-illustrator – Sorry for not staying on Photoshop, but I couldn’t resist ignoring this one.

Final Outcome

Top 3 Best Vector Tutorials…found in January

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

How to Change a Face in Photoshop

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!

Awesome Retro Vector Tutorials

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

 

 

https://i0.wp.com/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.

 

 

https://i2.wp.com/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).

 

https://i0.wp.com/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.

 

 

https://i2.wp.com/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/

The Best Illustrator Tutorials (just because they don’t make crappy ones)

1. How to Make Vector Silhouettes

https://i0.wp.com/vectortuts.s3.amazonaws.com/qt/qt_52_silhouettes/preview.jpg

Preview

2. Creating a Custom Text Box

https://i2.wp.com/vectortuts.s3.amazonaws.com/qt/qt_50_custom_text_box/preview.jpg

Preview

3. Use Warped Type to Make a Sports T-Shirt

https://i0.wp.com/vectortuts.s3.amazonaws.com/qt/qt_48_warped_type/preview.jpg

Preview

4. Abduzeedo 2010 Logo Design

https://i0.wp.com/imgs.abduzeedo.com/files/tutorials/Abduzeedo_2010_Logo/Conclusion.jpg

Preview

5. Rad Illustrator Pattern

https://i2.wp.com/abduzeedo.com/files/imagecache/img690x320/originals/4003060232_17391c7bd6_b.jpg

Preview

6. Airplane Time Table Type Effect

https://i0.wp.com/vectortuts.s3.amazonaws.com/qt/qt_46_Airport_Time_Table/preview.jpg

Preview