百度空间 | 百度首页 
               
 
查看文章
 
PS把自己得照片改为漫画艺术风格
2007-08-21 14:15
PS把自己得照片改为漫画艺术风格
最近看到了一个帖子关于用PS这样一个,漫画风格的照片修改过程,着实让人震撼!
如果自己能够学会,将自己的照片进行修改,作为头像或网络资源,或着送给女友的礼物
呵呵我想一定乐趣无穷^_^!不过,这还是一个需要相当强Photoshop功底的修改过程,
我的能力很有限,学了很久,水平还是很一般
现在还是拿来跟的分享一下吧!(英文教程转贴)和那些大师及的作品
a) Preparing the Canvas
Open your picture in photoshop that is going to become pop art and duplicate the layer called "Background". (Just click the layer called "Background" and drag it to this icon at the bottom of the layer window to duplicate the layer.)

Rename this new layer "dots". (To rename a layer right-click on the name in the Layer Palette and select Layer Properties).

Create another new layer and fill it bright blue using the Paint Bucket tool

Drag this layer between the two existing layers and rename it something meaningful i.e "blue". The image below shows what your Layer Palette should look like. This is the basic set up to begin.

Now working on the "dots" layer we need to clear out all the unwanted parts of the photograph. In this case I want to isolate Scarlett and delete the rest i.e lilac background and bit of text.

To cut out Scarlett I use the Pen Tool. Now to sum up how to use Photoshop's pen tool in a few sentences isn't easy...if you have never used the pen tool before, do the                first.

Remember to make sure the pen tool is set to create a Work Path. See below.

*NOTE: You could use the eraser tool but the results won't be as professional.

Take the pen tool create a path around the person (or thing) and then make it into selection. Invert the selection (CTRL + Shft + i) and hit delete. Deselect (Ctrl + D)

b) Making the Dots
Desaturate the "dots" layer (Ctrl + Shft + U).
Next adjust Threshold to something dramatic (still working on the "dots" layer).
Image >> Adjustments >> Threshold...
The settings I used are shown in the image below, but you will need to experiment to see what threshold settings works for YOUR image

Using Threshold will leave the image looking very pixelated (jagged). So apply Gaussian Blur (approximately a 2-3 pixels should do it). Filter >> Blur >> Gaussian Blur...

In your Layers Palette right-click on the "dots" layer
and select Duplicate Layer.... See image below
Select New for the Destination Document. Now you will have 2 documents open in photoshop

Working on your new document change the Mode to Greyscale.
Image >> Mode >> Greyscale
A dialogue box appears..."Discard color information?"...Click OK.

Now change the Mode to Bitmap.
Image >> Mode >> Bitmap
A dialogue box appears..."Flatten layers?"...Click OK.
Choose Halftone Screen on the Bitmap options window. Click OK. See image below.

Next appears the Halftone Screen box. Apply the settings shown below. Note you may want to experiment with the Frequency as this decides the size of the dots. Click OK.

Almost there with the dots.

All that's left is to transfer the dots back to the first document. (See part C).

c) Organising

Change the Mode back to Greyscale
A dialogue box will appear...Make sure the size ratio is 1 and click OK.
Now change the Mode back to RGB.

In your Layers Palette right-click on the layer and select Duplicate Layer.
There should be 3 three options as the Destination Document. Choose your original psd (which should be the top one). See image below.

Your Layers Palette should look like the one shown below. You can close the second psd that you created..there's no need for it now

The final step for creating the dots is to create a Clipping Path between the new layer and the "dots" layer.
To create a Clipping Path...hold down the ALT key and move your cursor between the 2 layers in your Layers Palette. When the cursor turns into a "double bubble" (see image below) click to create the clipping path.

Now link the "dots" and "Background copy" layer. See image below.
Merge Linked layers (Ctrl + E)

If you are using Photoshop CS or CS2 instead of linking and then merging the linked layers, after creating the clipping path simply click on the "background copy" layer in your layer palette and then Merge Down.

Your picture should now look like the one shown below..only better because it's not so small and compressed!

Now is a good time to Save (Ctrl + S) your work.

STEP 2. Adding Colour

Having achieved a great looking half tone effect, it's time to add the colour.
I'm going to use Fill Layers to colour this picture. Fill Layers are great if you are indecisive about your colour palette and fantastic for colour experimentation for pop art.

At the bottom of this page I will briefly show how intermediate level photoshop users can really take their images one step further. Combining this tutorial with my tutorial you can really achieve stunning results

a) Creating Fill Layers

Duplicate the "dots" layer. Rename this layer "white" and drag it below the "dots" layer in your layer palette.

Adjust the Brightness/Contrast on the "white" layer.
Image >> Adjustments >> Brightness/Contrast...
Set the Brightness to +100, and adjust Contrast until white
Now the "white" layer is white! Your layers palette should look like the one shown below

Change the blend mode on the "dots" layer to Multiply.

Click on this icon          at the bottom of your Layer Palette and select Solid Colour...
Select a colour in the Colour Picker dialogue box. Click OK. I've gone for a red shade to colour her lips. You don't need to be too picky here because we can change the colour easily later on

The new fill layer created will appear in your layer window. Right-click and rename the layer e.g "lips" to colour the lips.
Drag the new fill layer below the "dots" layer in your layer palette. See below. Your image is now totally filled with the colour of the fill layer...but don't worry we are about to fix that.

Create a Clipping Path between the "lip" and "white" layer. This will ensure that you don't colour over the lines ^_^

Change the foreground colour to black. Working on this new layer, take your Paint Bucket Tool and fill the "lips" layer black. The colour disappears...this is because the colour will only show up where there is white on this fill layer.

Now for the colouring. Change the foreground colour to white. Get your Paint Brush Tool          and start painting where you want to the colour to appear. Use a hard brush with the opacity set to 100%. Make sure that you zoom in when colouring, so that it is nice and tidy!

**Fill layers can be confusing if you haven't used them before.
If you are stuck try reading THIS PAGe, it's from another of my tutorials where I explain fill layers a little more indepth.

b) More Fill Layers

Repeat the above step creating a new fill layer for each colour/item in your picture. Below is my layers palette.

Note how I have used clipping paths on all the new fill layers.
At any time if you are unhappy with a colour that you have chosen, simply double click on the Layer Thumbnail (as shown above) and re-select a colour. Now you have the ability to change the colour of the hair for example, to a whole new colour in a second flat!!

You're pretty much finished.
You will need to add a caption, or a speech or thought bubble to make this a Lichtenstein inspired piece. Custom shapes have a few speech and thought bubbles to choose from.
The font I used in my finished picture is ANIME ACE.
Try experimenting with the colours too for something really bold.

COMBINGING WITH LINE ART TUTORIAL

I've had a lot of people ask me how I create half tone shading on my line art pictures.to see my finished Scarlett Johansson pop art piece.

I've written two tutorials on creating the line art.
-Turn Photos of People into Line Art
-Create Basic Line Art form Your Photos

The picture of my layer palette below pretty much explains it all.
Obviously the line art is the top layer.
Duplicate the half tone layer and place it over each colour layer with a clipping path.
Set the mode of the half tone layer to Soft Light (or something similar).
Adjust the opacity of the half tone layer until it looks good.

If you are interested in creating the pattern I used for the background of my final Scarlett picture, the pattern is made with a custom shape.

If you are using Photoshop 7, CS or CS2 then you will have it already in your custom shapes (the arrow, marked 2, is pointing to it in the above image). You will need to select Show All to see it (see the image above, click on the area, marked with the 1 arrow to reveal custom shape options -Show All). If you are using an earlier version of Photoshop then you need to make it. Check out my Digital Candy Tutorial(just do the first page).

That's it!
I hope you found this Photoshop tutorial helpful. Feel free to contact me via my contact page if you have any questions.

Also check out the following page to see some fantastic art that others have created by following this tutorial...



类别:3d & ps | 浏览() | 评论 (36)
 
最近读者:
 
网友评论:
1
2007-08-21 16:56 | 回复
-.- 谢谢LZ分享!
 
2
2007-08-21 18:03 | 回复
谢谢楼主,很漂亮
 
3
2007-08-22 13:09 | 回复
好东西~回去研究完了上成果
 
4
2007-08-23 09:36 | 回复
555555.....有没有中文版的,我好想好想学啊,有谁会的都我下,谢谢
 
5
2007-08-23 12:37 | 回复
加我 好吧 我都看不懂ENGLISH 290384118 我是学广告设计的
 
6
2007-08-23 13:14 | 回复
最遗憾的就是没有中文,学起来会比较麻烦。不过还是要谢谢楼主
 
7
2007-08-23 13:29 | 回复
好东西哦~~
 
8
2007-08-23 18:28 | 回复
楼主加我QQ531372246!
 
9
2007-08-24 13:11 | 回复
好是很好,看英文啊。累,再说有的不认识
 
10
2007-08-25 16:22 | 回复
有没有中文版的?我英语很差呀!
 
11
2007-08-25 22:11 | 回复
全是英文`` 翻译下啊
 
12
2007-08-27 15:44 | 回复
博主加我QQ 29382960 我们交流下ps技术~
 
13
2007-08-30 20:32 | 回复
为什么不是中文的啊 英文不好啊
 
14
2007-08-31 02:49 | 回复
英文太差拉。。。很多看不懂。。。特别是最重要的那部分。。。郁闷ING~、 不过,谢谢楼主啊
 
15
2007-08-31 17:06 | 回复
不错不错,怎么世界上有这么好的教程的啊(泪奔),只能说“顶顶顶”。最好有翻译哦~服务大众,英语看着累翻了。
 
16
2007-09-01 10:33 | 回复
不错不错
 
17
2007-09-02 14:41 | 回复
看起来不错
 
18
2007-09-02 17:59 | 回复
看不懂啊,加我吧516091104
 
19
2007-09-29 21:34 | 回复
最后一不看不懂啊,谁教教我啊~~要不就前功尽弃了阿~~
 
20
2007-10-08 21:16 | 回复
晕,全英文啊!!
 
21
2007-10-29 11:30 | 回复
My english is poor............. DDDDDDDDDDDDDDDDDDDDD
 
22
2007-10-29 12:54 | 回复
后期还得用数位板钩线!
 
23
2007-11-03 13:48 | 回复
谢谢楼主
 
24
2007-11-05 13:56 | 回复
太牛了!
 
25
2007-11-12 20:45 | 回复
博主会做吗,能不能给翻译一下
 
26
2007-11-23 21:16 | 回复
bucuo
 
27
2008-01-05 08:20 | 回复
天呐................. 天呐........... .....
 
28
2008-01-05 15:11 | 回复
真不错 博主有没有中文版的啊?
 
29
2008-01-05 15:58 | 回复
漂亮!我喜欢!有谁会做啊!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 帮我做个效果看看被!!!!!!!!!!!!! 我的百度空间:http://hi.baidu.com/%B5%C8%B4%FDzmn/blog
 
30
2008-01-07 16:14 | 回复
那个基努里维斯的不是ps的。所以连带着怀疑那些例子的可信度
 
31
2008-02-16 14:00 | 回复
翻译 大哥 要不然我就要疯了
 
32
2008-03-09 13:38 | 回复
- v -光看图的画 到是能看懂一些.. 看字滴话 就... (惭愧啊- -’)
 
33
2008-04-29 22:45 | 回复
仅用Photoshop一款软件就能做出这种效果吗?要是的话可真太厉害了!
 
34
2008-05-08 18:23 | 回复
可以请教一下吗 就是搞来搞去 上色也完了 最后那个ANIME ACE不知道是啥 而且自己做的满不行的 .. 可以请教那是啥吗 .. 谢谢 !!
 
35
2008-05-13 20:43 | 回复
线条是否完全手绘??
 
36
2008-05-19 18:36 | 回复
你好 我正按步骤做 但是以下这步怎么也做不来了 恳请指点 Now for the colouring. Change the foreground colour to white. Get your Paint Brush Tool and start painting where you want to the colour to appear. Use a hard brush with the opacity set to 100%. Make sure that you zoom in when colouring, so that it is nice and tidy!
 
发表评论:
姓 名:
网址或邮箱: (选填)
内 容:
验证码: 请点击后输入四位验证码,字母不区分大小写
      

     

©2009 Baidu