海边小螃蟹 发表于 2015-5-5 12:46:51

PS旋转按钮

说明：这是我在一个国外网站，按着教程做的，觉得挺简单的，虽然不懂英文，但是看图片大概能看懂，或者说，谷歌翻译吧，不过生硬，所以按自己理解重新写了过程。过程可能会很啰嗦，但是这是为了照顾处于基础中的同学，觉得太啰嗦的同学，可以看world文档的国外大神做的教程截图，本来想保存整个网页为图片的，但是竟然不给，如果有问题，在下面留言，因为我还是学生，我会在线等的，一起学习，今天刚做的注：也是我第一次写教程，额，应该不算教程，分享个人的制作过程，请大神们提意见。下面有可供下载文件（里面有原网站的截图+混合模式中英文对照表）让我们开始吧：
http://pic.16xx8.com/allimg/150502/15360Q920-0.jpg
画布大小自定义，我这里800*600px，颜色值：2e2f31提示：教程详细步骤在二楼！想下载该教程的可以到这里下载:点击进入下载页教程编号:137381 作者：2015heibai 出处：站酷

海边小螃蟹 发表于 2015-5-5 12:46:51

2.绘制一个正圆，按住shift键，点击鼠标左键，选择移动工具V，在与画布垂直、水平居中对齐，颜色值：2e2f31
http://pic.16xx8.com/allimg/150502/15360R9B-1.jpg

http://pic.16xx8.com/allimg/150502/15360R612-2.jpg

海边小螃蟹 发表于 2015-5-5 12:46:51

3.给图层命名base（底层），并添加内阴影、投影
http://pic.16xx8.com/allimg/150502/15360U053-3.jpg

http://pic.16xx8.com/allimg/150502/15360WQ7-4.jpg

http://pic.16xx8.com/allimg/150502/15360U3Q-5.jpg

海边小螃蟹 发表于 2015-5-5 12:46:51

4.复制base图层，右击选择清除图层样式，按住Ctrl+T，再按住shift+Alt等比例缩小，缩放比例看图，并命名shape（形状），再添加图层样式
http://pic.16xx8.com/allimg/150502/15360S2Q-6.jpg

http://pic.16xx8.com/allimg/150502/15360RN8-7.jpg

http://pic.16xx8.com/allimg/150502/15360U263-8.jpg

http://pic.16xx8.com/allimg/150502/15360W141-9.jpg

http://pic.16xx8.com/allimg/150502/15360U537-10.jpg

http://pic.16xx8.com/allimg/150502/15360T0A-11.jpg

http://pic.16xx8.com/allimg/150502/15360WL3-12.jpg

海边小螃蟹 发表于 2015-5-5 12:46:51

5.新建正圆，并命名shadow（阴影）我是cc版的，羽化就行：6.6px，找不到的话，就高斯模糊，滤镜—模糊—高斯模糊，数值自个调，按住shift+方向键，下移到base图层边缘就行。
http://pic.16xx8.com/allimg/150502/15360T044-13.jpg

海边小螃蟹 发表于 2015-5-5 12:46:51


6.在绘制一个shape图层，为什么是一样的，这个我真不知道诶，这是按国外大神做地，为了以示区别，可以改为shape2，这个图层移到阴影图层下，添加图层样式
http://pic.16xx8.com/allimg/150502/15360V0X-14.jpg

http://pic.16xx8.com/allimg/150502/15360R911-15.jpg

http://pic.16xx8.com/allimg/150502/15360V9C-16.jpg

http://pic.16xx8.com/allimg/150502/15360R0J-17.jpg

http://pic.16xx8.com/allimg/150502/15360W424-18.jpg

http://pic.16xx8.com/allimg/150502/15360W5E-19.jpg

海边小螃蟹 发表于 2015-5-5 12:46:51


7.在绘制一个shape图层，在加个数字3把，按Ctrl+T，shift+Alt等比例缩放，添加图层样式
http://pic.16xx8.com/allimg/150502/15360WR0-20.jpg

http://pic.16xx8.com/allimg/150502/15360U620-21.jpg

http://pic.16xx8.com/allimg/150502/15360S463-22.jpg

http://pic.16xx8.com/allimg/150502/15360RV3-23.jpg

海边小螃蟹 发表于 2015-5-5 12:46:51


8.绘制一个正圆命名为metal（金属）层，添加图层样式
http://pic.16xx8.com/allimg/150502/15360Q927-24.jpg

http://pic.16xx8.com/allimg/150502/15360U311-25.jpg

海边小螃蟹 发表于 2015-5-5 12:46:51

大神没给颜色值，无非就是黑、灰、白，
http://pic.16xx8.com/allimg/150502/15360TW7-26.jpg

海边小螃蟹 发表于 2015-5-5 12:46:51


9.复制metal图层，并改为gradient（渐变）右击图层，清除样式，重新添加黑白渐变，图层填充为0
http://pic.16xx8.com/allimg/150502/15360W605-27.jpg

海边小螃蟹 发表于 2015-5-5 12:46:51


10.绘制一个圆角矩形，命名为mark（标记）图层，在选择矩形工具减去一小部分，添加图层样式
http://pic.16xx8.com/allimg/150502/15360W642-28.jpg

http://pic.16xx8.com/allimg/150502/15360T409-29.jpg

http://pic.16xx8.com/allimg/150502/15360T2D-30.jpg
到这一步算是基本完成了，接下来就是指示灯的问题。这一步需要AI支援了将ps文件保存好后，打开AIcs6，按Ctrl+O弹出打开窗口，选择需要的打开文件，打开后会弹出一个窗口，默认，点确定即可。

海边小螃蟹 发表于 2015-5-5 12:46:51

AI步骤：1.绘制一个正圆，圆的大小，你们看着顺眼吧。选择旋转工具（R），按住Alt键将鼠标移到圆的中心位置，会显示出“中心点”字体，不要松开鼠标，将“中心点移到金属中心位置”，此时会弹出旋转弹窗，输入22.5度，点复制，在按Ctrl+d键，连续复制。
http://pic.16xx8.com/allimg/150502/15360Sc2-31.jpg
如下图：这是全选中状态，因为要复制，在编辑—复制，再回到PS软件，Ctrl+V粘贴
http://pic.16xx8.com/allimg/150502/15360QN3-32.jpg

海边小螃蟹 发表于 2015-5-5 12:46:51

此时弹出粘贴弹出，选择最后一个
http://pic.16xx8.com/allimg/150502/15360SF0-33.jpg
接下来就是给两个图层命名为off，off2添加图层样式Off：图层样式
http://pic.16xx8.com/allimg/150502/15360Q616-34.jpg

http://pic.16xx8.com/allimg/150502/15360U3a-35.jpg

海边小螃蟹 发表于 2015-5-5 12:46:51

PS旋转按钮

Off2图层样式
http://pic.16xx8.com/allimg/150502/15360RS3-36.jpg

http://pic.16xx8.com/allimg/150502/15360VR0-37.jpg
这是我做的效果：
http://pic.16xx8.com/allimg/150502/15360TU8-38.jpg
这是原效果图
http://pic.16xx8.com/allimg/150502/15360W5Z-39.jpg
页: [1]
查看完整版本: PS旋转按钮