The formatter threw an exception while trying to deserialize the message: Error in deserializing body of request message for operation 'Translate'. The maximum string content length quota (30720) has been exceeded while reading XML data. This quota may be increased by changing the MaxStringContentLength property on the XmlDictionaryReaderQuotas object used when creating the XML reader. Line 1, position 34473.
In this tutorial, I’m going to be starting with a sketch which I’ll then build up to be a colorful robot friend. I’ll then frame piece in Adobe Illustrator using the Pen Tool, Clipping Masks, and transparent Gradients. So let’s get on with it!
Start with a sketch of your robot friend. Add details, but don’t go too crazy since you’ll be rendering them later anyway.
Start with the head. Use the Rounded Rectangle Tool. Double click to alter the radius of the corners to your liking.
Using the Ellipse Tool (L), I made a circle for each of the antenna’s base.
Repeating this step for both sides and the ends of the antennae.
Using the Pen Tool (P), I’ve drawn a curved tube shape in a very light lilac.
The basic head shape is complete.
Once again I use the Rounded Rectangle Tool. This time it’s for the body. My settings for the corner radius’s were the same as those used for the head.
Using the Direct Selection Tool (A), select the bottom corner anchor points and manipulate them as you see fit.
Repeat on the other side.
To start the arms, I’ve added a circle with the Ellipse Tool (L) to form a shoulder.
Following my initial sketch, I’ve traced the little hands with the Pen Tool (P).
I’ve drawn simple finger shapes as well as a blue piece to make the robot’s thumb look like it is coming out of the hand versus sitting on top of it. How you build your basic hand shapes is entirely up to you.
Group (Ctrl + G) your hand pieces together, Copy (Ctrl + C) and Paste (Ctrl + V). Then Right-Click, select Transform and Reflect.
Choose the vertical axis. Place your newly flipped hand accordingly.
The basic neck shapes are as follows: a rough drawn rectangle with the Pen Tool (P) and an Ellipse (L).
Using the Ellipse Tool (L), draw an oval or circle for an eye. Repeat for as many eyes as you’d like your robot to have.
This robot’s mouth is a simple rounded rectangle, much like the robot’s head itself. Copy (Ctrl + C) and Paste (Ctrl + V) the base head shape and place it beneath the mouth shape. In the Pathfinder panel, with both shapes selected, hit Intersect.
The new mouth shape now cuts off the awkward rounded corners on the bottom edge.
Use the Ellipse Tool (L) to draw an even pink circle.
Copy (Ctrl + C) and Paste (Ctrl + V) the circle and align it with the other.
Overlap the two shapes slightly.
Using the Pen Tool (P), I’ve drawn a pointed shape to create one-half of the bottom of the heart.
Copy (Ctrl + C) and Paste (Ctrl + V) the shape, flip it over a vertical axis, and align it next to its copied self.
Edit the bottom points and any curves necessary to perfect your heart.
Unite your shapes via the Pathfinder panel.
That is one snazzy little robot friend.
Copy (Ctrl + C) and Paste (Ctrl + V) the heart shape and change the color to a very light lilac or gray.
Trace your frame elements using the Pen Tool (P). In this case, it’s a cute little wing being drawn.
The sides of the frame are like long, robotic tube shapes.
The bottom of the frame has two big human heart-shaped silhouettes. Check out some references for this or do your best to draw it up from memory.
I made some drippy, blood like shapes using the Pencil Tool (N) to add to the bottom of the hearts.
A dark, dark blue was chosen for blood element to mimic oil.
Add more little slick like shapes.
Group (Ctrl + G) together your frame pieces, Copy (Ctrl + C) and Paste (Ctrl + V) them, flip over a vertical axis, and align accordingly to make the other side of your frame.
I’ve added a shape similar to the neck that will attach the bottom of the robot to the torso.
Using the Ellipse Tool (L) again, I’ve drawn the top-side of the bottom of the robot.
Using the Rounded Rectangle Tool with the settings as seen below, I’ve added the full shape of the robot’s body. To get it to fit seamlessly with the ellipse drawn previously, I edited the shape by carefully manipulating the anchor points.
Select the ellipse and change the color to something a bit darker.
Drawn some extra bits on the frame.
The arms were too stubby, so I drew something more wiggly, similar to the frame shapes, to be the arm base. It will be set beneath the shoulder and hand pieces, but above the torso.
Draw two small squares with the Rectangle Tool (M) and Align them with each other.
Select the Blend Tool (W) and with that select first the square on the left and then the one on the right. This will create an effect similar to what’s seen above.
Double click the Blend Tool (W) in the tool bar and a dialogue box should appear. Select “Specified Steps” and choose how many intervals you’d like your blend to have. By checking preview, you can see what changes you’re making without committing to them.
Repeat as you see necessary and even add extra boxes around the bottom of the robot so it doesn’t seem so uniform.
Select all blends and boxes and Group (Ctrl + G) them together.
Draw a square over the little assortment of squares you drew previously. Apply a black and white gradient going from white to black vertically.
Select both the grouped squares and the new gradient square. In the Transparency panel select extra options and select Make Opacity Mask.
Make sure Clip is selected in the Transparency panel.
Your pieces should now look like they’re fading into the background.
Draw a rectangle or rounded rectangle with the tool of your choice. Copy (Ctrl + C) and Paste (Ctrl + V) the robot’s head base shape and arrange it beneath the new rectangle you created.
In the Pathfinder panel, with both rectangles selected, hit Minus Front and the only bit left will be anything the front piece did not touch.
Apply a transparent gradient similar to the one seen above.
Repeat Step 1, but hit Intersect in Pathfinder and apply a gradient that goes from a light blue, yellow, or white to the base blue.
Place this beneath the eyes and mouth bits and alter the Opacity as you see fit.
You can repeat part 11 until you’ve rendered your robot to your liking, or your can follow this section to render with the use of a Clipping Mask (Ctrl + 7). Copy (Ctrl + C) and Paste (Ctrl + V) the base head shape over to the side. Draw shapes with the Pen Tool (P) or Pencil Tool (N) and apply transparent gradients as you see fit.
Try manipulating the settings of radial gradients in addition to linear ones. The lighting for this piece mainly comes from the upper-left corner of the picture plane.
Check out the settings for this radial gradient set in the lower part of the robot head.
Try playing with black and white or colorful gradients to give more of a chrome look to your robot.
Change the Blending Mode of the shape in the Transparency panel to Overlay so it keeps with your color palette.
Continue adding shadows, highlights, and gradient shapes until you feel your rectangle looks as it should (think metallic).
Group (Ctrl + G) together your rendering pieces and arrange the base rectangle shape to be above the new group.
Select all and make a Clipping Mask (Ctrl + 7). Adjust the Blending Mode on components in your group as necessary.
Align with the main robot head in your image and set the clipping mask group beneath your robot’s eyes and mouth.
Select both of the robot’s eyes and apply the linear gradient of your choice. This one goes from bright pink to yellow to a light cream.
Using the Ellipse Tool (L), create a dark purple (or brown) oval inside the eye shape. Alter its Opacity as you see fit.
Draw a curved teardrop shape the follows the bottom edge of the robot’s eye. Apply a gradient going from a light cream to a completely transparent blue (same color as the robot head).
Repeat both steps above on the other eye and reduce the Opacity of the highlight shapes. also, add a transparent oval behind the eye itself to create more depth.
Using the Rectangle Tool (M), draw a series of long rectangles spanning the robot’s eye. Unite them in Pathfinder.
Copy (Ctrl + C) and Paste (Ctrl + V) the base eye shape and place it over the top and aligned with the series of united rectangles.
Select both shapes and hit Intersect in Pathfinder.
Reduce the Opacity to 36%.
Draw a new Ellipse (L) within the eye shape.
Change the gradient to a linear one going from light cream to a completely transparent yellow and move it closer to the upper left corner of the eye.
Repeat Steps 9 and 10 with a smaller ellipse and a gradient going from white to a fully transparent cream.
Copy (Ctrl + C) and Paste (Ctrl + V) the shadow ellipse within the eye and set the fill color to “no fill” and the stroke to the same color as the shadow color used previously.
Adjust the Stroke Weight to 0.75pt or 0.5pt. Lower the Opacity to your liking.
Copy (Ctrl + C) and Paste (Ctrl + V) the main eye shape and follow steps 12-13, but set the Stroke Weight to 1pt.
Set this stroked ellipse behind the base eye shape.
Copy (Ctrl + C) and Paste (Ctrl + V) the left eye, flip it over a vertical axis, and place it over the right eye (or in place of the right eye if you copy more than the newly rendered bits).
Follow the same steps from rendering the eyes to build the mouth. Add a highlight shape that follows the shape of the top of the mouth and is set behind the mouth.
Add a curved teardrop shape to the top of each eye.
Add another dark blue shadow shape to the bottom edge of the robot’s head.
Repeat the steps involved with keeping only the intersected shape
Set the new shadow behind the main face pieces.
Add more highlight gradient shapes to the stop of the robot head. I used the Pen Tool (P) to draw these shapes.
Copy (Ctrl + C) and Paste (Ctrl + V) the main head shape, take out the fill color, and stroke it with the settings in the image above.
Set this box behind and in line with the robot head.
With the Pen Tool (P) draw a shape along the bottom of the connecting antenna ball with a linear gradient going from dark blue to light blue.
Draw another shape along the side contour of the ball. Continue adding shapes to give the ball depth.
For a highlight on the ball shape, another curved tear drop was drawn (similar to those around the eyes) but instead of a
linear gradient, a radial gradient has been applied. A stroked shape similar to the one behind the robot head was added behind the blue ball. Repeat these steps for the other side.
Apply dark blue to light blue linear gradients to the shoulder pieces.
Repeat the steps in rendering the ball shapes above for these shoulder pieces.
Draw a small ellipse that slightly overlaps the bottom edge of the left eye.
Apply a radial gradient going from bright pink to transparent blue (Opacity set to 0%).
Repeat on the other side.
Repeat the steps for rendering the other ball shapes on the pink ends of the antennae.
Draw a shape that follows the contour of the antenna. This will serve as a shadow.
Apply a linear gradient to this shape going from the dark purple/brown used previously to the antenna’s light lilac set to 0% Opacity. Follow the steps shown previously for intersecting a shape with another (see section 11, steps 4-5).
Using the Pen Tool (P) draw a curved line (no fill, only stroke) set to the stroke point of your choice. Repeat along the antenna. Group (Ctrl + G) the little lines together.
Copy (Ctrl + C) and Paste (Ctrl + V) the base antenna shape.
Align it with the main antenna.
Select both the grouped lines and the new antenna shape and make a Clipping Mask (Ctrl + 7).
Apply a linear gradient with a medium purple-blue on either side of the light lilac color to the base antenna shape. Adjust the gradient angle as you see fit.
Draw a shape with the Pen Tool (P) that follows the contour of the antenna shape, similar to in the image above.
Apply a linear gradient from white to light lilac, with the lilac set to 0% Opacity. alter the shape’s overall transparency to your liking. Copy (Ctrl + C) and Paste (Ctrl + V) the left antenna, flip over a vertical axis, and align with the antenna on the right side.
Apply the same gradient from the antenna in section 17, step 8. Keep it vertical with the shadow colors closer to the outside edges of the neck shape.
The steps are similar to those from the previous section. Draw stroked lines, Copy (Ctrl + C) and Paste (Ctrl + V) the neck shape, Align, and make a Clipping Mask (Ctrl + 7).
Draw a shape with the Pen Tool (P) that follows the bottom contour of the neck piece and ends about half-way up. Place this behind the clipped lines, but above the rectangle and ellipse of the neck. This creates the shape seen above. Match the gradient from the base neck shape.
For the edge of the ellipse connecting the neck to the robot’s torso, draw a shape similar to the one above using the same gradient as before.
This one overlaps the ellipse, so you’ll have to Intersect it in Pathfinder.
Add a shadow shape to the top of the neck.
Place it behind the head.
These are the same steps from the antennae and the neck. Apply the same linear gradient from sections 17 and 18.
Draw curved lines with the Pen Tool (P) that follows the length and contour of the robot’s arms and Group (Ctrl + G) together.
Copy (Ctrl + C) and Paste (Ctrl + V) the arm shape and Align.
Select both the new arm shape and the grouped lines and apply a Clipping Mask (Ctrl + 7).
Add a shadow shape in the same manner as the one added in Section 17, Steps 2-4.
Repeat steps 1-5 for the right arm or Copy (Ctrl + C) and Paste (Ctrl + V) if your arms are mirrored.
I find it easiest to work on the hands away from the rest of the composition.
Draw a shadow shape that tapers at the lower left corner of the hand and upper right. This transparent gradient goes from dark blue to light blue.
Repeat the steps to Intersect shapes from previous steps. Apply a linear gradient similar to the one seen above to the main hand shape.
Add a shape for the hand’s highlight. This one follows the upper contour of the hand.
I added some low-opacity 1pt stroke lines as core shadows on the hand.
The same gradient from the arms and neck have been applied to the robot’s thumb (and will be applied to each finger).
Copy (Ctrl + C) and Paste (Ctrl + V) the thumb piece, change it to the dark purple/brown shadow color, lower the Opacity, and set it behind the original thumb piece.
Back to the same steps from the arms and neck. Draw your thin stroked lines and Group (Ctrl + G) them together.
Apply a Clipping Mask (Ctrl + 7) in the same manner as before.
Repeat for each finger.
Add shadow shapes similar to those of the arms or neck.
Repeat steps 1-11 for the other hand or simply Copy (Ctrl + C) and Paste (Ctrl + V), if your other hand is the same.
Copy (Ctrl + C) and Paste (Ctrl + V) the heart your little robot is holding to another area of your workspace.
Rendering the pink heart is similar to rendering the ball pieces from earlier. Play with linear and radial gradients to create shadows and highlights.
Add shadow shapes that accentuate the curves of the heart. Group the rendered shapes together, set the pink heart shape above the grouped ones, and make a Clipping Mask (Ctrl + 7).
Align the shadow and highlight group with the original heart shape. Copy (Ctrl + C) and Paste (Ctrl + V) the original heart shape and set it as a stroked line. Set it behind the main heart.
Add transparent circles with the Ellipse Tool (L).
Copy (Ctrl + C) and Paste (Ctrl + V) the main heart shape, set it as the same dark purple/brown color used for shadows throughout the piece and lower its Opacity to your desired level. Off-set it behind the main heart piece.
Here’s how it will look.
Repeat the steps from the previous section for the heart in the frame.
Isolate one of the wing shapes away from the rest of the composition in order to work more easily. Work up shadow shapes that follow the wing’s scallops.
Add gradient shapes that work as highlights, going from an even lighter lilac to the main lilac color. Other colors that work well for metal bits are assorted grays, blues, and light greens.
Apply a Clipping Mask (Ctrl + 7) as you have done countless times before in this tutorial and Group (Ctrl + G) together your elements.
Place the wing back into the frame, beneath the heart shape.
The other three wings were Copy (Ctrl + C) and Pasted (Ctrl + V) from the first and arranged into the composition.
Apply the same gradient from the robot’s arms to the frame pieces.
Follow the same steps from the arm section in drawing curved lines on the frame tubes, shading, and making a Clipping Mask.
Moving on to the human heart shapes at the bottom of the frame, reference if likely needed to understand the basic shapes of the heart, valves, etc. The short of it is render this piece in the same way you did the robot heart.
The more the shadow and highlight shapes you layer onto one another, the more rendered your human heart shape will become.
Once again, Group (Ctrl + G) together your shadow and highlight shapes, Copy (Ctrl + C) and Paste (Ctrl + V) the main heart shape on top of them, and make a Clipping Mask (Ctrl +7).
Unhide those hidden oil wiggles from earlier.
Add some more with the Pencil Tool (N).
Copy (Ctrl + C) and Paste (Ctrl + V), flip over a vertical axis, and align for the other side of the frame. Add whatever sort of background you deem fit. In this case, a simple radial gradient has been applied behind the main piece (in a large rectangle that takes up the picture frame).
At long last this funky robot and his crazy little frame is complete. Push your piece further with more rendered/shaded bits or add some sweet little sparkles in those highlight hot spots.
কোন মন্তব্য নেই:
একটি মন্তব্য পোস্ট করুন