首页

PS教程

PSD素材

PS素材

背景图片

高清图片

字体下载

矢量素材

PS资源

PS作品

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

Pixel World Map

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

 

This tutorial will show you how to make a cool world map made from separated pixels.

按此在新窗口浏览图片

Step 1

Get a map.

The first thing you need to do is get a decent picture of a world map (or individual continents, countries or states if you prefer).

I used a dingbat font that has, among other things, a world map character. I used Hong's 2 Dings (Download ZIP).

If you're using the same dingbat as me, the world map is character "w".

Step 2

Create a new document and insert map

Open up a new document with a white background by pressing Ctrl+N (or File> New). I used the default photoshop size.

Insert your map image in black. If your using the Hong's 2 Dings font like me, simply type the character "w" (without the quotes!) and change the font to Hong's 2 Dings. I used size 210pt font.

按此在新窗口浏览图片



Step 3

Backup your map and convert to raster

Next, we need to make a copy of the map in case we mess up and need to come back to it!
Locate your layers palette (F7 or click Window> Layers) and select the layer that contains your map. Right click that layer and select "Duplicate Layer".

Then, select the duplicated layer, right-click it and choose "Rasterize Layer".

Finally hide the original layer by clicking the "eye" icon on the layers palette 按此在新窗口浏览图片 and make sure that the newly rasterized layer is now selected.

按此在新窗口浏览图片

按此在新窗口浏览图片

按此在新窗口浏览图片



Step 4

Delete lines!

Okay, now for the trickiest part. We need to start deleting lines from this map to get the effect we need.
To start off, locate the "single row marquee" tool from your tools palette:

按此在新窗口浏览图片



Make a single row selection at the top of your map, like so:

按此在新窗口浏览图片



Okay, now press delete (not backspace) on your keyboard then press the down cursor key twice to nudge the selection area. Then press delete again and press the down cursor twice. Delete again and repeat the process going down the map until you reach the bottom. This will start clearing individual single pixel-height lines from the map.

按此在新窗口浏览图片



Once you reach the bottom, you need to now choose the "Single Column Marquee" tool from your tools palette:

按此在新窗口浏览图片



Make a single column selection at the extreme left of your map like so:

按此在新窗口浏览图片



Okay, now press delete on your keyboard then press the right cursor key twice. Then press delete again and press the right cursor twice. Delete again and repeat the process going across the map until you reach the right extreme. This will start clearing individual single pixel-height width from the map.

按此在新窗口浏览图片



Once you reach the right extreme press Ctrl+D on the keyboard to remove the selection marquee. You should have ended up with something like this:

按此在新窗口浏览图片



Step 5

Find a suitable image

Ok next,find an image that you'd like to use in this effect. I've used a picture of some commercial buildings.

按此在新窗口浏览图片



Paste the image as a new layer onto the existing document.

Step 6

Select your pixels

Hold down the Ctrl key on your keyboard and left-click the pixel map layer in your layers pallette. This will make a selection of all your pixels.

按此在新窗口浏览图片



Step 7

Create Mask

Click the Vector Mask icon on your layers palette. This will create a mask of the buildings picture from the selected pixels.

按此在新窗口浏览图片



We're almost done..!

Step 8

Add Background Colour

Now, select your "Background" Layer in the layer's palette. Press the "D" key on your keyboard which should reset the foreground colour in your tools palette to black (or otherwise select the foreground colour to black manually), then using the fill tool 按此在新窗口浏览图片, fill the background in black, like so:

按此在新窗口浏览图片



Completed

Add your text if you want, and you're done =)

按此在新窗口浏览图片




≡★ 免 责 声 明 ★≡

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

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

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

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