웹 프론트엔드 PS 튜토리얼 Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Jun 01, 2016 pm 02:33 PM
보라

本教程制作过程虽然复杂,不过思路很好理解。我们只需要用喷溅笔刷或素材,按照心形的轮廓刷上笔刷。然后把得到的喷溅心形多复制几层,分别设置好图层样式,把颜色及水珠质感设置出来即可。

 最终效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

1、新建1024*768的画布,分辨率72DPI,使用自定义形状工具做一个心形图案。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果
 
2、插入不同的飞溅素材,适当的变换和旋转,使之成为心形,每个图层的图层混合模式均为正片叠底,这样可以显现出背景的心形。如下图所示同样的飞溅素材使用了两次,只是适当的拉伸、移动和倒置。点这里下载所有喷溅素材。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

3、和上述步骤一样,插入不同形状的飞溅素材。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

4、选中所有的飞溅素材,将其转换为智能对象。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

5、所有的飞溅素材图层将转换成一个智能对象图层。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果
 
6、新建色阶调整层、黑白调整层,执行滤镜----模糊、表面模糊,相关参数设置如下图所示。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

模糊参数设置。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

色阶参数设置。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

黑白参数设置。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果
 
7、将智能对象图层和调整图层合并,将得到一个黑白的飞溅图层。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

8、消除白色背景,选择---色彩范围,用吸管吸取白色背景并移除。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

9、图示的即为消除白色背景后的图层。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

10、添加渐变叠加的图层样式。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果
 
11、复制飞溅素材图层,对第一层添加调整图层。投影:正片叠底;内阴影:正常;斜面和浮雕:内斜面,平滑;等高线:线性;光泽:线性光;渐变叠加:叠加。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果
 
12、对飞溅素材图层副本添加以下混合选项,斜面和浮雕:内斜面,光滑,等高线手工调整;等高线:线性;光泽:线性光;图案叠加:叠加。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果
 
13、在最下面的飞溅素材图层和背景图层之间新建一个图层,在画布中间用柔化画笔做一个300像素的圆斑。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

14、复制圆斑图层,至于上方,对于圆斑使用自由变换工具拉伸,并移动到图示位置。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

15、返回心形背景图层,添加渐变叠加,填充为0。渐变叠加:叠加,线性。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果
 
16、保持心形图层可编辑,对于飞溅素材图层载入选区(CTRL+单击),对心形图层添加蒙版并载入选区。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

17、合并除背景图层和圆斑图层之外的所有图层,不透明的调整为25%。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

18、复制合并后的图层,放在背景图层之上,通过自由变换工具垂直翻转并增大尺寸,执行:编辑---变化---垂直翻转,图层混合模式为柔光,不透明的35%。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

19、接下来创建一条光带。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

20、为了创建这个光带,使用1像素的两个画笔,底部填充粉色/透明的横向渐变映射,顶部填充黑色至暗紫色。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果
 
21、顶部的粉红色椭圆斑点用300像素,圆度12%的柔角笔刷创建。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

最后加上装饰文字,完成最终效果。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 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 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

<gum> : Bubble Gum Simulator Infinity- 로얄 키를 얻고 사용하는 방법
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
Nordhold : Fusion System, 설명
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
Mandragora : 마녀 트리의 속삭임 - Grappling Hook 잠금 해제 방법
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

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

SublimeText3 중국어 버전

SublimeText3 중국어 버전

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

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

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

고급 Photoshop 튜토리얼 : 마스터 수정 및 합성 고급 Photoshop 튜토리얼 : 마스터 수정 및 합성 Apr 17, 2025 am 12:10 AM

Photoshop의 고급 사진 편집 및 합성 기술에는 다음이 포함됩니다. 1. 기본 작업에 레이어, 마스크 및 조정 레이어 사용; 2. 이미지 픽셀 값을 사용하여 사진 편집 효과를 달성하십시오. 3. 복잡한 합성을 위해 여러 층과 마스크를 사용하십시오. 4. "액화"도구를 사용하여 얼굴 특징을 조정하십시오. 5. "주파수 분리"기술을 사용하여 섬세한 사진 편집을 수행하면 이러한 기술은 이미지 처리 수준을 향상시키고 전문적인 수준의 효과를 달성 할 수 있습니다.

Photoshop의 주요 기능 : 깊은 다이빙 Photoshop의 주요 기능 : 깊은 다이빙 Apr 19, 2025 am 12:08 AM

Photoshop의 주요 기능에는 레이어 및 마스크, 조정 도구, 필터 및 효과가 포함됩니다. 1. 레이어와 마스크는 이미지 부품을 독립적으로 편집 할 수 있습니다. 2. 밝기/대비와 같은 도구를 조정하면 이미지 톤과 밝기를 수정할 수 있습니다. 3. 필터와 효과는 시각 효과를 빠르게 추가 할 수 있습니다. 이러한 기능을 마스터하면 창의적인 전문가가 창의적인 비전을 달성하는 데 도움이 될 수 있습니다.

Photoshop 사용 : 창의적인 가능성과 실제 용도 Photoshop 사용 : 창의적인 가능성과 실제 용도 Apr 22, 2025 am 12:09 AM

Photoshop은 실제 응용 분야에서 매우 실용적이고 창의적입니다. 1) 초보자 및 전문가에게 적합한 기본 편집, 수리 및 합성 기능을 제공합니다. 2) 컨텐츠 인식 필 및 레이어 스타일과 같은 고급 기능은 이미지 효과를 향상시킬 수 있습니다. 3) 바로 가기 키를 마스터 링하고 레이어 구조를 최적화하면 작업 효율성을 향상시킬 수 있습니다.

Photoshop : 무료 평가판 및 할인 옵션 조사 Photoshop : 무료 평가판 및 할인 옵션 조사 Apr 14, 2025 am 12:06 AM

가장 경제적 인 방식으로 Photoshop에 액세스 할 수 있습니다. 1. 7 일 무료 평가판으로 소프트웨어 기능을 경험하십시오. 2. 계절적 프로모션뿐만 아니라 학생 또는 교사 할인을 찾으십시오. 3. 타사 웹 사이트에서 쿠폰을 사용하십시오. 4. Adobe CreativeCloud의 월별 또는 연간 계획을 구독하십시오.

Photoshop and Digital Art : 그림, 그림 및 합성 Photoshop and Digital Art : 그림, 그림 및 합성 Apr 18, 2025 am 12:01 AM

Photoshop의 디지털 아트 응용 프로그램에는 그림, 일러스트레이션 및 이미지 합성이 포함됩니다. 1) 그림 : 브러시, 연필 및 믹싱 도구를 사용하여 아티스트는 현실적인 효과를 만들 수 있습니다. 2) 그림 : 벡터 및 모양 도구를 사용하여 아티스트는 복잡한 그래픽을 정확하게 그릴 수 있으며 효과를 추가 할 수 있습니다. 3) 합성 : 마스크 및 레이어 블렌딩 모드를 사용하여 아티스트는 다른 이미지 요소를 원활하게 혼합 할 수 있습니다.

그래픽 디자인에 Photoshop 사용 : 브랜딩 등 그래픽 디자인에 Photoshop 사용 : 브랜딩 등 Apr 16, 2025 am 12:02 AM

브랜드 디자인에 Photoshop을 사용하는 단계에는 다음이 포함됩니다. 1. 펜 도구를 사용하여 기본 모양을 그리며, 2. 레이어 스타일을 통해 그림자와 하이라이트 추가, 3. 색상과 세부 사항 조정, 4. 스마트 객체 및 동작을 사용하여 다양한 버전의 디자인을 자동으로 생성하십시오. Photoshop은 디자이너가 레이어와 마스크의 유연성으로 브랜드 요소를 만들고 최적화하여 간단한 로고에서 복잡한 브랜딩 안내서에 이르기까지 디자인의 일관성과 전문성을 보장합니다.

사진 작가를위한 Photoshop : 이미지 향상 및 수정 사진 작가를위한 Photoshop : 이미지 향상 및 수정 Apr 25, 2025 am 12:01 AM

Photoshop에서 사진을 강화하고 수정하는 수리 브러시 도구를 사용하여 밝기와 대비를 조정하여 달성 할 수 있습니다. 1) 밝기와 대비 조정 : 이미지-> 조정-> 밝기/대비 메뉴를 통해 미숙 한 사진을 향상시키기 위해 밝기와 대비를 높입니다. 2) 수리 브러시 도구 사용 : 도구 모음에서 HealingBrushTool을 선택하고 이미지에서 기타 점 또는 흉터를 제거하려면 적용하십시오.

Photoshop이 가장 잘하는 것 : 일반적인 작업 및 프로젝트 Photoshop이 가장 잘하는 것 : 일반적인 작업 및 프로젝트 Apr 23, 2025 am 12:06 AM

Photoshop은 이미지 편집, 레이어링 및 마스킹, 디지털 페인팅 및 다양한 디자인 응용 프로그램에 특화되어 있습니다. 1) 이미지 편집 및 수리 : 결함을 제거하고 색상과 밝기를 조정하십시오. 2) 레이어 및 마스크 : 비파괴 편집 및 생성. 3) 디지털 그림과 삽화 : 예술 작품을 만듭니다. 4) 실제 응용 프로그램 : 그래픽 디자인, 웹 디자인 및 디지털 아트 제작.

See all articles