标签: psd

如何在Android应用程序中使用UI工具包(PSD)

你好开发人员和设计师:)今天,我有一个问题,Android开发人员如何在他们的Android应用程序中使用Photoshop设计的UI工具包?例如,我有这个UI套件\n http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2014/02/0016_ui_kit_2014.jpg

但是我找不到把它放在我的应用程序中的方法,而且完全是Textview,我怎样才能与用户交互?

先感谢您 .

谢谢stackoverflow :)

user-interface android psd android-custom-view

9
推荐指数
1
解决办法
2万
查看次数

使用 Node.js(和 NPM 包 'psd')解析 Adob​​e PSD 文件,以编程方式替换图像层,然后保存/渲染为 PNG

对于一个项目,我需要解析一个 Adobe Photoshop PSD 文件,以编程方式查找并替换图像层,然后将其保存回 PSD 文件和/或将其导出为 PNG(或 JPEG)。我对 Adob​​e Photoshop 没有太多经验,但我认为这些类型的图层被称为“智能图层”。

用例:

渲染样机预览图像

  • 用户上传图片到 Node HTTP 服务器
  • 用上传的图片替换PSD中的图层(图片填充图层)
  • 呈现为 PNG/JPEG 并写入 HTTP 响应

对于模型模板,替换层在 x 和 y 上倾斜 3d。我附上了一张图片来说明这意味着什么。未来将创建其他模型模板,这就是为什么我认为用常量值标记替换层是实现这一点的方法。

模板文件: 模板文件

上传的图片: 上传的图片

最终渲染的图像 输出图像

我不需要 HTTP 服务器/身份验证等方面的帮助,这部分很简单。我只是在寻找一种替换图像层的方法。

PSD 文件是/将是为此特定项目定制的。根据图层名称(标签)确定要替换的正确图层是一种可接受的实现方式。

我查看了几个 NPM 包来完成这项工作,但无法获得功能原型。这个包似乎是最有前途的。

https://www.npmjs.com/package/psd

我目前有以下代码:

/* mockup.js */
var PSD = require('psd')
var psd = PSD.fromFile("mockup.psd")
var fs = require('fs')

psd.parse()

/* For easier reference */
var replacementLayer, file, fileBuffer

let tree = psd.tree()

let layers = tree.layer.node._children

for(let …
Run Code Online (Sandbox Code Playgroud)

png psd render node.js

9
推荐指数
1
解决办法
2140
查看次数

将PSD转换为网站

我正在学习网络开发,我已经陷入了某些困境......

如何将PSD模板转换为html/css网站?

我已经裁剪了图像的所有部分并将它们分别保存在.gif中,但是呢?我是否必须手动将它们放在Dreamweaver空模板中?我认为有一种自动化方式可以做到这一点.

此外,我尝试过"保存为网络和设备..",但在保存时,它会创建一个.html文件和一个包含每个元素的图像?!我期待几张图片,以便我可以在Dreamweaver中重新排列它们.

html psd dreamweaver

8
推荐指数
5
解决办法
5260
查看次数

在CSS中使用背景颜色上的背景图像

在此输入图像描述我在PSD中设计了一个网页,我正在转换它.在我的主要内容中,我有一个坚实的背景颜色,但我在一个单独的图层上有一个发光效果,它出现在背景颜色的顶部.

我有一个包含所有代码的容器,我有一个标题,主页和页脚.在主要内部,我添加了纯色背景颜色,还添加了我从PSD切片的发光背景图像.但是,纯色背景颜色似乎没有显示,它只显示发光效果.下面的图片显示了它的外观和样子:


在此输入图像描述

在此输入图像描述

CSS:

Html {
background: white;
}

#container {
width: 955px;
height: 900px;
margin: 0px auto 0px auto;
}

#main{
background: url(../images/slogan.png) top left no-repeat;
background-color: #282d37;
height: 900px;
width: 955px;
}
Run Code Online (Sandbox Code Playgroud)

html css background psd

8
推荐指数
1
解决办法
2万
查看次数

寻找java库与PSD格式一起工作

我正在寻找一个使用PSD格式(Photoshop)的java库.有任何想法吗?

java photoshop psd

7
推荐指数
3
解决办法
8447
查看次数

如何使用php读取psd文件

我需要将PSD文件读入PHP代码并获取组图层和XY位置.

我该怎么做?我听说过ImageMagick但从未参与其中.

如果你们有一些入门链接请提供给我.

php psd

7
推荐指数
1
解决办法
6896
查看次数

将PSD转换为Android XML(布局)格式?

我正在为我的机构的一个研究项目编写一个Android应用程序,并且一直在与一个设计师合作,他在Photoshop中使用CS5渲染了一些有吸引力的UI模型(使用CS5).我想将她的设计实现为我的Android应用程序的布局,如果有一些方法可以将文件转换为XML格式,这将更加简单.我认为PS提供Android模板是相当反直觉的,但没有真正的方法在android设计/布局过程中应用这些,缺少(试图)模仿她的XML代码中的艺术作品,这是我无法做到的.这种转换可能吗?有什么我想念的吗?

谢谢

〜Taichou

xml android psd file-conversion android-layout

6
推荐指数
1
解决办法
5651
查看次数

Python PSD图层?

我需要编写一个Python程序来加载PSD photoshop图像,它有多个图层并吐出png文件(每层一个).你能用Python做到吗?我尝试过PIL,但似乎没有任何方法可以访问图层.救命.PS.编写我自己的PSD加载器和png编写器已经显示出太慢了.

python psd image layer python-imaging-library

6
推荐指数
1
解决办法
9834
查看次数

PSD网站模板的最佳尺寸?

我在Photoshop CS5中制作了一些网站,但我通常倾向于在记事本++中制作它们.我通常会在网站上播放它们,然后编辑代码并刷新页面以查看更改.我想转向更专业的方法,并在photoshop中制作整个模板/设计.让我从潜水中回来的事情,是非常非常开始大声笑..

什么是用于模板的好分辨率?我遇到了不同的教程,他们说不同的大小.例如,我的笔记本电脑分辨率为1366x768.我办公室里有一台22英寸液晶显示器,我知道它的分辨率也非常高.我认为大多数显示器的最小分辨率是1024x768 ......

在Photoshop中创建新模板以创建网站模板时,我应该以什么尺寸制作图像?为什么?

此外,既然我们是关于这个主题的,那么你们是否有任何链接到图像集的良好资源,并且你发现这些链接可以帮助你创建模板?我是一名程序员,众所周知,大多数程序员都会对图像感到厌烦......我只是想加强我大脑的另一半:)

提前致谢!

css photoshop templates psd

6
推荐指数
1
解决办法
8万
查看次数

使用渐变背景在css中创建三角形

我试图用渐变背景在css中创建一个三角形.我还没有取得任何成功.有没有办法做到这一点,以实现下图中所见的效果.(附加到错误密码错误框的三角形.)

在Photoshop中设计 在此输入图像描述

这是我到目前为止在HTML和CSS中的设计.

在此输入图像描述

这是我目前对三角形的css.

.error-triangle {
    wwidth: 0;
    height: 0;
    border-top:    10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right:  10px solid blue;
    margin-top: 64px;
    margin-left: 350px;
    position: fixed;
    -webkit-box-shadow: 0 0 3px rgba(102,65,65,.25), 2px 3px 5px rgba(70,34,34,.25), inset 1px 2px rgba(255,255,255,.25);
       -moz-box-shadow: 0 0 3px rgba(102,65,65,.25), 2px 3px 5px rgba(70,34,34,.25), inset 1px 2px rgba(255,255,255,.25);
            box-shadow: 0 0 3px rgba(102,65,65,.25), 2px 3px 5px rgba(70,34,34,.25), inset 1px 2px rgba(255,255,255,.25);
    background-image: -webkit-linear-gradient(bottom, #eb6767, #d94040 35%, #eb6767);
    background-image:    -moz-linear-gradient(bottom, #eb6767, #d94040 35%, #eb6767);
    background-image: …
Run Code Online (Sandbox Code Playgroud)

css psd css3 css-shapes

6
推荐指数
1
解决办法
1万
查看次数