Menu Search
Jump to the content X X

Today, too many websites are still inaccessible. In our new book Inclusive Design Patterns, we explore how to craft flexible front-end design patterns and make future-proof and accessible interfaces without extra effort. Hardcover, 312 pages. Get the book now →

Posts Tagged ‘Tutorials’.

We are pleased to present below all posts tagged with ‘Tutorials’.

Beautiful Examples of Vexel Artworks and Tutorials

Vexel art is a digital art that is an entirely pixel-based form of raster art that imitates the vector graphics technique, but is distinguished from normal vector graphics or raster images. "Vexel" itself is a mixture of two words ‘Vector’ and ‘Pixel’. Vexel designs are composed by using multiple layered shapes. It can be done in Photoshop, but vexel designs are not limited to only Photoshop; essentially, it can be done with any image editing software that has a good Pen Tool.

Screenshot

Below are some truly amazing examples of vexel artwork and also some outstanding tutorials that will help you to master the technique or at least get some understanding of how this technique can be used. Feel free to explore further works of the artists presented below. Enjoy and be inspired.

Read more...

50 Excellent 3D Adobe Illustrator Tutorials

Adobe Illustrator is one of the best applications for making graphic artwork like logos, print designs and Web pages. As time goes on, more and more Illustrator techniques are introduced by talented designers and artists in the industry who achieve some of the best results on the Web. One hot trend nowadays is 3D effects. So, we've gathered together some 3D tutorials to give you an idea of what Adobe Illustrator offers and how to use its 3D features. This list mixes tutorials for beginners and experts.

Screenshot

Here then is our round-up of 50 Excellent Adobe Illustrator Tutorials for 3D artwork. You'll learn a lot of techniques and good practices.

You may also be interested in the following related posts:

Read more...

Retro Futurism At Its Best: Designs and Tutorials

Concepts of the future for the way we live our lives have been expressed in forms of art, design, movies, comics, and even cartoons. For many decades before man even landed on the Moon, people have been fascinated with space and the endless possibilities it could bring. The future is not only about being in space, though it has a major influence, it lies within your innovative minds and skills as the designer and artist. So, whether you go back into the past or here in the present, the future is all that we envision.

Screenshot

It wasn't too many years ago when amazing tools such as 3ds Max, Adobe Illustrator, Photoshop, or even Corel Draw weren't around. Illustrations were drawn by hand using chalks, colored pencils, paints, and pens. With typography, you could find artists/ designers also using fountain pens or calligraphy pens with a large variety of nibs, along with bottles of colored ink. Even today, you will still find designers and architects who use tools such as the t-square, triangular scales, triangle, french curve, and of course, your basic compass.

Times do change and so do the concepts of what to expect in the future. We would like to share with you a collection of retro futuristic designs and tutorials that will inspire you for your future creations. If you like the designs, please take the time to visit the sites of the artist/ designer by clicking on the illustration or title.

Read more...

60+ Amazing Poster and Advertisement Tutorials

Everyone in the business world knows the importance of posters and ads in advertising for specific products. Posters are an integral part of advertising. An eye-catching, attractive poster that conveys a professional, compelling message about a product, service or event will invariably hold the user's attention.

In this article, we have collected a mixture of Photoshop and Illustrator tutorials related to posters and advertisements. You will find some are intermediate and some are very advanced, but they'll all give you a lot of direction with photo composition, illustration, coloring processing, typography techniques, pen tool tricks, shapes processing and much more.

Read more...

Scientific Designs and Tutorials That Will Inspire You

Art and science. The two are more known to be near opposites in the world. Yet, when creativity collides with a logically inspired motif, the results can be spectacular. With a mixture of creative graphics, illustrations, 3D models, trendy typography, photo manipulations and more, you are able to create some of the most amazing art.

Screenshot

Posters have many uses and come in different styles. They can be hung on the walls inside your home, your office, your cubicle. They can be used for print media advertising a special event or a product branding. Some are with typography and some without. The following poster art provides a perspective of science that can only be seen from the artistic side. Links to the profiles of the known artist or source has been provided so that you may view their other designs.

So sit back and let your imagination expand as you take a scientific journey through the the eyes of many artists.

Read more...

20 Time-Saving Tips to Improve Designer’s Workflow

Want to save some time? Of course you do! You are probably always looking for ways to do this faster and make that easier, it's human nature! One of the best ways to save time is experience. The more experience you have, the more comfortable you are working, the more you have developed your own best methods, and with experience you know how to better avoid mistakes and disasters. So always stay hard at what you do and you will definitely save more than "just" time!

File with common graphic elements

However, regardless of your experience level, there are ways to speed up the common design tasks. You should find some of these not-so-well-known tips and strategies listed below very helpful for your workflow. And please feel free to suggest more ideas in the comments to this post!

Read more...

The Ultimate Motion Graphics Tutorials Round-Up

Although static graphics is obviously much easier to scan and therefore can be easily perceived, motion graphics brings dynamics and life into otherwise static content. Animation can help designers to convey a deeper meaning with the use of various video-techniques. It can also provide a better data visualization than the static graphics. How and where you use it in real-life situations is totally up to your talent and your abilities to express yourself.

Motion graphics are not only created using digital techniques; also traditional animation and special effects techniques are used. However, digital techniques help to minimize production costs and achieve nice results with less effort. For example, the Juno opening sequence was a hand-made motion graphics which took painstakingly long time to finish.

A couple of weeks ago we presented Best Tutorials For Cinematic Visual Effects. In this post we present a collection of useful Tutorials for motion graphics – created with the use of digital techniques. These tutorials focus on the designing skills of a motion designer and not on the modeling or the animation. You can use these techniques to create stunning motion graphics or improve upon these ideas and come up with your own creative ideas that will be truly remarkable. Most of the tutorials are from similar sources, because of its quality and usefulness.

Read more...

35 Examples Of Masterful Lighting Effects In Web Design

Using a light source the right way can add dimension and beauty to a website design. Strong light sources create a stark contrast between light areas and shadows in a design, making the elements look more realistic and dimensional and less flat. Some websites opt instead for a dim light source to create a soft glow around particular areas of the website, to attract the eye more subtly.

campcreativegroup.com

Lighting can also create a mood for a website. Some websites use bright swirls of light to show energy, while others use a dim glow to create a peaceful mood. In the examples below, you will see a wide range of lighting effects used, from subtle lighting effects to bold rays of light streaking across the page.

You can learn how to better use light and shadow to polish your page designs and make them stand out on the screen in our recent article 5 Simple Tricks To Bring Light and Shadow Into Your Designs.

Read more...

Best Tutorials For Cinematic Visual Effects

It doesn't matter whether you are a designer, a developer, an artist or an amateur learner – at some point you need to improve the quality of the original picture or video. You may want to retouch and enhance his or her photographs and videos, make it look better, more spectacular and more original. It could be for personal or commercial use. Most of us know how to edit and enhance the digital photographs using our favorite image editing software. But when it comes to videos, the techniques are completely different from that of classic image editing.

Screenshot

In this post we present best tutorial for visual video effects that will (hopefully) teach you how to create impressive videos which can be used for your presentations or websites. Visual effects are used in post production which involves integration of live-action footage and computer generated imagery. You can use it to enhance or manipulate videos, just the way you usually do with image processing tools.

You may be interested in the following related posts:

Read more...

↑ Back to top