Card #1 - Simple Xd Logo, lit and textured
Adobe Xd Holiday Card
This is a personal project to celebrate the new year in the Adobe Xd team. I have the privilege of leading the engineering effort of this awesome team. This is a set of visuals used internally to celebrate the team's work.
The team has created a system of software solutions that work together: Win10, Mac OS, iOS, Android and on Adobe Creative Cloud. In one of the cards, the set-up is showing the Microsoft Surface Studio in the center as we proudly first showcased Xd running on Win10 at Adobe Max in November 2016 and the team is fully focused on bringing the full Xd functionality to Win10. Another card (below), is an imaginary shelf on which all the platform and relevant logos are shown for Adobe Xd. On that shelf, a miniature version of a Surface Studio is shown.
Card #2 - Desktop Setting
Making of
This set of cards was created in Cinema 4D for the layout, lighting and rendition, and then textured and adjusted in Photoshop. Below, you can see the third card (with the first two being the Xd logo at the very top and the desktop setting just above). I have also included renderings of details and an image that shows the image straight out of Cinema4D, then textured and adjusted in Photoshop.
In Cinema4D, I have used the powerful "Sketch and Toon" post-processing to create the very graphical outlines on the 3D geometry. It is useful to re-inforce the legibility of the renditions and give it a more 2D rendering style. The rendering with and without the "Sketch and Toon" lines is also shown below for Card #3.
Card #3 – Imaginary Shelf
Card #3 process steps – Luminance / Global Illumination / Ambient Occlusions / Shadows / Sketch and Toons strokes / Texturing (Ps) / Adjustments (Ps)
Card #3 Details – Notice the highlight on the iOS logo
In the above detail, you can see a white highlight on the iOS logo. This is done with Sketch and Toon. A white stroke is applied to just the outline of the front face of the logo. Then, the specific shape of the white stroke width is controlled by a spline curve in the stroke properties (see below).
The iOS Logo Body has an edge selection tag that limits the white highlight to exactly the edge we want to highlight.
The thickness spline controls the heaviness of the white highlight along the edge where we want the white highlight.
Card #2 – Close up on the 3D logos
iOS, Windows, Android, Apple, MacOS, Creative Cloud, Adobe and Adobe Xd are the properties of their respective owners.
Alternate post-processing
The following image is a playful, grunge post-processing applied to the project. It uses a lot more grain, texture and a different tone, emulating an old camera / silver film sepia rendering.
