Manuela is a Digital Illustrator from Napoli, Italy. She started as a Web Designer but then followed her primary passion: Adobe Illustrator. Drawing is her passion, Digital Drawing is her dream.
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…
Over the summer, Adobe XD released two great prototyping features: fixed elements and overlays. When you work with prototypes and want them to be more interactive, functions like these will be very helpful. In this article, Manuela Langella will show you how to set a menu bar as a fixed element and how to apply an overlay transition in a prototype, to simulate a menu opening from the click of a button. She’ll also include an Illustrator file with icons, which you can use to set up your examples quickly. Let’s get started!
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…
A world without icons — is that even possible? After all, icons have been one of the first elements used in the first UIs. What makes icons particularly special is perhaps the fact that their meaning can be understood without having to add any text or further details. In this article, Manuela Langella will show you how icons have been one of the first elements used in the first user interfaces and the story behind them. Let’s dig deep into why they play an important part in today’s screen design.
Read more…
Web design trends have changed rapidly in recent years, with some things disappearing for a while and then making a gradual comeback. That’s the case with gradients. So, what are gradients, and why are they so valuable to designers? One thing is for sure: Gradients are making a comeback, and we can already see this trend on many websites. In this article, Manuela Langella brings you a tutorial on how to create a simple web layout with linear and radial gradients.
Read more…
As an icon creator, Manuela Langella tried to use XD to create icons from scratch and to apply them to a new user interface. In this tutorial, Manuela will guide you through the steps it took so you can follow along. She’ll take a look at how to create a set of office icons for a new app. Plus, she’s going to show you how you can use XD’s features to interact with your newly-created user interfaces during the prototyping phase. So, let’s get started!
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…
Today, we’re happy to release the Easter Icon Set designed and created by Manuela Langella and, as always, is free to use in private and commercial projects. This set of 13 icons is available in AI, PSD, EPS, PDF, SVG and PNG formats. Feel free to modify the size, color or shape of the icons. We’d kindly like to ask you to provide credits to the creator and link to this article if you would like to spread the word about the freebie. A big Thank You to Manuela Langella for designing this wonderful icon set — we sincerely appreciate your time and efforts! Keep up the brilliant work!
Read more…
In this article, Manuela Langella will teach you how to work digitally on an image you draw by hand. You will be able to distinguish how Illustrator works with Live Trace and with the Pen Tool. Two different results from the same image, the first close to hand-drawing, the second more of a cartoon style. First you’ll need to know how to manage your drawing in Photoshop and which are the best ways to prepare it for Illustrator. If you are not comfortable drawing in Photoshop, don’t worry! You can download her drawing in high-resolution, skip the Photoshop step and go straight to step 2 to begin with Illustrator.
Read more…
This colourful, creative, fun and completely free icon set was created from Manuela Langella specially for the Smashing Magazine readers. Enjoy these cartoon style icons and spread the word about this freebie. You may modify the size, color or shape of the icons. No attribution is required, though reselling bundles or individual pictograms isn’t cool. We’d kindly like to ask you to provide credits to the creator and link to this article if you would like to spread the word about the freebie. A big thank you to Manuela Langella for designing this wonderful icon set — we sincerely appreciate your time and efforts!
Read more…
Today, we’re happy to release the Halloween Icon Set, a set of 19 icons designed and created by Manuela Langella and free to be used in private as well as commercial projects. You may modify the size, color or shape of the icons. No attribution is required, however, reselling of bundles or individual pictograms isn’t cool. A big thank you to Manuela Langella for designing this wonderful icon set — we sincerely appreciate your time and efforts! Keep up the brilliant work!
Read more…
Designed by Manuella Langella, this office and business icon set is free to use for both commercial and personal projects, including software, online services, templates and themes. Volume 1 contains 32 icons and has a slightly different style than volume 2, which consists of 60 icons. Thank you, dear Manuella Langella. We sincerely appreciate your time and effort! Keep up the brilliant work!
Read more…
