好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

PS网页设计教程XIX——在Photoshop中创建一个优雅的作品集的网页布局

作为编码者,美工基础是偏弱的。我们可以参考一些成熟的网页PS教程,提高自身的设计能力。套用一句话,“熟读唐诗三百首,不会作诗也会吟”。

We’ll start with the section’s heading. Change your foreground color to green (#9DE0AD), and use the same settings as the "Latest from the Blog" heading — 24pt, Georgia (Italic) — to write out "Gallery". Then, like before, just copy and paste the drop shadow layer style from another text layer that has it.

我们将开始书写该节的标题。 改变前景色为绿色 (#9DE0AD),并和Latest from the Blog使用相同的设置—— 24pt,格鲁吉亚 (斜体) —— 写Gallery。 然后,像以前一样,复制并粘贴了从另一个文本图层从投影图层样式。


Create another layer group inside the "Gallery" group called "Gallery item". This group will contain an 80×80px image and its background. We will reuse the blog post thumbnail image’s background, so expand the "Blog" layer group, locate the thumbnail background, duplicate it (Ctrl/Cmd + J) and then move the duplicated layer into the "Gallery item" group. Find an 80×80px photo and place it on top of the thumbnail background.

在Gallery组创建名为Gallery Item的组。 该组将包含 80 × 80px的图像和它的背景。 我们将重用博客缩略图图像背景,所以展开的Blog图层组,定位的缩略图的背景,复制它(Ctrl/Cmd + J),然后将复制的层移入Gallery Item组,位置 (530,716) 。 找到 80 × 80px的图片并将其放置在缩略图的背景上。

查看更多关于PS网页设计教程XIX——在Photoshop中创建一个优雅的作品集的网页布局的详细内容...

  阅读:50次