• 本站已迁至新址:https://www.91science.com
  • 包含大量新资源、新内容。
  • 22年以前的用户,可以用本站账号直接登录。
  • 新用户需重新注册登录,谢谢各位老师同学。
设为首页 |收藏本站
官方QQ群:
531617987
在线客服:
客服一
客服二
扫码关注公众号
官网地址: scidrawing.com
|切换到宽版
 找回密码

三角板论坛

2020你好呀~
2020你好呀~
查看: 3772|回复: 0
收起左侧

[教程] Create a Fantasy Style Potion Illustration with Gradients and the Bristle Brush

[复制链接]
  • TA的每日心情
    愤怒
    2022-12-18 02:16
  • 签到天数: 85 天

    连续签到: 1 天

    [LV.6]常住居民II

    117

    帖子

    1336

    学分

    24 小时

    在线时间

    硕士生导师

    Rank: 6Rank: 6

    积分
    1645
    注册时间
    2017-4-21
    最后登录
    2022-12-18
    发表于 2017-12-23 23:09:40 | 显示全部楼层 |阅读模式
    final.jpg

    If you play a lot of fantasy video games, you'll often come across potions... be it mana, health, strength etc... and it's with this inspiration I'm going to show you how I created this trio of potion bottles. I'll be using a mixture of tools including Gradients, Bristle Brush, 3D Revolve and the Blob Brush Tool. So let's get started!
    Step 1I'm going to create the basic fantasy bottle shape. This is going to be an orb/sphere like bottom created with the Ellipse Tool (L). Duplicate the circle for future use and then using the Rounded Rectangle and Rectangle (M) shape tools to create the neck of the bottle. Once created, use Pathfinder > Unite to combine them.

                                   
    登录/注册后可看大图

    Step 2Use the Free Transform Tool (E) to reduce the scale of the duplicated circle within the bottle shape. Then used the Rectangle Tool (M) to draw a shape to Pathfinder > Minus Front from the circle. Note the outline of the bottle is here to make it easier to see in the screenshots, it wont be required.

                                   
    登录/注册后可看大图

    Step 3Use another Rectangle (M) to create a vertical shape over half the bottle and use Pathfinder > Minus Front again to remove from the bottle and the liquid within. You should be left with half of a bottle and potion.

                                   
    登录/注册后可看大图

    Step 4Group together your two shapes (Ctrl + G) and then go to Effects > 3D > Revolve. Use the below settings to get an upright bottle.

                                   
    登录/注册后可看大图

    I've duplicated the original group and then modified the position of the bottle to give variety in the final illustration.

                                   
    登录/注册后可看大图

    Step 5When you begin rotating your bottle slightly to the side, if you apply 3D Revolve to your group it's not telling your liquid to obey gravity. So to get around this, you'll need to apply the 3D Revolve effect to the two shapes with only one modification. Once you've decided on your position for the bottle apply these settings to the liquid, however alter the Z Axis to 0 degrees so the liquid sits more naturally.

                                   
    登录/注册后可看大图

    So here I have my trio of potions. I'll be using these 3D renders as guides for my illustration, mainly for shape and lighting placements.

                                   
    登录/注册后可看大图

    Step 6Use the Ellipse Tool (L) to draw the shapes for the bottle and liquid then the Pen Tool (P) for the neck of the bottle. I've duplicated the Ellipse (L) for the body of the bottle and used it for the liquid as before. For the two bottles which are tipped forward, I've used an Ellipse (L) for the top of the liquid and then used Pathfinder > Divide to split the shape up and deleted the parts not required. Don't use Pathfinder > Unite with the neck elements and the body, as these will be treated differently. Each bottle should have two shapes for the neck and one for the body.

                                   
    登录/注册后可看大图

    Step 7I'm going to create a Graphic Style for the glass of the bottle using transparent radial gradients and a light Spectrum gradient which can be found in the Swatch drill down menu > Open Swatch Library > Gradients > Spectrums.

                                   
    登录/注册后可看大图

    Step 8After saving the settings from the Appearance panel as a New Graphic Style, I've then applied it to each of the shapes for the bottle. Duplicate the three shapes for the bottle and use Pathfinder > Unite and apply the Graphic Style to this. Place the whole shape on top of the others as shown below with the center bottle.

                                   
    登录/注册后可看大图

    Go into the Appearance panel for the top shape and I've applied Offset Path to the top blue gradient to the value of -3.5pt and altered the Opacity from 20% to 40%. This maybe different for you depending how much you've re scaled your liquid. This is to give a subtle appearance of the thickness of the glass. I've also added the same Offset Path effect to the spectrum gradient.

                                   
    登录/注册后可看大图

    Step 9Time to use the Bristle Brush. If you're using the Default CMYK template as I tend to do, you'll have a default Bristle Brush in your Brush panel called "Filbert". You can also access this by going into the Brush drill down menu then Open Brush Library > Bristle Brush > Filbert. I've applied the following colors with placement as shown below with the Transparency settings: Dark Blue = Multiply 10%, Yellow/Green = Overlay 15%, Green/Blue = Color Burn, 15%. I've used the Paintbrush Tool (B) to "paint" the strokes on in the direction of the curve or with a jagged line for the yellow/green strokes.
    Group together each of the color groups (Ctrl + G). I find this especially good when it comes to altering Opacities. You may apply more strokes or less strokes than I have, so you can always modify your shading via the groups.

                                   
    登录/注册后可看大图

    Step 10Duplicate the overall bottle shape and then use this to create a Clipping Mask (Ctrl + 7) to hide the overlapped strokes. The Clipping Mask group needs to be placed on top of all the shading, to give a painted look to the bottle and the liquid within.

                                   
    登录/注册后可看大图

    Step 11For the liquid, I've applied our previously created Graphic Style, however I've added a New Fill underneath the other fills with a deep red shade and then on top used a black vignette gradient set to Blending Mode Multiply, Opacity 25%. You can change the deep red later to which ever shade you wish, depending on the potion you want to create. I'm going for red for now as it reminds me of Health Potions in World of Warcraft.

                                   
    登录/注册后可看大图

    For the tops of the liquid, modify the shape and scale of the vignette with the Gradient Tool (G) so the light is shown to be catching the liquid to the right.

                                   
    登录/注册后可看大图

    Step 12Using a light yellow stroke color set to 0.25pt Stroke Weight with the Filbert brush, I've added highlights to the body and neck as shown below. Then I've set the strokes to Blending Mode Color Dodge and Opacity 15%. Remember to place these in your Clipping Mask group once done.

                                   
    登录/注册后可看大图

    Step 13For the overall shape on the bottle, I've went in and modified the Graphic Style via the Appearance panel. I've changed the Opacity of the blue gradient from 40% to 60% and then the overall Blending Mode to Color Burn and Opacity to 70%. This helps increase the contract of the bottle.

                                   
    登录/注册后可看大图

    A good test for playing with transparent surfaces such as glass, is to apply a gradient and a pattern (any, it doesn't matter) and testing how transparent the surface is and how it interacts with it. From testing, it was a bit too transparent. So for the three shapes for each bottle which make up the bottle, I've added a light blue fill at the bottom of the Appearance panel and set this to Blending Mode Screen, Opacity 80%.

                                   
    登录/注册后可看大图

    Step 14I've duplicated the neck of the bottle and applied a blue transparent radial gradient to it to create a slight shadow. Then drawn an Ellipse (L) for the opening of the bottle and used an inverted transparent radial gradient. Both shapes are set to Blending Mode Multiply, Opacity 50%.

                                   
    登录/注册后可看大图

    Step 15I'm going to be using the Blob Brush Tool (Shift + B) to add fantasy style lines to the bottles highlights. Double click on the icon in the Toolbar to access the Blob Brush Tool Options and I've changed the Size to 1pt, to be effected by Pressure and Variation to 1pt, then click on Ok.

                                   
    登录/注册后可看大图

    I've then added Lime Green scribbles and dots around the liquid edge, bottle neck seam and bottle opening. These strokes are set to Blending Mode Color Dodge, Opacity 60%.

                                   
    登录/注册后可看大图

    Step 16I'm going to create a basic shadow underneath the bottles with the Ellipse Tool (L) and filling it with a black transparent radial gradient. Use the Gradient Tool (G) to then shift the gradient source. I've then set these to Blending Mode Multiply.

                                   
    登录/注册后可看大图

    After arranging my bottles, I've added an additional gradient shadow onto one of the bottles, this time a dark blue transparent radial gradient set to Blending Mode Multiply. There would technically be a reflection from the bottle, however we're using a bit artistic license and let's imagine they have a dirty/dusty surface and it's not as reflective as you may think.

                                   
    登录/注册后可看大图

    Step 17I'm going to create a quick wooden surface using one of my seamless wood patterns and then apply the vignette gradient to it via the Appearance panel as shown below.

                                   
    登录/注册后可看大图

    I've applied another to the background wood in a different direction. I've added the vignette gradient as well as a linear gradient from the bottom to top. This will help split the floor and background from one another.

                                   
    登录/注册后可看大图

    Step 18Using the Blob Brush Tool (Shift + B), I've added a small cobweb... if only to emphasis on our dirty, non reflective surface of course! I'm using a light grey/brown stroke color and setting it to Blending Mode Screen, Opacity 80%.

                                   
    登录/注册后可看大图

    Step 19Additional strokes are added, mainly along the joins of the cobweb. This is with an off white/grey stroke color set to Blending Mode Screen.

                                   
    登录/注册后可看大图

    Step 20To keep a constant style to the background, I've used the Filbert Bristle Brush with a brown/grey stroke color along the grain of the wood. These strokes are applied with the Paintbrush Tool (B) and are set to Blending Mode Color Burn, Opacity 10%.

                                   
    登录/注册后可看大图

    Step 21Finally, I've added a vignette over the top of the entire illustration, set to Blending Mode Multiply, Opacity 40%.

                                   
    登录/注册后可看大图

    ConclusionI've created a RGB color scheme for my potions in my end illustration by modifying the base fill color of the liquids Appearance panel. I hope you've enjoyed today's fantasy illustration and it's left you... spell bound *groan*.

    当他人从你分享的链接访问本页面时,每一个访问者的点击,你将获得[2学分]的奖励,一个IP计算一次.

    温馨提示:
    1、在论坛里发表的资源类教程及软件属于作者个人行为,如有侵权,请及时联系我们处理。
    2、转载本论坛的原创内容,请注明“转载自:三角板论坛科研论文作图网”
    3、论坛内的帖子内容,仅代表作者个人观点,如出现涉及敏感话题内容,我站愿积极配合删除帖子,并对作者进行法律追究。
    4、若因线路及非本站所能控制范围的故障导致暂停服务期间造成的一切不便与损失,论坛不负任何责任。
    5、注册会员通过任何手段和方法针对论坛进行破坏,我们有权对其行为作出处理。并保留进一步追究其责任的权利。
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    点我微信扫码秒登录↓↓

    QQ| Archiver|手机版|小黑屋| 三角板论坛 |网站地图

    Copyright © 2001-2013 Adminbuy.Cn.   All Rights Reserved.

    ( 京ICP备14051802号-2 )

    快速回复 返回顶部 返回列表