使用Adobe Illustrator和Xaml导出插件快速临摹位图
Adobe Illustrator CC 2014支持一种叫做Ai->XAML Export的插件,可以让大多数不具备特效,网格,图和路径间相对布局的Ai 矢量图导出为Sliverlight和WPF的xaml(暂不支持UWP)。
以临摹的纳德拉为例。
首先把Ai和插件装上。插件可以在 http://mikeswanson.com/xamlexport/ 下载。
打开Ai,从网上下载纳德拉的位图,用Ai打开。选中打开的图后点菜单里面的 对象->图像临摹->建立。
然后自行上色。我没怎么练习上色,就不演示了。
接下来,在菜单里面点 文件->导出 。格式选xaml。
基本可以用了。如果要做uwp的可以把Path都复制出来放到
<Viewbox>
<Grid>
</Grid>
</Viewbox>
里面。
***图片停止解析***
为防止不可控的内容风险,本站已关闭新用户注册,新贴的发表及评论;
你现在看到的内容只是互联网用户曾经发表的言论快照,仅用于老用户留存纪念,且仅与科技行业相关,全部内容不代表本站观点及立场;
本站重新开放前已针对包括用户隐私、版权保护、信息安全、国家政策在内的各种互联网法律法规要求,执行了隐患内容的自查、屏蔽和删除;
本站目前所属个人主体,未有任何盈利安排与计划,且与原WFUN.COM所属公司不存在任何关联关系;
如果本帖内容或者相关资源侵犯到您的合法权益,或者您认为存在问题,那么请您务必点此举报或投诉!
Quote.叫無鈳取玳. 发表于 2016-1-1 00:57
临摹啊,阿迪王有做了一个
其实所有简单图形都可以的。临摹只是开始创建矢量图的捷径。1楼下载链接里面有说明哪些功能兼容xaml。
本帖最后由 qiqiminmin 于 2016-1-5 03:21 编辑
终于知道为什么美工必须都要会用AI了吧。如果是上个世纪做过8位机的美工,有些是除外的,他们可以用点阵画,但如果是如今的公司,基本功是必须要懂AI的。
本帖最后由 qiqiminmin 于 2016-1-5 03:46 编辑
正好我写个教程。( ̄▽ ̄)"。。。,自己的方法,不用老外的插件。 (我发这个帖子的时候不知道,tracking 是叫做图像临摹。( ̄▽ ̄)")
还有,如果光用 图像临摹,会造成输出的矢量图 白色,黑色叠加,最好先在photoshop里面准备。而且在实际使用过程中,应该把白色的填充移除。
课程叫做,如何制作 纳德拉的矢量图。 工具: PhotoShop + AI, 保存格式 svg,或者xaml可使用的canvas.
【1】截图 纳德拉的黑白图片。在ps中打开
***附件停止解析***
【2】准备图片,将图片调成黑白。这一步只是为了选取方便,哦,黑白其实是在adjust里面的。( ̄▽ ̄)"。。。,很容易找到就叫做 black and white
***附件停止解析***
【3】准备好选取工具,注意红色所划部分
***附件停止解析***
【4】随便朝黑色部分点一下,复制粘贴,新建图层。
***附件停止解析***
【5】在ps中保存成 psd,然后用AI打开。
【6】见证奇迹的时刻来来。只需在 windows 中,选取Track菜单。什么都不用做,点一下track!!!就这样来。
***附件停止解析***
***附件停止解析***
【7】啊,什么没发生啊,其实在您点Track的时候,已经变成矢量图了
3200%的时候,左眼睛。
***附件停止解析***
【8】保存成svg.....。。。。。。(这个功能不需要插件)
***附件停止解析***
winjs, ie, 等非常多情况都可以使用,其实这个时候生成的svg,你只需要知道几个信息
(1) width, height
(2) 把path改成Path, fill = Fill d = Data,我实在想不出,作为程序员还有什么比改这几个字还容易的事来。
而且老外说只支持wpf,silverlight, 不要太在意,那是他的问题。我来给你看看uwp的用我自己的插件如果实现的。就用来最简单的 string的replace,就把神话变成现实。
replace("<path","<Path").replace("fill=","Fill=").repalce("d=","Data=")
***附件停止解析***
在uwp下应用的截图
***附件停止解析***
不过,楼主的钻研精神还是很好的。前几天我才跟楼主提AI。不过,比起用别人插件,不如自己弄懂原理,做个更适合自己的插件。
请问楼主 我是计算机科学的大一新生 我现在在努力学C 以后想做一名UWP开发者 应该学好什么语言 是C#吗???又或者想做一名 windows开发者应该学好什么???谢谢你的意见 小弟无比感激!
本帖最后由 tmp00000 于 2016-1-12 23:31 编辑
QuoteLonzert 发表于 2016-1-12 02:15
请问楼主 我是计算机科学的大一新生 我现在在努力学C 以后想做一名UWP开发者 应该学好什么语言 是C#吗?? ...
uwp主要支持以下语言:
原生应用:c#,vb.net,c++/cx和xaml。
网页应用:html5,css和js。
如果开发原生应用,xaml几乎是必备的,剩下三种语言里面c#跟vb.net基本是一样的,c++/cx是拓展的vc++。
网页应用没得选,这三门语言都用。
具体用哪些语言取决于你的个人习惯和项目的需要。
c#目前中文资料比较多,语法风格类似于c,比较简洁。
vb.net是vb6蜕变而来的语言,英文单词多,符号少,阅读相对方便。功能跟c#基本一样。
以上两种语言的代码可以在 https://github.com/dotnet/roslyn 看到。
c++/cx风格跟一般的c++差不多,在 https://github.com/Microsoft/Win2D 可以看到这种代码。
其它语言是没有什么好选的,选择了开发应用的类型就等于选择剩下的语言。
Quotetmp00000 发表于 2016-1-12 22:16
uwp主要支持以下语言:
原生应用:c#,vb.net,c++/cx和xaml。
网页应用:html5,css和js。
谢谢了 lz 再想问一句 从入门到精通一门语言 需要几年的时间吗???
本帖最后由 tmp00000 于 2016-1-13 20:22 编辑
QuoteLonzert 发表于 2016-1-12 23:58
谢谢了 lz 再想问一句 从入门到精通一门语言 需要几年的时间吗???
这得看你用什么语言了。如果是c++,精通的话差不多得7年。其它语言相对好精通一些。
比如你c++入门,一个学期的课就搞定。但是要精通的话需要学现代C++高级语法,标准库,至少1个GUI库,至少一个辅助拓展库,Windows和Linux的模板库和本地api。
c#和vb入门也是一个学期搞定。精通的步骤也差不多,需要熟悉桌面、通用、网站后台和可移植的运行库,常用的Nuget包和与VC++的互操作。