Menu Search
Jump to the content X X
Smashing Conf Barcelona

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 Barcelona, dedicated to smart front-end techniques and design patterns.

Posts Tagged ‘Tutorials’.

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

Beautiful Motion Graphics Created With Programming: Showcase, Tools and Tutorials

When you hear the word "creative", what type of profession comes to mind? Maybe a graphic designer, painter, sculptor, illustrator, or writer? It's unlikely that you would consider a "programmer" when thinking of creative fields of work. But programmers have the potential to be creative and come up with ideas or concepts that will impact others in positive ways.

Screenshot

We often turn to programmers to solve mathematical-related problems, but the concept of mathematics in programming is what powers programmers to innovate. When you think of mathematics you imagine numbers, expressions, and equations. But what about art, music, or even beautiful visuals? Those numbers and equations that we often view as mundane and overly-formulaic can generate beautiful visuals and music. This article will present dozens of examples of motion graphics and interactive visuals created with computational code, along with some useful references and resources.

Read more...

Create a Cute Little Tiger in Illustrator

The tiger is one of the coolest animals in the earth. It's a very powerful, dangerous, yet fascinating animal. In this tutorial, we will be drawing the tiger, but we will be doing it a little bit different. Instead of portraying the tiger as a savage and mean creature, I will teach you how to draw a cute little tiger that you will be able to use in your projects, as a desktop wallpaper, etc. You will also learn lots of Illustrator techniques as well. This is the perfect tutorial for year 2010, the year of the tiger. So what are we waiting for? Let's begin, r-r-r-r...

Read more...

32 Stunning Outer Space Science Fiction Photoshop Tutorials

As promised, here are some amazing outer-space tutorials for your learning. This is part 2 of the "Out of This World" series. I'm sure that you have seen some of these tutorials before, but hopefully, you will find a few that are totally new. So what are you waiting for? Go ahead and choose a few of these tutorials and try them out for yourself.

Part I: Out of This World Typography
Part II: Out of This World Tutorials

Read more...

35 Incredible Digital Painting Tutorials

Art is not restricted to any medium, nor is digital painting. Yes, you read that right: "digital painting." It is a new trend in today’s technologically brilliant world that won't go away any time soon. Here, we’ve gathered 35 tutorials to inspire you to display your creativity through digital painting. We hope you like this collection. Kindly share your comments about it with us.

Making of Beauty on the Bed

You may also want to check out the following Smashing Magazine articles: Read more...

How to Blend Faces in Adobe Photoshop

Adobe Photoshop is my favorite software. One of the reasons why I love it is because asides from being able to make a living creating designs from the software, I can use it to have a little fun as well. In this tutorial, you will learn how to use Photoshop to mix people's faces or put a person's face on another person's head. Anyway, let us get started right away.

Read more...

The Ultimate Round-Up Of T-Shirt Design Tutorials

Among all of the graphic designers in the world, many of them have probably had a go at designing some cool artwork for t-shirts. The t-shirt, after all, is one of the world's most purchased products, and a lot of us wouldn't know what to do without them!

Balanced T-Shirt Graphic

If you have yet to design for apparel goods, today is your lucky day! Below, we present over 20 useful t-shirt graphic tutorials written by fellow designers, followed by a selection of great resources (such as vector apparel mock-up templates), an inspirational showcase to get your brain thinking and some great websites where you can submit your new t-shirt graphics.

You may be interested in the following related posts:

Read more...

Setting Up Photoshop For Web, App and iPhone Development

Most people who have designed websites or apps in Photoshop will, at one point or another, have had issues trying to match colors in images to colors generated by HTML, CSS or code. This article aims to solve those problems once and for all. So how can we achieve color management that matches colors across multiple devices? [Updated February/28/2017]

Screenshot

In the print world, color management typically involves calibrating your entire workflow, from scanner or digital camera to computer display to hard proofs to the final press output. This can be quite a tall order, especially when the devices use different color spaces — matching RGB and CMYK devices is notoriously hard.

When designing or editing for TV, calibrating the main editing display and using a broadcast monitor are common; these show real-time proof of how the image will look on a typical TV in a viewer’s home. In such a scenario, color management offers many benefits and is highly recommended.

When building Web and application interfaces, the situation is a little different. The final output is the same device that you’re using to create the artwork: a computer display (putting aside for now differences in gamma between Windows, OS X prior to 10.6 and the iPhone, which we’ll cover later.)

Read more...

The Ultimate Round-Up of Print Design Tutorials

The Ultimate Round-Up of Print Design Tutorials (via @smashingmag) -

Although web design is everywhere nowadays (even when we're not at the computer it still manages to squeeze it's way in to our everyday life), print design is still a huge part of the design industry and is everywhere we look: newspapers, posters, prints, manuals, restaurant menus, business cards – the list goes on and on. So how do you make sure that you leave a good impression on people holding your piece of art in their hands? This is where experience and advanced print design skills come into play.

Envato Business Card

Below we present 25 useful print design tutorials as well as a collection of inspirational links at the bottom of the post to get your imagination running wild. These tutorials make use of Adobe Photoshop, Illustrator and InDesign, and even the experienced designers out there can give their skills a polish by taking the time to read through these tutorials to squeeze a few more tips, tricks, do's and dont's up their already stuffed sleeves.

Read more...

40 Excellent Illustrator Tutorials

Learning is a process which continues throughout the life of an artist, graphic designer, and illustrator. Along the way, designers find the task of mastering Adobe Illustrator a large obstacle which requires practice and experience in using the vector-based application. Practice comes in the form of tutorials, which offer tips, tricks, and artistic styles from other designers who have mastered certain techniques based on their experience. [Content Care Dec/07/2016]

screenshot

From these tutorials, a designer can polish their skillsets on a variety of topics which will strengthen their own artwork. Sometimes a simple tutorial has tips which may have been overlooked based on the subject of the tutorial. By looking past the subjects of the tutorials, an endless array of learning opportunities exist. Essentially, the tutorials become not only a teacher but a "class" which a designer can repeat as often as necessary to refine their skills.

In this post, 40 simple to complex Adobe Illustrator tutorials will have the overall techniques by each tutorial summarized. The purpose is to pick and choose among the tutorials based on the areas that need improvment. Whether a seasoned professional or a designer just starting out, Adobe Illustrator tutorials offer a way to brush up on one's skills.

Read more...

Urban Art Tutorial in Photoshop and Illustrator

Photoshop and Illustrator, as we’ve all come to realize, have revolutionized contemporary design and illustration, unleashing the creative potential of artists the world over. Through this tutorial, we’ll take you through process and technique, from sketch to Photoshop to Illustrator, so that you can learn skills to complement your ample creativity! As we go through constructing this image, I encourage you to experiment with the skills you learn, applying them to your own style.

Illustration: Final

Pencils sharp! We start with the sketch. Though a short one, this step is without a doubt the most important in this tutorial. With a strong sketch and concept, you have a much better chance of producing a first-rate result! That said, let's begin fleshing out the rough details of our illustration.

Read more...

50 Clever Tutorials and Techniques on Traditional Drawing

Traditional drawing is certainly way harder than digital and it is true that people are able to progress much faster digitally, but one should learn the traditional type of drawing and painting before starting digital drawing, since it often lays out the foundation for screen design.

Screenshot

This article contains a mixture of traditional drawing tutorials, drawing techniques and some methods for transforming and preparing your creations for screen design. Some are intermediate level and some are advanced tutorials that include general theory, useful tips, comic inspired art, sketch a pencil drawing, coloring processing, character sketching, shapes, proportional, perspective and much more. We hope that drawing tutorials and techniques in this post will be a great help to you. Content Care Dec/01/2016]

Read more...

50 Free Photography Resources That Will Improve Your Skills

Photography is a wonderful hobby enjoyed by lots of people all over the world. It's a very enjoyable passtime, but also a very technical one. There's a bewildering range of cameras, lenses and accessories, and photographers also have to get to grips with computers and image editing software packages. It can get very confusing, especially for newcomers to the hobby, and there always seems to be something to new to learn, even for experienced photographers. [Content Care Dec/11/2016]

50 Free Resources That Will Improve Your Photography Skills

With this in mind we've put together a list of over 50 free resources that will be useful to anyone involved in photography. We've compiled a list of the best and most comprehensive websites that will help you get the most out of your photography equipment. You'll find a gold mine of articles on equipment and technique, plus advice from some of the most active and well-known professional photographers practising today.

Read more...

↑ Back to top