웹 프론트엔드 PS 튜토리얼 Photoshop制作透明GIF小图标教程

Photoshop制作透明GIF小图标教程

Jun 01, 2016 pm 02:35 PM
gif 작은 아이콘 투명한

最终效果
Photoshop制作透明GIF小图标教程
1. 首先建一个14*14像素的透明画布,我们的是小ICON嘛,一般网页中小的ICON都是这么大,记得背景要选透明,这样以后它才能任意放在任何不同颜色的背景上面
Photoshop制作透明GIF小图标教程
2. 把画布放大到最大,然后再用铅笔,随便选一个黑一点的灰色,在上面“点”出一个页面的边框样式,左上角折了一个小角,简单的用铅笔点出个三角就行了。这种小ICON都是这样一点一点地点出来的 ^_^
Photoshop制作透明GIF小图标教程
3. 接着在我们画出的这个页面的里面加一个渐变,让它看出来不那么死,像有层次的样子。记得每画一步都建立一个图层,以后改颜色方便 :)
Photoshop制作透明GIF小图标教程
4. 在页面的左边和上边以及那个小的折角里用白色的铅笔,画出高光的线,这样会让这个页面更有立体感。
Photoshop制作透明GIF小图标教程
5. 在页面的右边和下边用灰色的铅笔,画出暗调的线,这样它就更有立体感了
Photoshop制作透明GIF小图标教程

6. 然后把刚才画图层组成一个组,再隐藏掉。(这个组主要是为了以后可以把它再次利用,改成别的图标。)
Photoshop制作透明GIF小图标教程
7. 接着我们来画一个铅笔,大概地在右边用铅笔点出一个笔的形状
Photoshop制作透明GIF小图标教程
8. 然后用不同的颜色标出大概的位置,上面上橡皮擦,中间铅笔主体,再下面是笔尖。(可以用别的颜色,但是注意笔尖那里的色彩明暗,高光一定要体现出来)
Photoshop制作透明GIF小图标教程
9. 然后给铅笔上色,在我们这个icon里面,光是从左上角打下来的,所以它们的左上部得有淡一些的高光,大家可以尝试别的颜色,画出绚烂的铅笔来。注意分出橡皮和主体的范围来
Photoshop制作透明GIF小图标教程
10. 然后就OK啦,把隐藏的组打开,最终效果就是这样。
Photoshop制作透明GIF小图标教程
11. 最后保存成为透明的GIF,我们在网页中才能很好地利用它
Photoshop制作透明GIF小图标教程

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
2 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
2 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
2 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

win11 투명 작업 표시줄의 검은 선 문제를 해결하는 방법 win11 투명 작업 표시줄의 검은 선 문제를 해결하는 방법 Dec 22, 2023 pm 10:04 PM

translucenttb를 사용하여 투명한 작업 표시줄을 설정한 후, 많은 친구들이 win11 투명 작업 표시줄에 검은색 선이 있다는 것을 발견했는데, 이는 매우 불편해 보였습니다. 실제로 이 문제는 소프트웨어에서 해결될 수 있습니다. win11 투명 작업 표시줄에 검은색 선이 있습니다. 방법 1: 1. 사용자 피드백에 따라 translucenttb를 마우스 오른쪽 버튼으로 클릭하고 설정을 열 수 있습니다. 2. 그런 다음 아이콘 옵션의 "여백"을 "1"로 설정하여 문제를 해결합니다. 방법 2: 1. 그래도 작동하지 않으면 빈 공간을 마우스 오른쪽 버튼으로 클릭하여 "개인 설정"을 엽니다. 2. 그런 다음 시스템 기본 테마를 선택하여 변경합니다. 방법 3: 1. 모든 방법이 실패하면 translucenttb를 제거하는 것이 좋습니다. 2. 그런 다음 교체

Win11에서 작업 표시줄 투명도에 줄이 생기는 문제를 해결하는 방법은 무엇입니까? Win11에서 작업 표시줄 투명도에 줄이 생기는 문제를 해결하는 방법은 무엇입니까? Jan 29, 2024 pm 12:12 PM

많은 Win11 사용자는 시스템을 실행할 때 작업 표시줄을 투명하게 설정하지만, 많은 사용자는 설정 후 작업 표시줄에 검은색 선이 나타나는 것을 보게 됩니다. 사용자는 타사 소프트웨어를 사용하여 설정할 수 있습니다. 이 웹사이트에서는 win11 작업 표시줄에 선이 투명하게 나타나는 문제에 대한 해결책을 사용자에게 주의 깊게 소개합니다. win11 작업 표시줄의 투명한 선 문제 해결 방법 1: 1. 사용자 피드백에 따라 translucenttb를 마우스 오른쪽 버튼으로 클릭하고 설정을 열 수 있습니다. 2. 그런 다음 아이콘 옵션의 여백을 1로 설정하여 문제를 해결합니다. 2. 그런 다음 시스템 기본 테마를 선택하고 변경하여 문제를 해결합니다.

CSS에서 투명도를 설정하는 방법 CSS에서 투명도를 설정하는 방법 Nov 01, 2023 am 10:00 AM

투명도를 설정하는 CSS 방법에는 불투명도 속성, rgba 색상 값, 배경색 속성, 의사 요소 사용 등이 포함됩니다. 자세한 소개: 1. 불투명도 속성은 투명한 효과를 얻기 위해 요소의 불투명도 속성을 설정하여 이 속성의 값 범위는 0~1입니다. 0은 완전히 투명함을 의미하고 1은 완전히 불투명함을 의미합니다. 2. RGB 색상 값, 요소의 불투명도를 설정하여 배경색이나 텍스트 색상은 투명한 효과를 얻기 위한 rgba 색상 값입니다. rgba 색상 값은 빨간색, 녹색, 파란색, 투명도 등으로 구성됩니다.

win7 작업 표시줄을 투명하게 만드는 방법에 대한 그래픽 튜토리얼 win7 작업 표시줄을 투명하게 만드는 방법에 대한 그래픽 튜토리얼 Jul 20, 2023 am 09:49 AM

오늘 한 그룹의 사용자가 Windows 7을 다시 설치한 후 컴퓨터에 투명도 효과가 없는 이유를 물었습니다. 실제로 이는 컴퓨터가 그래픽 카드 드라이버를 제때에 업데이트하지 않고 Windows 7 Aero 테마를 조정하지 않기 때문에 발생합니다. 다음과 같은 방법으로 설정할 수 있습니다. 1. 먼저 컴퓨터에 새 그래픽 카드 드라이버가 설치되어 있는지 확인해야 합니다. 드라이버 마법사 또는 360 드라이버 마스터를 사용하여 그래픽 카드 드라이버를 온라인으로 업데이트할 수 있습니다. . 2. 바탕 화면의 빈 공간을 바라보고 마우스 오른쪽 버튼을 클릭한 후 개인 설정을 선택하고 엽니다. 3. 여기에서 Aero 테마를 찾아 선택하세요. 정상적인 상황에서는 투명한 유리 효과를 볼 수 있습니다. win7 작업 표시줄을 투명하게 만드는 방법에 대한 튜토리얼을 이해하셨나요? 어떻게 해야할지 모르는 학생들은 빨리 해보세요.

Windows 11에서 아이콘을 더 작게 만드는 방법 Windows 11에서 아이콘을 더 작게 만드는 방법 May 15, 2023 pm 03:46 PM

Windows PC의 가장 큰 장점 중 하나는 사용자 정의 기능입니다. 이러한 개인화 옵션의 수는 Windows 상호 작용이 진행될 때마다 증가합니다(몇 가지 예외 제외). 그러나 아마도 가장 중요한 사용자 지정은 Windows 11의 아이콘 크기일 것입니다. Windows 11의 아이콘은 눈으로 보기에는 조금 작아 보입니다. 아마도 더 나은 접근성을 위해 선호되는 디자인 기능일 것입니다. 하지만 변경하고 싶다면 몇 가지 방법이 있습니다. 이 튜토리얼에서는 바탕 화면, Windows 탐색기 또는 다른 곳에서 Windows 11에서 아이콘을 더 작게 만드는 방법을 알아봅니다. 그럼 시작해 보겠습니다. Windows 11에서 아이콘을 축소하는 방법 먼저, 방법을 살펴보겠습니다.

Linux 시스템에서 터미널 투명성을 설정하는 방법은 무엇입니까? Linux 시스템에서 터미널 투명성을 설정하는 방법은 무엇입니까? Jan 07, 2024 am 10:21 AM

Linux가 터미널에서 명령을 실행할 때 PDF, 웹 페이지 등과 같은 다른 도움말 문서를 보기 어렵게 만들기 위해 터미널 투명도를 설정하는 방법은 무엇입니까? 아래의 자세한 튜토리얼을 살펴보겠습니다. . 1. 창 특수 효과 켜기 1. 터미널의 투명도를 설정하려면 먼저 창 특수 효과를 켜야 합니다. 먼저 작업 표시줄에서 "제어 센터"를 클릭하세요. 2. 제어 센터에서 "디스플레이"를 클릭하세요. 3. "디스플레이"에서 "창 효과 켜기" 버튼이 켜져 있는지 확인하세요. 4. 또한 단축키 Shift+Win+Tab을 사용하여 창 효과를 빠르게 열거나 닫을 수도 있습니다. 2. 투명도 설정

Win11 작업 표시줄의 투명도를 조정하는 방법 Win11 작업 표시줄의 투명도를 조정하는 방법 Jan 01, 2024 am 11:17 AM

많은 사용자가 페이지의 투명한 버전을 좋아합니다. win11 시스템에서는 사용자가 몇 가지 방법을 통해 투명한 작업 표시줄을 설정하여 작동 및 모양이 더 좋아 보일 수도 있습니다. win11 작업 표시줄을 투명하게 설정하는 방법 1. 시작 메뉴를 클릭한 다음 Microsoft Store를 엽니다. 2. "TranslucentTB"를 검색한 후 해당 항목을 찾아 다운로드합니다. 3. 설치하려면 여기를 클릭하세요. 4. 연 후 "데스크톱"을 선택한 다음 "지우기"를 클릭하십시오.

Windows 10에서 작업 표시줄 투명도를 설정하는 방법에 대한 단계별 자습서 Windows 10에서 작업 표시줄 투명도를 설정하는 방법에 대한 단계별 자습서 Jul 11, 2023 pm 11:37 PM

우연히 다른 사람의 win10 작업 표시줄이 투명한 것을 봤는데 너무 아름다워서 돌아와서 나도 win10 컴퓨터를 투명하게 설정하고 싶었습니다. 일반적인 상황에서는 기본 작업 표시줄에 배경이 투명하지 않으므로 설정을 조정해야 합니다.다음으로 편집기에서 Win10 작업 표시줄을 1분 안에 완전히 투명하게 만드는 방법을 자세히 설명합니다. 1. 먼저 win10 시스템을 열고 바탕 화면을 마우스 오른쪽 버튼으로 클릭한 후 오른쪽 클릭 메뉴에서 "개인 설정"을 찾습니다. 2. 그런 다음 "개인 설정" 창의 왼쪽 메뉴에서 "색상"을 선택하고 클릭합니다. 열려 있는. 3. 그런 다음 오른쪽 메뉴에서 "투명도 효과"를 찾아 "켜기"를 선택하고 "시작 메뉴, 작업 표시줄 및 알림 센터"와 "제목 표시줄"을 확인합니다. 4. 그런 다음 w로 돌아갑니다.

See all articles