形色主义's Archiver

somali 发表于 2007-8-24 00:34

来自国外潮流设计教程 附上PSD分层+素材文件 供大家研究。

首先我英文不好。所以不敢翻译。各位看看思路就行了。
1jK:u8c]B l@ XF6h 下载地址在最后。7b6j"S\"UA:o4J2m H
*mV,g3e)[\
g/_GR%f$m;r
[b]1 - Create a new document and in the layer style create a gradient.[/b]7`^,P;]9\.y4l a%]
[img]http://abduzeedo.com/files/u1/post16_1.jpg[/img]V$J Z+\BR
[b]2 - Select a person to use:[/b] I used a nice photo taken by John Arlington for the Udox website. The new select features in Photoshop are amazingly cool, it’s pretty easy to cut a person off the picture with the Quick Selection Tool and the Refine Edge options.
\ tkg%H yQ[ [img]http://abduzeedo.com/files/u1/post16_2.jpg[/img]rMg6k*p\@:ljg
[img]http://abduzeedo.com/files/u1/post16_3.jpg[/img]
Dm9g^?8MU;k [b]3 - Add a Diffuse Glow:[/b] Go to Filters>Distort>Diffuse Glow
l}+o hBI [img]http://abduzeedo.com/files/u1/post16_4.jpg[/img] Kep\sd5]yq'h0B
[b]4 - Exploding the guy:[/b] Use the displace filter to explode the guy. I used a crazy image as a displacement map, though you can use any image.
*v8KU6JX L [img]http://abduzeedo.com/files/u1/post16_5.jpg[/img]
/K1mypm? [img]http://abduzeedo.com/files/u1/post16_6.jpg[/img]
9wcIX;F8x)t6Y [img]http://abduzeedo.com/files/u1/post16_7.jpg[/img]
[,aO&}(j9g8w9g [b]5 - Refining everything:[/b] Apply a mask in the layer of the displace and in the guy’s. Start erasing the displace layer, after that use the Smudge tool to blend them together.-s:N7?&H \:YO0T_E\
[img]http://abduzeedo.com/files/u1/post16_8.jpg[/img](c6OS H:oRa
[b]6 - Giving a blur:[/b] Duplicate the guy’s layer, apply the filter Pixelate>Mezzoting and choose the type as Medium Lines. After that apply a motion blur.)z$N I%NZ2L6?
[img]http://abduzeedo.com/files/u1/post16_9.jpg[/img]
*[)n nrrK.e [b]7- Creating the vector lines:[/b] That is pretty simple in Illustrator, just create some lines with the pen tool and use the blend tool. Repeat it as many times you think it’s ok.
L.H"k$Wu}]'i [img]http://abduzeedo.com/files/u1/post16_10.jpg[/img]A&_ \K[hU
[img]http://abduzeedo.com/files/u1/post16_11.jpg[/img]
uC5zRJH*bI oK [img]http://abduzeedo.com/files/u1/post16_12.jpg[/img]
Fi~&A;V!lX U [b]8 - Using the vectors:[/b] In Photoshop again, paste the vectors there as Smart Objects, and apply a Layer Style. In that case I added a glow and a color overlay. Try different colors and glows to the different vectors.[.A t,e'A?]d'v
[img]http://abduzeedo.com/files/u1/post16_13.jpg[/img]
:`PR F3c[ [img]http://abduzeedo.com/files/u1/post16_14.jpg[/img]
/]t,n%?s [b]9 - The final result:[/b] I played with the graphics a bit more like adding new elements and filters such as the noise filter in the background.
"J:I^(dL;c [url=http://abduzeedo.com/extra/newWP.jpg]7a(a(WJg cO#w)^
[img]http://abduzeedo.com/files/u1/post16_15.jpg[/img]i AKR5v c9Z5`
[/url]8S&z%vw5C
I have to say that I’ve learned a lot creating this image. It took me some time to create everything, the displace filter and the vector lines that we see a lot out there. I want to say thanks to a visitor of my blog who sent me an email asking how to do an image similar to this one. That was my motivation to create this article.
7r b nQ n`:T You can download all the files used here. e nNf:p/F0f

){E:]%d;?x!H b)LP,h3B0[#}:y+[1o7c f

)ERK-a9{)]$Y [url=http://abduzeedo.com/files/newWP.zip]newWP.zip[/url]   151.61 KB
*p)s"SH`*t [url=http://abduzeedo.com/files/5D6CI6KD.zip]5D6CI6KD.zip[/url]  3.52 MB
c? k~-i#zo
evT7IFF [[i] 本帖最后由 somali 于 2007-8-24 00:35 编辑 [/i]]

闲丸子 发表于 2007-8-24 08:52

很有想法的国外作品,唉 中国的大师那去了?:Q

destiny_mai 发表于 2007-8-24 11:20

的确是很流行的方法啊......而且是多种方法应用....

destiny_mai 发表于 2007-8-24 11:23

[quote]原帖由 [i]闲丸子[/i] 于 2007-8-24 08:52 发表 [url=http://www.swcool.com/bbs/redirect.php?goto=findpost&pid=352286&ptid=36208][img]http://www.swcool.com/bbs/images/common/back.gif[/img][/url]
L#NcD"|'Mr:_5}!f 很有想法的国外作品,唉 中国的大师那去了?:Q [/quote]!u"Ia;s&X8Qduny

6k^6qI&v!dz 中国没有大师的,搞摄影和调色的很多......搞设计很少`iR~7A d;X
不过MU-Z中的3DBOY的设计倒是很不错。

ylx2002 发表于 2007-8-24 21:01

这类似的作品我在一套西班牙的电子杂志见过,设计元素比这个图的还丰富。:)
~SH@uI H} r CX M8|e!~wW)qJ
中国除了出那么多的杂7杂8的教程,好教程真的很少。并不是少,不过都在书里,不在网上,都染人拿去赚钱了。以前见过几本书,里面的一些教程还是不错的,还有的就是充页数的

felicity813 发表于 2007-8-27 15:58

照着做了个:loveliness:

天堂没有上帝 发表于 2007-8-28 10:11

这是在表达什么啊?黑客帝国的分身?

lanqingzao 发表于 2007-10-11 04:47

我也看不懂要表现什么东西

离心力蚂蚁 发表于 2007-10-11 12:03

里面用的是外挂滤镜吗?那个高手出来指点一下

hueike 发表于 2007-10-11 17:45

谁翻译一下把..看的不明不白!

aheng008 发表于 2007-10-11 19:17

软件问题

请问,完全是在PHOTO SHOP CS3中,完成的吗?6IP7ZT ]U
还是结合了AI辅助线条?
4I\$Gl ]2m1t }5i*]9z-E.X?#U
[[i] 本帖最后由 aheng008 于 2007-10-11 19:22 编辑 [/i]]

tianjin263 发表于 2007-10-14 20:35

回复 #11 aheng008 的帖子

线条是用Illustrator画的,滤镜是ps自己的滤镜

think 发表于 2007-10-16 11:36

学到了两步关键的。:)
&HC\1|;a s :jl R;BM.sT5a
r-Am&c(vI m@
扭曲中的 /扩散亮光and 置换
$K {XrU f"Y{
Rv]_+s 置换好像,只能是psd 哦.....

紫叶刺 发表于 2007-10-17 09:51

厉害,技术第一

karo 发表于 2007-12-12 16:03

所谓化腐朽为神奇吧

Hedi 发表于 2008-2-27 22:54

老外的东西不得不服,我们也要加油!

aqingfeifei 发表于 2008-2-29 09:49

*FGiKK&y Dh
*
"i t$lx3V *a%b^AC0`%b$~
人家老外是吃饱了没事干  整天琢磨这些   我们呢  为了吃饭  整天拿着PS当吃饭的工具   同样一个锅  做出来的菜味道当然就不一样了     "W:MT7pl!B!Q!|
*
${&che sMv4D :hug: *

本无忌 发表于 2008-2-29 15:31

LS正解~~~~~~~~~~

michaelzyy 发表于 2008-2-29 19:31

学习了!!但是想问线条用ps怎么做呢???

w6202117 发表于 2008-3-1 17:04

没有看懂.不知道想要表达什么.

页: [1]

Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.