2186阅读
4回复

用PS与AI创建超现实风格的海报(翻译教程)学习分享 [复制链接]

只看楼主倒序阅读使用道具楼主 梦舞飞扬 发表于: 2013-06-25

作者：TCWison

原文：
应用软件：Adobe Photoshop and Illustrator
转载请注明出处及作者！

Sometimes, by combining elements created in different programs into one piece, you can produce a result that cannot be achieved in either of them alone. In today’s tutorial, I will demonstrate how the flexibility of Photoshop can be combined with the boldness of Illustrator to create a fantastic mixed media piece.
有时候，将多种软件所创建的元素合成在一起，你会得到单独的软件所无法企及的效果。在这个教程里，我会向你展示将Photoshop与Illustrator大胆的结合起来后，创建一个超现实的混合风格作品是件多么容易的事情。
--------------------------------------------------------------------------------
Resources Used
所用的素材
Texture by bashcorpo
Image by 123rf
Spray ink brushes by itsJ2o
Silhouettes by all-silhouettes
Cloud brushes by JavierZhX
--------------------------------------------------------------------------------
Step 1
Start of by creating a new document at a size you find suitable, I say this because the elements of this design can easily be arranged to match any size. I chose 1024 pixels by 768 pixels, at 72 px/inch. Make a new layer and fill it with white, next grab the texture and place it and resize it until you are satisfied with its position.
开始创建一个你认为大小合适的文件吧，我之所以这么说是因为这个设计中的元素可以很容易的匹配任何尺寸的画布。我的选择是1024×768 像素, 72 px/inch。打开PS，新建一层填充白色，添加素材中的材质进来，调整到你满意的位置与大小。

--------------------------------------------------------------------------------
Step 2
We are now going to work a bit on the texture, keeping in mind that we don’t want something too flashy so not to distract the viewer away from the main vector elements that we’re going to add later.
现在我们对背景材质做点调整，要明确一点：我们不希望一些太过花哨的东西把观众的注意力从主元素上吸引走。
Start by cleaning any unwanted areas of the texture by using the Clone Stamp tool (S), in my case I had a black smudged area at the bottom of the canvas which I didn’t like. After you’re done cleaning, turn the blending mode of the texture to luminosity, then duplicate the texture layer (Ctrl + J) and change the blending mode to multiply and turn down the opacity to 30%.
用仿制图章工具（S）将背景材质中不需要的部分清除，比如画布下方的污点我就很不喜欢。完成清理后将材质的混合模式改为亮度，然后复制材质所在的图层（Ctrl+J）并将混合模式改为叠加，不透明度30%。

--------------------------------------------------------------------------------
Step 3
Now that we’ve finished with the background it’s time to bring in the kids, I’m using this cheeky image I found in 123rf, however you can always use a free alternative. Place the image at the bottom of the canvas and resize it so that it suits the rest of the background and name this layer ” kids ”, then change its blending mode to darken. You should notice that the white background has disappeared leaving only the kids and the floor they’re sitting on.
背景完成后是时候把人物添进来了，我用的是从123rf网站上找的相片，你当然可以换成你自己喜欢的。将相片摆放到画布底端，调整好合适的大小，将该图层命名为"Kids"，然后将混合模式调为变暗。你应该注意到了图片的白色背景消失了，只剩下孩子们和地面。
Note: this is not a method of extraction, it is merely a quick shortcut that can be used when very large areas of an image are completely white, however if you’re not so lucky with your image you will have to use the pen tool (P), channels, or some other standard extraction method.
注意：这并不是抠图的方法，只是当你的图像有大面积白色时可以这样取巧。如果不幸你的图像没有大面积的白色背景，你只能用钢笔工具（P），通道或其他标准的方法抠图了。

--------------------------------------------------------------------------------
Step 4
One of the most important aspects of blending images together is getting the shadows right, in our case we have perfect natural shadows on the floor the kids are sitting on, so I’m going to take advantage of that shadow by blending the floor into the background leaving the shadows intact.
融合图像的一个重要的部分就是匹配阴影了，我们这个例子中孩子坐的地面上有非常自然的阴影，因此我会把地面完全容进背景里，但保留这些阴影。
To do this, first you have to make sure that the kids layer is not a ”smart object”, if it is you will have to rasterize it (Layer > Rasterize > Smart Object). Now zoom in about 300%, and use the eraser tool (E) to carefully erase the hard edges of the floor, then make a rough selection around the floor and shadows and bring down its saturation so that it matches the color of the background. Finally, using the arrows on your keyboard move the image down until the children’s feet are almost touching the bottom of the canvas.
为了做到这点，请先确保"Kids"图层不是"智能对象"，如果是，你需要将它栅格化（图层 > 栅格化 > 智能对象）。现在放大到300%，使用橡皮工具（E）将地面的硬边缘擦掉，然后围绕地面和阴影建立一个大致的选区并将其饱和度降低，这样它与地面会更加匹配。最后，用你键盘上的方向键将图像下移，直到孩子们的脚趋近画板底部。

--------------------------------------------------------------------------------
Step 5
When I was creating this image I had in mind a color range that consisted of gray, green and yellow, therefore I have to change the color of the blue T-shirt. To do this use the Color Replacement tool (B), and set the foreground color to #67700e, then carefully color over the blue T-shirt, notice that the color of the shirt is changing to a yellowish green.
在创作这个海报的过程中，一个由灰、绿、黄组成的用色范围已经在我脑海里产生，因此我需要将那件蓝色T恤的颜色换掉。选择颜色替换工具（B），将前景色设置为#67700e，然后小心地为T恤上色，可以看到T恤的颜色已经变为黄绿色。
Note: there are many different ways of coloring that suite different images, to learn more check out this tutorial: awesome photorealistic coloring techniques.
注意：对于不同的图像，可以有多种上色的方法，想了解更多的话可以看看这个教程：awesome photorealistic coloring techniques。

--------------------------------------------------------------------------------
Step 6
Now we’re going to start working on our vector elements, so open up illustrator and start off by drawing a square using the Rectangle Tool (M), color the square in with a solid yellow and make sure the ”strokes” are off. Now we’re going to change this square into a triangle, to do this select the Direct Selection tool (A) and then click once on the square, notice that 5 small anchors have appeared, the one’s on the outside are called anchor points and the one in the middle is called the center point. Click on the top right anchor point once, and using the arrows on your keyboard move it until it meets with the center point, you should end up with an isosceles triangle.
现在我们可以开始做点矢量元素了，打开AI后用矩形工具（M）画一个正方形，为其填充黄色并确保关掉描边。我们来将这个正方形变为三角形，选中直接选择工具（A）然后在正方形上点击一下，可以看到出现了5个小点，外边缘的那些叫锚点，中间的那个叫中心点。点选右上方的锚点，用键盘方向键将它移动至中心点的位置，你将得到一个等腰三角形。

--------------------------------------------------------------------------------
Step 7
Make sure the triangle is still selected and go to Effect > 3d > Extrude & Bevel, enter in the values shown in the image below.
确保三角形仍被选中，执行效果>3D>凸出和斜角，按下图所示输入数值。