首页

PS教程

PSD素材

PS素材

背景图片

高清图片

字体下载

矢量素材

PS资源

PS作品

会员专区
注册 / 登录
收藏
入门教程照片处理抠图教程调色教程文字特效经典合成鼠绘教程滤镜特效非 主 流GIF 动画签名溶图创意设计
 您当前的位置: PhotoShop资源网 >> PS教程 >> PS教程 >> 创意设计 >> 正文

More Ways for Rectangles (Exclusive Tutorial)

[ 作者来源:webdesign.org 编辑整理:PhotoShop资源网 更新时间: 2006-08-01 录入: 黄叶飞扬 ]

 

Here I want to relate a few other ways of achieving the effect described in the Rectangled Picture tutorial.

The first method lies in using Vector mask instead of channels used in the previous tutorial.

You can start from opening the original picture. Choose Rounded Rectangle tool with Shape Layers parameter and draw a rectangle in the top left-hand corner.

Holding down Ctrl+Alt+Shift, copy and move the rectangle to the right (I moved it 150px). Repeat this a few times until there is no more space left in the upper part of the picture. You should move the rectangles on the same distance as the first time. To monitor the accuracy of the shifts, open the info window.

按此在新窗口浏览图片

Select all the rectangles (holding down Ctrl+Shift, click on all the rectangles except the selected one). After that, pressing Ctrl+Alt+Shift copy those rectangles down the canvas until you fill up all of it (I shifted 100pxdown each time).

按此在新窗口浏览图片

The rectangles are ready. Now click twice the Vector Mask thumbnail to select all the rectangles. Using the Free Transform tool, you can now change their size and shift them the way you want.

After that, holding down Ctrl, click on the Vector Mask thumbnail; inverse the selection. Select the background layer and hit Del (instead of deleting, you can desaturate the selection or make it very bright: Ctrl+U, then Lightness +80). Hide the layer with Vector Mask and you're done!

按此在新窗口浏览图片

The second method is based on using Smart Objects.

Open your image and choose Rounded Rectangle tool with the Fill Pixels parameter. Draw a rectangle in the top left-had corner and convert in into a Smart Object.

Holding down Ctrl+Alt, copy and shift the rectangle to the right leaving 1 pixel between the two rectangles. Repeat this procedure until you fill up the row. Then do the same for each one downward until you fill up all the space.

按此在新窗口浏览图片

As a result, you'll get a multitude of rectangles with the same number of layers with smart objects corresponding to them. Now you can easily alter the distance between them, their roundness, or totally change their shape. To do this, select any of the smart objects and double-click on its thumbnail. Or, you can go to Layer>Smart Objects>Edit Content. You will get to the window for editing the smart object. Do anything you wish with the shape.

按此在新窗口浏览图片

Save and get the following effect:

按此在新窗口浏览图片

After that, select all layers with Smart Objects and merge them. Then, as in the previous example, Ctrl+click the thumbnail. Then inverse the selection. Select the layer with the background and hit Del. After that, hide the layer with the black objects and you're done.

按此在新窗口浏览图片
Click to enlarge

The third method is based on Custom Shapes. You can create the pattern just once and then use it as many times as you need to.

Create a new, slightly larger, canvas - about 1000x700. Fill it with 16 shapes - the way you did in the first method.

按此在新窗口浏览图片

After that, Ctrl+click the Vector Mask thumbnail and inverse the selection. Go to Paths and click Make work Path from Selection. After that, select Define Custom Shape.

Open the image that you are planning to apply the effect to. Choose Custom Shape tool and select the custom shape you've just created.

按此在新窗口浏览图片

Apply it to the image and set your desired color.

按此在新窗口浏览图片

Choose the method you like the most and enjoy!

---------------------------------------------------------------------------
<!-- ARTICLE CONTENT STOP --><!-- ABOUT AUTHOR START -->

About the Author:

<!-- ABOUT AUTHOR END -->



≡★ 免 责 声 明 ★≡

除本站原创外,本站所提供的所有教程均收集整理自网络,其版权归该教程直原始作者或原始出处所有!

除特别声明外,您可以在保持教程的完整和注明来源的前提下免费复制、转贴本站所提供的所有教程;但是,不可以盗链本站的图片!

除特别声明外,在未经许可的情况下您不得将本站所提供的任何教程(包括资源)用于商业用途;

如果确有需要,请自行与该教程的原始所有权者(即:原始作者或出处)联系,本站不提供相关服务;否则,由此而引发的一切后果由您自负!