Photoshop设计移动APP应用类型网站

  利用photoshop打造完美的APP'S网站。

  最终效果


  教程所需素材下载地址:http://urlxf.qq.com/?JRbqE37

  第一步

  新建(Ctrl + N)一个 1200 x 1150 px,背景为:#FFFFFF的文档。使用“矩形选择工具”(M)画一个 1200 x 220px的矩形框,然后填充颜色(此颜色不做固定要求)。


  接下来,我们把刚刚创建的图层命名为“header”。使用“圆角矩形工具”(U)并设置半径为20px。


  画一个950 x 60px 的圆角矩形


  命名圆角矩形图层“Navigation“。重新选择圆角矩形工具(U)然后在“Navigation“右上方再次拖出一个圆角矩形作为搜索框。把该层命名为 “Search”。


  第二步

  选择 “Header” 图层 按照如下设置添加”图层样式“

  投影设置:不透明度:34%;角度:90度;距离:5px; 大小:5px;


  渐变叠加

分类:

  • PS入门教程
时间: 2024-09-21 01:45:52

Photoshop设计移动APP应用类型网站的相关文章

Photoshop设计移动APP应用类型网页黑色风格网站教程

翻译:教程盒子(http://www.psdmi.com) 最终效果 教程所需素材 HTC Pad PSD File By Esintitasarim Loupe: Screenshot Magnifyier By Premium Pixels 教程盒子打包下载地址:http://urlxf.qq.com/?JRbqE37 第一步 新建(Ctrl + N)一个 1200 x 1150 px,背景为:#FFFFFF的文档.使用"矩形选择工具"(M)画一个 1200 x 220px的矩形框

Photoshop设计超酷的电影网站首页模板

  本教程主要使用Photoshop设计超酷的电影网站首页模板,创建一个电影导演工作室主页,要体现出怀旧感和孤独感.没有Logo,没有图片,所有素材自己搜集.根据设计要求,我们可以想象一个场景,一间有着泛旧的地板和斑驳的墙面的房间,一把空荡荡的导演椅安静的放在那里,椅子旁边放着拍片时用的喊话筒和废弃的电影胶片,打板也斜倚在墙上,安静的躺在幽暗的角落里.一束光从顶部向下打下来,落在椅子和地板上,让整个的气氛更加显得孤寂.依据这个想法,我们搜集以下素材来创建我们头脑里的这个场景. 教程素材:设计一个

Photoshop设计数码相机APP图标教程

  Photoshop设计数码相机APP图标教程         分类: PS鼠绘教程 ps图标制作教程

Photoshop设计杂志的黑色主题网站界面

教程来自:photoshoplady.com 如需转载 请务必以超链接形式注明:来自活 力盒 子网站以及原文出处.水平有限,翻译难免有误,请有心的朋友给予指出,以方便更多朋友阅读. 主题网站界面-photoshop界面介绍"> 这是我众多网站界面设计教程中的一个,是专门为10Steps.sg写的.我们要兼顾整个页面的美感,在动手设计杂志网站界面之前要做细致的设计规划.希望本教程会为你以后的项目设计带来帮助. 最终效果预览 下面让我们用线框来着手布局.下图就是我们绘制的简单布局,这么做的目的

Photoshop设计一个优雅的网站首页

  简洁优雅,这是一个面向新手的基础网页设计教程,还未设计过网页的你,不妨马上开始,尝试设计自己的第一个网页吧.熟练的同学也可以快速过一遍练练手. 这就是原教程最终设计好的网页. 然后,我在跟着做的时候,将所有文字换成了中文,就成了下面这样,看上去好像是真有这么一回事的感觉~ 哈,大家也可以试试哦,下面是教程: 本教程将通过一个"感恩日志"的概念项目,带大家一步步设计一个优雅(高大上)的网站首页.手把手从零开始,只需装好Photoshop软件就可以了.一些设计时会用到的基础技术(插件.

Photoshop设计救身圈组成的软件APP图标

  本教程主要使用Photoshop设计救身圈组成的软件APP图标,整体的图标质感表现的非常好,喜欢的朋友让我们一起来学习吧.         注:更多精彩教程请关注三联photoshop教程栏目,三联PS群:182958314欢迎你的加入 分类: PS入门教程 ps图标制作教程

PhotoShop网页设计制作教程:美食blog网站首页

本教程教我们用PhotoShop设计制作一个美食blog网页效果. 这个网页最大的特色在于,底部使用了桌布的图案,感觉有点居家的气氛.再搭配上简洁的布局,好似一个家的感觉. 先看效果图: 1.新建一个大小为:1200*1400px的文档,并填充背影色:#fbe0b1. 再执行滤镜>杂色>添加杂色,设置数据如下图: 2.创建自定义图案 按ctrl+N新建一个大小为:80*80px的文档. 再次新建一个图层,命名:horizontal.选择"矩形选区工具"绘制一个大小为80*4

移动用户体验设计:iOS APP体验设计

文章描述:iOS APP体验设计. iOS APP体验设计不像互联网的体验设计那样,有一堆的方法论和可以"借鉴"的案例. 目前除了苹果的<Human Interface Guidelines>和前Palm的<Zen of Palm>外,没有找到更好的设计哲学和方法论. 事实上,即便认真地研读了HIG和Zen of Palm,甚至是Oolon Colluphid的哲学巨作你也无法严格按照Guideline设计出一款出色的APP.其原因,我得从程序猿和设计湿说起.

Illustrator结合photoshop设计时尚的花纹插画绘制教程

给各位Illustrator软件的使用者们来详细的解析分享一下结合photoshop设计时尚的花纹插画的绘制教程. 教程分享: 按照Adobe Illustrator和Photoshop中的步骤创建了一系列矢量图形和图形可以组合成一个非常好看的矢量拼贴插图.然后,我们会玩完深度和细节的一些微妙的触动插图,给人一种抛光的图形与复古垃圾风格的提示.   这里Blog.SpoonGraphics头设计已收到好评许多意见和一直的好几个问题,请求教程在过去一年的主题.所以,我认为这是我创造一些东西,包括一