Photo Strip图片条

0117_Photo_Strip_banner

 

本教学为翻译教学,转载请注明来自aboutcg.net,以及注明翻译者

原始链接如下:

http://www.webdesignerwall.com/tutor…shop-tutorial/

注:这个工具和效果在制作3d贴图的时候也常常用到。

翻译:NONAL

This is a Photoshop tutorial on how to create a beautiful photo film strip, as seen in Apple’s iLife package design (’06 version) and DigitalMash website. The warp tool will be used to create the twisting effect (so, you need Photoshop CS2 or above to complete this tutorial). With the completion of this tutorial, you will be able build a photo strip with your own photos or artwork. Don’t miss out this fantastic feature!

这个ps教学致力于创建漂亮的照片电影条,就像Apple’s iLife 包设计和DigitalMash网站设计中的样子。这个弯曲工具将会用来创建扭曲的效果,(当你需要ps CS2或者这只上的版本来完成这个教学)。这个教学的成品,你可以用自己的照片或者作品来创建照片条。不要错过这个奇妙的效果。

1. Create a Strip (Vector Shapes)
First, create a strip with the Pen tool (either in Photoshop or Illustrator). We will use these shapes as a guideline and for masking purposes.
1. 创建一个新的条(矢量)
首先,用钢笔工具创建一个条(ps或者ai都可以)。我们将用这些形状为mask做一个引导。

image002

2. Photo Stack
Choose 3 photos of your choice and stack them together.
2. 照片条
选择你自己的3张图片,把他们放在一起。

image003

3. Warping (Photoshop Warp Tool)
Adjust the layer opacity to 40 or 50% so you can see the guideline underneath. Go to Edit > Transform > Warp. Now you should see a grid and 4 anchor points in the corner. To bending the image, simply drag the anchor points, direction points, or grid lines.

3. 弯曲(ps的弯曲工具)
调整图层的透明度为40%-50%这样你可以看清在下面的引导。去编辑面板,变形,弯曲。现在你会看到在转角共有4个锚点的格子。弯曲图片,简单的拽锚点,方向点或者格子线。
image004

Repeat this step for the rest of the strip. Since this step is relatively simple and repeatitive, I’m not going to get into the details. Here are the screenshots of the steps:
为剩下的条重复操作上一步骤。当这个简单的步骤被重复完成后,我才会进行下一步的细节。下面是步骤的截图。

image005

image006

image007

4. Masking
Organize the layers into groups (ie. strip 1, 2, 3, 4).

4.遮罩
把这些图层放在一个组中。(条1234)
image008

Load selection from the shapes you created in step 1 and add a layer mask for each group (so you get a perfect smooth curve).
载入这些你在第一步创建的图形然后给每个组添加图片覆盖。(这样你会得到一个完美的圆滑曲线)

image009

5. Shadows
In masked group 1, create a new layer above the strip. Use the Gradient tool and drag from the top to bottom to create a black gradient.

5. 阴影
在第一组的遮罩中,我创建了一个在所有图层之上的新层。用渐变工具从上到下创建一个黑色的渐变。

image010

Repeat this step for the other strips.

为每个条重复添加。

image011
6. Highlights

To make highlighted and glossy areas: create a round glowing circle, compress it, and rotate it in the angle according to your strip’s direction.

1. 高光

做高光和平滑渐变的区域:创建一个圆的发光圆环,压缩它,然后旋转到一定角度,适合你做的条的方向。

image012

To make line strokes: load a selection of the mask, create a new layer, fill it with black, shift the selection to the left by 1 or 2 pixels, delete the selected area by pressing the Delete key.

7边缘线

做边缘线:选择有图片的部分,创建一个新的图层,填充黑色,向左移动选区12个像素,删除被选择区域。

image013

8. Final Touches

To make the image look more interesting, desaturated the two strips in the back.

8. 最后的质感

为了让图片看起来更有趣,降低两张背面图片的透明度。

image014

Bonus Tips

其他应用

The Photoshop warp tool is very useful when creating any sort of twisting and bending graphic effects. The following examples illustrate some of the things that you can do with the warp tool. Have fun!

当你需要创建任何扭曲或者弯曲图片效果的时候,弯曲工具应用很广泛。下面这个插画例子你可以用弯曲工具实现。尝试一下把。

image015
有问题可以参与答疑

0回复Photo Strip图片条"

留下信息

电子邮件地址不会被公开。 必填项已用*标注

验证问题,请选择下图中的 A...