Hey guys, this is Ross and today we'll be creating this retro gramophone vector design inside illustrator. We have used a classic color tone for our design. During the process, we'll be using some new techniques to achieve these kinds of concepts. So let's begin with the designing process. Open a new Illustrator document and select the Star tool from the toolbar. We'll use this tool to create the horn of the gramophone. So click on the Artboard and this will open the star attribute panel. Here, set the points to 10, radius 1 to 26 and radius 2 to 29. And click OK. This will create a polygon with 10 corner or axis and intersecting edges. Scale up the size, and now using the Eye selection tool, click the circular icon and drag it in a little bit. This will give a smooth curve to our pointed corners. Then rotate the shape to 90 degree angle. Next, draw a horizontal line segment from the center of the polygon using the Line Segment tool. Give a stroke color from the color swatches. Now create another duplicate of the line segment using the keyboard shortcut Command or Ctrl + C to copy and Command or Ctrl +F to paste in front. Now rotate the angle and place it at the inclined region. Now select both lines and create another duplicate. Rotate the angle and place it at this division. Duplicate the last line segment to place it at this region. Now select all the shapes and click on Divide option on the Pathfinder. This will divide the polygon into smaller triangular pieces. Ungroup it to select the individual triangles. Now slightly alternate shapes and apply gray color using the color picker option. In the same way, now select the remaining shapes and give bright gray color to it. Next, we're going to be modifying the shape to give a perspective look. So select the shape and group it all. Now, go to Object > Envelope distort > Make with mesh. Here, set the rows and columns to 2 by 2 and click OK. This will divide our design into 4 sections. Now, using the Eye Selection tool, select the center anchor point and drag it towards the left side. Then select the Anchor Point tool and break the points. Now edit the handles to give a nice curve to the inner triangles. Also use Direct Selection tool to do the further adjustments. Edit the handles to give a nice move smooth flow. Next, we'll convert back to fill object, so go to Object and Expand it. Next, we'll add thickness to this design. So select the shape and go to Effect > 3D > Extrude and Bevel. Under this panel, edit the angle of rotation, set the perspective angle to around 67 degree and the Extrude Depth to around 18 points. Also, change the surface to Diffuse Shading and click OK. Next, expand the shape and ungroup it twice to separate each pieces. Now select the border shapes and all the triangular shapes and move it aside. Then delete out the remaining pieces. Next, we'll create a pipe connecting the horn. So to create that, start drawing out the straight line using the Pan tool. Press Shift key to get straight lines. Now, edit the anchor points to set the perfect position. Once you are done with the adjustment, slaggy top two anchor points using the Eye Selection tool and then drag the circular icon inwards. This will give a round turning at this region. In the same way, select the other two anchor points and drag the circular icon to give a curve turning. Do the same for the last two anchor points. Next, add a stroke thickness to the path. Then on the Stroke panel, set the profile to Triangulo Stroke Style. Now, edit the stroke thickness and set it around 99 points. We'll apply gradient color to the stroke to give a cylindrical look. So open the gradient panel and apply Gradient Across Stroke. Now, let's edit of the gradient sliders. Double click on the left slider and choose HSB, here set the brightness to 14.9%. You can also use this color code under RGB to get the same color. For the right slider, set the B value to 56% and also for the middle slider set the B value to 56%. Now edit this slider to shift this reflection. Next, we'll create the body of the gramophone. So draw a rectangle, apply our color to it. Then draw out one more rectangle, this will be used to create the tone table. Drag the circular icon to make the corners smooth. Create another duplicate and drag it up. Now selecting both the shapes, extract out the lower region using the Shape Builder tool. Apply bright color to the lower piece. Next, draw a circle from the center using the Ellipse tool. Apply dark color using the Eyedropper tool. Now, we'll give some interesting effect using the stroke option. So firstly, give a stroke color. Then on the Stroke panel, activate Align Stroke to Outside. Then increase the stroke thickness to 3 point. Now open the appearance panel under Window. And create anothe duplicate of the stroke. To do that, click and drag it to new layer icon. For this, change the stroke color to white with a stroke thickness 0.5 points. Next, create one more duplicate of the circle and scale down its size, change the fill color to white, thick stroke color also white, and stroke color to gray. Then again, create one more duplicate of the circle. This time, scale down its size and remove the strokes. And then fill it out with a dark color. Lastly, to add more details to the tone table, add full circles at the corners. Next, we'll create the tone arm, so draw the circle and a rectangle. Place the rectangle around the center, then add anchor points around here. And using the Eye Selection tool, drag down the point to modify the shape. Now, select both the rectangle and the circle and Unite them on the Pathfinder. Then select all the shapes and group it all. Now place it at the middle of the rectangle. Next, we'll be adding more details to our design. Our design will mainly consist of basic shapes, so draw a rectangle and make its corner round. Place it at the top left corner and apply a gradient color. On the gradient panel, we'll use only two color sliders. So set the right slider color to light gray using the color code #BEC1C0. And for the left slider, apply the same color code and reduce its Brightness value. Now, using the gradient tool, apply the gradient color vertically. We'll also add Drop Shadow to the shape. So go to Effect > Stylize > Drop Shadow. Here, change the layer mode to Multiply, opacity to 10%, Y Offset to -1 point and the Blur value to 1 point. Now, create multiple duplicates of the shape, arrange them vertically and place the last shape at the back. Create another duplicate of this shape and give it a 90 degree angle. Before this, we'Nll apply different gradient color. Pick the color from a previous design. Switch the color to fill object and now remove the third slider from the gradient panel and drag the second slider to the end. Then edit de gradient color. Next, apply the same gradient color from our previous design using the Eye Picker tool and edit the gradient direction. Next, create few more duplicate of the shapes and arrange them to back. Now, draw our circle on the right side, create a duplicate of the circle and scale up its size. Place it over the center, then selecting all the shapes, extract all the top shape using the Shape Builder tool. Then delete all the rest. Apply the same gradient color from our previous shape, using the Eye Picker tool. Edit the direction of the gradient color properly. This way, we'll continue adding more details to our design. With your Shape Builder tool, if you want to extract out a certain region. Lastly, to add depth to our horn shape, select all the gray triangular shapes and pick up a gradient color from here. This will apply a gradient to all the shapes. Now, edit the direction in such a way that the darker colors are originating from the center. Do the same for the remaining shapes. For this, the color will be a little brighter. Now, arrange all the shapes in their proper place. Now, draw a rectangle same size of the artboard. We'll use this to add background color. Apply greenish blue color and arrange it to back. Next, to give a retro effect, select all the shapes and go to Effect > Stylize > Grain. Under Grain, choose Clumped option. Set the intensity to around 45 and the contrast to 53 and click OK. This will add a nice noisy effect to our design. Next, we'll type out individual alphabets and place that in this order. To add motion blur effect, draw a rectangle and apply white gradient color. Reduce the opacity of right slider to 0% and also reduce the other slider opacity to 60%. This will add a nice effect. Now, copy this shape and place it where you want to add this effect. We'll give this effect to the Alphabet O, E and M. Each time you have to change the angle of rotation. Lastly, type our text retro design with the proper font and size. The font used for the alphabet is Tex Adventure bold. This has given a bold feel to our design. If now... if you want to experiment with more color choices, drag and drop into a new Photoshop document, scale the size to fill the whole area. Then add a Hue and Saturation Adjustment layer on top and apply clipping mask with the Alt pressed. Now, on the Hue and Saturation panel, increase the saturation value to 41 and edit the Hue value to get the required color. Finally, we have completed designing retro gramophone in vector design. The designing process was very unique.
The transcript in this language is not yet available. We are working on it, please come back later!