推荐阅读
2018淘宝手机端详情页图片照片大小尺寸
2018年淘宝的变化还是挺大的,单从店铺装修方面来讲,淘宝旺铺升级了,也推出了智能版旺铺,手机淘宝店铺的图片尺寸也增大了,淘宝手机端详情,单张图片的高度也增加了,总体详情图片体积也增加了,那么手机详情的图片尺寸到底如何,在设计手机详情的时候应该注意哪些?下面结合截图简单说一下: 1、手机端描述目前有两种编辑方式,一种是文本编辑,另外一种是旺铺详情编辑器,编辑器更加的智能,可以对图片进行处理,文本编辑状态更适合自己设计好后,直接上传图片,那么文本编辑状态下,图片的体积增加至10M, 2、并且在发布助手里面,有详细的图片尺寸说明“可以针对性制作手机端详情,让消费者用手机浏览体验更棒,手机端的图片需要符合:图片宽度在:480-1242像素之间,且高度不超过1920像素”, 3、图片宽度只是给了一个区间,那么当前使用最多的宽度尺寸是多少?结合第三方详情模板设计平台,以及淘宝天猫大店的手机产品图片,使用最多的尺寸为620px宽度,单张图片限高值由原来960px变更为1920px, 4、如果是新手卖家,可以借鉴第三方平台的模板设计详情,只需要替换图片即可完成。如果对此模板感兴趣,可以点击链接 http://www.taoxuemei.com/tao/285.html 查看更多样式。 总结:当前详情图片使用比较多的宽度尺寸为620px,单张图片最大值为1920px,单个产品手机详情图片体积总和最大值为10M,也就是说不仅要考虑尺寸问题,还要考虑图片体积问题,如有疑问可以在下方留言,笔者会及时回复。
Photoshop调成青黄色树叶背景的女孩图片
素材图片主色以绿色为主,转为黄褐色是比较容易的。只需要把绿色部分转为橙黄色或黄绿色,暗部颜色转为红褐色或黄褐色,然后把整体颜色调柔和即可。最终效果原图一、打开素材图片,创建曲线调整图层,对红。绿通道进行调整,参数设置如图1,2,效果如图3。这一步给图片暗部增加一点暖色。二、创建可选颜色调整图层,对黄、绿、白进行调整,参数设置如图4 - 6,效果如图7。这一步给图片增加黄褐色。
制作梦幻彩色光丝文字图片的PS教程
本教程文字制作重点是如何勾文字路径,可以选择一些连写字体打出所需文字,然后沿着文字中心勾出路径,后期只需要给路径描边,再复制移动、渲染颜色、添加装饰即可。最终效果 一、建立空白图层,我用的是1200×800,用渐变工具拉一个渐变当背景。 二、建立文本,用喜欢的字体,最好用圆体字或花体。 三、用钢笔,大家不要怕,慢慢来,勾得好的!把大致的字体勾好。
Photoshop制作极速的汽车海报
在某种意义上,一张图片胜过千言万语。在本教程中,我想创造出一辆拥有力量、能量、动感的汽车。我将把表现重点放在发动机上,以显示其强大原始的力量。在合成表现中,我需要另外一个物体来体现汽车的动感和力量。经过一段时间考虑,我决定选用一匹马,用马力来展示发动机的巨大能量,所以我将使这匹马从发动机里跳跃而出。为了完成这个创意,需要一张汽车和一匹马的图片,而且它们的透视角度要基本一样。一旦您找到了所需要的图片,创建一个新文档,尺寸是 1600px * 1200px ,然后填充背景,色彩为深绿色,色值:#1D310C。 新建一层,把汽车素材放进来。然后用钢笔工具(p)或是套索工具、魔棒工具把白色部分去掉。你可以看到,该图片有两个金属丝在前面,我们可以用仿制图章工具(S)来消除它,这需要点耐心。Alt+单击 以选中克隆来源,仔细涂抹来覆盖掉钢丝。 新建一层把马贴进去,我的图片里有一些噪点,我使用滤镜 > 杂色 > 蒙尘与划痕来改善它,半径设为1像素。然后把马单独提取出来,使用钢笔工具或是其他你善长的工具,这里让我们先把马鬃毛和尾部暂时保留下来,我们将在下一步提取它。现在,我们将提取马鬃毛。把马复制一层,打开图像 > 调整 > 色阶,数值如下图,得到一个剪影效果。接着打开色相/饱和度面板,色相31,饱和度-100,明度-50. 然后把灰色部分的区域选择出来,打开选择 > 修改 > 扩展,数值为2像素。这里,再选中“马”层,删除。把复制的马副本层删掉,当然你也可以保留隐藏。
最新发布
Photoshop制作相册自动翻页GIF动画教程
大家好,好久没有很好勾通了。把你喜欢相片放进你自己设计的相册中,让她自动一页一页翻给你自己看是不是很惬意啊,不过这个相册,看似简单,其实是不怎么好做的。现在网搜索一下,目前真正象样翻页动画相册我至少没搜索到。考虑到这个相册制作有一定难度,如果写得太简略的话新手是没法做的。今天我就用详解方法写一个贴子。因图层太多话相册做成后文件太大,而图像相素太小话欣赏感不强,所以我用3张图片做,图片大小600×500px。做相册前先把素材图片按6比5.5进行剪裁好,并先压缩到590×420像素,以后拖到相册中再进行缩放。一、新建一个透明文件,新建一个透明文件,图像大小600×550像素,相册图像大小可根据实际来定。二、相册封底设计1、选择工具栏矩形选框工具在新建的透明文件上拉一个长方形,比原文件稍小一点,上边要留点下面用到。2、菜单栏选择→修改→平滑『取样半径=15ps』。〖图片1〗
用Photoshop时间轴动画打造转动的地球
本例为PS初学者实例系列教程,今天我们来学习运用时间轴动画制作一个自转的地球,教程详细讲解了地球的制作方法和动画制作过程,喜欢的朋友可以动手试试哦~~我们来练习一下PS中的时间轴动画,制作一个自转的地球,先看看效果:方法如下:1、新建550*400,72p画布一个并作深蓝色(000156)填充; 2、取椭圆选择工具,同时按住shift\alt两键,从画布的中心位置开始向外拉出一个适当大小的正圆形选区。3、新建一层,对选区进行任意色填充。
水晶按钮
1.新建文件,宽、高都为5,单位cm,分辨率200,模式为RGB,白色背景。 2.用圆形选框工具画出圆形选框,在选区内点鼠标右键,选“通过拷贝的图层”项(图层1)。 3.新建图层(图层2),使用渐变工具,设置成“前景色到透明渐变”,前景色设置为R:255,拉出如图渐变。 4.新建图层(图层3),在新图层上用喷笔画出阴影(也可填充颜色,然后用椭圆选区羽化后删除,但是那样效果没有用喷笔来得自然好看,小魔星就不在此赘述:P) 5.新建图层(图层4),在新图层上画出椭圆选区。 6.在图层4上使用渐变工具,前景色设置为R:255;G:255;B:255。
电子贺卡网站广告
一个变化中的物体总是更容易吸引人们的注意,所以,相对于静止不动的宣传文字,活动的,有变化的文字在广告条中起到的宣传作用更大。在本实例电子贺卡网站广告中,将画面制作为主体文字由浅渐深、由朦胧到清晰的逐一出现在画面中的文字渐变的动画效果,将人们的视线集中在文字所表达的内容上,可以很轻松的让观看者了解广告条的宣传内容,起到良好的宣传作用。如图13-2所示,为本实例的完成效果。图13-2 本实例完成效果本实例的动画制作,是在Photoshop和Image Ready中共同编辑完成的。在Photoshop中,主要编辑动画的静态画面效果,将每个文字都建立到单独的一个图层上,以方便以后在Image Ready中的操作。而在Image Ready中,主要是完成动画帧的设置操作。然后在动画帧之间添加过渡帧的设置,改变文字的不透明度,将其从无到有的渐变过程更自然的表现出来。如图13-3所示,为本实例的制作流程。ImageReady中的“过渡”命令,是该软件中极具特色的一个功能。使用“过渡”命令可以自动添加或修改两个现有帧之间的一系列帧,均匀地改变新帧之间的图层属性,如:位置、不透明度或图层样式等参数,依次创建不同的动画效果。图13-3 本实例制作流程(1)运行Photoshop,执行“文件”→“新建”命令,打开“新建”对话框,参照图13-4所示设置对话框,创建一个名为“电子贺卡网站广告”的空白文档。图13-4 新建文档
如何使你的图标脱颖而出
抛开技术不谈,从我的角度来看,图标设计有 3 点是非常重要的:创意,细节,整体性。1.创意:一个好的出发点或角度能让你的图标与众不同,脱颖而出。我们先来看一下iconfactory的pixelpalooza2004图标大赛竞赛获奖作品以下图片资源来自: www.iconfactory.com他们全是迸发创意火花的作品。现在的图标创作早以不是循规蹈矩的年代了,我们无须为了迁就什么而牺牲我们的创意(当然首先要明确你的图标创作的目的。如果他们是为了让人们更方便快捷的使用,你就必须要遵循一些 UI 的设计规范来做)。创意从何日来?很简单,从你的生活和其他各个领域的优秀作品中发掘。只要你是个细心的人你会发现生活中有太多值得我们探索,赞美的东西他们也许就能成为你的创作对象,漂亮的虫子,屋中的家什,任何东西 … 不要仅局限于那些 Apple 的 Aquaq 效果或 Windows XP 的风格。在这里技术永远不是重点,你可以用矢量软件创作出插画风格的图标。也可以用 3D 软件作出有着强烈立体感的作品 … 例如“硬盘”这个图标,它为什么必须是一个硬盘或与其相类似的形象呢?我们完全可以取而代之为一个背包或箱子甚至一个破旧的集装箱,与之像配的你可以用钱包,皮夹来代替“文件夹”诸如此类的联想。他们全来自你的生活。另外多看各个设计领域的优秀作品也能让你灵感大发。尤其是工业设计领域的那些另人叹为观止的创意。我保证你能从中学到许多。首先找到一个你 COOL 的东西,然后用你的方式来表现它,就是这么简单。
用 AdobeIllustrator CS 设计图标
Icon design by using Adobe Illustrator CS The Last Order 图标设计利用 Adobe Illustrator CS 进行图标设计并在 Photoshop 中进行后期处理,用 Iconworkshop 输出 .ico 格式的图标文件。图标是界面设计领域重要的一项设计内容,这次以在 2004 度中由 stardock 公司主办的 GUI 国际奥林匹克大赛中获全场大奖的图标包的 The Last Order 中的一个图标作为例子给大家讲述一下图标制作的过程。下图是这套图标的部分截图。教程中所应用到的软件主要有 Adobe Illustrator CS/Adobe Photoshop/Axialis Icon-workshop1.打 AdobeIllustrator CS ,选取工具栏上的圆角矩形工具,单击画板任意位置在弹出的窗口中开可以设定圆角曲度。(如果第一次圆角矩形长宽不合适,可以删除,直接拖拽得到合适大小) 2.选中菜单 Effect/3D/Rotate 命令调出 3D 旋转设置窗口,用于生成 3D 透视图形(只有最新的 Illustrator CS 版 本具有此功能)3.调整至合适角度(如过制作一整套图标,请记住保留设置参数,以应用于整套图标设计保持风格统一)选中 Preview 可以既时的看到画板中图形的应用效果。