Tips for Web Designers, Developers, and Bloggers

Archive for the ‘Design’ 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

Hand Picked Fonts For Design

1. Null

 

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

2. Bebas

 

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

3. Olney

 

https://i0.wp.com/behance.vo.llnwd.net/profiles/91226/projects/649135/52a385a93e434eb22f6e9f195072cdbc.gif
Olney (light)

4. RNS Camelia

 

 

https://i2.wp.com/typophile.com/files/istock_type_4939.gif

RNS Camelia

 

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

 

 

Best Actionscript Physics Engines

1. Box 2D Physics Engine

 

saf

Box 2D Physics Engine

 

2. APE Physics Engine

 

asf

APE (Actionscript Physics Engine)

3. Fisix Engine

https://i2.wp.com/www.codingbusters.com/images/barbelldemo.jpg

Fisix Engine

4. FOAM

https://i1.wp.com/blog.generalrelativity.org/extraImages/foam_logo_300x200.jpg

FOAM

5. FLADE

fda

Flade

 

 

Type rendering on the web (via The Typekit Blog)

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