Home Web Front-end PS Tutorial Photoshop绘制可爱的蓝色立体Twitter小鸟图标

Photoshop绘制可爱的蓝色立体Twitter小鸟图标

Jun 01, 2016 pm 02:31 PM
icon birdie blue

先看看效果图
Photoshop绘制可爱的蓝色立体Twitter小鸟图标
第1步:
新建一个PSD文件,尺寸为800×600px。使用椭圆工具,按住Shift键绘制出一个正圆形,颜色设置为##0099FF。
Photoshop绘制可爱的蓝色立体Twitter小鸟图标
按住Alt+Shift键向下拖动圆形,我们会在垂直方向上复制出另一个圆作为小鸟的身体。 执行Ctrl+T对下面的圆形进行变换,将其调整为下图的形状。
Photoshop绘制可爱的蓝色立体Twitter小鸟图标
选择直接选择工具,对下面的圆形进行调节,使头部与身体完整地结合起来。
Photoshop绘制可爱的蓝色立体Twitter小鸟图标
按Ctrl+E将身体与头部形状进行合并(CS6新增功能)。
第2步:
同样利用椭圆工具绘制两个椭圆形作为小鸟眼睛的轮廓。
Photoshop绘制可爱的蓝色立体Twitter小鸟图标
然后利用钢笔工具绘制小鸟的头发。可以先绘制一个,然后复制后对其简单变形即可。
Photoshop绘制可爱的蓝色立体Twitter小鸟图标
用椭圆工具在眼睛中绘制两个正圆,颜色填充为#5d3a14。
Photoshop绘制可爱的蓝色立体Twitter小鸟图标
第3步:
接下来绘制小鸟尾巴的羽毛部分:选择圆角矩形工具,将半径设为30px,绘制一个圆角矩形。然后用直接选择工具选取上方的三个锚点,执行Ctrl+T,将大小调整为原来的60%,即可形成羽毛的形状。
Photoshop绘制可爱的蓝色立体Twitter小鸟图标
将羽毛形状复制三份,调整好角度与位置,创建出尾巴的形状。
Photoshop绘制可爱的蓝色立体Twitter小鸟图标
Ctrl+E将几个羽毛形状进行合并,然后Ctrl+T将其压扁一些。
Photoshop绘制可爱的蓝色立体Twitter小鸟图标
第4步:
在眼睛下方用椭圆工具绘制嘴部,颜色填充为#fcbd00。
Photoshop绘制可爱的蓝色立体Twitter小鸟图标
利用直接选择工具调整锚点将嘴巴绘制出悲伤的表情。
Photoshop绘制可爱的蓝色立体Twitter小鸟图标
第5步:
接下来利用圆角矩形工具创建几个形状,排列成爪子的形状。然后复制出另外一只爪子。
Photoshop绘制可爱的蓝色立体Twitter小鸟图标
第6步:
利用钢笔工具绘制出一个卷曲的树干。之后可以使用直接选择工具将树干调整圆滑一些,当然前提是你对钢笔工具与路径要有基本的了解。(这里有个技巧:在使用钢笔工具的“形状”模式时,往往会有大片的颜色遮盖住下方的图像,我们可以先将图层的不透明度调整为0,绘制完后再调回来即可。)
Photoshop绘制可爱的蓝色立体Twitter小鸟图标
利用路径选择工具选取刚才创建的路径,按住Alt键将其复制一份,然后再用钢笔工具将两端开放的路径闭合。用直接选择工具调整较粗的树干部分。
Photoshop绘制可爱的蓝色立体Twitter小鸟图标
Photoshop绘制可爱的蓝色立体Twitter小鸟图标
Photoshop绘制可爱的蓝色立体Twitter小鸟图标
第7步:
用钢笔工具绘制出手部,也可以先用椭圆工具先画个椭圆后再利用直接选择工具对齐进行调整。当你想调整某个锚点的角度时,按住Alt键拖动锚点的手柄即可创建出锐利的拐角。
Photoshop绘制可爱的蓝色立体Twitter小鸟图标
用路径选择工具复制几份并单独进行调整,形成叠在一起的手指的形状。
Photoshop绘制可爱的蓝色立体Twitter小鸟图标
将这些手指再复制一份,Ctrl+T,右键选择水平翻转,创建出另一只手。
Photoshop绘制可爱的蓝色立体Twitter小鸟图标
第8步:
用钢笔工具绘制出胳膊部分。
Photoshop绘制可爱的蓝色立体Twitter小鸟图标
第9步:
接下来绘制泪珠。可以先用椭圆工具创建一个圆形,然后选择最上方的锚点向上拖动,最后用转换点工具将其转换为锐利的拐角即可。
Photoshop绘制可爱的蓝色立体Twitter小鸟图标
第10步:
大体形状已绘制完成,接下来我们继续添加图层样式使图像更有立体感与细节。 我们首先为身体部分添加内阴影样式。参数设置如下:
Photoshop绘制可爱的蓝色立体Twitter小鸟图标
由于身体部分色调的改变,头发的颜色显得很不协调,将其重新填充为距其最近的身体部分的颜色。
Photoshop绘制可爱的蓝色立体Twitter小鸟图标
第11步:
下面进行眼睛部分的调整。双击眼睛图层,为其添加渐变叠加图层样式,参数设置如下:
Photoshop绘制可爱的蓝色立体Twitter小鸟图标
继续添加内阴影样式,在眼睛下部有从场景中反光的感觉。
Photoshop绘制可爱的蓝色立体Twitter小鸟图标
为使眼睛边缘亮起来,我们为其添加内发光样式。
Photoshop绘制可爱的蓝色立体Twitter小鸟图标
再添加斜面和浮雕样式以及描边样式,使眼睛更有立体感。
Photoshop绘制可爱的蓝色立体Twitter小鸟图标
Photoshop绘制可爱的蓝色立体Twitter小鸟图标
再为眼睛添加外发光样式。淡淡的外发光可以使眼睛的边缘看起来更加柔和。
Photoshop绘制可爱的蓝色立体Twitter小鸟图标
最后为眼睛添加投影,以使眼睛有凸起的效果。
Photoshop绘制可爱的蓝色立体Twitter小鸟图标
第12步:
接下来我们对眼球部分进行处理。
首先利用内阴影样式在眼球中间创建一个深色的眼珠。
Photoshop绘制可爱的蓝色立体Twitter小鸟图标
为其添加渐变叠加。
Photoshop绘制可爱的蓝色立体Twitter小鸟图标
继续添加内阴影样式使眼球下部呈现反光的样子。
Photoshop绘制可爱的蓝色立体Twitter小鸟图标
再添加投影样式。(小技巧:内阴影与投影也可以创建高光,内发光与外发光也可以创建阴影。)
Photoshop绘制可爱的蓝色立体Twitter小鸟图标
用椭圆工具创建一个白色的圆形,然后拖动下方的锚点,把整个形状调整为眼球的反光形状。
Photoshop绘制可爱的蓝色立体Twitter小鸟图标
添加渐变叠加来使其变成透明。

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Roblox: Bubble Gum Simulator Infinity - How To Get And Use Royal Keys
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Nordhold: Fusion System, Explained
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Mandragora: Whispers Of The Witch Tree - How To Unlock The Grappling Hook
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Hot Topics

Java Tutorial
1666
14
PHP Tutorial
1273
29
C# Tutorial
1252
24
How to disable taskbar thumbnail preview in Win11? Turn off the taskbar icon display thumbnail technique by moving the mouse How to disable taskbar thumbnail preview in Win11? Turn off the taskbar icon display thumbnail technique by moving the mouse Feb 29, 2024 pm 03:20 PM

This article will introduce how to turn off the thumbnail function displayed when the mouse moves the taskbar icon in Win11 system. This feature is turned on by default and displays a thumbnail of the application's current window when the user hovers the mouse pointer over an application icon on the taskbar. However, some users may find this feature less useful or disruptive to their experience and want to turn it off. Taskbar thumbnails can be fun, but they can also be distracting or annoying. Considering how often you hover over this area, you may have inadvertently closed important windows a few times. Another drawback is that it uses more system resources, so if you've been looking for a way to be more resource efficient, we'll show you how to disable it. but

How do I get the system tray icon to appear on all my Windows 11 monitors? How do I get the system tray icon to appear on all my Windows 11 monitors? Sep 22, 2023 pm 03:21 PM

When using a multi-monitor setup, users want to display the tray icon on all monitors in order to keep up with the latest notifications or access certain applications. This can be very useful, and in today's guide we'll show you how to enable this feature correctly. How to show tray icon on all monitors in Windows 11? 1. Use the display fusion software to visit the DisplayFusion website and download the software. After downloading the software, run the setup file and install it. Start the software and configure it as needed. On the second screen, right-click the taskbar, select Multi-monitor Taskbar, and then select System Tray. Finally, check Show/Hide Icons. Once this is done, you should get your system on both monitors on Windows 11

How to remove icons in Ubuntu start menu? How to remove icons in Ubuntu start menu? Jan 13, 2024 am 10:45 AM

There are many software icons listed in the Ubuntu system start menu. There are many uncommon icons. If you want to delete them, how should you delete them? Let’s take a look at the detailed tutorial below. 1. First enter the ubuntu desktop and click on the start menu under the left panel. 2. You can find a text editor icon inside, we need to delete it. 3. Now we return to the desktop and right-click the mouse to open the terminal. 4. Use the command to open the application list directory. sudonautilus/usr/share/applicationssudonautilus~/.local/share/applications5. Find the corresponding text editor icon inside. 6. Then go straight

Download the phone settings icon to the desktop 'Know in seconds: Steps to change icons for apps on Android phones' Download the phone settings icon to the desktop 'Know in seconds: Steps to change icons for apps on Android phones' Feb 06, 2024 pm 04:27 PM

In order to beautify their desktop, many users like to change their desktop themes regularly to keep them fresh. However, changing the theme will not change the icon of the third-party APP, and the personalized beautification is not thorough enough. If you're tired of the same app icons, replace them. Theoretically, if you want to change the icon for a mobile app, you usually need a ROOT system and some tools to unpack and replace the icon. But since the vast majority of mobile phones no longer support the ROOT system, we need to find other methods to achieve it. For example, some specific applications may offer the option to customize the icon, or personalize the icon through a third-party launcher. In addition, some mobile phone brands have also launched special theme and icon stores for users to choose and change icons. In major app stores,

What do the 5G UC and 5G UW icons on your T-mobile smartphone mean? What do the 5G UC and 5G UW icons on your T-mobile smartphone mean? Feb 24, 2024 pm 06:10 PM

T-Mobile users have started noticing that the network icon on their phone screens sometimes reads 5GUC, while other carriers read 5GUW. This is not a typo, but represents a different type of 5G network. In fact, operators are constantly expanding their 5G network coverage. In this topic, we will take a look at the meaning of the 5GUC and 5GUW icons displayed on T-Mobile smartphones. The two logos represent different 5G technologies, each with its own unique characteristics and advantages. By understanding what these signs mean, users can better understand the type of 5G network they are connected to so they can choose the network service that best suits their needs. 5GUCVS5GUW icon in T

How to turn off the case prompt icon in Win11 How to turn off the case prompt icon in Win11 Jun 29, 2023 pm 01:00 PM

How to turn off the uppercase and lowercase icons in Win11? When our computer is switching between upper and lower case, a prompt icon will appear on the computer screen of some users. Some users want to turn off the icon, so how should they do it? In fact, the method is very simple. The editor below will demonstrate how to turn off the uppercase and lowercase icons in Win11. I hope the following tutorial will be helpful to you. How to turn off the case prompt icon in Win11 The solution is very simple, that is, open the Task Manager and end the Thisutilitycontrolsspecialkeyboard process. In short, just close the XXXXXUtility process in the process. If it is a Lenovo computer, just

How to save desktop icon position layout in Windows 11 How to save desktop icon position layout in Windows 11 Aug 23, 2023 pm 09:53 PM

Windows 11 brings a lot to the table in terms of user experience, but the iteration isn't entirely error-proof. Users run into issues from time to time, and changes to icon positioning are common. So how to save desktop layout in Windows 11? There are built-in and third-party solutions for this task, whether it's saving the screen resolution of the current window or the arrangement of desktop icons. This becomes even more important for users who have a bunch of icons on their desktop. Read on to learn how to save desktop icon locations in Windows 11. Why doesn't Windows 11 save icon layout positions? Here are the main reasons why Windows 11 does not save desktop icon layout: Changes to display settings: Typically, when you modify display settings, the configured customizations

How to insert excel icons into PPT slides How to insert excel icons into PPT slides Mar 26, 2024 pm 05:40 PM

1. Open the PPT and turn the page to the page where you need to insert the excel icon. Click the Insert tab. 2. Click [Object]. 3. The following dialog box will pop up. 4. Click [Create from file] and click [Browse]. 5. Select the excel table to be inserted. 6. Click OK and the following page will pop up. 7. Check [Show as icon]. 8. Click OK.

See all articles