This item has been banned because it violates the Steam Terms of Service. It is only visible to you. If you believe your item has been banned mistakenly, please contact .
This item is incompatible with Steam. Please see the
for reasons why this item might not work within Steam.
Current visibility:&Hidden
This item will only be visible to you, admins, and anyone marked as a creator.
Current visibility:&Friends-only
This item will only be visible in searches to you, your friends, and admins.
730 ratings
让你的创意工坊展柜展示你的个人资料背景
By thrillerの空 and 5 collaborators
本指南将指导你如何制作和上传创意工坊展柜的图片，并使它显示你个人资料背景。
Unfavorite
This item has been added to your .
In-GameTom Clancy's Ghost Recon(R) Wildlands
thrillerの空
QuantizedAnson
Last Online 5 hrs, 48 mins ago
SweeTnT[AFK]
Last Online
27 Oct, 2016 @ 12:04am
28 Jul @ 1:35pm
Unique Visitors
Current Favorites
Guide Index
特别注意：
以下原指南的方法有漏洞，可能会导致制作时会遇到无法逾越的困难。所以我在这里为大家提供了另一个方法——模版&公式对齐法，详见后面的“附录1：模版&公式对齐法”。在那里我会详细为大家解释原指南漏洞的原因以及新方法的原理。
我强烈建议你看完原指南的方法以后再看新方法，这样易于你的理解。
首先，找到一个在你的个人资料页面上已经显示的展柜。这个展柜（以下统称“参考展柜”）将会作为后面创意工坊展柜的参考位置，所以任何已经显示在资料页面上的展柜都是可以的。例如，下图中我把我的艺术作品展柜作为创意工坊展柜的参考位置。现在为你的个人资料页面弄一张屏幕截图吧，并确保截图包含了参考展柜。之后把它粘贴到任何图形编辑软件里。（我使用的是Photoshop，其他类似的软件也行）
在你的图形编辑软件中，把下面的模版覆盖到你的屏幕截图上。请确保模版是作为新的图层覆盖在截图图层之上，只有这样才能使二者的顶部对齐。
上述步骤完成后，进入你的Steam库存，找到你正在使用的个人资料背景，并点击“查看完整大小”之后完整的Steam背景图片会显示出来。复制并把它粘贴到你的图形编辑软件里，确保它在介于你的屏幕截图图层和模板图层之间，最后将背景图层的不透明度调为50%。
放大你的截图直至显示的大部分内容都是个人资料背景。将背景图层和屏幕截图的背景部分对齐。之后缩小并把背景图层的不透明度调为100%。现在你能看到创意工坊展柜显示了背景图片的部分区域，而且这些部分与完整的背景是对齐的。现在你可以制作一些自定义内容或是简单地截取图片，并上传到创意工坊展柜中，使其成为一个精美的个人艺术展柜。
你可以使用下面的图片让你的创意工坊展柜看起来是透明的（圆角效果）。以下列图片为例，我把展柜的图片弄成了圆角正方形，并用上面的透明效果图片填充展柜的剩余部分，还在上面放置了一个横幅。 “快乐设计”是我们一贯秉承的理念！现在让我们一起用创意工坊展柜向世界各地的玩家传递你无与伦比的创意吧！
制作完成以后，你可以使用来去除展柜图片上的游戏图标，还可以帮助你上传动态图片。
喜欢本指南吗？
喜欢本指南吗？与本指南类似的指南也好评如潮哦。相信你也会喜欢下面这些指南哒。如果下面的指南有任何的问题，请让我知道以便使我把它做得更加让人满意~For more profile help, visit the discord:
附录1：模版&公式对齐法
特别声明：本方法由@提出，以后出什么岔子，大家尽管找他的说~
附录1.1：步骤0
在开始讲解新方法之前，让我来简单讲讲原指南的漏洞原因和新方法的原理。原指南的制作原理是利用个人资料界面截图上的展柜来对齐创意工坊展柜模版，这样的话就有一个问题：你截图的分辨率与创意工坊展柜模版的分辨率的差异问题。简言之，如果截图的分辨率和模版分辨率如果不一致，你是不能对齐的。如果不进行调整，强行对齐的话，会使你制作出来的背景图片和实际的背景不对齐。如下图：图中的创意工坊展柜模版（红框所示）在此截图下显得很小，模版的分辨率为636*350，而截图的分辨率为。如果不对模版进行缩放，即使你对齐它们，也无法进行制作。
同理，之后的截图背景和完整背景图片的对齐也要求分辨率一致，否则也会导致上述的问题。那么在这种条件下，你只能手工对齐，这不仅效率低下，而且准确率低。所以我提出了“模版&公式对齐法”。那新方法的原理是什么呢？利用切割好的背景图片来对齐完整背景，以此来制作通用对齐模版。将原指南的创意工坊展柜模版放在1. 中的对齐模版中，这样就可以解决展柜分辨率不同的问题。使用对齐数学公式来计算创意工坊展柜模版在完整背景图片上的位置。这样可以解决背景分辨率不同的问题。这里我要详细讲解一下第三步。首先，Originally posted by 对齐数学公式:A*D=C*BA：头像图片在完整背景上的高度B：头像图片在截图图片上的高度C：在完整背景上，头像图片下端到任意展柜的任意位置的高度D：在截图图片上，头像图片下端到任意展柜的任意位置的高度备注：1. 因为头像尺寸是正方形，所以高度也等于宽度。2. 因为steam上头像分辨率固定，都为164*164，所以A为定值，等于164。这个公式的原理就是选取完整背景和截图中某个大小比例完全一致的，并且你可以在完整背景中可以制作的东西，所以这里我选取的是头像；因为在steam上头像都是164*164，且头像在其他截图中的比例不变，同时我们可以利用裁剪好的背景图片来找到头像在完整背景中的位置。因而本方法有一个使用前提：你截图时的分辨率必须是保持不变的，否则本方法是不成立的，比如你在分别在两台电脑上截取截图，或者截图时浏览器的显示比例不一致。因而我建议截取的截图同时包含头像和你需要测量的展柜。如果你的电脑不能同时显示上述两项，你可以调整浏览器的显示比例来达到我说的效果。最后我将用一个实际的例子来演示公式是如何使用的（下面测量单位默认为像素）。1. 截取steam个人资料界面的图片，如下图。我是整个屏幕截图，所以截图图片的分辨率为。（演示电脑为Surface Book）2. 打开Photoshop并将标尺单位调整为“像素”3. 辅以参考线，用标尺工具测量截图图片中的头像高度。从下图中的红框可知，测量高度为328，明显大于头像实际的尺寸164。4. 测量截图图片头像底端到艺术作品展柜顶端的高度。从下图中的红框可知，测量高度为145。从头像的参考线的位置可知，这里测量的边界线是头像图片显示的边界，而不是外部的边界线，这点很重要。
5. 用上面提到的公式，分别把测量值带入到对应的字符中，计算C值。因为A=164，B=145，D=328，计算得到C=72.5。6. 最后就是验证了。同样辅以参考线，用标尺工具测量完整背景中头像底端到艺术作品展柜顶端的高度。从下图可知，测量高度为73。因为Photoshop只显示整数，所以72.5四舍五入为73，与实际测量的数值一致。其实，上面的实例可以是实际应用的一种情况，也就是创意工坊展柜是第一个展柜的情况。你可以直接使用上面的演示方法制作对应的图片。接下来，我将用上面提出的理论来讲解更为复杂的情况：第一展柜不是创意工坊展柜，其高度不确定且不能直接用裁剪的图片进行测量的情况。
附录1.2：步骤1
综上所述，最复杂的情况为：第一个展柜为自定义信息框。因为自定义信息框会根据你文本的多少来决定实际的展柜高度，并且不像艺术作品或截图展柜，你可以使用网站裁剪的图片来确定创意工坊展柜的位置。所以接下来我演示的例子将把自定义信息框作为第一展柜。（1）同样先截取有自定义信息框的个人资料页面截图，截图同时包含头像和自定义信息框。只有把浏览器的显示比例调整为90%（红框位置）才能同时显示头像、自定义信息框、创意工坊展柜。
（2）用[steam.design]裁剪正在使用的背景图片，得到裁剪好的艺术展柜或截图展柜的裁剪图片。（3）在Photoshop中打开完整背景图片。你可以在该图片的steam市场中点击“查看完整大小”得到原图片。（4）将之前裁剪好的三张图片（分别为artwork_center.png、artwork_right_1top.png、avatar.png）原分辨率复制到背景图片中，并把它们和背景图片完美对齐。对齐方法：把裁剪图片的透明度调整为50%，再和背景图片对齐。最后隐藏背景图片，在裁剪图片的两边边缘处放置上参考线。这里我对齐了所有裁剪好的图片，实际应用中你可以根据自己的需要各取所需
附录1.3：步骤2
（5）将标尺单位调整为“像素”（6）辅以参考线，用标尺工具（i或Shift+i调出）测量截图图片中的头像高度。从下图中的红框可知，测量高度为296。NOTE：参考线的对齐位置必须是像素边缘。这要求你把图片放大到最大，在能看见每个像素的情况下进行对齐，如下图。这点非常重要，否则测量出来的数据不准确。（7）测量截图图片头像底端到创意工坊展柜顶端的高度。从下图中的红框可知，测量高度为1280。从参考线的位置可知，这里选取测量的边界线是展柜的边界线，因为我们有标准的创意工坊展柜模版，如果没有，你可以测量到展柜显示图片顶端的高度。
（8）用上面提到的公式，分别把测量值带入到对应的字符中，计算C值。因为A=164，B=296，D=1280，计算得到C=709.19，我们四舍五入取整数，所以C=709。
附录1.4：步骤3
（9）在背景图片中找到头像图片底端下方距离709的位置，同样我们用参考线和标尺来确定这个位置。（10）将创意工坊展柜模版与这个位置对齐，注意对齐的边缘的一致性。最后就可以根据模版确定的位置来制作你想要的效果啦~模版上端对齐709的位置，这一般问题不大。需要注意的是模版左边的对齐，这里应该是用展示图片显示部分的左边缘和参考线对齐，而不是模版左外轮廓与参考线对齐
完成的创意工坊展柜：
（11）使用把制作好的图片上传到创意工坊中。接着就是实际应用效果了，也是再一次验证本方法是否有效的时候。从浏览器截图可知，实际显示的效果和模拟效果一致，创意工坊展柜的展示图片与背景相吻合。Perfect!
结语：本方法的讲解到此为止了，制作的过程中还有许多小问题，我在这里不可能一一为你讲解，还需要大家在制作过程中多多思考，以得到你想要的效果，让你天马行空的创意回荡在大家的心中！
附录2：翻译说明
本指南的翻译授权已取得，最好的证明已经添加原作者（）为本指南贡献者。如果指南中有翻译不实或错误的地方，欢迎大家指正，谢谢。
欢迎日呆们的加入
　　 喜欢ACG和日呆游戏吗？想要日呆游戏的资讯、评测和推荐吗？
　　　　　　欢迎你加入我们 ——
You need to sign in or create an account to do that.
View mobile websiteLast Online 3 hrs, 30 mins ago
30 Sep, 2016 @ 6:17am
5 Oct @ 4:14am
Unique Visitors
Current Favorites
Guide Index
「写在前面」
本期文章BGM——[]俗话说的好——穷玩游戏，富玩Steam。看到那些肆意挥霍、疯狂合卡的dalao们，玩游戏之余我这种普通用户的心里确实还是有一丝丝波动的。所以为了避免内心的波动超出界限唱出geligeli爱，我决定开始研究Steam美化与装扮。从最初的展柜、到头像、徽章，甚至是ID；再到使用PS制作艺术作品，而后又自制Steam皮肤；继而钻研配色、花体字等等等等……一转眼两年过去了，我在装扮美化steam这条路上走的愈行愈远，也认识了不少志同道合的dalao。我发现很多人和我一样，希望追求在以个人资料页为主的美化——小到希望自己有一个心仪的展柜；大到野心勃勃立志把Steam个人主页强行升级成QQ空间的。我也帮助过不少朋友，比如PS个展柜，稍微指点一下什么的。但我想，授人以鱼不如授人以渔，古人说话还是很靠谱的——所以本艾莎不才，决定整理一篇这个东西出来。本文基于入门向，是以个人经验和好友案例作为说明，并辅以这些时间以来收集的大量相关资料，希望给想装扮自己的Steam的朋友们提出一点基本的建议和意见。愿我们这些在美化steam这条道路上的朋友们越走越远，共同进步。感谢@逢世、@Pinkie_Pie等dalao对我的技术协助及文章的内容详实。文章引用内容如有侵权，请联系作者删除相关内容。这两位同学，不光抄袭我的展柜，还有我的艺术作品。甚至我的音乐歌单。而且都有着VAC封禁记录。注意！艾莎不会向您索要任何财物（展柜制作也是如此，本艾莎一向先货后钱），以及进行任何形式触犯VAC封禁的行为，例如作弊、使用汉化补丁等行为这个FLAG我立了，从不去网吧，也不买任何不带中文的游戏，飞龙骑脸怎么输？——————————————————————广告—————————————————————如果有需求的朋友可以手机淘宝扫描二维码，本人推出了静态长展柜/创意工坊动态展柜制作服务我个人认为推出这项有偿业务无伤大雅。2016年9月份，我写了指南。初衷是为了帮助大家。但是永远有人没法理解指南的内容，或者没有时间没有精力去学习。所以我出道成为一个淘宝卖家，进行有偿服务。但前提是我先把我所有的知识都写成了指南足足一年。欢迎有疑问的朋友来我的旺旺向我咨询——当然这是完全免费的。比如我做了展柜无法上传、我不知道展柜上传后如何设置——都可以来咨询。就像一个本地人看着南来北往的旅者，指个路我当然乐意之至，欢迎你们加入主页美化这个大家庭。当然，如果有需求的朋友可以先考虑自己学习制作。因为我曾经是一个平面设计师，我觉得正如“一千个人眼中有一千个哈姆雷特”一样，每个人的审美观都是独一无二的。你心中的美和我、和别人未必一样。而且亲手装扮主页也更有成就感。实在不明白地方也可以来我的旺旺问我，对吧。——————————————————————广告—————————————————————欢迎收看本艾莎原创的截图/拍照模式指南，包含大量实战案例哟（广告）
「准备工作」
首先，我们要确定两件事：有人想彰显自己的个性，有人想展示自己喜欢的游戏，有人想给大家看看自己喜欢的动漫。你首先要知道，你想要表现什么。其次，你要确定你所需要的物品：等级：10级可以解锁一个展柜。展柜是Steam个人资料页表现的重要方式。我给大家的建议是2到4个。也就是说你最少把你的等级提升至10级（30~50级较为适宜）；艺术作品和截图：我喜欢游戏/动漫，我应该去P站搜罗一些画师的作品？还是自己PS？我喜欢的游戏，是否有完美的一刻？背景：我需要一张适合的或者好看的个人背景衬托我的展柜。表情：好看的或者五颜六色的表情准备一些，可以去拼个好看的自定资讯方块&简讯。然后构思一下，开始设计你的Steam主页吧。Q：我去哪里设置展柜、背景等信息？A：在你的Steam个人资料页右上角有“编辑”按键，点击进入编辑个人页面设置。Q：我怎么能够升级？A：游戏掉落卡片，补全成套合卡可以升级，具体请Q：如何打出花体字ID？A：实际上花体字是利用Unicode编码转换实现的效果，不多赘述。可以前往直接进行复制使用。（注：会造成一些页面的显示错误以及不显示，请斟酌使用。）
「截图展柜」
截图展柜，我认为是个人资料页最重要的展示工具。它可大可小，可以展示你喜爱的游戏截图，也可以展示非Steam的内容，可以和资料页的背景联动。好好利用它——可以为自己的资料页增色不少。你既可以用截图展柜展示你的游戏美好瞬间，也可以利用背景进行互动。Q：我想截图展柜的图片使用资料页的背景，该怎么做？A：有专门的展柜切图工具、[steam.design]我比较习惯使用PS。将资料页截图，然后从PS打开，然后再找到资料页背景的图片从PS打开，把图片拖到资料页截图上，调低透明度拉伸至与资料页截图一样大小上，就可以选取想要获取的那部分图片了。截图展柜大图的尺寸为506*506，小图为100*80。Q：我想截图展柜的图片使用资料页的背景，该怎么做？（长展柜）？A：有专门的[]Q：我如何把非Steam的截图上传？A：你可以在任意游戏中截图（F12），然后在该游戏的详细资料页的最下方会显示你已经截取的图片，也就是截图库。打开后点击左下角的“在硬盘上显示”在文件夹中找到你的截图。然后将你想上传的图片的名称改为你在steam中正常截图获得的图片的名字。然后进行覆盖替换。然后重启Steam，再来到截图库就可以上传截图了。Q：我怎么上传长展柜（截图展柜/艺术作品展柜）？A：首先准备一大一小两张图片作为展柜，内容自定。大图尺寸为506*X，小图尺寸为100*X（X根据你个人的需尺寸需求而定，本人为929。506/100两个数值不可变，否则会造成展柜大小两张图片无法对齐的现象）。然后使用浏览器（推荐Chrome浏览器）在上传艺术作品页面选择图片、输入名称，勾选个人作品认可，然后页面任意位置右键-检查-Console，输入代码后按回车键确认，然后点击上传，然后在展柜设置中选择两份图片即可。 艺术作品展柜栏位代码 var num= document.getElementsByName(&image_width&)[0].document.getElementsByName(&image_height&)[0].value = num-(num-1);document.getElementsByName(&image_width&)[0].value= num*100; 截图展柜栏位代码 document.getElementsByName(&file_type&)[0].value= 5;var num= document.getElementsByName(&image_width&)[0].document.getElementsByName(&image_height&)[0].value = num-(num-1);document.getElementsByName(&image_width&)[0].value= num*100;
「个人资料背景」
其次，是个人资料背景，其实我们刚点进一个人的资料页的时候，首先感受到的就是个人资料背景。艳丽的个人资料背景一下就会抓住别人的眼球。好看的背景价值不菲，但适当的搭配可以使平凡的背景绽放不一样的光彩。Q：我上哪里寻找合适的背景？A：在Steam-市场，输入你喜欢的游戏的英文名称，就可以找到相关背景了。比较出色的还有更为专业的[www.steamcardexchange.net]
「艺术作品展柜」
艺术作品展柜主要的作用就是展示你的游戏/非游戏相关内容，这些内容的尺寸一般较大，可以点开查看。其次是配合截图展柜，再配合背景，展示效果更佳出众。而且艺术作品展柜一个特点就是直接上传GIF图片。你可以做一些艺术作品，也可以配合截图展柜和背景，也可以放一些炫酷的GIF图片。Q：我怎么上传艺术作品？A：在Steam个人资料页右侧的菜单栏。点击倒数第三项“艺术作品”，来到艺术作品页面，然后点击右上角的上传艺术作品，选择游戏或非游戏艺术作品，然后就可以上传了。
「创意工坊展柜」
实际上是由四张GIF组成的。形成一个五秒左右的动画窗口。相当于一个小视频哦。Q：我如何上传创意工坊展柜？A：先准备好四张GIF，内容自定。然后使用浏览器（推荐Chrome浏览器）在上传艺术作品页面选择图片、输入名称，勾选个人作品认可，然后页面任意位置右键-检查-Console，输入代码后按回车键确认，然后点击上传，然后在展柜设置中选择四张图片即可。创意工坊代码 document.getElementsByName(&file_type&)[0].value = 11注：单张GIF尺寸请限制在8M内，否则报错无法上传。注：由于图片刷新等缘故，如果四张GIF是相同画面切割而成，那么会经常出现不同步的现象，建议使用浏览器检视效果更佳。Q：如何制作创意工坊展柜GIF？A：建议使用AE、PS等软件，我使用PS。我制作了一个[]
「自定资讯方块、简讯」
这里可以写一些自己的爱好、习惯，也可以利用URL传送门晒个老婆秀个恩爱什么的，也可以用表情拼字或者图案。好看的表情加上合适的配比，会做出一个抓人眼球的自定资讯方块展柜。Q：我想用表情拼自定资讯方块&简讯，该怎么做？A：有专门的[steam.tools]
「游戏收藏家展柜、成就展柜等」
这些限定了只能成为游戏爱好资料页的展示工具，所以并没有前面几样重要。不过你是一个极致游戏玩家，那么展示一个最爱游戏全成就，或者通过评论表达出你对游戏的喜爱，还是蛮有用的。此处特别推荐游戏《LYNE》以及成就展示栏：《LYNE》可以获得26个英文字母的成就，可以拼出单词。Q：我怎么展示一些特殊的游戏？A：STCN有玩家研究出了一些[]
「物品展示栏、交易的物品展柜等」
这是土豪必备的展柜，如果你有成色很好的爪子刀或者成色很差的龙狙那么快拿出来秀吧~Q：我怎么取消某一件物品的展示？A：去市场挂一下出售，然后再撤销。记得不要挂的价格太低，以免被别人秒购哦。
「Steam皮肤」
Steam皮肤他人是不可见的，仅存在于客户端。Q：Steam皮肤怎么使用？A：下载了Steam皮肤后，将文件夹置于 “X:\Program Files(x86)\Steam\skins”文件夹，重启Steam，在steam-设置-界面-面板中选择该皮肤。 然后重启steam客户端即可。 Q：哪里有下Steam皮肤？A：[][]Q：Steam皮肤怎么做？A：简单一点说，就是用开发者模式进入Steam，你就可以看到所有构成Steam的图片、色彩，并拥有它们的路径。然后在皮肤文件夹中替换图片文件，在文档中更改颜色、添加颜色。[][]
「警惕不良内容」
你要保证你的艺术作品不含色情、暴力、反动以及人身攻击内容，其次你要保证你自己创作而成的。很多人去Pixiv、百度、堆糖等网站直接找来的图直接上传艺术作品。这样做即便你没有将其利用在利益方面，也仍然是不尊重原作者的劳动成果的行为。我尽可能直接去官方推出的原画集中寻找素材然后后期创作。如果一定要使用第三方画师的作品，一定会写侵删声明。而截图展柜则没有相关的规定，但对我来说也不意味着可以随意上传展柜截图。我会在个人信息备注注明侵删声明。
「头像和徽章」
这些算是不可抗力因素了，因为每个人的头像都是极具个性的，都难以和其他展柜与资料页背景搭配。徽章亦然。但是也并不是完全没有机会。最起码你可以给你的头像背景换成资料页背景，你可以在展示徽章页面放上一枚喜欢的游戏徽章。
「搭配和色彩配合」
同样的背景，不同的展柜可以创造出各具特色的精彩，有无限的可能，但是它们真的相互搭配吗？就我个人的经验而言，二次元最好搭配二次元，三次元最好搭配三次元。从感觉上讲。如果你喜欢的是3D渲染真实建模而成的人物，那么尽量不要搭配手绘风格的背景。反之亦然。而且我会为展柜中的人物进行阴影处理，使其更有立体感，对背景的契合度也更好。Steam的颜色基于深蓝和灰色，因此我推荐深蓝色等深色系配色。其次是红色，红色较为鲜艳夺目，能彰显个性；其次是五彩缤纷的，但是不要搞的太乱，否则效果就不好了。有一句歌词唱得好：“缤纷色彩闪出的美丽，是因它没有分开每种色彩”。五颜六色的个人资料背景也是很吸引眼球的。
要重申的是装扮资料页的三大利器是“截图展柜”“资料页背景”和“艺术作品展柜”。作为基本的资料页装扮，这三样已经足够。剩下的在于你对颜色的理解，对展柜和背景的搭配。好看的资料页并不是因为展柜多，也不是因为资料页背景有多值钱。其次，作为个人的意见，我想说市面上流传着无数日呆画风资料页背景，和大触们无私分享的已经制作好的展柜。我认为没有必要随波逐流使用这些内容。个性的彰显靠的是独具匠心，如果大家肯自己努力动手和学习，即便不如别人的资料页好看，你也会发自心底地感到漂亮，乃至快乐。——因为你要的快乐别人给不了；你要的美丽自己才知道。最后，祝大家都能获得自己喜欢好看的个人资料页。不忘初心，个性与美。这就是steam装扮与美化的全部解释了。不光不要忘了自己的心，也不要忘了那些被你所采用的绘画作品的画师。也许你可以打扮的不够漂亮，但是你一定要让别人记得你，丑也要丑的有个性。我鼓励大家多用生僻的，鲜有人用的冷门背景，搭配自己喜欢的个性化截图展柜等，创造属于自己的美。
「参考案例」
最后附上我的好友们的各类资料页，供大家参考欣赏。END~谢谢观看！
You need to sign in or create an account to do that.