ps手机产品设计Create a Mobile Phone.docx

1、ps手机产品设计Create a Mobile Phoneps手机产品设计Create a Mobile Phone这是一篇关于国外的手机产品设计的教程。其实我觉得这个跟做一个复杂图标是一样的。里面很多效果的设计方法完全可以应用到图标设计中去。 Final Image PreviewBefore we get started, lets take a look at the image well be creating. Click the screenshot below to view the full-size image. As always, the layered Photosho

2、p file is available via our Psdtuts+ Plus membership.在开始制作之前，我们来看一看在效果，我们将创造图片中的效果。点击下面的截图，以查看完整大小的图片。分层一直是我们的惯例。Step 1Lets start by making a new white document at 1000px by 1000px. 新建一个空白图像，背景白色，大小为1000*1000Step 2Now well make the base of the phone. Using the Rounded Rectangle Tool (U) set to 20 pi

3、xels, make a shape as shown below.现在，我们将做出该手机的主体。使用圆角矩形工具（快捷键U），直径设置为20像素，画出一个形状，如下图所示。Step 3Next using the same tool you need to hold down the Alt button before you start making a shape. This will extract from the first shape you made. Also, use the rulers and grid to help set the shape of the phon

4、e. When youre done name the shape Phone shape 1.您需要按住 Alt 的按钮，注意用上一步所用到的工具绘制。 这将从第一个形状所提取的。 此外，使用标尺和网格来帮助定位电话的形状。 当您完成时，请将形状重命名为电话形状 1。Step 4Next you need to duplicate this layer, fill the copy with #5b5b5b, and name it Phone shape 2.Step 5Enter the Blending Options by double-clicking in the Phone s

5、hape 2 layer and enter the settings shown below. You can experiment, but I personally like those settings.Step 6Make a new layer and name it light. Then Ctrl + Click on the Phone shape 2 layer thumbnail to make a selection. Then using the Rectangular Marquee Tool (M), take out some of the selection.

6、详见附件.Step 19Make a new circle, but this time make it a little smaller. When you start making the circle start from the middle of the other circle, hold down the Alt + Shift buttons and drag. This will help you make the circle perfect and in the right position.Step 20Again, change the Blending Option

7、 Settings to match those shown below.Step 21Make a new layer above the circles. Call it Shine 1. Using the Gradient Tool (G) set to Radial Gradient and to white, click and drag as I did.Step 22Now youll need to mask the light to show only into the button. Next set the layer to Linear Light with 34%

8、Opacity.Step 23Make a new layer and name it Shine 2. Make a selection as I did using the Elliptical Marquee Tool (M). Fill the layer with white, mask it so that it will be visible only on the button, and set it to Soft Light with 70% Opacity.Step 24Using the Pen Tool (P), make a path. Set the Brush

9、to 2 pixels with a Hardness of 100%. Grab the Pen Tool (P) and make a Stroke. Again, make sure you make the Stroke to white.Step 34Next we recreate the logo using the Pen Tool (P), or design your own logo.详见附件.Step 43Next make another white layer that youll Blur and change the Opacity to 5%.Step 44M

10、ake another folder and name it speaker. In here create a new shape using the Rounded Rectangle Tool (U). Make sure its set to 10 pixels.Step 45Insert the Blending Options shown below into the layer.Step 49The mobile is almost finished. What well do now is make a nice texture. Make a new layer and na

11、me it Noise. Within this layer, make a new layer and fill it with white. Go to Filter Noise Add Noise and use the settings shown below. Also, set the image to Multiply with a 20% Opacity.In the end, youll need to make a selection of only the exterior part of the phone and mask the noise. This is so

12、it will be visible only on this part.电话已差不多被完成了. 现在我们要做的是创造一个漂亮的材质, 创建一个新图层, 命名为Noise. 在这层里面(这里我觉得应该是图层夹), 创建一个新图层, 并填充为白色, 应用滤镜 杂色 添加杂色并使用如下的图层样式, 另设置图层混合模式为叠加(Multiply我不知道是不是叠加-_-#), 并设置透明度为20%. 最后, 你需要创建一个只有电话外部的选区并遮住杂点(就是做好选区然后加个蒙板), 那么它将只显示该部分.Step 50Repeat Step 49, but this time youll make it

13、for a different part of the phone. Follow the images below to understand how to make the selection.Step 51The last step is all about adding some more lights on the phone. Follow the images below and youll understand. For the next shapes change the Opacity to 10% and lower.Finishing the PhoneAdd some

14、 personal branding to the phone. I added my logo and a small Psdtuts+ banner.Step 52Now that we have finished the mobile phone we need to make a nice and attractive background. This part will be all about making a great advertisement for the product.First youll need to move your phone to a bigger do

15、cument (My size is 22151510) and fill the document with black. Step 53Next we duplicate this phone twelve times and arrange them one behind each other. Also, keep in mind that as the objects are further away they get smaller. This is the rule of perspective that you need to keep in mind. Also, as yo

16、u can see I have changed the image inside each phone. I found the images over at SXC.Step 54For all the phones you just created, you need to add a shadow. Use the settings below for the Blending Options.Step 55Now you need to add a shadow for the first phone too. Lets use a different technique. Make

17、 a black shape that is similar to the phone.Step 56Move the shape in the back of the phone. You do this by moving the layer you just created beneath the phone layer. Into the Blending Options you need to use the settings shown below.Step 57Next well make the reflection for each phone. You do this by

18、 first duplicating all the phones and moving them upside down.Step 58Now dont simply set them all to a low Opacity. In this case you need to change some settings in the Blending Options. The thing is that each reflection will have different settings.Set the Color Overlay to black on all of them. Next you need to lower the Opacity for each one. You will start with the two smallest phones (80%). Then continue with the rest of them 70%, 60%, and make the rest 50%.详见附件