通知:E拓建筑网正式更名为拓筑在线!

拓筑在线

 找回密码
 快速注册

QQ登录

只需一步,快速开始

微信登录

微信扫一扫,快速登录

ALEX教程翻译——填充纹理,强调区域


[版块:项目实践·作品库] [分类:案例翻译] [复制链接] 报告无效帖子查看: 11437|回复: 31   
拓城校尉|绿手红怪 发表于 2014-8-17 10:03:28 | 显示全部楼层
发帖得20e币  e币充值  开通VIP会员  快速免费获取e币
本文由E拓建筑网www.eeeetop.com绿手红毛怪翻译自Alex Hogerefe博客,转载必须保留以上信息!   

               DIAGRAMS: HATCH PATTERNS
                                                                                                                                                                            AlexHogrefe
  填充纹理,强调区域
                                                                                             

                               
登录/注册后可看大图

This post is also a follow up from manyemails asking me to explain the diagonal line hatching used the site analysisdiagrams. There are two methods in Photoshop that I know of that can create thediagonal line hatch seen in the image above. Both options use a relatively fastworkflow and are easy to execute.
有很多读者发邮件向我求解那些用于网页分析图中的对角线纹理填充是如何做到的。在ps中,我所知道的有两种方法可以创造出如上图所示的对角线纹理填充效果。这两种方法用起来都相对简洁迅速,容易掌握。
OPTION A: Google Image Overlay
A1. This optioninvolves simply going online and finding a hatch pattern. In this case, IGoogle searched "diagonal lines" and found several images that wouldwork. The images do not need to be large because I can copy the texture manytimes to create a much larger texture for what I need.
If you do need to copy a small image many times, hold down the"Alt" key ("Option" on Mac) and drag the image using the"Move" tool. This quickly duplicates the layer. Once you have all ofthe layers aligned forming a larger image, they can be merged into one layer byselecting all of the individual layers in the layers palette, right click onone of the layers, and choose "Merge Layers".
方法一:谷歌图像叠加
A1.这种方法简单的涉及到网上搜索并找到一个填充图案。我在谷歌中搜索“对角线”,然后找到一些可用的图片。这些图片不需要很大,因为我可通过多次复制这些文理从而创造出一个需要的大得多的纹理。操作如下:按住“Alt”键(即Mac上的“Option”键)的同时运用移动工具拖动图片。这样可以快速地复制图层。当图层复制完并使其对齐形成一张更大的图片,你就可以在图层面板中选择这些相似的图层,右击然后选择“合并图层”,将这些图层合并成一个图层,便于管理.

                        

                               
登录/注册后可看大图

A2. Next, thewhite background needs to be removed. This is easily done by selecting the newhatch layer, then choosing "Multiply" in the layer blend mode dropdown in the layers palette.
A2.接下来,我们需要做的是删除白色背景。通过创建一个新的填充图层,然后在下拉的图层控制面板中华选择 “叠加”的混合模式的方法很容易就实现了.


                               
登录/注册后可看大图

Option B:Creat a Custom Pattern
Asecond option to create a hatch is to define a custom pattern which can offermuch more flexibility. This method will often generate cleaner line work thanwhat can be found on the web. One other thing to note is that many PS patternscan be found online through websites like Brusheezywhich can be imported into Photoshop.
B1. I want tocreate my own custom pattern. To do this, I first need to create a new documentin Photoshop by going to "File>New". I set up the new document tobe 12x12 pixels, however this size can change depending on your needs. Also,double check to make sure the background contents is set to"Transparent".
方法二:创建自定义图案
这种方法就是通过定义一个能提供更多灵活性的自定义图案来创造填充效果。相比于我们从网上看到的,这种方法可以生成更加清晰地线条纹理效果。值得一提的是,一些网站比如Brusheezy会提供很多可以导入PS的素材。
B1.创建一个属于自己的自定义图案。首先在Photoshop中通过“文件---新建”新建一个文档。我将新的文档设置为12*12px,当然可以根据你自己的需要改变尺寸。此外,一定要确保背景内容设置为“透明”。


                               
登录/注册后可看大图

B2. Next,select the "Rectangular Marquee Tool" and make a selection crossingthe entire document. I made my selection 2 pixels high. The Rectangular MarqueeTool should snap to each pixel making it easy to determine how many pixels arebeing selected.
Choosethe "Paint Bucket Tool" on the left and also select a black paintcolor. Then, fill the selection.
B2.然后,选择“矩形选框工具”创建一个横穿整个文档的选区。我将选框高度设为2px。选择“油漆桶工具”并且选择黑色,填充选区。


                               
登录/注册后可看大图

B3. The pattern is ready, so now it needs to be saved intoPhotoshop as a pattern. Choose "Edit>Define Pattern". In thedialogue box, give the pattern a descriptive name and choose "OK".
B3.这个图案就准备好了,现在将其存储为一个图案。选择“编辑---定义图案”,给图案定义一个名称并且单击“OK”。


                               
登录/注册后可看大图

B4. To applythe pattern to the illustration, first create a new layer and move it to thetop of the layers palette. Then, select the "Paint Bucket Tool". Inthe paint bucket options at the top, be sure to select "Pattern" inthe drop down and set the Opacity to 100%.
Tothe right of the pattern drop down, there is another drop down which will showa thumbnail of all of the saved patterns. Choose the pattern created in thesteps above.
Withthese options set, use the paint bucket to fill the page making sure it is onthe new layer.
B4.将图案运用于案例,首先创建一个新的图层并将其置于顶层。选择“油漆桶工具”,确保在顶部选项中选择“图案”,不透明度为100%。选择之前定义的图案,然后在新的图层上填充需要处理的图片。


                               
登录/注册后可看大图


                               
登录/注册后可看大图

B5. Sincethis pattern was applied on its own layer, it can be rotated 45 degrees tocreate diagonal lines. Choose "Edit>Transform>Rotate" and holddown "Shift" when rotating to snap to 45 degrees.
B5.为了创造对角线效果,可以将其旋转45°。选择“编辑---变换---旋转”,按住“shift”将其旋转90°。


                               
登录/注册后可看大图
Use Masks to Hatch Specific Elements
Thehatch patterns are rasterized on their own layer meaning the hatch can simplybe erased using the eraser tool. However, applying a mask will allow forediting later on down the road if changes need to be made.
1. Apply Mask
Toapply a mask, select the hatch layer and choose the "Add a Mask" iconat the bottom of the layers palette.
运用蒙版填充特殊的元素
图层上的填充图案是栅格化的,这意味着他们可以被橡皮擦工具轻易地擦除。不过,在需要变换的时候,蒙版的运用可以允许在日后编辑。
1.  运用蒙版。选择填充图层,在图层面版的底部单击“添加蒙版”图标。


                               
登录/注册后可看大图

2. Make Selections
Next, use the "Polygonal Lasso Tool" to selectthe areas of the illustration that will be filled with the hatch pattern.
2.创建选区。运用“多边形套索”选择案例中需要填充图案的区域。


                               
登录/注册后可看大图

3. Inverse the Selection
Iwant the selection to be what I want erased, therefore I am going to inversethe selection. Choose "Select>Inverse" at the top.
3.反选选区。选择“选择---反选”(快捷键Ctrl+Shift+I)。

4. Fill the Mask
Finally,choose the "Paint Bucket Tool", check that the opacity is set to100%, and also that the drop down is set to "Foreground".
Themask works by using gray tones to determine what parts of the image will appearor not appear. Black paint erases the image. White paint will reveal the image.I don't want the hatch to appear in the part of the image that is selected,therefore I want to choose black paint.
Doublecheck that the layer mask is selected which is the white box next to the layerimage in the layers palette. Using the paint bucket tool, fill the selectionwith black paint. This will "erase" away the hatch pattern where theselection was made. White paint can be used to bring back the hatch patternlater if changes are needed.
4.填充蒙版。最后,选择“油漆桶工具”并选择黑色颜料,设置不透明度为100%,同时选择“前景”选项。单击图层中蒙版缩略图,运用油漆桶工具填充选区。这样选区中的填充图案就被擦除了。之后可以运用白色颜料想还原填充图案。


                               
登录/注册后可看大图

图案和蒙版的运用给了图片更多的纹理,这在案例分析中可以凸显重要的区域。
原博客链接:http://www.alexhogrefe.com/








评分

参与人数 2e币 +30 收起 理由
随便哦冰激凌 + 10
深圳老梁 + 20 爆料兼分享,分享总让我们知更多。

查看全部评分

管理员|深圳老梁 发表于 2014-8-17 14:29:10 | 显示全部楼层
发帖得20e币  e币充值  开通VIP会员  快速免费获取e币
图片不能直接复制原网站的然后粘贴过来哦,要重新上传图片。
 楼主 | 拓城校尉|绿手红怪 发表于 2014-8-17 14:31:27 | 显示全部楼层
发帖得20e币  e币充值  开通VIP会员  快速免费获取e币
深圳老梁 发表于 2014-8-17 14:29
图片不能直接复制原网站的然后粘贴过来哦,要重新上传图片。

咦,我不是复制的啊
 楼主 | 拓城校尉|绿手红怪 发表于 2014-8-17 14:42:58 | 显示全部楼层
发帖得20e币  e币充值  开通VIP会员  快速免费获取e币
深圳老梁 发表于 2014-8-17 14:29
图片不能直接复制原网站的然后粘贴过来哦,要重新上传图片。

哦,我知道了,输入网址的图片也不行。
拓邑团练|chenxuancheng 发表于 2014-8-17 18:51:39 | 显示全部楼层
发帖得20e币  e币充值  开通VIP会员  快速免费获取e币
谢谢楼主的翻译,辛苦了
 楼主 | 拓城校尉|绿手红怪 发表于 2014-8-17 18:55:50 | 显示全部楼层
发帖得20e币  e币充值  开通VIP会员  快速免费获取e币
chenxuancheng 发表于 2014-8-17 18:51
谢谢楼主的翻译,辛苦了

很惭愧啊,一直都没发过帖子
拓邑团练|babyking56 发表于 2014-8-17 21:51:36 | 显示全部楼层
发帖得20e币  e币充值  开通VIP会员  快速免费获取e币
个人觉得还是上次那种交通分析里的区域划分效果好一些
拓城校尉|随便哦冰激凌 发表于 2014-8-17 23:51:30 | 显示全部楼层
发帖得20e币  e币充值  开通VIP会员  快速免费获取e币
很喜欢alex的重口味风格啊
拓都将军|风沙渡 发表于 2014-8-18 00:22:03 | 显示全部楼层
发帖得20e币  e币充值  开通VIP会员  快速免费获取e币
支持楼主,赞
拓都将军|yangnongquan 发表于 2014-8-18 00:52:05 | 显示全部楼层
发帖得20e币  e币充值  开通VIP会员  快速免费获取e币
好赞,谢谢楼主
 楼主 | 拓城校尉|绿手红怪 发表于 2014-8-18 07:08:09 | 显示全部楼层
发帖得20e币  e币充值  开通VIP会员  快速免费获取e币
babyking56 发表于 2014-8-17 21:51
个人觉得还是上次那种交通分析里的区域划分效果好一些

用处不一样呢
拓邑团练|edcat 发表于 2014-8-18 13:21:03 | 显示全部楼层
发帖得20e币  e币充值  开通VIP会员  快速免费获取e币
有点没明白这个作用。。没看清楚到底是整个加上了条纹填充还是只填充了场地?好像是整个填充的 整个填充的话强调了哪里的区域啊
拓邑团练|edcat 发表于 2014-8-18 13:43:31 | 显示全部楼层
发帖得20e币  e币充值  开通VIP会员  快速免费获取e币
囧 我找到了这个案例 看到了是填充的建筑和水面
拓乡士官|Mithrandir 发表于 2014-8-18 15:27:38 | 显示全部楼层
发帖得20e币  e币充值  开通VIP会员  快速免费获取e币
谢谢分享
 楼主 | 拓城校尉|绿手红怪 发表于 2014-8-18 16:36:43 | 显示全部楼层
发帖得20e币  e币充值  开通VIP会员  快速免费获取e币
edcat 发表于 2014-8-18 13:21
有点没明白这个作用。。没看清楚到底是整个加上了条纹填充还是只填充了场地?好像是整个填充的 整个填充的 ...

只填充需要强调的建筑啊,后面那个蒙版的作用就是把场地部分的斜纹擦除
您需要登录后才可以回帖 登录 | 快速注册 微信登录

1001bit_pro v2.1建模插件中文汉化版,极好用的SU插件支持SketchUp8.0,2013,2014,2015
1001bit_pro v2.1建模插件中文汉化版,极好用的SU插件支持Sketch
1001bit_pro v2.1建模插件中文汉化版(比suapp还好用还全面的SketchUp插件,支持SketchUp8.0,2013,2014,2015)可以自由添加减少要的图标,从此不再被各种各样眼
  goodbuilding  buyong001最后回复于 2025-02-18 可视化设计

2023建筑材料与构造教材PDF及课件视频
2023建筑材料与构造教材PDF及课件视频
2023建筑材料与构造教材PDF及课件视频 [sell=2]链接: https://pan.baidu.com/s/1kTG0p2oNjqydIeeC7xfPBA 提取码: cccr[/sell]
  知白守黑47480  知白守黑47480最后回复于 2025-02-18 电子版图书

欢迎关注本站小红书或哔哩哔哩账号!
欢迎关注本站小红书或哔哩哔哩账号!
欢迎关注本站小红书或哔哩哔哩账号! 感谢您的关注哦!
  深圳老梁  深圳老梁最后回复于 2025-02-18 站点服务

[日本版]Landscape Design 景观设计 2025年01-02期
[日本版]Landscape Design 景观设计 2025年01-02期
2025年精选30种国外【建筑+景观+室内】设计杂志超大合集 全年订阅链接:https://www.eeeetop.com/forum.php?mod=viewthread&tid=75981
  设计杂志  设计杂志最后回复于 2025-02-18 建筑景观

[日本版]A+U 建筑与都市 2025年01(652)期
[日本版]A+U 建筑与都市 2025年01(652)期
2025年精选30种国外【建筑+景观+室内】设计杂志超大合集 全年订阅链接:https://www.eeeetop.com/forum.php?mod=viewthread&tid=75981
  设计杂志  设计杂志最后回复于 2025-02-18 建筑景观

[美国版]Architectural Record 建筑实录 2025年01期
[美国版]Architectural Record 建筑实录 2025年01期
2025年精选30种国外【建筑+景观+室内】设计杂志超大合集 全年订阅链接:https://www.eeeetop.com/forum.php?mod=viewthread&tid=75981
  设计杂志  设计杂志最后回复于 2025-02-18 建筑景观

[加拿大版]Azure 建筑专业杂志 2025年01-02期
[加拿大版]Azure 建筑专业杂志 2025年01-02期
2025年精选30种国外【建筑+景观+室内】设计杂志超大合集 全年订阅链接:https://www.eeeetop.com/forum.php?mod=viewthread&tid=75981
  设计杂志  设计杂志最后回复于 2025-02-18 建筑景观

[韩国版]Space 空间 2025年02期
[韩国版]Space 空间 2025年02期
2025年精选30种国外【建筑+景观+室内】设计杂志超大合集 全年订阅链接:https://www.eeeetop.com/forum.php?mod=viewthread&tid=75981
  设计杂志  设计杂志最后回复于 2025-02-17 建筑景观

[韩国版]Space 空间 2025年01期
[韩国版]Space 空间 2025年01期
2025年精选30种国外【建筑+景观+室内】设计杂志超大合集 全年订阅链接:https://www.eeeetop.com/forum.php?mod=viewthread&tid=75981
  设计杂志  设计杂志最后回复于 2025-02-17 建筑景观

[德国版]Detail 建筑细部 2025年01-02期
[德国版]Detail 建筑细部 2025年01-02期
2025年精选30种国外【建筑+景观+室内】设计杂志超大合集 全年订阅链接:https://www.eeeetop.com/forum.php?mod=viewthread&tid=75981
  设计杂志  设计杂志最后回复于 2025-02-17 建筑景观

[德国版]Baumeister 建筑大师 2025年01期
[德国版]Baumeister 建筑大师 2025年01期
2025年精选30种国外【建筑+景观+室内】设计杂志超大合集 全年订阅链接:https://www.eeeetop.com/forum.php?mod=viewthread&tid=75981
  设计杂志  设计杂志最后回复于 2025-02-17 建筑景观

看着还不错的意大利别墅SU模型
看着还不错的意大利别墅SU模型
看着还不错的别墅模型,喜欢的可以试着建模学习一下
  jianghux001  basten272最后回复于 2025-02-17 SketchUp模型

2020年度设计名企纯新住宅文本精选合集(63份大容量)
2020年度设计名企纯新住宅文本精选合集(63份大容量)
2020年度设计名企纯新住宅文本精选合集(63份大容量),分享给大家学习研究! 目录: 百度网盘下载链接: [cxvip=45]链接: https://pan.
  成之歌  basten272最后回复于 2025-02-17 精选合集

中式构建详图
中式构建详图
[sell=2]链接: https://pan.baidu.com/s/1ZEHXw-XaxYVDaYpOjcir0A 提取码: 47g2[/sell]
  XIAOHUA  basten272最后回复于 2025-02-17 参考素材

[西班牙版]Revista Trama 建筑设计杂志 2024年合集全6册
[西班牙版]Revista Trama 建筑设计杂志 2024年合集全6册
本杂志PDF电子版收集于网络,仅供学习研究之用,百度网盘下载链接:(具体册数,实际更新为准,请自行查阅) [ck8_view=50]链接:https://pan.baidu.com/s/196
  设计杂志  basten272最后回复于 2025-02-16 建筑景观

传染病医院方案或施工图资料(CAD、SU、图片等,免费领取)
传染病医院方案或施工图资料(CAD、SU、图片等,免费领取)
自从新冠疫情以来,传染病医疗建筑越来越受到关注,今天分享一波这样的资料。 百度网盘下载链接:(回复一下即可显示哦) **** 本内容被作者隐藏 ****
  小迷妹建筑梦  basten272最后回复于 2025-02-16 参考素材

[美国版]Dwell 现代世界之家 2024年合集全6册
[美国版]Dwell 现代世界之家 2024年合集全6册
本杂志PDF电子版收集于网络,仅供学习研究之用,百度网盘下载链接:(具体册数,实际更新为准,请自行查阅) [ck8_view=50]链接:https://pan.baidu.com/s/1Th
  设计杂志  basten272最后回复于 2025-02-16 建筑景观

airpak3.0软件下载 有安装教程 有帮助文件
airpak3.0软件下载 有安装教程 有帮助文件
airpak3.0软件,带教程!!!!!! 软件下载地址: [sell=5]链接: https://pan.baidu.com/s/1snnsw0W_J6uIYe1dDixMmw 提取码: qqi3[/sell]
  zheng878577  ZHK51558最后回复于 2025-02-16 绿色化分析

官方综合交流QQ群(更多):

240721746

拓筑在线——面向建筑师群体的

设计交流论坛、软件学习社区、资料下载网站及企业服务平台!

微信扫一扫关注我们

微信公众号

拓筑小助手

GMT+8, 2025-2-19 06:38 , Processed in 0.083134 second(s), 34 queries , Gzip On.    拓筑在线 ( 粤ICP备11043922号 )

Powered by Discuz! X3.4  © 2011-2023 拓筑在线

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