Posts Tagged ‘Tutorials’.
We are pleased to present below all posts tagged with ‘Tutorials’.
You know, we use ad-blockers as well. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. our upcoming SmashingConf New York, dedicated to smart front-end techniques and design patterns.
We are pleased to present below all posts tagged with ‘Tutorials’.
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...
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.
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...
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.
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...
When we talk about a famous brand, the first thing that comes to mind is its logo. The logo is the most essential component of any personal brand and also the hardest part to execute. A logo must be appropriate, aesthetically pleasing and a reflection of the company’s credibility. Furthermore, a logotype should be synonymous with the company or product it represents and should penetrate people’s minds as a selling agent. [Content Care Dec/15/2016]
An amateurish logo design can more likely make your business fail for a number of reasons. A logo is of great importance in creating brand identity, and you should be very careful in selecting one for your business.
Today, we present some outstanding logo design tutorials to give you a head start when it comes time to creating an amazing logo for your own business.Read more...
Over the recent months we've been presenting various showcases of photography – while many readers hated the showcases, most readers found them inspirational and perfect for a lousy workday's morning. However, what we should have done in the inspirational posts is not just provide you with some inspiration for your work, but also present useful photographic techniques which can help you to achieve optimal pictures for your designs. And as requested by many of you, now it's time to correct our mistake. [Content Care Oct/28/2016]
In this post we present useful photographic techniques, tutorials and resources for various kinds of photography. You'll learn how to set up the perfect environment and what techniques, principles and rules of thumbs you should consider when shooting your next perfect photo. This round-up isn't supposed to be the ultimate one – please feel free to suggest more useful articles in the comments to this post.
Among other things, we cover high-speed photography, tilt-shift photography, black and white photography, motion blur, infrared, night, smoke photography, macro photography, HDR, panoramic photography, RAW processing and others. Hopefully, you'll find many of the listed tutorials and how-tos useful for your regular work.Read more...
There's just no escaping light and shadow -- it's everywhere you look. Everything you see reflects light and casts some sort of shadow. Visually, light and shadow help us make sense of what we see and help us understand texture, dimension and perspective.
So, as we try to make our designs on the Web more natural, moving and intuitive, a good understanding of light and shadow is pretty important. Here are 5 ways to better use light and shadow to polish your page designs and make them stand out on the screen.Read more...
Although often used in the wrong context, the motif of ’70s Retro Rainbow designs seems to occur in many modern designs – from products designs to posters and web designs. The rainbow colors are particularly eye-catching and lively; they may provide the design with a dynamics and help to vividly convey the message of the graphic work. In past few months I came across to many artworks and new concepts of retro designs which gave me a thought to gather few for this inspirational post.
Below you'll find a showcase of beautiful Retro Rainbow designs and resources. They range from popular Flickr photos to unconventional sources of inspiration, from helpful tutorials to useful related tools. Share your favorite sources of inspiration in the comments.
You may want to consider browsing through the following related posts:
For years, Apple has had a huge impact on designers and graphic artists across the globe. The simplicity and sharpness of the Aqua interface in Mac OS X strongly influenced the way new products were being presented and designed. It's not only the design of products that makes Apple's products different, it's also their appearance on the Web and in print.
No other company has managed to come up with such a crisp and brilliant style of presenting its recent designs as a new breakthrough innovation that will change our lives for a long time. Apple has found an extremely effective way to deliver its message to a wide audience, and Apple's look and feel has played a major role in shaping that way.
In this post, we present a collection of beautiful Apple-inspired Adobe Photoshop tutorials. We collected them not because we are religiously in love with Apple, but because you may find these tutorials useful; for instance, if you are developing a new Mac or iPhone application or designing a concept for a new product. In these cases, you may want to consider Apple's Human Interface Guidelines and our Designer's Guide To Icon Design For Mac OS X. Please feel free to suggest further tutorials in the comments to this post.Read more...
Here, on the Smashing Editorial team, we always try to meet the expectations of our readers. We do our best to avoid misunderstandings, and we try to spread knowedge and present only the best design practices and development techniques. However, sometimes we do make mistakes. And when we do, we apologize and do our best to correct what we've done.
In November 2008 we published the article 10 Advanced PHP Tips To Improve Your Programming. Apparently, according to negative comments to the post, it contained some errors and some statements that are just wrong. We sincerely apologize for our mistake, and we are truly sorry for any inconvenience we caused by it. However, this simple apology is not good enough.
To solve the problem, we asked Chris Shiflett and Sean Coates, two PHP gurus, to take a closer look at the article, explain its errors and make it perfectly clear what is actually right and wrong in the theory and practice. This article is a professional response to our article published a couple of months ago.Read more...