Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m

Next lesson playing in 5 seconds


Free Preview: Creating Flat Workspace Elements for Advertisements


  • Overview
  • Transcript

In this course you will learn how to create a trendy, flat-style advertising banner with realistic workspace elements. We will start from the very beginning by making a list of desktop items, and then we’ll create every single item one by one, using Adobe Illustrator basic shapes and effects and adding details and textures. Then we will create a true-to-life wooden background for the desk and finish up by building a well-balanced composition of our workspace items, adding flat-style long shadows and some text to give our template a finished look. By the end of this course you’ll be able to create a wide variety of different designs, combining existing elements and adding new ones, using the tips and tricks you’ve learned during this course.

1. Introduction

1.1 Introduction

Hi, everyone, and welcome to Creating Space Elements for Advertisements course at Tuts+. My name is Yulia Sokolova. And I will be guiding you throughout this course. I have the pleasure of working as a design, and illustration instructor here at Tuts+, and as a CG artist Disney Publishing along with some other exciting freelance projects. Being up to date is very important for designers, and artists, as a lot of new trends come to life, giving a fresh look to familiar things. In this course, we'll be making a trendy design of an advertisement template, creating a set of flex style work space items, what differ this course from traditional freestyle art is that we'll go further by adding more details, and textures to our objects, making them look dimensional and realistic. We'll go through a descriptive process, creating every single element from a list, and finish out by combining our items into a well-balanced composition. Adding trend to long shadows, and some text to form a template. We'll be using various handy tips, and tricks which will help us working with multiple Adobe Illustrator tools and effects, creating the items from basic shapes. These techniques are very flexible and comprehensive. So by the end of this course, you'll be able to make a numerous variety of different designs, serving various purposes. I hope you already feel excited, and willing to start this course. Let's move on to our next lesson, and make a list of elements that we're going to create. And right after that, we'll start making the items one by one. See you in the next lesson.

2. Advertisement Concept Idea

2.1 Making a List of Elements

Hi everyone and welcome to creating flatwork space elements for advertisement course with Yula at tuts+. In this lesson we'll be deciding on the purpose of our future banner and making a list of workspace elements using some web resources and the surrounding environment to find proper references. Let's start. So first of all we need to know what kind of advertisement are we going to make. What do we need it for? Will it be an advertisement of some service which helps you to start your business? If the answer is yes then we need to draw some business related objects like charts and diagrams, a laptop, glasses maybe a suitcase and so on. Or maybe you want to make a promotional flier or some indication. In this case, when you to draw some desktop school objects, like copy books, pens and pencils, paper sheets, a computer, and so on. As you can see, everything depends on the purpose of your image. In this tutorial, we'll be making a functional banner with some common workspace elements which can be used in any advertisement. You can always add one or two specific items to the existing list which will serve the purpose of your banner. The easiest way to form a list of the needed elements is using Google. Let's go to Google images and see what we can find if we search for workspace elements. Here you can find a lot of nice designs, which will inspire you and help to decide on what exactly you need to draw. You can also try finding inspiration on various market or stock sites, such as GraphicRiver. If you try searching desktop, you will discover various interesting mock-ups, which contain a lot of elements. However, the most interesting and inspiring way to create your own artwork and using your own ideas is to look around and find the proper elements at your own desk. Those can be any objects which are commonly used day by day. Sometimes we don't even think of how often do we hold this thing in hands and we stop paying attention to them. However these objects are the best option for such advertisement banners because they serve their purpose and attract people who see familiar elements and feel connected and involved. Let's see what do we have at our desk. I've collected some things and devices which I usually used for my work, and made a top view photo. Such photos can also serve as a good reference, if you want to use them as the template image while drawing. It helps to see the real proportions and the scale of objects clearly if we compare them to each other. Here is a list of items that we found using the photo. A laptop, a cup of coffee, a sketchbook, glasses, headphones, a smart phone and digital tablet, an old photo camera, a leather wallet, some credit cards, paper sheets and pencils. Great. So now we have a complete list of workspace elements, which we will be creating during this course, and then combining into a balanced composition for our advertisement banner. In our next lesson, we'll be creating the first item from our list, a laptop, using various Adobe Illustrator tools to make it look realistic and turning the screen into a mock up for our custom templates. Stay tuned.