推荐阅读
Dave Rapoza的动画角色绘画作品欣赏
Dave Rapoza是美国波士顿的一名自由职业画家。他的作品包含了很多上世纪80至90年代的动画人物形象,例如忍者神龟、希曼等等,这些我们童年时代非常喜爱的虚拟动画人物在Dave Rapoza的创作中以写实的形象再次出现,带给我们非常大的视觉冲击力。当然作为网页设计师来说,我们不能只看热闹,不看门道。带着素描中”三大面、五大调子”的视角去审视这些作品的话,我相信我们在Dave Rapoza对于光影的细节表现上一定能给自己带来很多的灵感。我们先来看看当年的动画片海报,将我们的记忆拉回到90年代那幸福的童年时光。以下是Dave Rapoza的创作作品:一、多纳泰罗二、拉斐尔三、米开朗琪罗
PS给婚纱MM换脸
小提示:在找图片的时候,最好找一个与原照片人物脸的角度相同的或者差不多的,这样做出来的效果会更加逼真,不会有僵硬的感觉。3、然后从“工具栏”中选择“钢笔”工具,我们的主要目的是把图4人物的头部抠下来。所以,用钢笔勾勒出大致轮廓,这里要注意脸部轮廓一定要精确,其他地方可以大致勾勒。如图5所示:图54、然后,切换到“路径”面板,按住“Ctrl”键,点击我们刚才创建的路径,使其处于选中状态,如图6所示:图65、将所选头部的区域,拖到图3中,将“人物B”头部的角度调成与“人物A”头部的角度相近的角度(包括方向和头部的大小)。接着,右击拖过来的人物头部,使其处于当前操作状态,“Ctrl+T” 快捷键,自由旋转,如图7: 图76、 接着,我们要把“人物B”头部多余的部分抠掉。因为是单色背景,所以,使用“魔棒”工具就可以。从“工具栏”中选择“魔棒”工具,点击除了头发外的其他咖啡色的区域,这样就选中了我们所要抠掉的部分,如图8:图8 6、 接着,按“Delete”删除键,删除咖啡色的区域。得到图9:图97、为了保持和原照片风格一样,我们还要保留原照片的皇冠,所以,把“人物B”一部分的头发连同丝带用“套索”工具选中,一起删除。得到如图10:图10
Flash 8 工作环境简介
Flash以便捷、完美、舒适的动画编辑环境,深受广大动画制作爱好者的喜爱,在制作动画之前,先对工作环境进行介绍,包括一些基本的操作方法和工作环境的组织和安排。 运行Flash 8,首先映入眼帘的是“开始页”,“开始页”将常用的任务都集中放在一个页面中,包括“打开最近项目”、“创建新项目”、“从模板创建”、“扩展”以及对官方资源的快速访问。如图1-10所示。图 1-10 开始页 如果要隐藏“开始页”,可以单击选择“不再显示此对话框”,然后在弹出的对话框单击“确定”按钮。 如果要再次显示开始页,可以通过选择“编辑”|“首选参数”命令,打开“首选参数”对话框,然后在“常规”类别中设置“启动时”选项为“显示开始页”即可。 在“开始页”,选择“创建新项目”下的“Flash文档”,这样就启动Flash8的工作窗口并新建一个影片文档。如图1-11所示。图1-11 Flash 8的工作窗口 Flash 8的工作窗口由标题栏、菜单栏、主工具栏、文档选项卡、编辑栏、时间轴、工作区和舞台、工具箱以及各种面板组成。
最新发布
如何快速制作高逼格的电商BANNER海报
工作后经常有人对我们说做设计一定不要直接用图片,一定要抠图,不要偷懒,不抠图是做不好设计的,可是到后来我发现有些Banner设计即使不抠图,也可以做得很好看,谁说做设计一定要抠图?因为我在之前的文章里已经非常详细地讲解了平面构成和色彩构成的知识点了,所以在后面的文章里我不会再过多的在这些方面做文章,最多只是会提一下,毕竟每篇文章的篇幅有限,所以有些内容我不会重复写了,当然如果大家想继续了解这方面的知识可以点可以回头去看我写的这两篇文章:五大步骤细说Banner图设计之平面构成的奥秘/六个步骤细说电商banner图设计之色彩的奥秘。接下来进入我们今天的话题:不用抠图不用合成,教你分分钟搞定一张高格调的Banner设计。1/我为什么要做这样一个主题的干货分享呢?记得以前上大学的时候听一位老师说做设计千万不要用渐变色,因为非常low,于是我就当教条一样一直记在心里了:“嗯,千万不要用渐变色”,但后来工作了几年才发现,渐变色也可以很好看,也可以很高端,只是要看如何去用而已;再到后来在工作过程中,有人对我说做设计一定不要直接用图片,一定要抠图,不要偷懒,不抠图是做不好设计的,可是到后来我发现有时候我们不用抠图,也可以做出好看的设计或好的设计,我就有个疑问:为什么做设计一定要抠图才行呢?所以这次我们可以试着捋一下在不抠图的情况下可以怎么玩设计,看能不能带来一些启发,这次我也依然会以Banner设计来举例说明。2/摄影与Banner设计之间的联系是什么?一般来说,如果摄影师和设计师能配合沟通一起去做设计是最好的,尤其当涉及到很多产品或模特拍摄的时候,无论是在电商行业还是在广告行业,前期都需要沟通好策划方向以及构图色调等,因为摄影部分的工作做得越到位,设计部分的工作量就越小,项目也越顺畅,如果摄影部分的工作不到位,到设计那一步就麻烦大了,有可能需要返工重拍或者花费大量时间精力去修改和调整,这样子就得不偿失了。编者注:没时间没条件摄影?这些免费图库可以帮你!《帮你找好图!99%的互联网从业者都要学会的图片搜寻方法》首先,商业摄影涉及到的工作内容和知识点有哪些呢?
设计师应该如何快速的学会图片搜寻方法
收藏了十几个图库,依然搜不到好图片?那就别错过今天这个教程!这个「图片搜索」系列,不仅教你学会如何榨干一个优秀的图库,而且还附上了那些无法另存的图片的下载方法,本文是第一二部分,站点推荐和下载技巧篇。图片力量教程分为三个部分:站点推荐篇下载技巧篇搜索技巧篇曾经有同学问我关于搜索图片的问题,把他的网站收藏夹截图发给我,一打开我就懵逼了,小小的收藏夹里面居然有数百个网站。这位同学反应了一个问题,收藏本身的作用,是在全球海量的网站中挑出自己最喜欢的那个,而大多数同学都是见到一个就收藏一个,好不好用,适不适合自己用都没有整明白。收藏夹数量少的时候还好,可能会用,但是有一天数量大到一定程度,本身就失去了收藏的意义了。其实,真正想提高自己的对于图片的搜索技巧,与不停换着网站去搜索相比,不如努力尝试用一个网站搜索出自己想要的结果。毕竟每个网站都有着自己的特色功能与内容倾向,与收藏更多的网站相比这些才是我们应该明白的。能够拿来长期使用的图片网站有哪些?
设计师如何打造丰富的网页设计布局
优秀的排版是构图、图片、配色、字体等各方协调的共同结果,设计其实是没有规则可循,审美从来都不在约束内发生。要想让整个版式内容丰富又充满呼吸的空间,需要我们整个的思考方式都流动起来。我们人类千人千面,但怎么长都不会偏离骨骼。因此,保持了内在的坚固恒久性,外表就一出戏,相对自由式的进行视觉想象编结。布局排版说来很容易,无非就是整理好网页的元素清单,然后一一放上版面即可。其实就因为自由搭配的方式千差万别,我们总为最好解决方案心悬一线,其实最后的结果又马马虎虎。没有边界一段文字和一张图片,甚至一个图标……在你进行布局的时候,由于你的素材并不是立刻手到擒来,你的布局总是喜欢用一个个矩形来代表一段文字或一张图片,这本没有错,但这个做法也会让你陷入“框架陷阱”。就像这样一个布局,只是画出了一个大致的框架图,也许你只是想说这只是框架,因为设计规划前期很多素材还并不完善。然而,很有可能你就会因此而将页面设计成这样当然,你会说这样其实并没有什么不好,因为几乎我们所有看到的扁平化网页都是这个样式,但可以肯定的是,这个网页并没有多少呼吸的空间,整个网页都被信息所填满,如果稍微改变一下布局的元素大小和位置,其实就会展示出不一样的版面效果(下图),而很显而易见后者的排版是更为灵活的。
2019年3月超实用设计圈快速便捷的工具合集
好的设计工具总能让设计师工作更加便捷,这一点毋庸置疑。这个月的设计圈干货当中,汇集了许多能够让设计更加快速便捷的工具,有的能够帮你快速完善配色,有的工具能帮你完善流程,更好用的代码片段,以及帮你丰富设计的字体。春天来了,生活和工作理当更加放松,看看今天的新工具,不要错过任何一款对你有用的好东西哟~QuickChart.ioQuickChart.io 是一款免费的工具,帮你快速构建高度可用的图表素材。它的开发者旨在提供一款足以替代 Google Image Charts API 的便捷工具,因为 Google 的这款 API 即将对外关闭。QuickChart.io 的工作原理不复杂,它使用 URL 来定义图片图表。每个 URL 都包含一个 JSON对象,而这个 JSON对象中则容纳了所有的数据和显示选项。这些数据图表将会遵循流行的开源图形库chart.js 来定制,并且其中一切都是可定制的。This Person Does Not Exist这是一个帮你生成随机头像的工具,更重要的地方在于,这些随机头像都是电脑自动生成的,并非真人。你可以将这些面孔运用到实际的项目中去,它会让一切看起来非常真实。IVIDIVID 是一款适合现代浏览器的交互式视频播放器,易于设置同样易于使用。这款播放器的便捷之处在于它几乎是即插即用的!完整的 VanillaJS Web 组件播放器内允许自动播放下一个视频,使用继承自 HTML5 的视频属性,并且具有可自定义的屏幕控件,键盘控件以及更为简单的设置。
UI设计师&插画设计师必须要收藏的PS笔刷大全
看插画视频教程学习时发现很多求笔刷的弹幕,也有同学在网上高价求购笔刷,并且手绘已经成为了UI设计师的必备技能之一。但是网上笔刷种类很多,不利于选择,所以收集了一些非常好用的笔刷分享给各位UI设计师&插画师,希望这篇文章可以解决这些同学的问题。(由于版权问题,本文不提供打包下载,需要的同学请百度/购买/到原作者微博下载)关于笔刷很多优秀的插画师会说笔刷不重要,传说中的「19号画笔」就可以画出自己想要的效果,有的插画师也会选择自己制作笔刷,但是对于大部分的UI设计师或者插画爱好者来说,使用一些已经制作好的各类风格笔刷有助于提高绘画效率,快速出图。关于软件使用 photoshop 画图的同学推荐使用CC 2018及以后的版本,Adobe 在2018版本加入了笔刷分组和画笔平滑(SAI 的防抖)功能,可以更好进行笔刷整理,以及适合手抖的同学。另外,在2019版本还内置了色轮功能。笔刷推荐下面推荐三组笔刷,基本上涵盖了大家看到的大部分手绘风格的笔刷,可以根据自己的需要去下载使用。1. Kyle T. Webster笔刷在油管上的插画教程里,你会发现很多插画师都是用的Kyle开头的笔刷,没错,就是 Kyle T. Webster 笔刷。其实国外大一部分插画师都是使用 Kyle T. Webster 笔刷,因为这套笔刷真的非常好用。以前这套笔刷需要付费购买,现在被 Adobe 公司收购了,免费提供给 Adobe Photoshop CC 订阅用户使用。
13个提升工作效率的实用Sketch插件
这些是我常用的Sketch插件,个个轻量级,超级好用,分享给大家。希望大家可以喜欢。Split ShspeSketch IsometricMagic Mirror
详解字体设计中笔画的加法减法和乘法三种基本方法
字体笔画设计的基本法则的介绍~字体笔画设计的基本法则的介绍~笔画设计共有加法,减法,乘法三种基本方法前言:在字体设计中,对笔画进行处理是最基础的设计方法。如同数学有基本的四则运算一样,笔画的设计方法也有基础的运算法则,掌握这些常用的笔划设计法则,能帮助我们更好地进行字体的设计。文章中的案例和图片均来源自网络,只用于设计方法的说明展示,不做其他用途。根据字体笔画设计的属性进行分类,笔划的设计法则一共有3种:加法、减法和乘法这三种法则的技法层面为:
设计配色知识,详解设计师必须要了解的配色知识
配色一直是设计圈子里恒久不变的热门话题,是我们作为设计师必须要掌握的一门重要技能之一,通过色彩可以向用户传递不同层面的视觉信息,所以不同的色彩也都被人们赋予了不同的含义。配色一直是设计圈子里恒久不变的热门话题,是我们作为设计师必须要掌握的一门重要技能之一,通过色彩可以向用户传递不同层面的视觉信息,所以不同的色彩也都被人们赋予了不同的含义,比如:红色、橙色、黄色等暖色系列的颜色能表现出温暖、热闹;而蓝色、淡蓝色等冷色系列颜色,会给人一种凉爽、寒冷的感觉。将色彩属性与设计作品有效的相互结合,往往能做到1+1>2的视觉效果。在设计中,色彩可以分为两大类,即有彩色和无彩色,无彩色大多指我们常说的黑、白、灰。有彩色则是除无彩色之外的颜色。下面说下有彩色的三大特征,即色相、饱和度、明度:色相:色彩的首要特征,也就是色彩可呈现出来的质地面貌,比如我们常说的:红色、蓝色、绿色……饱和度:色彩的鲜艳程度,也就是色彩的纯度,饱和度取决于该色中含色成分和消色成分(灰色)的比例,直观看就是我们常说的:天蓝色、淡蓝色、灰蓝色等等,就是对饱和度不同程度的体现:(饱和度由高→低的变化)