Data should be the cornerstone of everything you create. It makes it easier to account for edge cases, or things you might not have thought of otherwise. The easiest way to work with real data in Sketch is the with Craft plugin from InVision. It provides a wealth of predefined content, such as names and addresses, lets you scour a website for the required information, and enables you to feed in a JSON file and work with the provided data.
Read more…
In this article, Christian Krammer will teach how easy it is to recreate real-world objects in a very accurate way. You will learn not only how to stack multiple borders, but also how to apply gradients to create distinctive effects. You’ll also learned more about rotations and how to use the Rotate Copies function to add multiple copies of the same object in a very special way. To help you along the way you can also download the Sketch editable file.
Read more…
In the second part of this series, Christian Krammer will teach you more about using Sketch effectively for mobile app design. You will finish designing the music player that you started in part one. This includes creating the icons at the bottom, as well as making the music player responsive, so that all elements adapt to the width of the artboard and, thus, can be used for different device widths. Shapes are much easier to set up and modify, and you will still be able to combine them into more complex forms using Boolean operations.
Read more…
Sketch is known for its tricky, advanced facets, but it’s not rocket science. We’ve got you covered with The Sketch Handbook which is filled with practical examples and tutorials that will help you get the most out of this mighty tool. In today’s article, Christian Krammer gives us a little taste of all the impressive designs Sketch is capable of bringing to life.
Read more…
Illustration is a great way to boost many of your skills and to experiment with drawing techniques, colors and composition. In this article, Igor Izhik will show you how these skills will make you a better specialist in any creative field by sharing how he approaches all stages of the illustration process and providing general techniques for creating vector illustrations in Adobe Illustrator. Just remember that a solid illustration requires patience and is rarely done quickly. The good news is that it pays off. Let’s take a closer look at it and see how it was made.
Read more…
In this article, Manuela Langella will teach you not only how to draw a cartoon in Adobe Illustrator, but also how to decide on character, place and situation in order to tell a story. Before grabbing your pencil or software tool, ask yourself, “What will be my topic?” How many characters you will use, and who will they be? What background will they move against? What era will they live in? In what scene will you put them? Through the steps in this tutorial, she will explain to you her own choices. Let’s begin!
Read more…
Creating the perfect website is not an easy task, nor is it a done deal. The perfect website requires time and continual work to keep it that way. Perfecting a website entails putting services in place to handle such problems. There’s always something to optimize, trends to keep up with, security issues to worry about. If you plan on being in business for years to come, prepare yourself. Don’t worry if you don’t have everything in place to make your website perfect. Start out as best as you can. Above all else, a perfect website requires experience, which you can only get by giving things a go and sticking around.
Read more…
Starting with version 2.1, WordPress provides the Walker abstract class, with the specific function of traversing these tree-like data structures. But an abstract class does not produce any output by itself. It has to be extended with a concrete child class that builds the HTML bricks for specific lists of items. In this article, Carlo Daniele will explore some of the most common uses of the Walker class. Note, however, that the following examples do not cover all possible applications and alternative ways to take advantage of the class. But you’ll discover more just by making use of your imagination and your skills as a programmer.
Read more…
Even though Photoshop is still a long way off from being able to create the high-end and cinematic animations of such programs as After Effects, it still has enough power to create complex animation. In this article, Stephen Petrany will share advanced techniques to help you create complex animations. He’ll look at the Timeline panel and the different properties that can be animated, and explore the roles that adjustment layers, filters and smart objects can have in animation. Because the topics and techniques in this article are advanced, a moderate level of Photoshop knowledge is expected.
Read more…
With the display of the iPhone 6 Plus being even more detailed than that of the iPhone 4, we will need to provide 3x assets. The numbers 1x, 2x and 3x are also called “scale factors.” Of course, Android developers have always had to deal with many different sets of assets. Still, designers are finding themselves questioning their production workflow. In this article, Karsten Bruns will focus on iOS, but you could easily extend this approach to Android and the web. Hopefully, the methods described here will simplify your workflow.
Read more…
