Jason Hoppe Adobe Certified Expert & Adobe Certified Trainer
  • Home
  • Contact
  • Classes
  • Blog
  • Blog Index
  • Portfolio
  • Max 2022

Design Points n PixelS


infographic series - Goldfish jumping from a fish bowl

1/29/2018

1 Comment

 
Icons that show motion are fun to look at and also great fun to make. Takes this happy fish, enjoying a swim in his fish bowl, jumping out and creating some bubbles. And there are a few new tips in here to make this even easier!
Picture

Picture
Start the fishbowl with a circle, add a heavy stroke, no fill. 
Picture
Draw a rectangle over the top of the circle, this will cut off the top and make it flat. 
Picture
Select both the circle and the rectangle, use the Pathfinder Minus Front Mode to remove the rectangle and leave the flat top. Make a copy of this off to the side for later use.

Picture
Draw a rectangle, fill it with a light blue for the water. 
Picture
Use the Curvature Tool and click on the top of the rectangle and pull up or down to curve the top and create a wavy edge. 
Picture
Copy the shape, flip it and fill it with a slightly different color and set the opacity to around 30-40% to show the other water through. Select both shapes and CUT (or copy) them.

Picture
Select the fish bowl and click on the Draw Inside at the bottom of the Tool Bar. 
Picture
Paste the wave shapes into the bowl and position them so the waves are in the upper third of the bowl. 
Picture
Draw a rounded rectangle, round the end completely.

Picture
Select the Stroke Panel and click on the Dashed Line check box and put in random numbers to create a random dashed line. Make sure to select the rounded cap  (hotdog) the line ends.
Picture
Control the spacing and the line length in the Stroke Panel until you get the right spacing. 
Picture
Use the Direct Selection Tool to delete the left side and lower left arc.

Picture
Place the "fish path" in position to show where the fish is jumping. Add an arc to the side of the bowl for a reflection. Set the opacity of the arc to 30%.
Picture
Use the copy of the fishbowl create earlier. Fill it with a slightly different blue than the waves, set the opacity to 25% This will get pasted into the bowl but the waves are already pasted into it so using the Draw Inside mode is no longer available. 
Picture
Open your Layers Panel. Find the "Clip Group" that is your fishbowl and waves. Open the group up by clicking on the "Twirly" (yes, really called a Twirly) on the left of the icon to open up the contents. Find the layer you created in the last step and drag it INTO the layer order INSIDE the Clip Group, this is how you can add to a Clip Group that has been created with Draw Inside.

Picture
Here is the slip shadow in the bowl.
Picture
Create the body of the fish starting with a circle. 
Picture
Use the Direct Selection Tool to select the upper point of the circle. Use the UP arrow on the key board to move the point straight up. 

Picture
Picture
Convert the rounded top point to corner point in the Control Bar.
Picture
Use the polygon tool to draw a triangle. While drawing, use the down arrow to change the number of side to three.
Picture
Place the triangle over the fish body, select both shapes and use the Pathfinder Unite Mode to combine the two shapes. COPY this final shape. 

Picture
Use the Stroke Panel to round the corners of the stroke.
Picture
Fill the fish with a gold color. 
Picture
Click on the Draw Inside mode and paste the fish shape into the body. Remove the stoke and add a lighter color fill and move it to the side to create a slip shadow effect. 

Picture
Add a few circles, one black, one white, for the eyes. Create an arc for the mouth. 
Picture
Place the completed fish at the end of the dashed fish path. Add some circles, smaller as they get away from the bowl, to show bubbles. 
Picture
Create four lines in a "plus" formation to show bubbles popping. You have just made a happy gold fish jumping in and out of the fishbowl. 
1 Comment
zidane link
11/13/2022 07:52:03 pm

thank you for the information

Reply



Leave a Reply.

    RSS Feed

    Archives

    March 2021
    February 2021
    December 2020
    September 2020
    August 2020
    July 2020
    June 2020
    May 2020
    April 2020
    March 2020
    February 2020
    January 2020
    December 2019
    November 2019
    October 2019
    September 2019
    August 2019
    July 2019
    June 2019
    May 2019
    April 2019
    March 2019
    February 2019
    January 2019
    December 2018
    November 2018
    October 2018
    September 2018
    August 2018
    July 2018
    June 2018
    May 2018
    April 2018
    March 2018
    February 2018
    January 2018
    December 2017
    November 2017
    October 2017
    September 2017
    August 2017
    July 2017
    June 2017
    May 2017
    April 2017
    March 2017
    February 2017
    January 2017
    December 2016
    November 2016
    October 2016
    September 2016
    August 2016
    July 2016
    June 2016
    May 2016
    April 2016
    March 2016
    February 2016
    January 2016
    December 2015
    November 2015
    October 2015
    September 2015

    RSS Feed

Proudly powered by Weebly
  • Home
  • Contact
  • Classes
  • Blog
  • Blog Index
  • Portfolio
  • Max 2022