Do you have a sketch lying around and want to bring it to life? If you’re inspired by mid-century art as much as Manuela Langella, you’ll love the process and end result of this tutorial. Today, Manuela will show you how to create a beautiful cover design inspired by the 1950s. Specifically, the cover will be for a children’s book, so you’re going to create a well-known character: Little Red Riding Hood. Dig out your sketch and fire up Illustrator to get started!
Read more…
For years, marketers have relied on images, videos, and infographics to better sell products and services. The importance of visual media has increased further with the rise of the Internet and consequently, of social media. Gifographics are the next step in the evolution of infographics. In this article, Manish Dudharejia will take a closer look at the evolution of infographics and how a static infographic can be animated using Adobe Photoshop, so some Photoshop knowledge (at least the basics) is required.
Read more…
Photoshop is what many digital artists, photographers, graphic designers, and even some web developers have in common. What sets us apart is how we use the tool. In this tutorial, Yoanna Victorova shares her most often used Photoshop shortcuts and a few key parts of her creative process. To profit the most from this tutorial, some familiarity with Photoshop would be required, but you should be able to follow along because every technique will be explained in detail. For this article, she decided to use one of her most famous Photoshop artworks named “Regret”.
Read more…
A wireframe is a visual representation of your project’s structure. It defines the bones, the elements that will work in your layout, and the placement of the content for your prototype. Working with wireframes allows you to get creative without worrying too much about the style or the design of your project. In this tutorial, Manuela Langella will teach you how to create a landing page for an online course website, and offers a mobile wireframe you can use to practice and follow along.
Read more…
After defining your project, you need to test how it will work before you begin to develop it. It is possible to represent the interactivity of an app before its development, and this gives developers a global vision of an app’s functioning, user behavior and steps to afford. There are many ways to design and create an app’s look. In this article, Manuela Langella will show you how to transfer an app’s design from Photoshop to XD, and how to work on it and having fun while prototyping.
Read more…
Creating large, harmonious and uniform color palettes can be a challenge. Good intentions and confident plans can be abandoned when things get a little unwieldy.
But you can equip yourself with some tools to manage the complexity. With the right techniques, large color palettes can be created, refined and refactored at will. Large color palettes can be tamed.
Read more…
Have you tried drawing animals from circles? It can be quite a challenge, especially if you can only use a particular amount of circles. In this article, Dorota Pankowska explains how she created 13 animals with only 13 circles. The drawing challenge mostly consists of three Adobe applications: Photoshop, Illustrator and After Effects.
Read more…
In this article, Cameron McEfee will give you a taste of how GuideGuide can change the way you use guides in Photoshop and Illustrator. If you’re one of the many people who already use GuideGuide, you may discover some unconventional uses that are not immediately apparent. Cameron will provide an overview of the major features, and then give some examples of advanced and unusual ways it can be used to make you a more efficient designer.
While he’s going to focus this post on Illustrator, nearly everything is applicable to Photoshop as well.
Read more…
In 2011, the traditional comp-to-HTML workflow was only beginning to be critiqued, and since then, we’ve seen a myriad of alternatives. Style Tiles, Style Prototypes, Visual Inventories, Element Collages, style guides, and even designing in the browser have all been suitable approaches to multi-device design. Also, applications like Webflow and Macaw have made breakpoint visualization digestible for the code-averse. Many designers have moved on from Photoshop as their workhorse to Sketch, Affinity Designer, or similar. Others have adopted apps like Keynote for prototyping.
Read more…
You can now have multiple designs right next to each other in Photoshop! In this article, Murdoch Carpenter will design an entire set of assets all at once. He will walk you through the basics of artboards and Generate. Then he’ll look at a real project in which he used these techniques together, making for a major time-saver. First up, artboards. What many Photoshop users have been hoping for — with a push from Sketch, no doubt — finally arrives in the form of artboards.
Read more…