How Daniele De Nigris created “3/4 Decorative” in Illustrator CC

Phạm Văn Siêng 24/09/2019, Cập nhật: 5 năm trước

Italian artist Daniele De Nigris blends geometry and artistry to build impossibly complex designs from simple tile patterns. His approach is both meticulous and methodical as he adds, subtracts, and repeats shapes, colors, and gradients until he arrives at his mosaic masterpieces. Here’s how he created the image that was selected for the Adobe Animate CC 2017 splash screen.

























































Design the base pattern














Daniele creates a square tile that includes points of engagement on three of the four sides — hence the “3/4” title of the piece. The foundation of Daniele’s design is this square pattern he repeats and rotates

throughout the composition.

Daniele uses basic shapes — a rotated square containing concentric ellipses and lines — to form the base pattern. He then uses the Divide function in the Pathfinder tool to trim the concentric circle pattern that falls outside the square. 

















create-complex-design-tile-patterns_1















Daniele adds grayscale fills to distinguish parts of the pattern. He then creates a cross section of the base tile to connect larger sections of the pattern later in the project. To do this, he duplicates an empty rectangle from the top left of the tile, brings it to the front, and uses it to cover the bottom right side of the base pattern. Then, he uses the Crop function in the Pathfinder tool to create a portion of the main pattern. He hides this extra layer until he needs it.

















create-complex-design-tile-patterns_2






























Rotate and repeat to create a tiled effect














Daniele is now ready to create the larger pattern. He duplicates the original square pattern and rotates it -90 degrees. He repeats this process until there are four tiles to complete the internal square pattern.

















create-complex-design-tile-patterns_3















Daniele repeats the four-square pattern so it extends off the canvas. Then, he copies the cross-section layer, the portion of the main pattern he created earlier, and places it so it connects the internal four-square section to the layout just outside the area. To finish the layout, Daniele copies the connecting layer and rotates it for the remaining three corners.

















create-complex-design-tile-patterns_4






























Color the pattern














Daniele creates a palette of custom color swatches that he uses across multiple projects. Once he adds

color, Daniele removes the black outlines from all the shapes.

















create-complex-design-tile-patterns_5






























Simulate dimension with gradient blends














Daniele uses a system of applying gradients to individual path segments that combine to form the illusion of depth. It’s a multistep process. To begin, he creates a new layer and quickly creates concentric circles with the Polar Grid tool.

















create-complex-design-tile-patterns_6















He eliminates all but the two arcs that bisect the colored part of the circle using the Divide function in the Pathfinder tool. Then, he changes the stroke color of those lines from the default, white, to a linear gradient with no fill. To create a smooth gradient, he sets the Location of the start of the gradient, white, to 1% (not 0%) and the end, black, to 99% (not 100%).

















create-complex-design-tile-patterns_7















He increases the stroke weight to 52 points, so it fills the space between the two arcs and creates a smooth gradient.

















create-complex-design-tile-patterns_8















To blend the gradient, Daniele selects the color at the start and endpoint of each arc to create the gradient. He repeats this for the second arc.

















create-complex-design-tile-patterns_9















He then reflects the two arcs vertically to create the other quarter circle, and repeats the process to add a gradient to the top half of the circle.

















create-complex-design-tile-patterns_10















Daniele shades half the circles and then reflects them to fill in the other half of the pattern. He repeats the process on the curves of the long edges.

















create-complex-design-tile-patterns_11






























Add black holes for contrast and illusion














Daniele creates striking contrast when he fills portions of the design with black. To do this, he selects the elongated ovals, copies and pastes them to the top layer, deletes the original ovals, and colors the new

ones black.

















create-complex-design-tile-patterns_12















To create the illusion of depth, Daniele sets the circle at the center of the pattern with a gradient fill and no stroke. He replaces the black to white endpoint colors of the gradient with colors from the top and

bottom of the circle, then reverses it to give the impression of depth. He repeats this for the rest of the circles in the pattern.  

















create-complex-design-tile-patterns_13






























Make it 3D














Daniele uses shadows to make the design appear three-dimensional. He draws two circles and overlaps them with a rectangle that intersects the center of the circles at a 45-degree angle. He uses the Shape Builder tool to select, or keep, the middle portion of the rectangle (the shaded area below), and deletes the remaining pieces.

















create-complex-design-tile-patterns_14















With the shape selected, Daniele colors it with a gradient set to black — 100% opacity at one end and 0% opacity at the other — set with a 45-degree angle. For the complete effect, he sets the Transparency setting to Multiply and 50% Opacity.

















create-complex-design-tile-patterns_15






























Add lines and texture














Daniele uses the Blend and Shape Builder tools to add concentric lines and circles, then adds a scanned paper texture to finish the piece.

















create-complex-design-tile-patterns_16
















 

About the artist:
Daniele De Nigris’s love of geometric patterns and art began when he was a boy growing up in Bologna, Italy. Thanks to a supportive family and a design professor who saw his potential early on, Daniele was able to turn his passion to create into a professional and personal artistic journey. 

Daniele finds inspiration in everything around him, from nature to architecture to the details in everyday objects. He appreciates artists from all over the world and likes to learn from art manuals, particularly those that focus on geometric design. Daniele was blown away by the work of noted Dutch artist M.C. Escher, whose creations were strongly rooted in architecture and mathematics.

Daniele starts with quick sketches on paper, then focuses on the ideas that interest him. In the most time-consuming part of his process, Daniele studies the piece and determines the coloring and structure of the overall design. Finally, he moves to Illustrator and Adobe Photoshop CC to create the final composition.





















Follow Daniele De Nigris











* Nguồn: Illustrator CC

Phạm Văn Siêng 24/09/2019, Cập nhật: 5 năm trước
Ý KIẾN THÀNH VIÊN
    Chưa có bình luận