Laptop
Breakdown
The following design samples were used for internal company designs, commercial art and conceptual design use.
Laptop starting with shapes
Create my basic shapes and base colors
![](https://static.wixstatic.com/media/bbc703_575df60bc0524e8981d45a5603293b05~mv2.jpg/v1/crop/x_0,y_44,w_1920,h_993/fill/w_913,h_472,al_c,q_90,enc_auto/bbc703_575df60bc0524e8981d45a5603293b05~mv2.jpg)
I use the rectangle tool to create most of the shapes I needed. Next I round the corners of the rectangles and squares. Some of the sames I cut using the pathfinder tool (buttons on touchpad). Finally decided on what colors I like. I tried to chose something that would have contrast against white highlights.
Putting in text, icons, and gradients
![](https://static.wixstatic.com/media/bbc703_f1236fcf8c9b45bda2462381e7a5c039~mv2.jpg/v1/crop/x_0,y_44,w_1920,h_993/fill/w_137,h_71,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/bbc703_f1236fcf8c9b45bda2462381e7a5c039~mv2.jpg)
I used a my personal laptop as a keyboard reference. I used the text tool to create the type. I used the arrow option in the stroke tab. Lastly, created the windows icon with the rectangle tool and pathfinder tool.
Dropping in texture
Inking finalize drawing in illustrator
![](https://static.wixstatic.com/media/bbc703_8553c294720242a184213f7899817939~mv2.jpg/v1/crop/x_0,y_44,w_1920,h_993/fill/w_137,h_71,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/bbc703_8553c294720242a184213f7899817939~mv2.jpg)
I create a pattern of circles in the shape of a square and group it. Next, I dragged the group to the synbols window and made it a pattern. Select the the base color of the laptop and fill it with the pattern. At the end I change the blending mode to multiply.
Adding (AO) Ambient Occlusion
![](https://static.wixstatic.com/media/bbc703_412349b34d914d8f87d69785ec9f557e~mv2.jpg/v1/crop/x_0,y_44,w_1920,h_993/fill/w_137,h_71,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/bbc703_412349b34d914d8f87d69785ec9f557e~mv2.jpg)
I Copied all shapes from the color and buttons color layer. Next paste in place on the ao layer. Turn all shapes on the ao layer white. Add a inner glow, using black as your color. Last, change the blending mode to multipy.
Putting in the cast shadows
![](https://static.wixstatic.com/media/bbc703_f11e34a3f46140c3bc28f72567ef1713~mv2.jpg/v1/crop/x_0,y_44,w_1920,h_993/fill/w_137,h_71,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/bbc703_f11e34a3f46140c3bc28f72567ef1713~mv2.jpg)
I used the pen tool to draw in my shadows. Fill all shapes with black and turned the blending mode to multiply.
Adding reflections and reflective light.
![](https://static.wixstatic.com/media/bbc703_26da496b3b204ba3a66f54aa67a7c4a5~mv2.jpg/v1/crop/x_0,y_44,w_1920,h_993/fill/w_137,h_71,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/bbc703_26da496b3b204ba3a66f54aa67a7c4a5~mv2.jpg)
I used the pen tool to draw in my reflections and reflective light. Fill all shapes with white and turn the blending mode to screen.
Adding highlights.
![](https://static.wixstatic.com/media/bbc703_c50db1339acd4a18b0c9ae705ea9ba08~mv2.jpg/v1/crop/x_0,y_44,w_1920,h_993/fill/w_137,h_71,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/bbc703_c50db1339acd4a18b0c9ae705ea9ba08~mv2.jpg)
I used the pen tool to draw in my highlights. Fill all shapes with white and turn the blending mode to overlay.
Color Overlay.
![](https://static.wixstatic.com/media/bbc703_e9deaf9f48d34e54b82ba7c04c0f4670~mv2.jpg/v1/crop/x_0,y_44,w_1920,h_993/fill/w_137,h_71,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/bbc703_e9deaf9f48d34e54b82ba7c04c0f4670~mv2.jpg)
I used the pen tool to draw in my highlights. Fill all shapes with blue and turn the blending mode to overlay.
Put in specular highlights.
![](https://static.wixstatic.com/media/bbc703_b030479caceb4b90b6aef98618bfe786~mv2.jpg/v1/crop/x_0,y_44,w_1920,h_993/fill/w_137,h_71,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/bbc703_b030479caceb4b90b6aef98618bfe786~mv2.jpg)
I used the pen tool to draw in my specular highlights. Fill all shapes with white and turn the blending mode to screen. I changed the opacity until I was satisfied with the results.
Adding spotlight effect.
![](https://static.wixstatic.com/media/bbc703_9e4a62a401314ea8b9ab5326a6020d06~mv2.jpg/v1/crop/x_0,y_44,w_1920,h_993/fill/w_137,h_71,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/bbc703_9e4a62a401314ea8b9ab5326a6020d06~mv2.jpg)
I used the gradient tool with the type on radial. Fill the gradient with white to black and turn the blending mode to screen. I changed the opacity until I was satisfied with the results.
Add floor shadow to the base of the laptop.
![](https://static.wixstatic.com/media/bbc703_2df03f7e7b66482581e7e9df4789b4b0~mv2.jpg/v1/crop/x_0,y_44,w_1920,h_993/fill/w_137,h_71,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/bbc703_2df03f7e7b66482581e7e9df4789b4b0~mv2.jpg)
I copied the base of the laptop from the color layer, fill it black and add a blur affect. Lastly I turn the blending mode to multiply. Adjusted the opacity until I was satisfied with the look.