Designing a Robot Concept with 2D Art Techniques
01. Sketching a Silhouette
When planning the concept of a robot, the first and most important step is defining the robot’s silhouette. Consider dividing its structure into the armored and exposed regions. In this case, the light grey areas are designated for armor, while the darker ones represent all the exposed parts of the robot – soft fabrics, cables, and artificial muscles.
02. Using Colour Sparingly
Limiting yourself to a maximum of three values will help you distinguish different types of robot parts more easily and keep your design organized. At this stage, don’t worry too much about shadows; we’ll just use simple, soft lighting to avoid the complexity of dramatic shading. This allows us to focus on the functionality of our machine’s shapes.
03. Incorporating Fine Details
To get a natural look and work faster, keep perspective simple. Remember, you’re creating a concept, not an illustration. For the same reason, I recommend avoiding dynamic shadows. It’s best to think of a main, diffused light source rather than creating something more dramatic. Paint details by hand for a more natural look, and use black and white to focus on the design.
04. Planning with a Grid
To simplify grasping perspective while working, you can sketch a rough grid to guide the overall design. However, when drawing a posed character, keep in mind that each body part will have its own alignment relative to the others. I recommend not sticking too rigidly to the lines or being overly precise, as this can slow you down and make the design appear stiff.
05. Using a Background Trick
To elevate the presentation, consider adding a gradient background with a softly fading pattern. This will introduce depth to the image, bringing a focus to the forefront and making our robotic creature stand out. A well-placed shadow beneath the character will further ground the machine in 3D space, enhancing its realism in the process.
06. Maintain Your Vision
Keeping everything in greyscale eliminates distractions caused by color, making it easier to focus on the design itself and control the values. To quickly convert a color image to black and white in Photoshop, use the shortcut Alt+Shift+Ctrl+B.
07. Advice for Using a Colour Palette
Restricting yourself to a simple color scheme helps establish a clear and cohesive aesthetic for your design. Since our robot is already rich in detail, adding too many colors could result in visual chaos and overwhelm the composition. I chose three main colors and added them to different parts of the robot.
08. Photobashing New Elements
Once you’ve established the silhouette of your robot, you can start cutting out elements from photos of machines and adapt them to fit the shapes you want to create. Don’t hesitate to stretch, cut, and modify them. At this point, we’re not concerned with the details.
09. Adding Colors and Finalizing
For cohesion, I focused on warm shades of purple, copper, and cool bluetones, with colors on separate blending layers. Typically, I use Soft Light or Overlay, but you can experiment with Color Dodge or Multiply. To save time, I copied already established design elements from the legs and adjusted for the pose. Finally, refined details and add effects like glowing eyes.
Conclusion
Designing a robot concept with 2D art techniques requires a combination of planning, simplicity, and attention to detail. By following these steps, you can create a rich and complex design while simplifying the process.
Frequently Asked Questions
- Q: What is the first step in designing a robot concept?
A: Defining the robot’s silhouette by dividing its structure into armored and exposed regions. - Q: How many values should I use in my design?
A: Limit yourself to a maximum of three values to distinguish different types of robot parts and keep your design organized. - Q: What is the best way to add depth to the image?
A: Consider adding a gradient background with a softly fading pattern to introduce depth and bring a focus to the forefront. - Q: How can I convert a color image to black and white?
A: Use the shortcut Alt+Shift+Ctrl+B in Photoshop.
