PS设计教程网欢迎你!

Photoshop设计教程:个人笔记本电脑的广告设计

文章来源于 Iconfans,感谢作者 a632172403 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2010-09-28
本教程主要用Photoshop设计笔记本电脑的商业海报教程,海报的设计主要就是创意和细节的处理,本想有种科幻搬的效果,下面让我们一起来学习吧。

本例的最终效果:

Photoshop设计教程:个人笔记本电脑的广告设计

Step 1:

Open up a new document 1000px wide and 600px high. Then paste an image of a laptop into your document. Create a new layer set called ‘laptop’ and put the layer containing your laptop image into this layer set.

1.新建宽1000px、高600px的新文件,把笔记本电脑的素材图片导入舞台,然后将其所在文件夹重命名为“Laptop”。

Photoshop设计教程:个人笔记本电脑的广告设计

Step 2:

Now I want to create a vanishing point for the screen of the laptop. Many Photoshop users, including myself, don’t yet have Photoshop CS2 or CS3, so this tutorial won’t utilize the useful vanishing point filter available in these versions. Instead, we’re going to manually create a fake vanishing point.

2.鉴于很多读者并没有将ps软件更新到CS2/CS3,所以我们将用手工制作屏幕的消失点。

Select the screen part of your laptop using the lasso tool. Then copy your selection, create a new photoshop document, and paste in the selection. Go to image>image size and double whatever your image size is. In this case the original screen was 204px wide, so I simply doubled this to 408px.

使用索套工具取得笔记本电脑屏幕选区,Ctrl+C复制,然后新建图层并粘贴,然后将其扩大一倍。

本例屏幕宽度204px,我们把它扩展到408px。

Then paste this new larger screen back into your original document. Positioning it roughly where you think it looks good in terms of perspective.

我们重新摆正扩大后屏幕的位置如下图所示:

Photoshop设计教程:个人笔记本电脑的广告设计

Step 3:

Now select your line tool and a nice bright color for it and draw lines each corner of your large screen through to the matching corner of the original screen and past to a vanishing point. Do this with each corner of the laptop screen, until you have something like the image below:

3.我们来使用亮色创建参考线,沿两屏幕的对应点绘制,知道4条先汇聚于一点。

Photoshop设计教程:个人笔记本电脑的广告设计

Step 4:

Now duplicate your larger laptop screen and select edit>free transform. Then in the menu near the top of your screen (see diagram below) change the W (width) and H (height) percentages from 100% to 90%.

4.复制图层,自由变换,大小调整为原尺寸的90%。

Photoshop设计教程:个人笔记本电脑的广告设计

Move this resized image so that it matches up with the perspective lines that you created earlier. Be sure to place this resized screen layer behind the largest screen layer but above your original laptop photo layer.

Repeat this process of duplicating/resizing/aligning using the resizing percentages of 80%, 70%, and 60% from your large screen layer. Remember that your original laptop photo is 50% of this large screen layer.

This is how your image should look after you have created this new screens and lined them up correctly:

使用相同的办法依次创建,80%、70%、60%这三个新图层。

Photoshop设计教程:个人笔记本电脑的广告设计

Step 5:

Now create a new layer set called ‘photo 1′. Paste in the image that you want to manipulate. View a grid over your image and then use the free transform tool to resize your photo to fit nicely into the grid squares. Make sure that the photo fits into an even number of grid squares for it’s height and width. In this example the photo is resized to be 8 grid squares wide and 6 high.

5.新建图层,命名为“photo1”,把我们要操作的图片素材置入,显示网格。

使用自由变化工具,调整图片贴合网格,本例刚好是8个网格宽、6个网格高。

Photoshop设计教程:个人笔记本电脑的广告设计

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa