Maison interface Web Tutoriel PS Photoshop设计制作漂亮的透明环保气泡图标

Photoshop设计制作漂亮的透明环保气泡图标

Jun 01, 2016 pm 02:31 PM
图标 气泡 透明

图标大致由两个大的部分构成:气泡与中间部分的球体。气泡部分稍微复杂一点,由内外两个气泡构成,制作方法基本类似。绿色球体部分制作相对简单一点,直接使用素材合成即可。 最终效果

Photoshop设计制作漂亮的透明环保气泡图标


1、新建一个1000 * 750像素的文件,选择渐变工具,颜色设置如图1,拉出图2所示的径向渐变作为背景。

Photoshop设计制作漂亮的透明环保气泡图标
<图1>

Photoshop设计制作漂亮的透明环保气泡图标
<图2>
 
2、新建一个组,选择椭圆选框工具,按住Shift键拉出下图所示的正圆选区,然后给组添加图层蒙版,如下图。

Photoshop设计制作漂亮的透明环保气泡图标
<图3>

3、在组里新建一个图层,选择渐变工具,颜色设置自带的彩虹渐变,拉出渐变后再选择椭圆选框工具,在中心位置拉出下图所示的整体选区,羽化25个像素后按Delete键删除中间部分,效果如下图。

Photoshop设计制作漂亮的透明环保气泡图标
<图4>

4、用钢笔工具勾出下图所示的选区,羽化5个像素后按Ctrl + J 把选区部分色块复制到新的图层,适当移动一下位置,再把底部的彩虹渐变图层隐藏,效果如下图。

Photoshop设计制作漂亮的透明环保气泡图标
<图5>

5、新建一个图层,用钢笔勾出右侧边缘部分的高光选区,羽化20个像素后填充白色,如下图。

Photoshop设计制作漂亮的透明环保气泡图标
<图6>
 
6、新建一个图层,用钢笔勾出左下角部分的高光选区,羽化6个像素后填充白色,可以适当降低图层不透明度,添加图层蒙版,用黑色画笔把两端的过渡擦出来,如下图。

Photoshop设计制作漂亮的透明环保气泡图标
<图7>

7、新建一个图层,同上的方法给左下角增加一条较小的高光,如下图。

Photoshop设计制作漂亮的透明环保气泡图标
<图8>

8、新建一个图层,同上的方法给顶部增加一点高光,到这里外部气泡基本完成。

Photoshop设计制作漂亮的透明环保气泡图标
<图9>

9、新建一个组,用椭圆选框工具在气泡的中间拉出下图所示的正圆选区,给组添加图层蒙版,如下图。

Photoshop设计制作漂亮的透明环保气泡图标
<图10>
 
10、在组里新建一个图层,用钢笔勾出边缘部分的高光区域,羽化15个像素后拉上图12所示的线性渐变。

Photoshop设计制作漂亮的透明环保气泡图标
<图11>

Photoshop设计制作漂亮的透明环保气泡图标
<图12>

11、新建一个图层,同上的方法给内部气泡的顶部增加一点高光,如下图。

Photoshop设计制作漂亮的透明环保气泡图标
<图13>

12、新建一个图层,用椭圆选框工具拉出下图所示的椭圆选区,填充白色。取消选区后添加图层蒙版,用黑色画笔把底部的过渡擦出来,效果如下图。

Photoshop设计制作漂亮的透明环保气泡图标
<图14>

13、新建一个图层,同上的方法给底部增加一些淡淡的高光,如下图。

Photoshop设计制作漂亮的透明环保气泡图标
<图15>
 
14、新建一个图层,顶部再增加一些细小的光束,增强细节,如下图。到这里内部气泡基本完成。

Photoshop设计制作漂亮的透明环保气泡图标
<图16>

15、调出外部气泡组的选区,在图层的最上面新建一个组,给组添加图层蒙版。

Photoshop设计制作漂亮的透明环保气泡图标
<图17>

16、用钢笔工具勾出下图所示的选区,羽化15个像素后填充白色,作为两个气泡中间的高光。

Photoshop设计制作漂亮的透明环保气泡图标
<图18>

17、其它部分同样的方法增加一些高光,气泡部分基本完成,效果如下图。

Photoshop设计制作漂亮的透明环保气泡图标
<图19>

18、调出内部气泡组的选区,在外部气泡组的上面新建一个组,给组添加图层蒙版,如下图。

Photoshop设计制作漂亮的透明环保气泡图标
<图20>
 
19、打开图21所示的泥土素材,拖进来,适当摆好位置,然后用钢笔工具勾出所需的部分,给图层添加图层蒙版,效果如图22。

Photoshop设计制作漂亮的透明环保气泡图标
<图21>

Photoshop设计制作漂亮的透明环保气泡图标
<图22>

20、用钢笔勾出下图所示的条纹效果,羽化2个像素后按Ctrl + J 把选区部分的纹理复制到新的图层,混合模式改为“正片叠底”,按Ctrl + Alt + G 创建剪贴蒙版,效果如下图。

Photoshop设计制作漂亮的透明环保气泡图标
<图23>

21、泥土的边缘增加一些暗部及高光,左侧为高光,右侧部分增加暗部,如下图。

Photoshop设计制作漂亮的透明环保气泡图标
<图24>

22、打开草地素材,拖进来,适当放好位置,用钢笔勾出图26所示的选区,给草地图层添加图层蒙版,效果如图27。

Photoshop设计制作漂亮的透明环保气泡图标
<图25>

Photoshop设计制作漂亮的透明环保气泡图标
<图26>

Photoshop设计制作漂亮的透明环保气泡图标
<图27>
 
23、同上的方法给草地增加一些高光及暗部,如图28,29。

Photoshop设计制作漂亮的透明环保气泡图标
<图28>

Photoshop设计制作漂亮的透明环保气泡图标
<图29>

24、打开图30所示的绿植素材,拖进来,适当调整大小,效果如图31。

Photoshop设计制作漂亮的透明环保气泡图标
<图30>

Photoshop设计制作漂亮的透明环保气泡图标
<图31>

25、新建一个图层给绿植增加一些阴影,效果如下图。

Photoshop设计制作漂亮的透明环保气泡图标
<图32>

最后微调一下细节,完成最终效果。

Photoshop设计制作漂亮的透明环保气泡图标

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment désactiver l'aperçu des vignettes de la barre des tâches dans Win11 ? Désactivez la technique d'affichage des vignettes de l'icône de la barre des tâches en déplaçant la souris Comment désactiver l'aperçu des vignettes de la barre des tâches dans Win11 ? Désactivez la technique d'affichage des vignettes de l'icône de la barre des tâches en déplaçant la souris Feb 29, 2024 pm 03:20 PM

Cet article explique comment désactiver la fonction de vignette affichée lorsque la souris déplace l'icône de la barre des tâches dans le système Win11. Cette fonctionnalité est activée par défaut et affiche une vignette de la fenêtre actuelle de l'application lorsque l'utilisateur passe le pointeur de la souris sur une icône d'application dans la barre des tâches. Cependant, certains utilisateurs peuvent trouver cette fonctionnalité moins utile ou perturber leur expérience et souhaiter la désactiver. Les miniatures de la barre des tâches peuvent être amusantes, mais elles peuvent aussi être distrayantes ou ennuyeuses. Compte tenu de la fréquence à laquelle vous survolez cette zone, vous avez peut-être fermé plusieurs fois des fenêtres importantes par inadvertance. Un autre inconvénient est qu'il utilise plus de ressources système, donc si vous cherchez un moyen d'être plus efficace en ressources, nous allons vous montrer comment le désactiver. mais

Comment supprimer les icônes dans le menu Démarrer d'Ubuntu ? Comment supprimer les icônes dans le menu Démarrer d'Ubuntu ? Jan 13, 2024 am 10:45 AM

De nombreuses icônes de logiciels sont répertoriées dans le menu Démarrer du système Ubuntu. Il existe de nombreuses icônes inhabituelles. Si vous souhaitez les supprimer, comment devez-vous les supprimer ? Jetons un coup d'œil au didacticiel détaillé ci-dessous. 1. Entrez d’abord sur le bureau Ubuntu et cliquez sur le menu Démarrer sous le panneau de gauche. 2. Vous pouvez trouver une icône d’éditeur de texte à l’intérieur, nous devons la supprimer. 3. Revenons maintenant au bureau et cliquez avec le bouton droit de la souris pour ouvrir le terminal. 4. Utilisez la commande pour ouvrir le répertoire de la liste des applications. sudonautilus/usr/share/applicationssudonautilus~/.local/share/applications5 Recherchez l'icône de l'éditeur de texte correspondante à l'intérieur. 6. Ensuite, allez tout droit

Comment faire apparaître l'icône de la barre d'état système sur tous mes moniteurs Windows 11 ? Comment faire apparaître l'icône de la barre d'état système sur tous mes moniteurs Windows 11 ? Sep 22, 2023 pm 03:21 PM

Lors de l'utilisation d'une configuration multi-moniteurs, les utilisateurs souhaitent afficher l'icône de la barre d'état sur tous les moniteurs afin de suivre les dernières notifications ou d'accéder à certaines applications. Cela peut être très utile et dans le guide d'aujourd'hui, nous allons vous montrer comment activer correctement cette fonctionnalité. Comment afficher l’icône de la barre d’état sur tous les moniteurs sous Windows 11 ? 1. Utilisez le logiciel Display Fusion pour visiter le site Web DisplayFusion et télécharger le logiciel. Après avoir téléchargé le logiciel, exécutez le fichier d'installation et installez-le. Démarrez le logiciel et configurez-le selon vos besoins. Sur le deuxième écran, cliquez avec le bouton droit sur la barre des tâches, sélectionnez Barre des tâches multi-moniteurs, puis sélectionnez Barre d'état système. Enfin, cochez Afficher/Masquer les icônes. Une fois cela fait, vous devriez avoir votre système sur les deux moniteurs sous Windows 11.

Téléchargez l'icône des paramètres du téléphone sur le bureau « Savoir en quelques secondes : étapes pour modifier les icônes des applications sur les téléphones Android » Téléchargez l'icône des paramètres du téléphone sur le bureau « Savoir en quelques secondes : étapes pour modifier les icônes des applications sur les téléphones Android » Feb 06, 2024 pm 04:27 PM

Afin d'embellir leur bureau, de nombreux utilisateurs aiment changer régulièrement les thèmes de leur bureau pour les garder à jour. Cependant, changer le thème ne changera pas l'icône de l'application tierce et l'embellissement personnalisé n'est pas assez approfondi. Si vous en avez assez des mêmes icônes d'application, remplacez-les. Théoriquement, si vous souhaitez modifier l'icône d'une application mobile, vous avez généralement besoin d'un système ROOT et de quelques outils pour décompresser et remplacer l'icône. Mais comme la grande majorité des téléphones mobiles ne supportent plus le système ROOT, il faut trouver d’autres méthodes pour y parvenir. Par exemple, certaines applications spécifiques peuvent offrir la possibilité de personnaliser l'icône ou de personnaliser l'icône via un lanceur tiers. En outre, certaines marques de téléphones mobiles ont également lancé des magasins de thèmes et d'icônes spéciaux permettant aux utilisateurs de choisir et de modifier des icônes. Dans les principaux magasins d'applications,

Que signifient les icônes 5G UC et 5G UW sur votre smartphone T-mobile ? Que signifient les icônes 5G UC et 5G UW sur votre smartphone T-mobile ? Feb 24, 2024 pm 06:10 PM

Les utilisateurs de T-Mobile ont commencé à remarquer que l'icône de réseau sur l'écran de leur téléphone indique parfois 5GUC, tandis que d'autres opérateurs lisent 5GUW. Ce n’est pas une faute de frappe, mais représente un type différent de réseau 5G. En fait, les opérateurs étendent constamment leur couverture réseau 5G. Dans cette rubrique, nous examinerons la signification des icônes 5GUC et 5GUW affichées sur les smartphones T-Mobile. Les deux logos représentent différentes technologies 5G, chacune avec ses propres caractéristiques et avantages. En comprenant la signification de ces signes, les utilisateurs peuvent mieux comprendre le type de réseau 5G auquel ils sont connectés afin de pouvoir choisir le service réseau qui correspond le mieux à leurs besoins. Icône 5GUCVS5GUW en T

Comment résoudre le problème de la ligne noire de la barre des tâches transparente Win11 Comment résoudre le problème de la ligne noire de la barre des tâches transparente Win11 Dec 22, 2023 pm 10:04 PM

Après que de nombreux amis aient utilisé translucenttb pour configurer une barre des tâches transparente, ils ont découvert qu'il y avait une ligne noire dans la barre des tâches transparente win11, ce qui semblait très inconfortable. Comment dois-je le résoudre pour le moment ? . Il y a une ligne noire dans la barre des tâches transparente win11 : Méthode 1 : 1. Selon les commentaires des utilisateurs, vous pouvez cliquer avec le bouton droit sur translucide et ouvrir les paramètres. 2. Définissez ensuite la « marge » de l'option d'icône sur « 1 » pour résoudre le problème. Méthode 2 : 1. Si cela ne fonctionne toujours pas, vous pouvez cliquer avec le bouton droit sur l'espace vide pour ouvrir « Personnalisation » 2. Sélectionnez ensuite le thème par défaut du système pour le modifier. Troisième méthode : 1. Si tout le reste échoue, il est recommandé de désinstaller translucenttb. 2. Remplacez ensuite

Comment désactiver l'icône d'invite de cas dans Win11 Comment désactiver l'icône d'invite de cas dans Win11 Jun 29, 2023 pm 01:00 PM

Comment désactiver les icônes majuscules et minuscules dans Win11 ? Lorsque notre ordinateur bascule entre les majuscules et les minuscules, une icône d'invite apparaîtra sur l'écran de l'ordinateur de certains utilisateurs. Certains utilisateurs souhaitent désactiver l'icône, alors comment doivent-ils procéder ? En fait, la méthode est très simple. L'éditeur ci-dessous vous montrera comment désactiver les icônes majuscules et minuscules dans Win11. J'espère que le didacticiel suivant vous sera utile. Comment désactiver l'icône d'invite de cas dans Win11 La solution est très simple, c'est-à-dire ouvrir le Gestionnaire des tâches et mettre fin au processus de clavier spécial Thisutilitycontrols. En bref, fermez simplement le processus XXXXXUtility dans le processus. S'il s'agit d'un ordinateur Lenovo, il suffit de le faire.

Comment insérer des icônes Excel dans les diapositives PPT Comment insérer des icônes Excel dans les diapositives PPT Mar 26, 2024 pm 05:40 PM

1. Ouvrez le PPT et tournez la page jusqu'à la page où vous devez insérer l'icône Excel. Cliquez sur l'onglet Insérer. 2. Cliquez sur [Objet]. 3. La boîte de dialogue suivante apparaîtra. 4. Cliquez sur [Créer à partir d'un fichier], puis cliquez sur [Parcourir]. 5. Sélectionnez le tableau Excel à insérer. 6. Cliquez sur OK et la page suivante apparaîtra. 7. Cochez [Afficher sous forme d'icône]. 8. Cliquez sur OK.

See all articles