Photoshop
client家族，PS切片技术
client家族 主要成员 clientWidth 获取网页可视区域的宽度 clientHeight 获取网页可视区域的高度 调用者不同，意义不同 盒子调用的时候，指盒子本身的宽度，不包括border body或html 调用的时候，指可视区域大小 clienY 和clientX 可以开发鼠标拖动功能（了解） onresize事件 只要浏览器的大小发生改变，哪怕1px，都会触动这个事件 练习：根据...
Phototshop中有哪些快捷键？
1.显示/隐藏选择区域 【Ctrl】+【H】 2.2 取消当前命令：Esc； 工具选项板：Enter； 选项板调整：Shift＋Tab； 退出系统：Ctrl＋Q； 获取帮助：F1； 剪切选择区：F2 / Ctrl＋X； 拷贝选择区：F3 / Ctrl＋C； 粘贴选择区：F4 / Ctrl＋V； 显示或关闭画笔选项板：F5； 显示或关闭颜色选项板：F6； 显示或关闭图层选项板：F7； 显示或关闭信息...
PS6 简易抠图 / Photoshop CS6 抠图入门 原创
我的 Windows 7 系统里安装了 Adobe Photoshop CS6。 我是新手，我想用它简单的切图和抠图成 png 图片。所以我学习使用了它。 抠图 使用的被抠的图是这个。 它的背景是奶色的，要把这个背景色去掉。 1.1 “文件” | “打开” 1.2 选择“桌面”上的图片“18582ed60161ed...
结合慕课网从PSD到HTML和FullPage.js全屏滚动插件等多个 原创
最近在慕课网上学了好几门课，结合这些课里讲的技术做了一个单页面应用，在这里简单总结记录一下。 项目演示地址：https://seed-fe.github.io/psd-html/ 从切图开始 最开始我只是想学习一下切图，很早就看到慕课网有前端工程师必备的PS技能——切图篇这个课程，看完以后我不仅学会了Photoshop各种基本工具的操作，还学会了在新版本的Photoshop...
ps切图时常用的操作与快捷键
原文链接 一：两种切片方法 第一种： 1.使用切片工具划分好你要切的模块 2.点击'存储为web所有格式'，在存储之前可以修改图片的品质来改变文件的大小。 3.在存储时切片有三种选择方式，按照自己的需要选择。 第二种：使用矩形选择工具 1.使用矩形选择工具选中要切的模块 2.ctrl+shift+c合并拷贝图层 3.ctrl+n新建文档 4.ctrl+v粘贴图层，保存。 二、选...
前端工程师如何搞定设计
前端是一个承上启下的职位，正因为其位置的特殊性导致其必须了解设计和后台的一些基本知识。本文并非教大家如何取代设计的工作，而是讲解前端如何更快更便捷的实现一些简单的设计任务，在没有设计师的情况下如何利用工具解决UI呈现的问题，让工作事半功倍。 Photoshop使用 大多数前端工程师都有过切图的经历，也就是将设计师制作的PSD等格式的图片按照需求切成项目需要的大小并实现页面的呈现，那么作为一名合格的...
UI设计：有关APP切图技巧 原创
在这个移动端爆火的时代，切图也是做移动端设计必不可少的工作，对于新手同学可能会比较困扰不知道怎样去切或者切图有什么规范，其实我刚接触UI的时候对于切图和标注也是懵懵懂懂一知半解的状态切图其实和标注一样，没什么特别固定的规范，工程师的开发水平不同，要求的切图也不同所以切图之前务必要和你的工程师搭档沟通一下，该如何去切才能配合他的开发，下面我们就来了解一下切图。～～ 第一个问题什么是切图？ 切图是指将...
前端工程师必备的PS技能——切图篇
前端工程师必备的PS技能——切图篇 内容 课程介绍 Photoshop界面设置 Photoshop基本操作 Photoshop传统切图 Photoshop精准切图 扩展知识介绍 课程总结 目标 能够自己使用Photoshop从网页设计师提供的psd中获取网页前端开发过程中所需要的资源。 对简单的Photoshop操作有一个基本的了解。 可以做一些简单的图片处理和调整。 提高...
【收藏】大牛设计师常用的资源站
图片素材 免费资源 Unsplash — www.unsplash.com Picjumbo — www.picjumbo.com Gratisography — www.gratisography.com Superfamous — www.superfamous.com Little Visuals — www.littlevisua...
设计中最重要的理念--------对齐
设计中最重要的概念——对齐 对齐这个概念很普通，咋一听人人都明白，但实际上弄懂它的人不多，灵活运用的更少。平面里元素的摆放都要有其依据，这里抛开商业目的，单纯以设计角度来谈依据，对齐是最重要的依据之一。 大家都知道的对齐：左中右、上中下对齐。如果仅有这些，必死板无比。 升一阶：视觉对齐，焦点对齐、重心对齐，虚实对齐，延伸对齐、比例对齐…… 最高阶...
前端相关的PS操作——切图/合并sprite 原创
本文写给那些已经学习完HTML/CSS基础知识，想模仿做一个静态页面，但缺少对ps了解的新手同学。喏，连模仿素材都给你们准备好了。 （嗯，那些已经用上compass，各种自动切图插件的你们一定不需要看这种最初级的切拼图方式的） 另外，如果你想做静态页面，强烈推荐黑白猪老师的课程从psd到HTML 一、准备工作 切图前需要先对PS进行基本设置，记住一些快捷键能帮我们更快的工作。 工作区设置 通过窗口...
Photoshop 大神通关秘籍 (基础工具的使用) 原创
本次笔记记录了慕课网上“PS大神通关教程”的每个章节笔记，除了个别简单、已经会的。主要是PS CS6中全部基础工具的功能和使用介绍。 一、基础工具 1，快速选择工具：SHIFT+CTRL+I为反选； 多边形选择工具：ALT为减去选区。 2，新裁剪工具的构图辅助方法有：三角形、对角线、网格、黄金比例、金色螺旋线等。 利用这些工具可以使得构图突出重点，表现出最佳的视觉。 配合O...
一入web前端深似海，从此休班成路人！
一入web前端深似海，从此休班成路人 从业这么多年来，换过不少工作，做过室内设计、平面设计、电商设计最后选择做web前端开发，我觉得自己跌入了无底深渊，自从做了这个行业之后，正常工作完还有回家不断的学习，从事web前端之后自学就没有间断过，养成了学习习惯之后，即使陪老婆逛会街都觉得自己在虚度光阴，晚上多看一会连续剧都觉得有些罪恶感，大家是不是觉得我病了，还病的不轻那，虽然我说的有些夸张，但是你是一...
PS零基础学习快速上道！
C剪裁快捷键 ctrl - / + ctrl+T 调整图像大小 OCR：将图片文字转化为文档。【jpg转化为txt之类】 ctrl+D 复制 两寸照片：3.5，4.5cm。300像素、英寸 证件照白边：图像——画布大小——宽和高（增加）0.2英寸 Pro-poster软件，图像裁切 ** 第一章基本工具 ** 图片剪裁： 直接使用剪裁工具框选选取后双...
适合程序员的画图技法
之前写一些技术文章时，经常有读者留言问我是用什么工具画图的。其实我感觉他们很可能问错了问题，因为我曾经为了画好图尝试过各种不同的画图工具软件，但最后发现能不能画好图和工具的关系并不大。 为何？ 程序员不是写代码的么，为什么需要画图？很多程序员会认为写好代码就好，画好图有什么用？程序员成为架构师后是不是就天天画架构图，成为了所谓的 PPT 架构师？如上这些疑问，好几年前也曾让我困惑过。 在一篇文章《...