Close
Transparent Glass Ball Tutorial in Adobe Illustrator

Transparent Glass Ball Tutorial

Transparent Glass Ball
Learn how to create a transparent glass ball element and save it as a symbol to reuse in other graphics.

  1. Using the Ellipse Tool (l) create a circle and apply add a radial gradient going from white to gray.   Since our light source is coming from the top left, shift the gradient center up and to the left. From the Appearance panel change the Fill blending mode to Soft Light.
    TransparentGlassBall-01 TransparentGlassBall-01a
    TransparentGlassBall-01b TransparentGlassBall-01c
  2. To make the ball look a little more realistic we need more light.  From the Appearance Panel add a new Fill and give it a soft white gradient and place it in the upper left.  Change the blending mode to Screen and choose a desired opacity.
    TransparentGlassBall-02c
    TransparentGlassBall-02
    TransparentGlassBall-02bTransparentGlassBall-02a
  3. Repeat the previous step with a smaller light source and place it slightly above the previous.
    TransparentGlassBall-03TransparentGlassBall-03a
  4. To enhance the shadows a little add a radial gradient going from transparent to light blue.  Set the Fill blending mode to Overlay and choose a desired opacity.  Lock layer.
    You should have something that looks like this. Rename layer to Ball.
    TransparentGlassBall-04TransparentGlassBall-04c
    TransparentGlassBall-04bTransparentGlassBall-04a
  5. To test the transparency draw a rectangle and place it behind the ball.
    TransparentGlassBall-05
  6. This is great, but it still doesn’t look real.  It needs more reflective light and shadows. To do that we need to create crescents of variable sizes and add gradients to them.  Where there should be light add a light gradient and where there should be shadows add a dark gradient.  Play around with the transparency and opacity, use your judgment and pile the layers up.
    TransparentGlassBall-06TransparentGlassBall-06a
    Learn how to create a transparent glass ball element in Adobe Illustrator and save it as a symbol to reuse in other graphics. Learn how to create a transparent glass ball element in Adobe Illustrator and save it as a symbol to reuse in other graphics. Learn how to create a transparent glass ball element in Adobe Illustrator and save it as a symbol to reuse in other graphics. Learn how to create a transparent glass ball element in Adobe Illustrator and save it as a symbol to reuse in other graphics.Learn how to create a transparent glass ball element in Adobe Illustrator and save it as a symbol to reuse in other graphics.
    Learn how to create a transparent glass ball element in Adobe Illustrator and save it as a symbol to reuse in other graphics. Learn how to create a transparent glass ball element in Adobe Illustrator and save it as a symbol to reuse in other graphics. Learn how to create a transparent glass ball element in Adobe Illustrator and save it as a symbol to reuse in other graphics.
    Learn how to create a transparent glass ball element in Adobe Illustrator and save it as a symbol to reuse in other graphics. Learn how to create a transparent glass ball element in Adobe Illustrator and save it as a symbol to reuse in other graphics.
    Learn how to create a transparent glass ball element in Adobe Illustrator and save it as a symbol to reuse in other graphics. Learn how to create a transparent glass ball element in Adobe Illustrator and save it as a symbol to reuse in other graphics.
    Learn how to create a transparent glass ball element in Adobe Illustrator and save it as a symbol to reuse in other graphics.Learn how to create a transparent glass ball element in Adobe Illustrator and save it as a symbol to reuse in other graphics.
    Learn how to create a transparent glass ball element in Adobe Illustrator and save it as a symbol to reuse in other graphics. Learn how to create a transparent glass ball element in Adobe Illustrator and save it as a symbol to reuse in other graphics.

    TransparentGlassBall-06tTransparentGlassBall-06sTransparentGlassBall-06r

  7. Copy the Ball layer and paste it in front of all the layers (ctrl + c + f)Select all layers / right click / Make Clipping Mask.  Rename group Light/Shadow.
    Learn how to create a transparent glass ball element in Adobe Illustrator and save it as a symbol to reuse in other graphics. Learn how to create a transparent glass ball element in Adobe Illustrator and save it as a symbol to reuse in other graphics. Learn how to create a transparent glass ball element in Adobe Illustrator and save it as a symbol to reuse in other graphics.

Transparent Glass Ball Tutorial in Adobe Illustrator Transparent Glass Ball Tutorial in Illustrator

There are some elements that are reusable over and over again in many designs, like a Transparent Glass Ball, so it’s best to build a custom Symbol library that gives you quick access to all your elements.   Select the elements from your art board, drag them into the Symbols Panel, rename and press ok.  Leave all other setting as is.  To create your own library, go the Symbols Panel fly out menu, Save Symbol Library, give it a name (Elements in my case) and save.  To access the symbol again in other graphics, go to Symbol Libraries Menu / User Defined / Elements.  You can also access it from the Symbol Panel fly out menu, Open Symbol Library / User Defined / Elements.
Learn how to create a transparent glass ball element in Adobe Illustrator and save it as a symbol to reuse in other graphics.Learn how to create a transparent glass ball element in Adobe Illustrator and save it as a symbol to reuse in other graphics.

Now you are ready to use the Transparent Glass Ball in other graphics.
I went ahead and took this graphic a little further by transforming it into a Santa Claus Christmas Ball.
 

I hope you enjoyed this tutorial.

 

[lockercat]

[/lockercat]

 

24 thoughts on “Transparent Glass Ball Tutorial

  1. На этом сайте вы можете приобрести онлайн телефонные номера различных операторов. Эти номера подходят для регистрации аккаунтов в разных сервисах и приложениях.
    В ассортименте представлены как постоянные, так и одноразовые номера, которые можно использовать чтобы принять сообщений. Это простое решение для тех, кто не желает указывать личный номер в сети.
    виртуальный номер онлайн
    Процесс покупки максимально удобный: определяетесь с необходимый номер, оплачиваете, и он будет готов к использованию. Оцените услугу уже сегодня!

  2. Здесь доступны свежие события РФ и мира .
    Вы найдете важные репортажи на различные темы.
    https://ecopies.rftimes.ru/
    Читайте главных событий ежедневно .
    Проверенная информация и актуальность в каждом репортаже.

  3. This detailed resource serves as an in-depth guide to the world of modern video surveillance, providing valuable insights for both professional CCTV installers and business owners seeking to enhance their security infrastructure.
    Video Surveillance
    The site presents a thorough analysis of remote video surveillance systems, reviewing their benefits, limitations, and real-world applications.

  4. На этом сайте можно найти информацией о сериале “Однажды в сказке”, его сюжете и ключевых персонажах. у нас Здесь представлены подробные материалы о производстве шоу, исполнителях ролей и фактах из-за кулис.

  5. Промокоды — это уникальные комбинации символов, дающие выгоду при оформлении заказа.
    Эти купоны применяются в онлайн-магазинах для снижения цены.
    https://friends.win/read-blog/12015
    Здесь вы найдёте действующие промокоды на товары и услуги.
    Применяйте их, чтобы экономить на заказы.

  6. На сайте MixWatch можно найти актуальные новости из мира часов.
    Тут выходят обзоры новинок и разборы популярных брендов.
    Ознакомьтесь с экспертными мнениями о тенденциях в часовом мире.
    Следите за ключевыми событиями индустрии!
    https://mixwatch.ru/

  7. На этом сайте можно найти свежие промокоды ЦУМ.
    Применяйте данные купоны, чтобы оформить выгоду на покупки.
    Акции обновляются регулярно, поэтому следите за новыми предложениями.
    Экономьте на покупки с лучшими промокодами из ЦУМ.

  8. На данном сайте можно найти информацией о сериале “Однажды в сказке”, развитии событий и главных персонажах. https://odnazhdy-v-skazke-online.ru/ Здесь представлены подробные материалы о создании шоу, актерах и любопытных деталях из-за кулис.

  9. На данном сайте вы сможете найти подробную информацию о способах лечения депрессии у людей преклонного возраста. Также здесь представлены профилактических мерах, актуальных подходах и советах экспертов.
    https://www.shippingexplorer.net/en/user/ebmhmjgdh/129865

  10. На этом ресурсе вы можете найти важной информацией о лечении депрессии у пожилых людей. Здесь представлены рекомендации и обзоры способов лечения этим заболеванием.
    http://www.insiopianolessons.com/

  11. Наш интернет-магазин Боттега Венета предлагает полный каталог эксклюзивных товаров от знаменитого производителя. Здесь вы сможете выбрать и заказать продукцию из последней коллекции с удобной доставкой по всей стране.
    https://bottega-official.ru

  12. На данном ресурсе доступны оригинальные сумки Bottega Veneta. Здесь предлагается купить эксклюзивные модели, которые подчеркнут ваш стиль. Каждое изделие характеризуется высочайшим качеством, что характерно бренду Боттега Венета
    https://opensocialfactory.com/story18414998/bottega-veneta

Leave a Reply

Your email address will not be published.

© 2025 My Downloadables