検索
ホームページウェブフロントエンドPS チュートリアルPS教程之教你让每一个像素都清晰可辨的方法

下面教大家怎么让放大变模糊的图片变的清晰

PS教程之教你让每一个像素都清晰可辨的方法

大家在设计界面和网页时,是不是经常碰到PS里绘制的图标虽然是矢量的,但还是会有许多虚边,在放大、缩小、旋转后虚边变的更严重了,或者是在AI里绘制的精美矢量图标粘到PS里就变虚了,我们辛苦设计的作品就这样变”糊了”,这是我们双眼所不允许的,我们要让每一个像素都清晰可辨。要解决这些问题就要理解PS像素组成的原理,了解一些设置选项和使用技巧,下面和大家一块分享。(PS=Photoshop, AI=Illustrator)

一、绘制边缘清晰的「 形状图层 」

PS教程之教你让每一个像素都清晰可辨的方法

我们通常在PS里绘制矩形时会用 「矩形工具」,这样产生的是矢量的形状图层,它的好处是我们无论放大缩小时都保持矢量属性,但当我们放大视图看时还是有虚边(上图),这些虚边虽然在绘制大的图形时影响不太大,但当我们绘制很小的像素级图标时,就会很明显了。

解决方法是选中下图列出的 「对齐像素」选项,当我们再绘制同样的矩形时,放大视图看边缘就清晰可辨了(下图)。其中的原理是:我们屏幕显示的图像是由无数个像素组成的,也就是说像素是图形的最小单位,通常当我们绘制的图形不是整数像素时,比如宽是20.5像素,那0.5的像素小于1像素,PS就会以虚边显示。当选中[对齐像素]选项时,我们绘制的宽、高将都是整数了。

PS教程之教你让每一个像素都清晰可辨的方法

二、旋转图形时保持边缘清晰

PS教程之教你让每一个像素都清晰可辨的方法

当我们以矩形的中心点90度旋转时,得到的矩形缺失了两个边。这是什么原因呢?得知这个矩形的长是奇数、宽是偶数。当以中心点旋转时像素不能整分,所以得到这种结果。解决办法是,可以选矩形的四个角的任一顶点为中心点旋转,或者使矩形的长宽都为奇数或偶数值。如果我们的操作是旋转并缩放图形,最好是旋转完按确定,再进行缩放。不要连续操作完再确定,这样得到的结果会比较清晰。

三、AI粘入PS时保持边缘清晰

PS教程之教你让每一个像素都清晰可辨的方法

有时当我们在AI里绘制了图标后,粘到PS里就会出现如下图的虚边,这是有两种原因造成的,一是在AI里新建文件时没有选中[对齐像素网格]选项(只有AI CS5以上版本有这个选项),这样绘制的图标的各个数值不为整数的情况,粘到PS里就会出现虚边。再一个是选中了 「对齐像素网格」选项粘到PS中依然出现虚边,这是要在粘之前在PS中建一个与图标大小相同的选区,再粘进来就OK了,因为PS中粘贴板中的图标粘入到视图时,图标是以被粘入视图的中心点定位粘贴的,这样粘贴的位置可能不是整数值,所以会出现虚边,这时我们要建一个同样大小的选区,再粘就没问题了。还有粘贴时选 「形状图层 」,这样以后的可编辑性会比较强。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
Photoshopの価格設定の比較:オプションと利点Photoshopの価格設定の比較:オプションと利点May 12, 2025 am 12:17 AM

Adobe Photoshopには3つのパッケージがあります。1)20GBのクラウドストレージを含む低コストのPhotoshopのみを必要とするユーザーに適した単一のアプリケーションプラン。 2)CreativeCloudプランの完全なセット。複数のAdobeアプリケーションを必要とするユーザーに適しており、100GBのクラウドストレージを含む高コスト。 3)20GBのクラウドストレージを含む低コストで、予算が限られているアカデミックユーザーに適した、学生と教師向けの優先計画。

Photoshopの特別な理由は何ですか?その主な機能Photoshopの特別な理由は何ですか?その主な機能May 11, 2025 am 12:16 AM

Photoshop'sprimaryfunctionistoenableUserstomantumentonipulation and beciTialimages with recisionandcontrol.itsspecialfeatureSinclude:1)Alayer Beasingeditings SystemFor IndoendentElementManipulation、2)AnextensiveLibraryoftOoofSOULSANDFILTERSFORIUSTASKS、AN

Photoshop:プロの画像編集のコストPhotoshop:プロの画像編集のコストMay 10, 2025 am 12:19 AM

Photoshopのコストには、直接コスト、時間と学習曲線、リソース、ハードウェアへの投資が含まれます。 1。直接費用:サブスクリプションシステムは月額20ドルから50ドル、一度に数百ドルを購入します。 2。時間と学習:多くの時間と練習が必要であり、オンラインコースとチュートリアルを通じて学習することをお勧めします。 3。リソースとハードウェア:効率を改善するためにハードウェア構成を確保するには、高性能コンピューターと十分なストレージスペースが必要です。

画像編集の必需品:Photoshopの重要な機能画像編集の必需品:Photoshopの重要な機能May 09, 2025 am 12:05 AM

Photoshopのコア機能には、レイヤー、選択ツール、調整ツールが含まれます。 1.レイヤーは、画像パーツの独立した編集を可能にし、レイヤースタイルをサポートします。 2。ラッソ、マジックワンド、クイック選択ツールなどの選択ツールは、正確な編集を提供します。 3.色のレベル、曲線、色相/飽和などの調整ツールは、画像を非破壊的に調整できます。

私の目的:Photoshop関連のタスクを支援します私の目的:Photoshop関連のタスクを支援しますMay 08, 2025 am 12:18 AM

Photoshopでは、レイヤーマスクの役割は、非破壊的な方法で隠されたレイヤーまたは表示された部分を許可することです。 1.レイヤーマスクの作業原理は、黒、白、グレースケールを介してレイヤーの可視性を制御することです。 2。基本的な使用法には、キャラクターイメージを新しい背景に合成するなど、画像合成が含まれます。 3.グラデーションマスクを使用してスムーズな画像遷移を実現することにより、高度な使用を実現できます。

Photoshopと無料の選択肢:比較外観Photoshopと無料の選択肢:比較外観May 06, 2025 am 12:12 AM

Photoshopの強力な機能には、スマートオブジェクトとニューラルフィルターが含まれますが、Gimp、Krita、Photopeaなどの無料の代替品は、Gimpの層機能、Kritaのデジタル絵画、Photopeaのオンライン編集などの特定の分野でうまく機能します。

Photoshopカラーグレーディング:プロテクニックで画像を高めますPhotoshopカラーグレーディング:プロテクニックで画像を高めますMay 05, 2025 am 12:07 AM

Photoshopの色調整は、調整層を通じて実現して、画像をよりプロフェッショナルにすることができます。 1.色のレベル、曲線、色相/飽和、その​​他のツールを使用して、色相、飽和、明るさを調整します。 2。LUTを適用して、独自の色効果を作成します。 3.調整層を使用して画像の歪みを回避し、履歴パネルを使用して調整手順を追跡します。

現実の世界のPhotoshop:その多様な用途の例現実の世界のPhotoshop:その多様な用途の例May 04, 2025 am 12:15 AM

現実の世界でのPhotoshopのアプリケーションには、芸術的創造、科学研究、商業マーケティングが含まれます。 1)芸術的な創造では、デジタルペインティングとイラストに使用されます。 2)科学研究では、画像処理とデータの視覚化に使用されます。 3)商業マーケティングでは、広告デザインとブランドイメージの形成に使用されます。このソフトウェアの汎用性により、さまざまな分野で広く使用されています。

See all articles

ホット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 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

EditPlus 中国語クラック版

EditPlus 中国語クラック版

サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

PhpStorm Mac バージョン

PhpStorm Mac バージョン

最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール

SublimeText3 Linux 新バージョン

SublimeText3 Linux 新バージョン

SublimeText3 Linux 最新バージョン

WebStorm Mac版

WebStorm Mac版

便利なJavaScript開発ツール

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強力な PHP 統合開発環境