background preloader

Tutorials

Facebook Twitter

The Shapes of CSS. Learn Development at Frontend Masters CSS is capable of making all sorts of shapes. Squares and rectangles are easy, as they are the natural shapes of the web. Add a width and height and you have the exact size rectangle you need. Add border-radius and you can round that shape, and enough of it you can turn those rectangles into circles and ovals. We also get the ::before and ::after pseudo elements in CSS, which give us the potential of two more shapes we can add to the original element. By getting clever with positioning, transforming, and many other tricks, we can make lots of shapes in CSS with only a single HTML element. Square Rectangle Circle Oval Triangle Up Triangle Down Triangle Left Triangle Right Triangle Top Left Triangle Top Right Triangle Bottom Left Triangle Bottom Right Curved Tail Arrow via Ando Razafimandimby Trapezoid Parallelogram Star (6-points) Star (5-points) via Kit MacAllister Pentagon Hexagon Octagon Heart via Nicolas Gallagher Infinity via Nicolas Gallagher Egg Pac-Man Talk Bubble Lock.

Photoshop Crash Course | Jeremy Shuback . com. Achieving a Vintage Look Through Color Tones in Photoshop CS. By Guest Contributor Anna Gay Photographers are often striving for a “vintage” look in their photos, and even though there are endless ways of achieving a vintage look, there are a couple of characteristics to keep in mind. First of all, the color tones in a vintage photo often lean towards either a blue or a red hue, or a cross-processed look. Vintage photos also have an element of noise or grain that can be achieved through textures, and also a certain amount of vignetting around the edges of the photo. In this tutorial, we will look at adjusting color tones and adding vignettes. This photo is the result of adjusting the color curves, adding two vignettes, and a color fill, which we will walk through step-by-step.

First, open your photo in Photoshop and make sure your foreground color is set to white in your side tool bar. You will see the above dialogue box. As you can see here, there should be three layers – your Background image, then your two gradient layers. Yet Another Colorization Tutorial. Tutorial Magazine / photoshop / effects. 18 jQuery scripts and tutorials to improve your portfolio. For freelancing designers, the online portfolio is one the best ways to get some work.

Every prospect will check it before hiring you for the job, so it must be good. JQuery can be a great tool to improve your portfolio’s usability or functionalities. In the following collection you will find some great jQuery scripts and tutorials that’s help you to get a better portfolio… and find more graphic design jobs! 1. TN3 Gallery One of my favorite jQuery slideshow available, a paid script that will make your life much easier and your site prettier. 2. jQuery tabs Tabs can be a great way to make informations about a project quickly available without leaving the page. 3. jQuery cycle If you want to show a project’s evolution, jQuery cycle could be the way to go. 4.

If you are going to use a tooltip to display further technical informations, do it with style. 5. jQuery Zoom 6. Nice flipping effect for your divs, images, or whatever you want to put in it. 7. jQuery Multimedia portfolio 8. 9. 12. 20 Fantastic Photoshop Manipulation Tutorials -2010. 82 Clever and Creative Fred & Friends Products.

I'm sure you've come across Fred & Friend products before at your local indie store and might not have even known it. Last weekend I was cruising around town and stopped at an indie store only to find one whole corner of the place dedicated to Fred & Friend products. It was heavenly. I stood there for probably more than a half hour laughing and checking out all their cool stuff. A lot of creativity goes into the making of these products, and I think part of that cleverness is shown in the name of the product and the slogan. It's really a hoot flipping through their catalog and I often find myself posing the question: "How in heavens name did they think of that? ". Which one's your favorite? Disclaimer: the images you're about to view may not be suitable for all audiences. The OH!

Conversational paperclips the hot buttered desk accessory! There’s no esc for flies! Bigger, better, louder, cooler who says dusting can’t be fun? We ALL need a foot in the door rude, chewed refrigerator magnets. Tutorials - Photoshopcontest.com.