Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ PNG с ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒΡŽ Π² Adobe Photoshop (вСрсии CC ΠΈ Π²Ρ‹ΡˆΠ΅)?

Иногда Π½ΡƒΠΆΠ½ΠΎ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, содСрТащСС ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹Π΅ элСмСнты, сквозь ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€ΠΎΠ³Π»ΡΠ΄Ρ‹Π²Π°Ρ‚ΡŒ ΠΏΠ΅Ρ€Π²ΠΎΠ½Π°Ρ‡Π°Π»ΡŒΠ½Ρ‹ΠΉ Ρ„ΠΎΠ½. Π’ этих случаях, Π±Ρ‹Π»ΠΎ Π±Ρ‹ ΡƒΠ΄ΠΎΠ±Π½ΠΎ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ PNG изобраТСния, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½ΠΈ способны ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ.

Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΌΡ‹ расскаТСм, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅.

ΠŸΠ΅Ρ€Π²Ρ‹ΠΉ шаг – это созданиС Ρ„Π°ΠΉΠ»Π°. Для этого ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Adobe Photoshop ΠΈ Π² мСню Β«Π€Π°ΠΉΠ»Β» (File) Π²Π²Π΅Ρ€Ρ…Ρƒ страницы Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Β«Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒΒ» (New).

Π—Π°Ρ‚Π΅ΠΌ Π² появившСмся ΠΎΠΊΠ½Π΅ «Новый Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Β» (New Document) создайтС Ρ„Π°ΠΉΠ» Π½ΡƒΠΆΠ½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, ΠΈ ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° составляСт 72 пиксСля Π½Π° дюйм (ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Ρ„Π°ΠΉΠ» ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ для использования Π² Π²Π΅Π±). А Ρ‚Π°ΠΊΠΆΠ΅, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π²Ρ‹Π±Ρ€Π°Π»ΠΈ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Β«ΠŸΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΉΒ» (Transparent) Π² Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅ΠΌ спискС Β«Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΠΌΠΎΠ΅ Ρ„ΠΎΠ½Π°Β» (Background Contents).

*ΠŸΠ΅Ρ€Π΅Π΄ Ρ‚Π΅ΠΌ, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ PNG с ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒΡŽ Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅, Π½ΡƒΠΆΠ½ΠΎ ΡƒΡ‚ΠΎΡ‡Π½ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π² этом ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΌΡ‹ создаСм ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ для Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π² качСствС Ρ„ΠΎΠ½Π° для сайта, поэтому Ρ€Π°Π·ΠΌΠ΅Ρ€ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Π·Π°Π΄Π°Π½ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ: ΡˆΠΈΡ€ΠΈΠ½Π° 3000 пиксСлСй, высота 1730 пиксСлСй, Ρ‡Ρ‚ΠΎ являСтся Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌΡ‹ΠΌΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌΠΈ для Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ HD ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ:


ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Ρ‹ Π·Π°Π΄Π°Π»ΠΈ значСния ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ², Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Β«OKΒ», Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ Π½ΠΎΠ²Ρ‹ΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚.

Π—Π°Ρ‚Π΅ΠΌ Π² ΠΏΠ°Π½Π΅Π»ΠΈ Β«Π‘Π»ΠΎΠΈΒ» (Layers) ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚Π΅ Π½Π° ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΠΌ слоС, Π° Π½Π΅ Π½Π° Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠΌ:


ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Ρ‹ Π·Π°Π²Π΅Ρ€ΡˆΠΈΠ»ΠΈ созданиС ΠΈ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π² зависимости ΠΎΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΠΎΠΉ вСрсии Photoshop, Π² мСню Β«Π€Π°ΠΉΠ»Β» (File) Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹Ρ… Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ²:

БСйчас ΠΌΡ‹ расскаТСм, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ΡˆΠ΅Π» Ρ€Π°Π½ΡŒΡˆΠ΅ CC 2015. Π’ этих вСрсиях ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ ΠΌΠ΅Ρ‚ΠΎΠ΄ Β«Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ для WebΒ» (Save for Web & Devices), Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΈ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ PNG изобраТСния для использования Π² Π²Π΅Π±Π΅. Π§Ρ‚ΠΎΠ±Ρ‹ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ этим ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠΌ, просто Π·Π°ΠΉΠ΄ΠΈΡ‚Π΅ Π² мСню Β«Π€Π°ΠΉΠ»Β» (File), ΠΈ Π΄Π°Π»Π΅Π΅ – Β«Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ для WebΒ» (Save for Web & Devices):


Π—Π°Ρ‚Π΅ΠΌ Π² появившСмся ΠΎΠΊΠ½Π΅ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ PNG-24 ΠΈΠ· Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π³ΠΎ мСню Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹Ρ… Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ, Π° ΠΏΠΎΡ‚ΠΎΠΌ ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹Π±Ρ€Π°Π½Ρ‹ ΠΎΠΏΡ†ΠΈΠΈ Β«ΠŸΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒΒ» (Transparency) ΠΈ Β«ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ Π² sRGBΒ» (Convert to sRGB). Π­Ρ‚ΠΎ ΠΏΠΎΠ΄Ρ‚Π²Π΅Ρ€ΠΆΠ΄Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΉ Ρ„ΠΎΠ½ ΠΈ Π΅Π³ΠΎ Ρ†Π²Π΅Ρ‚ΠΎΠ²ΠΎΠΉ Ρ€Π΅ΠΆΠΈΠΌ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ Π² sRGB, Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΠΎΠ²Π°Π½Π½ΠΎΠ΅ Ρ†Π²Π΅Ρ‚ΠΎΠ²ΠΎΠ΅ пространство для Π²Π΅Π±.


Поля Β«Π Π°Π·ΠΌΠ΅Ρ€ изобраТСния» (Image Size) автоматичСски Π·Π°ΠΏΠΎΠ»Π½ΡΡŽΡ‚ΡΡ значСниями, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ Π·Π°Π΄Π°Π»ΠΈ, ΠΊΠΎΠ³Π΄Π° создавали Ρ„Π°ΠΉΠ». Но Ссли Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° ΠΏΠ΅Ρ€Π΅Π΄ сохранСниСм, Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ это сСйчас.

Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒΒ» (Save) Π²Π½ΠΈΠ·Ρƒ ΠΎΠΊΠ½Π°.

ΠŸΠ΅Ρ€Π΅Π΄ Ρ‚Π΅ΠΌ, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅, Π½ΡƒΠΆΠ½ΠΎ Π·Π½Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ с вСрсии CC 2015 опция Β«Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ для WebΒ» (Save for Web & Devices) Π² мСню Β«Π€Π°ΠΉΠ»Β» (File) ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Π° ΠΊΠ°ΠΊ Legacy (ΡƒΡΡ‚Π°Ρ€Π΅Π²ΡˆΠ°Ρ). И Π·Π°ΠΌΠ΅Ρ‰Π΅Π½Π° Π½Π° Π½ΠΎΠ²ΡƒΡŽ ΠΎΠΏΡ†ΠΈΡŽ «Экспорт» (Export), которая ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ‡Π½ΡƒΡŽ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ с Π±ΠΎΠ»Π΅Π΅ быстрым сохранСниСм Π² Ρ„Π°ΠΉΠ»Π΅ мСньшСго Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΈ Π² Π»ΡƒΡ‡ΡˆΠ΅ΠΌ качСствС. Π§Ρ‚ΠΎΠ±Ρ‹ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΎΠΏΡ†ΠΈΠ΅ΠΉ «Экспорт», Π½Π°ΠΆΠΌΠΈΡ‚Π΅ мСню Β«Π€Π°ΠΉΠ»Β» (File), Π° Π·Π°Ρ‚Π΅ΠΌ β€” Β«Π­ΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΊΒ» (Export As).

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Adobe ΠΏΠΎ-ΠΏΡ€Π΅ΠΆΠ½Π΅ΠΌΡƒ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΎΠΏΡ†ΠΈΡŽ Β«Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ для WebΒ» (Save for Web & Devices) Π² Photoshop CC 2015, ΠΈ ΠΎΠ½Π° доступна Ρ‡Π΅Ρ€Π΅Π· мСню Π€Π°ΠΉΠ» > Экспорт (File > Export) ΠΈΠ»ΠΈ ΠΏΡ€ΠΈ использовании ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΠΈ клавиш Command+Option+Shift+S (для Mac) ΠΈΠ»ΠΈ Ctrl+Alt+Shift+S (для ПК):


Π—Π°Ρ‚Π΅ΠΌ Π² появившСмся ΠΎΠΊΠ½Π΅ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ PNG ΠΈΠ· Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π³ΠΎ мСню Β«Π€ΠΎΡ€ΠΌΠ°Ρ‚Β» (Format) ΠΈ ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ Π²Ρ‹Π±Ρ€Π°Π½Ρ‹ ΠΎΠΏΡ†ΠΈΠΈ Β«ΠŸΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒΒ» (Transparency) ΠΈ Β«ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ Π² sRGBΒ» (Convert to sRGB).

Поля Β«Π Π°Π·ΠΌΠ΅Ρ€ изобраТСния» (Image Size) ΠΈ Β«Π Π°Π·ΠΌΠ΅Ρ€ холста» (Canvas Size) Π΄ΠΎΠ»ΠΆΠ½Ρ‹ автоматичСски Π·Π°ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒΡΡ значСниями, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ Π·Π°Π΄Π°Π»ΠΈ, ΠΊΠΎΠ³Π΄Π° создавали Ρ„Π°ΠΉΠ». Но ΠΏΡ€ΠΈ ΠΆΠ΅Π»Π°Π½ΠΈΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ эти ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ ΠΏΠ΅Ρ€Π΅Π΄ Ρ‚Π΅ΠΌ, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ эффСкт прозрачности Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅:


Когда Π·Π°ΠΊΠΎΠ½Ρ‡ΠΈΡ‚Π΅, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Β«Π­ΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ всС» (Export All).

Данная публикация прСдставляСт собой ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄ ΡΡ‚Π°Ρ‚ΡŒΠΈ Β«How can I create a PNG with transparency in Adobe Photoshop (CC and higher)?Β» , ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²Π»Π΅Π½Π½ΠΎΠΉ Π΄Ρ€ΡƒΠΆΠ½ΠΎΠΉ ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ.Ρ€Ρƒ

Как быстро ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Π² png ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ слои Π² PhotoShop β€” Π‘Π»ΠΎΠ³ΠΎ-Π΄Π°Ρ€ΡŽ

ВсСм Π΄ΠΎΠ±Ρ€ΠΎΠ³ΠΎ ΡƒΡ‚Ρ€Π°! Π₯ΠΎΡ‡ΡƒΒ ΠΏΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ с Π²Π°ΠΌΠΈ ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ Ρ…ΠΈΡ‚Ρ€ΠΎΡΡ‚ΡŒΡŽ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ быстро ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ слой ΠΈΠ»ΠΈ слои Π² PhotoShop Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ png / jpg Π±Π΅Π· сцСнариСв, Π±Π΅Π· ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄Π° Π² smart-ΠΎΠ±ΡŠΠ΅ΠΊΡ‚,Β Π±Π΅Π· ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Ρ… слоСв, кадрирования, Ρ‚Ρ€ΠΈΠΌΠΌΠΈΠ½Π³Π° ΠΈ ΠΏΡ€ΠΎΡ‡Π΅ΠΉ Π½ΡƒΠ΄Π½ΠΎΠΉ Π»Π°Π±ΡƒΠ΄Ρ‹. К Π±ΠΎΠ»ΡŒΡˆΠΎΠΌΡƒ ΠΌΠΎΠ΅ΠΌΡƒ соТалСнию, Π΄Π°Π½Π½Ρ‹ΠΉ способ доступСн Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² PhotoShop вСрсии Π½Π΅ Π½ΠΈΠΆΠ΅Β CC

. Π‘Π°ΠΌ Π΄ΠΎ сих ΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡΡŒ CS6 ΠΈ Ρ‚Π°ΠΌ Ρ‚Π°ΠΊΠΎΠΉ приятной ΠΌΠ΅Π»ΠΎΡ‡ΠΈ Π½Π΅Ρ‚, Π° ΠΎΡ‡Π΅Π½ΡŒ зря. И так…

Π£ нас Π΅ΡΡ‚ΡŒ Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏ Π‘Π‘, рабочая ΠΎΠ±Π»Π°ΡΡ‚ΡŒ ΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ с Β«ΠΊΡ€Π΅Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΌΒ» Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ, состоящий ΠΈΠ· Π΄Π²ΡƒΡ… (Π² Π΄Π°Π½Π½ΠΎΠΌ случаС) слоСв β€” надпись ΠΈ Ρ„ΠΎΠ½:

1 К названиям слоСв, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ, добавляСм ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ β€” *.png ΠΈΠ»ΠΈ *.jpg (просто Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠ΅ΠΌ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ слоя):

2Β Π”Π°Π»Π΅Π΅ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ Π€Π°ΠΉΠ» > Π“Π΅Π½Π΅Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ > Набор ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ (ΠΊΠ»ΠΈΠΊ ΠΏΠΎ Π½Π΅ΠΌΡƒ)

3 НаТимаСм Ctrl + S, Ρ‚.Π΅. сохраняСм ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ быстрым способом. ПослС Ρ‡Π΅Π³ΠΎ Π² мСстС хранСния PSD-Ρ„Π°ΠΉΠ»Π°Β ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° Ρƒ вас появится ΠΏΠ°ΠΏΠΊΠ°, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π±ΡƒΠ΄ΡƒΡ‚ находится Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ изобраТСния β€” слои, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡƒΠΆΠ΅ Β«ΠΎΡ‚ΠΊΠ°Π΄Ρ€ΠΈΡ€ΠΎΠ²Π°Π½Ρ‹Β», Β«ΠΎΡ‚Ρ‚Ρ€ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Ρ‹Β» ΠΈ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ сохранСны. Π”ΠΎΠ»Π³ΠΎΠΆΠ΄Π°Π½Π½Ρ‹Π΅ чудСса ΠΈ магия ΠΎΡ‚ Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ°:


ΠŸΡ€ΠΈΡΡ‚Π½ΠΎΠΉ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ Ρ€Π°Π±ΠΎΡ‡ΠΈΡ… процСссов!

Как ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Ρ„Π°ΠΉΠ» Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ° Π² png. Как Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Π² png

ВсСм ΠΏΡ€ΠΈΠ²Π΅Ρ‚. БСгодня Ρ€Π΅Ρ‡ΡŒ Ρƒ нас ΠΏΠΎΠΉΠ΄Π΅Ρ‚ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½Π½Ρ‹ΠΉ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚. Π’Π΅Π΄ΡŒ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ² Ρ‚Π°ΠΊ ΠΌΠ½ΠΎΠ³ΠΎ, Π° Π΅Ρ‰Π΅ Π·Π°Ρ‡Π΅ΠΌ-Ρ‚ΠΎ 2 Ρ‚ΠΈΠΏΠ° сохранСния: Save As ΠΈ Save for Web & Devices .

НачнСм с Ρ‚ΠΈΠΏΠΎΠ² Ρ„Π°ΠΉΠ»ΠΎΠ². ΠžΠ³ΠΎΠ²ΠΎΡ€ΡŽΡΡŒ, всС Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹Π΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ ΠΌΡ‹ Ρ€Π°ΡΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ Π½Π΅ Π±ΡƒΠ΄Π΅ΠΌ, Ρ‚ΠΎΠ»ΡŒΠΊΠΎ основныС. РассмотрСниС Π±ΡƒΠ΄Π΅Ρ‚ довольно ΠΊΡ€Π°Ρ‚ΠΊΠΈΠΌ, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Π΄Π΅Ρ‚Π°Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΎ ΠΊΠ°ΠΆΠ΄ΠΎΠ΅ ΠΈΠ· Π½ΠΈΡ… ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡ‚ΠΈ ΠΌΠ½ΠΎΠ³ΠΎ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ Π² сСти.

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

Π€ΠΎΡ€ΠΌΠ°Ρ‚ psd: Photoshop Document

ΠŸΠ΅Ρ€Π²Ρ‹ΠΌ рассмотрим ΠΈΠΌΠ΅Π½Π½ΠΎ *.psd, Ρ‚.ΠΊ. это Ρ€ΠΎΠ΄Π½ΠΎΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Photoshop. Он ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ всё: слои, ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚ΠΈΡ€ΡƒΡŽΡ‰ΠΈΠ΅ слои, ΠΎΠ±Ρ‚Ρ€Π°Π²ΠΎΡ‡Π½Ρ‹Π΅ ΠΏΡƒΡ‚ΠΈ, измСнСния Π² ΠΊΠ°Π½Π°Π»Π°Ρ…, Π»ΠΈΠ±ΠΎ сами ΠΊΠ°Π½Π°Π»Ρ‹, Π½ΠΈΠΊΠ°ΠΊΠΎΠΉ ΠΏΠΎΡ‚Π΅Ρ€ΠΈ качСства ΠΏΡ€ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠΊΡ€Π°Ρ‚Π½ΠΎΠΌ пСрСсохранСнии Π½Π΅ происходит.

Π’Ρ‹Π±ΠΎΡ€ Π² ΠΏΠΎΠ»ΡŒΠ·Ρƒ этого Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ, Ссли Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ исходник Ρ€Π°Π±ΠΎΡ‚Ρ‹, Π»ΠΈΠ±ΠΎ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠΈΡ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Ρ„Π°ΠΉΠ»Π° ΠΏΠΎΠ·ΠΆΠ΅.

Π€ΠΎΡ€ΠΌΠ°Ρ‚ jpg ΠΈΠ»ΠΈ jpeg: Joint Photographic Experts Group

Π‘Π°ΠΌΡ‹ΠΉ распространСнный Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ растровой Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ. Π’ Π½Π΅ΠΌ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Ρ‡Π°Ρ‰Π΅ всСго ΡΠΎΡ…Ρ€Π°Π½ΡΡŽΡ‚ снимки Π² Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹Ρ… ΠΊΠ°ΠΌΠ΅Ρ€Π°Ρ…. И, Ссли Π²Ρ‹ ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, большая Ρ‡Π°ΡΡ‚ΡŒ хранящихся Ρƒ вас ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ, поставлСнных с Windows, ΠΈΠΌΠ΅Π΅Ρ‚ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ *.jpg.

Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ ΠΌΠΎΠΆΠ½ΠΎ Π΄Π°Ρ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅: Ссли Π²Ρ‹ сохраняСтС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ„ΠΎΡ‚ΠΎ качСства, Ρ‚.Π΅. Π½Π° Π½Π΅ΠΉ достаточно ΠΌΠ½ΠΎΠ³ΠΎ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ†Π²Π΅Ρ‚ΠΎΠ², Π»ΠΈΠ±ΠΎ это Π²ΠΎΠΎΠ±Ρ‰Π΅ фотография, Ρ‚ΠΎ Π²Ρ‹Π±ΠΈΡ€Π°ΠΉΡ‚Π΅ *.jpg. Π£Ρ‡Ρ‚ΠΈΡ‚Π΅, *.jpg Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ слои, Π° Ρ‚Π°ΠΊΠΆΠ΅, Ссли Π²Ρ‹ Π² дальнСйшСм Π±ΡƒΠ΄Π΅Ρ‚Π΅ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ» ΠΈ ΠΏΠ΅Ρ€Π΅ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ Π΅Π³ΠΎ, Ρ‚ΠΎ качСство ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ€Π°Π· Π±ΡƒΠ΄Π΅Ρ‚ ΡƒΡ…ΡƒΠ΄ΡˆΠ°Ρ‚ΡŒΡΡ (Π΄Π°ΠΆΠ΅ Ссли ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ Π½Π° максимально Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΠΌ). ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ ΡΡ‚Π°Ρ€Π°ΠΉΡ‚Π΅ΡΡŒ обращайтСся ΠΊ *.jpg, Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΊΠΎΠ³Π΄Π° сохраняСтС ΠΊΠΎΠ½Π΅Ρ‡Π½Ρ‹ΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚.

ΠšΠ°Ρ‡Π΅ΡΡ‚Π²ΠΎ *.jpg ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π΅Π³ΡƒΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ влияСт Π½Π° объСм Ρ„Π°ΠΉΠ»Π°. ΠŸΠ΅Ρ€Π²ΠΈΡ‡Π½Ρ‹ΠΌ ΠΏΡ€ΠΈΠ·Π½Π°ΠΊΠΎΠΌ излишнСй ΠΏΠΎΡ‚Π΅Ρ€ΠΈ качСства являСтся появлСниС Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠ³ΠΎ ΡˆΡƒΠΌΠ°, особСнно Π½Π° Π³Ρ€Π°Π½ΠΈΡ†Π°Ρ… ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ², прСдставлСнных Π½Π° снимкС (ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅) ΠΈ Π² областях Ρ‚ΠΎΠ½ΠΊΠΈΡ… Π»ΠΈΠ½ΠΈΠΉ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Ρ€Π°Π·Π²ΠΈΠ²Π°ΡŽΡ‰ΠΈΡ…ΡΡ волос.

Π€ΠΎΡ€ΠΌΠ°Ρ‚ gif: Graphics Interchange Format

Π£Π΄ΠΎΠ±Π΅Π½ для сохранСния Ρ„Π°ΠΉΠ»ΠΎΠ² с малСньким количСством Ρ†Π²Π΅Ρ‚ΠΎΠ², Ρ‚.Π΅. ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ максимум 256 Ρ†Π²Π΅Ρ‚ΠΎΠ².

Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ ΠΌΠΎΠΆΠ½ΠΎ Π΄Π°Ρ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅: Ссли Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅, нСсколько ΠΎΠ΄Π½ΠΎΡ†Π²Π΅Ρ‚Π½Ρ‹Ρ… ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² (имССтся Π²Π²ΠΈΠ΄Ρƒ, Ρ‡Ρ‚ΠΎ окрас ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° ΠΈΠΌΠ΅Π΅Ρ‚ ΠΎΠ΄ΠΈΠ½ Ρ†Π²Π΅Ρ‚, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, красный Π±Π΅Π· Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π½Ρ‹Ρ… ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΎΠ², Π° Π½Π΅ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ всС ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ ΠΈΠΌΠ΅ΡŽΡ‚ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚), Ρ‚ΠΎ Π²Ρ‹Π±ΠΎΡ€ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π² ΠΏΠΎΠ»ΡŒΠ·Ρƒ *.gif. Π₯отя Π² Ρ‚Π°ΠΊΠΈΡ… ситуациях стоит Π΅Ρ‰Π΅ ΠΏΡ€ΠΈΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒΡΡ ΠΈ ΠΊ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρƒ *.png (8 bit), Π½ΠΎ ΠΎ Π½Π΅ΠΌ Π½ΠΈΠΆΠ΅. Gif ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ, Π½ΠΎ Π½Π΅ содСрТит слои.

ΠΠ±ΡΠΎΠ»ΡŽΡ‚Π½ΠΎ Π½Π΅ΠΏΡ€ΠΈΠ³ΠΎΠ΄Π΅Π½ для сохранСния Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ. Π’Π°ΠΊΠΆΠ΅ это СдинствСнный Ρ„ΠΎΡ€ΠΌΠ°Ρ‚, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΠΉ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ.

Π€ΠΎΡ€ΠΌΠ°Ρ‚ png: Portable network graphics

Π’Ρ‹Π±ΠΎΡ€ ΠΌΠ΅ΠΆΠ΄Ρƒ *.png (8 bit) ΠΈ *.png (24 bit) осущСствляСтся Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² File β†’ Save for Web & Devices…

*.png (8 bit)

Π’ΠΎ ΠΌΠ½ΠΎΠ³ΠΎΠΌ ΠΏΠΎΡ…ΠΎΠΆ Π½Π° *.gif. Π’Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ всСго лишь 256 Ρ†Π²Π΅Ρ‚ΠΎΠ², Π° это Π·Π½Π°Ρ‡ΠΈΡ‚, Ρ‡Ρ‚ΠΎ для Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ Π½Π΅ ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚. ИспользованиС *.png (8 bit) ΠΏΡ€ΠΈΠΎΡ€ΠΈΡ‚Π΅Ρ‚Π½ΠΎ, Ссли Π΅ΡΡ‚ΡŒ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Ρ‹ — Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌ этого Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° позволяСт ΡΠΆΠΈΠΌΠ°Ρ‚ΡŒ ΠΈΡ… Π±ΠΎΠ»Π΅Π΅ ΠΊΠΎΠΌΠΏΠ°ΠΊΡ‚Π½ΠΎ.

Как ΠΈ *.gif ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ. НС ΡƒΠΌΠ΅Π΅Ρ‚ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ.

*.png (24 bit)

Π˜ΠΌΠ΅Π΅Ρ‚ ΠΎΠ΄Π½ΠΎ нСоспоримоС прСимущСство ΠΏΠ΅Ρ€Π΅Π΄ *.jpg, *.gif, *.png (8 bit) — ΠΎΠ½ СдинствСнный ΡƒΠΌΠ΅Π΅Ρ‚ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ ΠΏΠΎΠ»ΡƒΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ, Ρ‚.Π΅. Ссли *.gif ΠΈ *.png (8 bit) ΡΠΎΡ…Ρ€Π°Π½ΡΡŽΡ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ 2 значСния прозрачности: ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎ ΠΈΠ»ΠΈ Π½Π΅ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎ, Ρ‚ΠΎ Π² *.png ΠΏΠΎΠ»ΡƒΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ ΠΈΠΌΠ΅Π΅Ρ‚ мноТСство ΠΏΡ€ΠΎΠΌΠ΅ΠΆΡƒΡ‚ΠΎΡ‡Π½Ρ‹Ρ… Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ.

Π₯отя Π² основном ΠΏΠΎΠ»ΡƒΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΡ‚Ρ€Π΅Π±ΠΎΠ²Π°Ρ‚ΡŒΡΡ людям, Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‰ΠΈΠΌΡΡ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ, Π° ΠΎΠ½ΠΈ ΠΈ Ρ‚Π°ΠΊ ΡƒΠΆΠ΅ Π·Π½Π°ΡŽΡ‚ ΠΎΠ± этом прСимущСствС.

ΠžΡΡ‚Π°Π»ΡŒΠ½Ρ‹Π΅ мноТСствСнныС Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ Π² повсСднСвной ΠΆΠΈΠ·Π½ΠΈ Π²Π°ΠΌ вряд Π»ΠΈ пригодятся. И Π΅Ρ‰Π΅ ΠΎΠ΄Π½ΠΎ: всС описанныС Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹, ΠΊΡ€ΠΎΠΌΠ΅ *.psd, ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ Π½Π° любом ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅,

Как ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ Π±Π΅Π· Ρ„ΠΎΠ½Π°

Π”ΠΎΠ±Ρ€ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ суток, ΡƒΠ²Π°ΠΆΠ°Π΅ΠΌΡ‹Π΅ Ρ‡ΠΈΡ‚Π°Ρ‚Π΅Π»ΠΈ. Π£ΠΌΠ΅Π½ΠΈΠ΅ Π΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ с ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹Ρ… Ρ„ΠΎΠ½ΠΎΠΌ нСвСроятно Π½ΡƒΠΆΠ½ΠΎ ΠΊΠ°ΠΆΠ΄ΠΎΠΌΡƒ Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰Π΅ΠΌΡƒ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΡƒ сайтов, Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρƒ ΠΈ Π΄Π°ΠΆΠ΅ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠΌΡƒ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΡƒ.

Π­Ρ‚ΠΎ самая популярная функция Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ Photoshop, Π° ΠΏΠΎΡ‚ΠΎΠΌΡƒ я Ρ€Π΅ΡˆΠΈΠ» максимально ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ Ρ€Π°ΡΡΠΊΠ°Π·Π°Ρ‚ΡŒ Π²Π°ΠΌ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎ самом процСссС, Π½ΠΎ ΠΈ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ Π±Π΅Π· Ρ„ΠΎΠ½Π°.

ΠžΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ΡΡ, Ρ‡Ρ‚ΠΎ Ρƒ ΠΌΠ½ΠΎΠ³ΠΈΡ… Π²ΠΎΠ·Π½ΠΈΠΊΠ°ΡŽΡ‚ трудности с этим, Π½ΠΎ ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΉ Π² ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ Π½Π° эту Ρ‚Π΅ΠΌΡƒ Π² ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ Π²ΠΎΠΎΠ±Ρ‰Π΅ Π½Π΅Ρ‚. Волько нСсколько Ρ‚Π΅ΠΌ Π½Π° Ρ„ΠΎΡ€ΡƒΠΌΠ°Ρ…. Но, я Π±Π΅Ρ€Ρƒ Π½Π° сСбя миссию ΠΈΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ эту Π½Π΅ΡΠΏΡ€Π°Π²Π΅Π΄Π»ΠΈΠ²ΠΎΡΡ‚ΡŒβ€¦

Π˜Ρ‚Π°ΠΊ, сСйчас я ΠΎΠ΄Π΅Π½Ρƒ Π½Π° сСбя рыцарскиС доспСхи ΠΈ Ρ€Π°Π·Π²Π΅ΡŽ всС страхи, сомнСния, Π½Π΅ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΈ ΠΏΡ€Π΅Π²Ρ€Π°Ρ‰Ρƒ трудности искусства Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ½ΠΎΠ³ΠΎ Π² Π±Π΅ΡΡ…ΠΈΡ‚Ρ€ΠΎΡΡ‚Π½ΡƒΡŽ ΠΎΠ±Ρ‹Π΄Π΅Π½Π½ΠΎΡΡ‚ΡŒ. Π― Ρ‚Π°ΠΊΠΆΠ΅ повСдаю ΠΎΠ±ΠΎ всСх тонкостях мастСрства. Π“ΠΎΡ‚ΠΎΠ²ΡŒΡ‚Π΅ΡΡŒ. Β«Π’Π΅Π΄Π°Ρ‚ΡŒΒ» я Π±ΡƒΠ΄Ρƒ ΠΎΡ‡Π΅Π½ΡŒ простым языком, Ρ‡Ρ‚ΠΎΠ±Ρ‹ понятно стало ΠΊΠ°ΠΆΠ΄ΠΎΠΌΡƒ, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΎΡˆΡƒ прощСния Ρƒ Ρ‡ΠΈΡ‚Π°Ρ‚Π΅Π»Π΅ΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… смущаСт такая Π΄ΠΎΡ‚ΠΎΡˆΠ½ΠΎΡΡ‚ΡŒ ΠΈ ΠΎΠ½ΠΈ сами всС прСкрасно Π·Π½Π°ΡŽΡ‚.

Π‘ΠΎΠ»Π΅Π΅ Ρ‚Π΅Ρ€ΠΏΠ΅Π»ΠΈΠ²Ρ‹Ρ… я Π±Π»Π°Π³ΠΎΠ΄Π°Ρ€ΡŽ Π·Π° ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅. ΠŸΡ€ΠΈΡΡ‚ΡƒΠΏΠΈΠΌ.

Π§Π΅Π³ΠΎ Π½ΡƒΠΆΠ½ΠΎ Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ„ΠΎΡ‚ΠΊΠ° Π±Ρ‹Π»Π° Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΠΉ

ΠŸΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ отобраТаСтся Π²ΠΎΡ‚ Ρ‚Π°ΠΊΠΎΠΉ шашкой. Если Π²Ρ‹ Π²ΠΈΠ΄ΠΈΡ‚Π΅ Π΅Π΅ Π² Google, Ρ‚ΠΎ Π·Π½Π°Ρ‡ΠΈΡ‚ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π±Π΅Π· ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠΈ ΠΏΡ€ΠΈ Π½Π°Π»ΠΎΠΆΠ΅Π½ΠΈΠΈ этого ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΉ Ρ„ΠΎΠ½ Π½Π΅ помСняСтся Ρ†Π²Π΅Ρ‚.

Как Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, такая шашка Π½Π΅ отобраТаСтся, Ссли ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² поискС ΠΎΡ‚Ρ€Π°ΠΆΠ΅Π½ΠΎ Ρ‡Π΅Ρ€Π΅Π· ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Ρƒ. Надо ΠΊΠ»ΠΈΠΊΠ½ΡƒΡ‚ΡŒ Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ ΠΈ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ информация откроСтся.

Π’ΠΎΡ‚ смотритС, я скопировал этот рисунок ΠΈ вставил Π΅Π³ΠΎ Π½Π° Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ поля. НС Π±ΡƒΠ΄Ρƒ Π²Π΄Π°Π²Π°Ρ‚ΡŒΡΡ ΠΊΠ°ΠΊ ΠΈΠΌΠ΅Π½Π½ΠΎ я это сдСлал, сСйчас это Π½Π΅ Π²Π°ΠΆΠ½ΠΎ. Π‘Π°ΠΌΠΎΠ΅ Π²Π°ΠΆΠ½ΠΎΠ΅, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π²ΠΈΠ΄ΠΈΡ‚Π΅ всС части поля, ΠΊΡƒΠ±ΠΈΠΊΠΈ ΠΊΠ°ΠΊ Π±ΡƒΠ΄Ρ‚ΠΎ Π±Ρ‹Π»ΠΈ Π²Ρ‹Ρ€Π΅Π·Π°Π½Ρ‹ ΠΈ Π½Π°Π»ΠΎΠΆΠ΅Π½Ρ‹ Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ.

Если Π±Ρ‹ я Π½Π΅ нашСл Π² поискС Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ с шашкой, Ρ‚ΠΎ ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΡ выглядСла совсСм ΠΈΠ½Π°Ρ‡Π΅. Π€ΠΎΠ½ Π±Ρ‹Π» Π±Ρ‹ Π±Π΅Π»Ρ‹ΠΌ ΠΈ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½Ρ‹ΠΌ.

ΠŸΠΎΡ‡Π΅ΠΌΡƒ Ρ‚Π°ΠΊ? Π­Ρ‚Π° ΡˆΠ°ΡˆΠ΅Ρ‡ΠΊΠ° – общСпринятый ΠΏΡ€ΠΈΠ·Π½Π°ΠΊ, Ссли Π²Ρ‹ Π΅Π³ΠΎ Π²ΠΈΠ΄ΠΈΡ‚Π΅, Ρ‚ΠΎ Π·Π½Π°Ρ‡ΠΈΡ‚ Π² этой части ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ Ρ†Π²Π΅Ρ‚Π° Π½Π΅Ρ‚ совсСм, ΠΈ ΠΏΡ€ΠΈ Π½Π°Π»ΠΎΠΆΠ΅Π½ΠΈΠΈ Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ ниТнюю Ρ‡Π°ΡΡ‚ΡŒ рисунка. Π’ΠΎΡ‡Π½ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ отобраТаСтся ΠΈ Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ Photoshop. Если Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡƒΠ±Ρ€Π°Ρ‚ΡŒ Ρ„ΠΎΠ½ ΠΈΠ· Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ, Ρ‚ΠΎ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ вмСсто Ρ†Π²Π΅Ρ‚Π°, Π²Ρ‹ смогли ΡƒΠ·Ρ€Π΅Ρ‚ΡŒ Π²ΠΎΡ‚ этот Π·Π°Π²Π΅Ρ‚Π½Ρ‹ΠΉ ΡƒΠ·ΠΎΡ€. Π¨Π°ΡˆΠΊΡƒ.

Как ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Ρ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹Π΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ

ВсС ΠΌΡ‹ ΠΏΡ€ΠΈΠ²Ρ‹ΠΊΠ»ΠΈ ΠΊ Ρ‚Π°ΠΊΠΎΠΌΡƒ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρƒ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ, ΠΊΠ°ΠΊ jpeg. НСкоторыС люди Π΄Π°ΠΆΠ΅ ΠΈ Π½Π΅ Π·Π½Π°ΡŽΡ‚ ΠΎ сущСствовании Π΄Ρ€ΡƒΠ³ΠΈΡ…. Однако, ΠΎΠ½ Π½Π΅ ΠΏΠΎΠ½ΠΈΠΌΠ°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ. Для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΊΠ°Ρ‡ΠΈΠ²Π°Ρ‚ΡŒ ΠΈ Ρ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Π½Π° своСм ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅ Β«ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹Π΅Β» Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ, Π²Π°ΠΌ понадобится ΠΏΠΎΠ½ΡΡ‚ΡŒ ΠΈ Π·Π°ΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ Π½ΠΎΠ²Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ β€” png.

Π’ΠΈΠ΄ΠΈΡ‚Π΅, ΠΏΠΎΠΌΠΈΠΌΠΎ шашки, Π² Google ΠΏΠΎΡ‡Ρ‚ΠΈ всСгда вмСстС с Π½ΡƒΠΆΠ½Ρ‹ΠΌΠΈ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°ΠΌΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ это сочСтаниС Π±ΡƒΠΊΠ².

Если Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ с Π²Ρ‹Ρ€Π΅Π·Π°Π½Π½Ρ‹ΠΌ Ρ„ΠΎΠ½ΠΎΠΌ, Ρ‚ΠΎ ΠΎΠΏΡΡ‚ΡŒ ΠΆΠ΅, Π²Π°ΠΌ Π½ΡƒΠΆΠ΅Π½ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚. Π’Ρ‹ Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚Π΅ Π² ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ Β«Π€Π°ΠΉΠ»Β» ссылку Β«Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ как…».

Π—Π°Ρ‚Π΅ΠΌ Π²Ρ‹Π±ΠΈΡ€Π°Π΅Ρ‚Π΅ Π½ΡƒΠΆΠ½Ρ‹ΠΉ Ρ‚ΠΈΠΏ Ρ„Π°ΠΉΠ»Π°, png ΠΈ Π³ΠΎΡ‚ΠΎΠ²ΠΎ. Он Π΅ΡΡ‚ΡŒ Π² любой вСрсии. Если Π½Π΅ Π²ΠΈΠ΄ΠΈΡ‚Π΅ – ΠΈΡ‰ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Ρ‚Π΅Π»ΡŒΠ½Π΅Π΅. Π‘Π΅Π· Π½Π΅Π³ΠΎ Π½ΠΈΠΊΠ°ΠΊ. Π£Π²Π΅Ρ€ΡΡŽ вас.

Π—Π°Ρ‡Π΅ΠΌ Π±Ρ‹Π»ΠΎ Π½ΡƒΠΆΠ½ΠΎ ΠΏΡ€ΠΈΠ΄ΡƒΠΌΡ‹Π²Π°Ρ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΎΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚? ВсС Π΄Π΅Π»ΠΎ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ популярный jpeg, Π½Π΅ ΠΏΠΎΠ½ΠΈΠΌΠ°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ. Он мСняСт Π΅Π΅ Π½Π° ΠΏΡ€ΠΈΠ²Ρ‹Ρ‡Π½Ρ‹ΠΉ Π±Π΅Π»Ρ‹ΠΉ.

Как ΠΈΠ·Π±Π°Π²ΠΈΡ‚ΡŒΡΡ ΠΎΡ‚ Ρ„ΠΎΠ½Π°: простой ΠΈ довольно быстрый способ Π±Π΅Π· Π»ΠΈΡˆΠ½ΠΈΡ… Π·Π°ΠΌΠΎΡ€ΠΎΡ‡Π΅ΠΊ

Π’ ΠΌΠΎΠ΅ΠΌ Π±Π»ΠΎΠ³Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΉΡ‚ΠΈ ΡΡ‚Π°Ρ‚ΡŒΡŽ, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ я ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽ 4 инструмСнта ΠΈ ΠΏΡ€ΠΈΠ²ΠΎΠΆΡƒ Π²ΠΈΠ΄Π΅ΠΎ, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡ‚ΠΈ 3 способа ΠΈΠ·Π±Π°Π²ΠΈΡ‚ΡŒΡΡ ΠΎΡ‚ Ρ„ΠΎΠ½Π° Π½Π° рисункС (смотритС здСсь). ΠœΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ Π΅Π΅, Ссли Π²Π°ΠΌ интСрСсно. БСйчас я Ρ…ΠΎΡ‚Π΅Π» Π±Ρ‹ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π²Π°ΠΌ Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ ΠΏΡ€ΠΈΠ΅ΠΌ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΡΡ‡ΠΈΡ‚Π°ΡŽ, Ρ‡Ρ‚ΠΎ Π±Π΅Π· этого ΡΡ‚Π°Ρ‚ΡŒΡ Π±Ρ‹Π»Π° Π±Ρ‹ Π½Π΅ ΠΏΠΎΠ»Π½ΠΎΠΉ. Мало Π»ΠΈ, ΠΊΡ‚ΠΎ-Ρ‚ΠΎ Π½Π΅ Π·Π°Ρ…ΠΎΡ‡Π΅Ρ‚ Π»Π°Π·ΠΈΡ‚ΡŒ ΠΏΠΎ ΠΌΠΎΠ΅ΠΌΡƒ Π±Π»ΠΎΠ³Ρƒ. А Ρ‚ΡƒΡ‚ всС Π² ΠΎΠ΄Π½ΠΎΠΌ мСстС.

Π˜Ρ‚Π°ΠΊ, ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ.

Находим инструмСнт Β«Π€ΠΎΠ½ΠΎΠ²Ρ‹ΠΉ ластик». Если Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΅Π³ΠΎ ΠΎΡ‚Ρ‹ΡΠΊΠ°Ρ‚ΡŒ, Ρ‚ΠΎ ΠΏΠΎΠ΄Π΅Ρ€ΠΆΠΈΡ‚Π΅ нСсколько сСкунд ΠΌΡ‹ΡˆΠΊΡƒ с Π·Π°ΠΆΠ°Ρ‚ΠΎΠΉ Π»Π΅Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ Π½Π° клавишС ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠ³ΠΎ ластика. НуТный инструмСнт откроСтся. Π’Ρ‹ смоТСтС Π΅Π³ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ, Ρ‰Π΅Π»ΠΊΠ½ΡƒΠ² ΠΏΠΎ Π½Π΅ΠΌΡƒ.

ΠœΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ Π΄ΠΈΠ°ΠΌΠ΅Ρ‚Ρ€ ластика, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΡ‚ΠΈΡ€Π°Ρ‚ΡŒ Π±Ρ‹Π»ΠΎ ΡƒΠ΄ΠΎΠ±Π½Π΅Π΅.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΏΠΎΠ²ΠΎΠ·ΡŽΠΊΠ°ΠΉΡ‚Π΅ ΠΏΠΎ Π½Π΅Π½ΡƒΠΆΠ½Ρ‹ΠΌ элСмСнтам Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅. Π’Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅, ΠΊΠ°ΠΊ шашка Π½Π°Ρ‡ΠΈΠ½Π°Π΅Ρ‚ ΠΏΡ€ΠΎΡΠ²Π»ΡΡ‚ΡŒΡΡ, Π° Ρ†Π²Π΅Ρ‚ ΠΈΡΡ‡Π΅Π·Π°Ρ‚ΡŒ!

НадСюсь, Ρ‡Ρ‚ΠΎ послС Ρ‚ΠΎΠ³ΠΎ ΠΊΠ°ΠΊ Π²Ρ‹ Π·Π°ΠΊΠΎΠ½Ρ‡ΠΈΡ‚Π΅, Ρƒ вас Π½Π΅ Π²ΠΎΠ·Π½ΠΈΠΊΠ½Π΅Ρ‚ вопроса Π² ΠΊΠ°ΠΊΠΎΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½Ρ‹ΠΉ рисунок. ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ ΠΆΠ΅ PNG.

Π”Π°Π½Π½Ρ‹ΠΉ ΠΌΠ΅Ρ‚ΠΎΠ΄ стирания Π½Π΅ назовСшь самым Π»ΡƒΡ‡ΡˆΠΈΠΌ ΠΈ нСвСроятно ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΌ. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ я Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽ Π²Π°ΠΌ всС-Ρ‚Π°ΠΊΠΈ ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΡƒΡŽ мою ΡΡ‚Π°Ρ‚ΡŒΡŽ, ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΠΏΠΎΡΠ²ΡΡ‰Π΅Π½Π½ΡƒΡŽ этой Ρ‚Π΅ΠΌΠ΅.

А Ссли Π²Π°ΠΌ интСрСсно Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅, Ρ‚ΠΎ ΡΠΎΠ²Π΅Ρ‚ΡƒΡŽ Π²Π°ΠΌ Π½Π°Ρ‡Π°Ρ‚ΡŒ Π½Π° этом Π·Π°Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ! Бпрос Π΅ΡΡ‚ΡŒ. Π’Ρ‹ Π±Π΅Π· Ρ‚Ρ€ΡƒΠ΄Π° ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ сайты, ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Ρ„ΠΎΠ½Ρ‹ ΠΈ Π΄Π΅Π»Π°Ρ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ всСго интСрСсного. ΠŸΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅, это Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π½ΡƒΠΆΠ½ΠΎ. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ, ΠΎΡ‚ΠΊΡ€Ρ‹Π² нСсколько сайтов для фрилансСров.

Π”ΡƒΠΌΠ°Π΅Ρ‚Π΅, Ρ‡Ρ‚ΠΎ Ρƒ вас Π½Π΅ получится ΠΈΠ»ΠΈ Π²Ρ‹ слишком стары для этого Π΄Π΅Ρ€ΡŒΠΌΠ°? НС Ρ…Π²Π°Ρ‚Π°Π΅Ρ‚ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ? ΠŸΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅, это всС Π½Π΅Π»Π΅ΠΏΡ‹Π΅ ΠΎΡ‚Π³ΠΎΠ²ΠΎΡ€ΠΊΠΈ. Π― ΡŽΡ€ΠΈΡΡ‚ ΠΈ Π·Π°Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°ΡŽ достаточно, Π½ΠΎ … Ρƒ вас Π΅ΡΡ‚ΡŒ Ρ…ΠΎΠ±Π±ΠΈ, любимоС ΡƒΠ²Π»Π΅Ρ‡Π΅Π½ΠΈΠ΅? Π’Ρ‹ ΠΆΠΈΠ²Π΅Ρ‚Π΅ ΠΏΠΎΠ»Π½ΠΎΠΉ Тизнью? Π’Π°ΠΌ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π½Π΅ скучно?

Π§Ρ‚ΠΎ Π±Ρ‹ Π²Ρ‹ Π½ΠΈ Π·Π½Π°Π»ΠΈ ΠΈ Ρ‡Π΅ΠΌ Π±Ρ‹ Π½ΠΈ ΠΈΠ½Ρ‚Π΅Ρ€Π΅ΡΠΎΠ²Π°Π»ΠΈΡΡŒ. Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚ массу Π½ΠΎΠ²Ρ‹Ρ… возмоТностСй. ВпуститС Π² свою Тизнь измСнСния. Если дСньги вас Π½Π΅ ΠΈΠ½Ρ‚Π΅Ρ€Π΅ΡΡƒΡŽΡ‚ – это Π΅Ρ‰Π΅ Π»ΡƒΡ‡ΡˆΠ΅. Π­Ρ‚ΠΎ Π΄Π°Π΅Ρ‚ большС шансов Π²Π°ΡˆΠ΅ΠΌΡƒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρƒ ΡΡ‚Π°Ρ‚ΡŒ Π΄ΠΎΡ€ΠΎΠ³ΠΈΠΌ, ΠΊΡ€ΡƒΡ‚Ρ‹ΠΌ ΠΈ ΡƒΡΠΏΠ΅ΡˆΠ½Ρ‹ΠΌ. ВсС извСстныС люди Π½Π΅ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Ρ€Π°Π΄ΠΈ ΠΏΡ€ΠΈΠ±Ρ‹Π»ΠΈ, ΠΎΠ½ΠΈ трудятся, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Π»ΡŽΠ±ΡΡ‚ Ρ‚ΠΎ, Ρ‡Π΅ΠΌ ΠΎΠ½ΠΈ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π Π΅Π΄ΠΊΠΎ ΠΊΡ‚ΠΎ ΠΈΠ· Π½ΠΈΡ… Π½Π°Π·Ρ‹Π²Π°Π΅Ρ‚ это Β«Ρ€Π°Π±ΠΎΡ‚ΠΎΠΉΒ».

ΠŸΡ€ΠΎΡˆΠ»ΠΎ врСмя, ΠΊΠΎΠ³Π΄Π° основноС врСмя Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ ΠΏΡ€ΠΎΠ²ΠΎΠ΄ΠΈΠ» Π·Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ΠΎΠΌ ΠΈΠ»ΠΈ Ρ‚Π΅Π»Π΅Π²ΠΈΠ·ΠΎΡ€ΠΎΠΌ. Π’Π΅ΠΏΠ΅Ρ€ΡŒ всС Ρ€Π°Π·Π²ΠΈΠ²Π°ΡŽΡ‚ΡΡ, ΡƒΠ»ΡƒΡ‡ΡˆΠ°ΡŽΡ‚ ΠΊΠ°ΠΊΠΈΠ΅-Ρ‚ΠΎ свои Π½Π°Π²Ρ‹ΠΊΠΈ ΠΈ дСлятся с людьми Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ Π·Π½Π°ΡŽΡ‚. По сути Ρ‚Π°ΠΊ всСгда Π±Ρ‹Π»ΠΎ, ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ»ΠΈΡΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΌΠ°ΡΡˆΡ‚Π°Π±Ρ‹.

ΠšΡΡ‚Π°Ρ‚ΠΈ, Π½Π΅ Ρ‚Π°ΠΊ Π΄Π°Π²Π½ΠΎ Ρ‡ΠΈΡ‚Π°Π» сСкрСты долголСтия кавказских Π³ΠΎΡ€Ρ†Π΅Π². Один ΠΈΠ· ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠΎΠ² состоит Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΊ Π½ΠΈΠΌ постоянно Ρ…ΠΎΠ΄ΠΈΡ‚ ΠΌΠΎΠ»ΠΎΠ΄ΠΎΠ΅ ΠΏΠΎΠΊΠΎΠ»Π΅Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ²Π΅Ρ‚ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΏΠΎ ΠΊΠ°ΠΊΠΈΠΌ-Ρ‚ΠΎ Π²Π°ΠΆΠ½Ρ‹ΠΌ вопросом. Π‘Ρ‚Π°Ρ€ΠΈΠΊΠΈ Ρ‡ΡƒΠ²ΡΡ‚Π²ΡƒΡŽΡ‚ сСбя Π½ΡƒΠΆΠ½Ρ‹ΠΌΠΈ, Π° ΠΏΠΎΡ‚ΠΎΠΌΡƒ Π½Π΅ ΠΈΡΠΏΡ‹Ρ‚Ρ‹Π²Π°ΡŽΡ‚ Π½ΠΈΠΊΠ°ΠΊΠΈΡ… ΠΎΡ‚Ρ€ΠΈΡ†Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… эмоций ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ старости. На КавказС Π½Π΅ Π±ΠΎΡΡ‚ΡŒΡΡ ΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒΡΡ старыми.

ΠšΡΡ‚Π°Ρ‚ΠΈ, ΠΏΠΎΠ·ΠΈΡ‚ΠΈΠ²Π½Ρ‹ΠΉ настрой – это Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ ΠΈΡ… сСкрСт. Π‘Ρ‚Π°Ρ€Ρ†Ρ‹ ΡƒΡ‚Π²Π΅Ρ€ΠΆΠ΄Π°ΡŽΡ‚, Ρ‡Ρ‚ΠΎ со Π·Π»Ρ‹ΠΌΠΈ, Ρ€Π°Π·Π΄Ρ€Π°ΠΆΠ΅Π½Π½Ρ‹ΠΌΠΈ ΠΈ скучными людьми, Ρƒ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π½Π΅Ρ‚ интСрСсных ΡƒΠ²Π»Π΅Ρ‡Π΅Π½ΠΈΠΉ, Π½ΠΈΠΊΡ‚ΠΎ Π½Π΅ Ρ…ΠΎΡ‡Π΅Ρ‚ ΠΎΠ±Ρ‰Π°Ρ‚ΡŒΡΡ, Π° ΠΏΠΎΡ‚ΠΎΠΌΡƒ, Ρ‚Π°ΠΊΠΎΠΉ ΠΎΠ±Ρ€Π°Π· ΠΆΠΈΠ·Π½ΠΈ ΠΊΡ€Π°ΠΉΠ½Π΅ Π½Π΅Π²Ρ‹Π³ΠΎΠ΄Π΅Π½, особСнно Π² ΠΏΠΎΠΆΠΈΠ»ΠΎΠΌ возрастС.

Π—Π°Π½ΠΈΠΌΠ°ΠΉΡ‚Π΅ΡΡŒ Ρ‡Π΅ΠΌ-Ρ‚ΠΎ Π½ΠΎΠ²Ρ‹ΠΌ. Если Π²Ρ‹ Π»ΡŽΠ±ΠΈΡ‚Π΅ Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏ – ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° курс Π—ΠΈΠ½Π°ΠΈΠ΄Ρ‹ Π›ΡƒΠΊΡŒΡΠ½ΠΎΠ²ΠΎΠΉ β€” Β«Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ с нуля» ΠΈ ΠΎΠ²Π»Π°Π΄Π΅ΠΉΡ‚Π΅ ΠΈΠΌ Π² ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½ΡΡ‚Π²Π΅. ΠžΡ‡Π΅Π½ΡŒ быстро Ρƒ вас появится ΠΏΡ€ΠΈΠ±Ρ‹Π»ΡŒΠ½ΠΎΠ΅ Ρ…ΠΎΠ±Π±ΠΈ. НС Ρ‚Π°ΠΊ ΡƒΠΆ ΡƒΠ²Π»Π΅Ρ‡Π΅Π½Ρ‹ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ? ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° Ρ‚ΠΎ, ΠΊΠ°ΠΊ ΠΏΠΈΡˆΡƒΡ‚ тСксты для ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π° ΠΈ создавайтС свои ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹.

Если Π²Π°ΠΌ ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΠ»Π°ΡΡŒ эта ΡΡ‚Π°Ρ‚ΡŒΡ, ΠΈ я хотя Π±Ρ‹ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ заинтСрСсовал вас – ΠΏΠΎΠ΄ΠΏΠΈΡΡ‹Π²Π°ΠΉΡ‚Π΅ΡΡŒ Π½Π° рассылку. ΠŸΡƒΡΡ‚ΡŒ Π½Π΅ сСйчас, Π½ΠΎ Π΄Π°ΠΉΡ‚Π΅ сСбС шанс Π·Π°Π½ΡΡ‚ΡŒΡΡ Ρ‡Π΅ΠΌ-Ρ‚ΠΎ Π½ΠΎΠ²Ρ‹ΠΌ. Π― Π±ΡƒΠ΄Ρƒ ΠΏΡ€ΠΈΡΡ‹Π»Π°Ρ‚ΡŒ Π²Π°ΠΌ свои ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ дСньги Π² ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅.

Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, ΠΎΠ΄Π½Π° ΠΈΠ· Π½ΠΈΡ… вас Π²Π΄ΠΎΡ…Π½ΠΎΠ²ΠΈΡ‚ Π½Π° Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π½ΠΎΠ²ΠΎΠ΅ ΠΈ ΠΏΠΎΠΊΠ° нСизвСстноС. Π’Ρ‹ ΠΏΠΎΠΉΠΌΠ΅Ρ‚Π΅, Ρ‡Ρ‚ΠΎ это интСрСсно ΠΈ Π·Π°Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ сами, Π° потом… ΠΊΡ‚ΠΎ Π·Π½Π°Π΅Ρ‚ Ρ‡Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΡ‚ΠΎΠΌ?

ΠžΠ±Π΅Ρ€Π½Π΅Ρ‚ΡΡ Π»ΠΈ Ρ…ΠΎΠ±Π±ΠΈ Π²ΠΎ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ большСС ΠΈΠ»ΠΈ Π²Ρ‹ просто ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ‚Π΅ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ своих Ρ‚Ρ€ΡƒΠ΄ΠΎΠ² Π΄Ρ€ΡƒΠ·ΡŒΡΠΌ, Π΄Π°Π±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΈΡ… ΠΏΠΎΡ…Π²Π°Π»Ρƒ ΠΈ восхищСниС? Π’ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ ΠΌΠ½ΠΎΠ³ΠΈΡ… Π²Ρ‹ встанСтС с Π΄ΠΈΠ²Π°Π½Π° ΠΈ сдСлаСтС Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π²Ρ‹Π²Π΅Π΄Π΅Ρ‚ вас Π·Π° Ρ€Π°ΠΌΠΊΠΈ ΠΏΡ€ΠΈΠ²Ρ‹Ρ‡Π½ΠΎΠ³ΠΎ. Π’Ρ‹ ΠΏΠΎΠΏΡ‹Ρ‚Π°Π΅Ρ‚Π΅ΡΡŒ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ свою Тизнь. Π­Ρ‚ΠΎ ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΡ…Π²Π°Π»ΡŒΠ½ΠΎ.

Π― искрСннС ТСлаю Π²Π°ΠΌ успСхов Π² Π²Π°ΡˆΠΈΡ… начинаниях ΠΈ надСюсь, Ρ‡Ρ‚ΠΎ эта наша встрСча Π±ΡƒΠ΄Π΅Ρ‚ Π½Π΅ послСднСй.

NexxDigital — ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Ρ‹ ΠΈ ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹Π΅ систСмы

ΠŸΠΎΡ‡Π΅ΠΌΡƒ Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏ Π½Π΅ Π΄Π°Π΅Ρ‚ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Π² png. Как быстро Π² Photoshop ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±Π΅Π· Ρ„ΠΎΠ½Π° Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG

Если изобраТСния, созданныС ΠΈΠ»ΠΈ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½Ρ‹Π΅ Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ, ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π»ΠΈΡΡŒ Π½Π°ΠΌΠΈ всё это врСмя Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠΌ JPG ΠΈ ΠΎΠ΄Π½Π°ΠΆΠ΄Ρ‹, Π½Π°ΠΌ Π·Π°Ρ…ΠΎΡ‚Π΅Π»ΠΎΡΡŒ ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ (ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ) ΠΈΡ… PNG ΠΈΠ»ΠΈ GIF, Ρ‚ΠΎ ΠΌΡ‹ дСйствуСм Ρ‚Π°ΠΊΠΆΠ΅ ΠΊΠ°ΠΊ ΠΈ Π² случаС с ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠ΅ΠΉ JPG.

Π©Ρ‘Π»ΠΊΠ½ΡƒΠ² ΠΏΠΎ ΠΊΠ½ΠΎΠΏΠΊΠ΅ Β«Π€Π°ΠΉΠ»Β» Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ мСню ΠΌΡ‹ Ρ€Π°Π·Π²Π΅Ρ€Π½Ρ‘ΠΌ ΠΏΠ΅Ρ€Π΅Ρ‡Π΅Π½ΡŒ ΠΎΠΏΡ†ΠΈΠΉ, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π²Ρ‹Π±Π΅Ρ€Π΅ΠΌ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ Β«Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ как…»:

Π—Π°ΠΏΠΎΠΌΠ½ΠΈΠ² сочСтаниС клавиш Shift+Ctrl+S, ΠΌΡ‹ сократим количСство своих дСйствий. НаТатиС Ρ‚Π°ΠΊΠΎΠ³ΠΎ сочСтания клавиш сразу ΠΆΠ΅ Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ окошко Π²Ρ‹Π±ΠΎΡ€Π° мСста сохранСния ΠΈ Ρ‚ΠΈΠΏΠ° Ρ„Π°ΠΉΠ»Π°:

Π”Π°Π²Π°ΠΉΡ‚Π΅ Ρ‰Ρ‘Π»ΠΊΠ½Π΅ΠΌ ΠΏΠΎ стрСлочкС для раскрытия списка с Ρ‚ΠΈΠΏΠ°ΠΌΠΈ Ρ„Π°ΠΉΠ»ΠΎΠ², Π³Π΄Π΅ Π²Ρ‹Π±Π΅Ρ€Π΅ΠΌ Ρ‚ΠΈΠΏ PNG:

Как ΠΌΡ‹ Π²ΠΈΠ΄ΠΈΠΌ, эта ΠΏΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Π° ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ‡Π½Π° ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ JPG, Π½ΠΎ ΠΈ Π²ΠΎΠΎΠ±Ρ‰Π΅ любой ΠΏΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Π΅ сохранСния созданного ΠΈΠ»ΠΈ ΠΊΠ°ΠΊΠΈΠΌ-Π»ΠΈΠ±ΠΎ способом ΠΎΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ Ρ„Π°ΠΉΠ»Π°.

ПослС Π²Ρ‹Π±ΠΎΡ€Π° Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° PNG, Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠΈΡ‚ Π΄Π²Π° Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π° ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΈ Π΄Π²Π° Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π° Π²Ρ‹Π²ΠΎΠ΄Π° ΡƒΠΆΠ΅ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΏΡ€ΠΈ просмотрС, Π½Ρƒ Π° наша Π·Π°Π΄Π°Ρ‡Π° ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ свой ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π²Ρ‹Π±ΠΎΡ€:

ВСрсия Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ CS6 прСдусматриваСт Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ΅ сТатиС Π½Π° Π²Ρ‹Π±ΠΎΡ€, Π° прСдыдущая вСрсия CS5 сТимаСт ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ автоматичСски, прСдлагая Π½Π°ΠΌ, лишь ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ с Π΅Ρ‘ Π²Ρ‹Π²ΠΎΠ΄ΠΎΠΌ (появлСниСм) ΠΏΡ€ΠΈ просмотрС:

Когда ΠΌΡ‹ Π³ΠΎΠ²ΠΎΡ€ΠΈΠΌ ΠΎ просмотрС, Ρ‚ΠΎ Π²Π΅Π΄Ρ‘ΠΌ Ρ€Π΅Ρ‡ΡŒ, Ρ‚Π°ΠΊ ΡΠΊΠ°Π·Π°Ρ‚ΡŒ, ΠΎ Π΄Π²ΡƒΡ… Π²ΠΈΠ΄Π°Ρ… просмотра. Один Π²ΠΈΠ΄ я Π±Ρ‹ Π½Π°Π·Π²Π°Π» Π±Ρ‹Ρ‚ΠΎΠ²Ρ‹ΠΌ просмотром, Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ ΠΌΡ‹ смотрим изобраТСния срСдствами ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ систСмы (встроСнный ΠΌΠ΅Π΄ΠΈΠ° ΠΏΠ»Π΅Π΅Ρ€). К Π΄Ρ€ΡƒΠ³ΠΎΠΌΡƒ Π²ΠΈΠ΄Ρƒ просмотра ΠΌΠΎΠΆΠ½ΠΎ отнСсти изобраТСния Π² срСдС Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π°.

Всё зависит ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ ΠΊΠΎΠΌΡƒ ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ Π³Π΄Π΅ ΠΎΠ½ΠΎ это самоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΏΠΎΠΊΠΈΠ½ΡƒΠ² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ, Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ΠΎ. ΠŸΠΎΠΆΠ°Π»ΡƒΠΉ, Π»ΡƒΡ‡ΡˆΠΈΠΌ Π±ΡƒΠ΄Π΅Ρ‚ Π΄ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒΡΡ своим Π³Π»Π°Π·Π°ΠΌ. Если, Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ Π²ΠΈΠ΄ΠΈΠΌ послС сТатия, Π³Π»Π°Π·, ΠΊΠ°ΠΊ говорят, Π½Π΅ Ρ€Π°Π΄ΡƒΠ΅Ρ‚, Ρ‚ΠΎ ΠΌΡ‹ ΠΏΡ€ΠΎΠ±ΡƒΠ΅ΠΌ Π΄Ρ€ΡƒΠ³ΠΎΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚. Π—Π°Ρ†ΠΈΠΊΠ»ΠΈΠ²Π°Ρ‚ΡŒΡΡ Π½Π° стСпСни сТатия ΠΈ качСствС воспроизвСдСния ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, Π½Π΅ Π±ΡƒΠ΄Π΅ΠΌ. Π‘ΠΏΠ°Ρ‚ΡŒ ΠΌΡ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΊΡ€Π΅ΠΏΠΊΠΎ ΠΈ сладко (ΡŽΠΌΠΎΡ€).

Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ достаточно качСство ΠΈ ΠΈΠΌΠ΅Ρ‚ΡŒ Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ большой Ρ€Π°Π·ΠΌΠ΅Ρ€ (ΠΊΠ°ΠΊ Ρ„Π°ΠΉΠ»). К Ρ‚ΠΎΠΌΡƒ ΠΆΠ΅ Ρƒ нас Π΅ΡΡ‚ΡŒ запасной Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ — JPG для ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½Ρ‹Ρ… Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ. Π”Π»ΠΈΠ½Π½Ρ‹Π΅ рСсницы, осиная талия ΠΈ всё Ρ‚Π°ΠΊΠΎΠ΅.

НС Π±ΡƒΠ΄Π΅ΠΌ Π·Π°Π±Ρ‹Π²Π°Ρ‚ΡŒ ΠΎ супСр возмоТности с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ PNG ΠΏΡ€ΠΈ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ, ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎΡƒΡ€ΠΎΠ²Π½Π΅Π²ΡƒΡŽ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ, Ссли нашС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ содСрТит слои с Ρ€Π°Π·Π½ΠΎΠΉ ΡΡ‚Π΅ΠΏΠ΅Π½ΡŒΡŽ прозрачности:

Π”Π°Π²Π°ΠΉΡ‚Π΅ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡΡ ΠΈΠΌΠ΅ΡŽΡ‰Π΅ΠΉΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒΡŽ Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ CS6 Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ Ρ€Π΅Π³ΡƒΠ»ΠΈΡ€ΠΎΠ²ΠΊΠΈ стСпСни сТатия ΠΈ посмотрим Π½Π° Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»ΠΎΠ² Π² ΠΏΠ΅Ρ€Π²ΠΎΠΌ ΠΈ Π²Ρ‚ΠΎΡ€ΠΎΠΌ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π°Ρ… сТатия, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π½Π° Ρ‚ΠΎ, ΠΊΠ°ΠΊΠΈΠΌ Π±ΡƒΠ΄Π΅Ρ‚ нашС Π·Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ восприятиС.

ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΡƒΠ΅ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρƒ сТатия «НСт/быстро»:

А Π·Π°Ρ‚Π΅ΠΌ, ΠΏΠΎ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρƒ Β«Π‘Π°ΠΌΡ‹ΠΉ малСнький/ΠΌΠ΅Π΄Π»Π΅Π½Π½ΠΎΒ»:

Π’Π΅ΠΏΠ΅Ρ€ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ срСдств ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ систСмы нашСго ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π° посмотрим Π½Π° нашС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ΅, ΠΈΠ»ΠΈ ΠΈΠ½Π°Ρ‡Π΅ говоря, сТатоС с Ρ€Π°Π·Π½ΠΎΠΉ ΡΡ‚Π΅ΠΏΠ΅Π½ΡŒΡŽ.

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΠΌ Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ с ΠΏΠ΅Ρ€Π²Ρ‹ΠΌ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠΌ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ. Достаточно просто навСсти курсор ΠΌΡ‹ΡˆΠΈ Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅:

Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΏΠ΅Ρ€Π΅Π²Π΅Π΄Ρ‘ΠΌ курсор ΠΌΡ‹ΡˆΠΈ Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ сТатоС ΠΏΠΎ Π²Ρ‚ΠΎΡ€ΠΎΠΌΡƒ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρƒ:

Π˜Ρ‚Π°ΠΊ, ΠΌΡ‹ посмотрСли ΠΈ сравнили ΠΎΠ΄Π½ΠΎ ΠΈ Ρ‚ΠΎ ΠΆΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ΅ двумя Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π°ΠΌΠΈ. ΠžΡ‚ Π½Π°ΡˆΠΈΡ… Π³Π»Π°Π· Π½Π΅ ΡƒΡΠΊΠΎΠ»ΡŒΠ·Π½ΡƒΠ» Ρ‚ΠΎΡ‚ Ρ„Π°ΠΊΡ‚, Ρ‡Ρ‚ΠΎ Π² ΠΎΠ±ΠΎΠΈΡ… Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π°Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния ΠΏΠΎ высотС ΠΈ ΡˆΠΈΡ€ΠΈΠ½Π΅ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ‡Π΅Π½, Π° Π²ΠΎΡ‚ ΠΈΡ… Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠ°ΠΊ Ρ„Π°ΠΉΠ»ΠΎΠ² Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π΄Ρ€ΡƒΠ³ ΠΎΡ‚ Π΄Ρ€ΡƒΠ³Π° отличаСтся (Π² Π±Π°ΠΉΡ‚Π°Ρ…). Π§Ρ‚ΠΎ касаСтся мСня, Ρ‚ΠΎ ΠΌΠΎΠΈ Π³Π»Π°Π·Π° Π½Π΅ видят ΠΊΠ°ΠΊΠΎΠΉ-Ρ‚ΠΎ ΠΏΠΎΡ‚Π΅Ρ€ΠΈ качСства ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΏΡ€ΠΈ Π±ΠΎΠ»Π΅Π΅ высокой стСпСни сТатия. Π Π΅Π·ΠΊΠΎΡΡ‚ΡŒ (Ρ‡Ρ‘Ρ‚ΠΊΠΎΡΡ‚ΡŒ), ΠΊΠΎΠ½Ρ‚Ρ€Π°ΡΡ‚Π½ΠΎΡΡ‚ΡŒ, Π½Π°ΡΡ‹Ρ‰Π΅Π½Π½ΠΎΡΡ‚ΡŒ Ρ†Π²Π΅Ρ‚Π°ΠΌΠΈ, ΠΌΠΎΠΈ Π³Π»Π°Π·Π° Π½Π° ΠΎΠ±ΠΎΠΈΡ… этих Π·Π½Π°Ρ‡ΠΊΠ°Ρ… Π²ΠΎΡΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°ΡŽΡ‚ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ.

Π”Π°Π²Π°ΠΉΡ‚Π΅ посмотрим Π½Π° ΠΎΠ±Π° Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π° ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ срСдств ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ систСмы. ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ ΠΏΠΎ ΠΏΠ΅Ρ€Π²ΠΎΠΌΡƒ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρƒ сТатия:

Π’Π΅ΠΏΠ΅Ρ€ΡŒ посмотрим Π½Π° ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡŽ с Π±ΠΎΠ»Π΅Π΅ высокой ΡΡ‚Π΅ΠΏΠ΅Π½ΡŒΡŽ сТатия (Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ 2):

ΠžΠΏΡΡ‚ΡŒ скаТу ΠΎ сСбС. ΠŸΡ€ΠΈ Ρ€Π°Π·Π»ΠΈΡ‡Π½ΠΎΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ€Π΅ Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΌΠΎΠΈ Π³Π»Π°Π·Π° Π½Π΅ видят ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠΉ. ΠŸΡ€ΠΈ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠΈ с ΠΎΠ΄Π½ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π½Π° Π΄Ρ€ΡƒΠ³ΡƒΡŽ я Π½Π΅ Π·Π°ΠΌΠ΅Ρ‚ΠΈΠ» ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π°. Π’Π°ΠΊΠΎΠ΅ Π²ΠΏΠ΅Ρ‡Π°Ρ‚Π»Π΅Π½ΠΈΠ΅, Π±ΡƒΠ΄Ρ‚ΠΎ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ с изобраТСния Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ (Π²ΠΏΠ΅Ρ€Ρ‘Π΄/Π½Π°Π·Π°Π΄) Π½Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½ΠΈΡ€ΡƒΡŽΡ‚.

Для принятия Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ ΠΎ Ρ‚ΠΎΠΌ, с ΠΊΠ°ΠΊΠΎΠΉ ΡΡ‚Π΅ΠΏΠ΅Π½ΡŒΡŽ ΡΠΆΠΈΠΌΠ°Ρ‚ΡŒ изобраТСния Π² Π±ΡƒΠ΄ΡƒΡ‰Π΅ΠΌ ΠΈ Π² зависимости ΠΎΡ‚ ΠΈΡ… мСста размСщСния, ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π½Π° изобраТСния ΡƒΠΆΠ΅ послС ΠΈΡ… сТатия Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π°ΠΌΠΈ, Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Ρ€Π΅ΠΆΠΈΠΌ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… ΠΎΠΊΠΎΠ½. ΠŸΡ€ΠΎΡ†Π΅ΡΡ прост. ΠžΡ‚ΠΊΡ€Ρ‹Π² ΠΎΠ±Π° изобраТСния Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ, ΠΌΡ‹ сравниваСм ΠΈΡ… ΠΌΠ΅ΠΆΠ΄Ρƒ собой, пСрСводя взгляд с ΠΎΠ΄Π½ΠΎΠ³ΠΎ изобраТСния Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠ΅.

Π§Ρ‚ΠΎΠ±Ρ‹ провСсти этот ΡΡ€Π°Π²Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π°Π½Π°Π»ΠΈΠ· Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚ΡŒΡΡ ΠΊ ΠΏΡƒΠ½ΠΊΡ‚Ρƒ «Окно» Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ мСню ΠΈ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΎΠΏΡ†ΠΈΡŽ Β«Π£ΠΏΠΎΡ€ΡΠ΄ΠΎΡ‡ΠΈΡ‚ΡŒΒ»:

Π“Π΄Π΅ Ρ‰Π΅Π»Ρ‡ΠΊΠΎΠΌ ΠΏΠΎ стрСлочкС ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ окошко с ΠΏΠ΅Ρ€Π΅Ρ‡Π½Π΅ΠΌ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ²:

ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Π² нашСм ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π΄Π²Π°, Ρ‚ΠΎ Π½Π° Π²ΠΏΠΎΠ»Π½Π΅ ΠΏΠΎΠ΄ΠΎΠΉΠ΄Ρ‘Ρ‚ Ρ€Π΅ΠΆΠΈΠΌ Π΄Π²ΡƒΡ… ΠΎΠΊΠΎΠ½. ΠœΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠ΅ располоТСниС ΠΎΠΊΠΎΠ½ ΠΈΠ»ΠΈ ΠΆΠ΅ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠ΅. Π’Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ Ρ‚ΠΎΡ‚ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½Π°ΠΌ большС нравится ΠΈ ΡƒΠ΄ΠΎΠ±Π½Π΅ΠΉ.

ПослС Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΡ всСх ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΉ Π½Π°Π΄ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ (Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠ΅ΠΉ) Π΅Π³ΠΎ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΊ сСбС Π½Π° ТСсткий диск, Π²Ρ‹Π±Ρ€Π°Π² мСсто, Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ ΠΈ Π΄Π°Π² ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ имя.

БСгодня ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠΌ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅.

ΠŸΠ΅Ρ€Π²ΠΎΠ΅, с Ρ‡Π΅ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ, ΠΏΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ Π½Π°Ρ‡Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Ρƒ сохранСния, это Ρ„ΠΎΡ€ΠΌΠ°Ρ‚.

РаспространСнных Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ² всСго Ρ‚Ρ€ΠΈ. Π­Ρ‚ΠΎ JPEG , PNG ΠΈ GIF .

НачнСм с JPEG . Π”Π°Π½Π½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ унивСрсалСн ΠΈ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для сохранСния Π»ΡŽΠ±Ρ‹Ρ… Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Π½Π΅ ΠΈΠΌΠ΅ΡŽΡ‰ΠΈΡ… ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΠ³ΠΎ Ρ„ΠΎΠ½Π°.

ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΡŒΡŽ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° являСтся Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΈ ΠΏΠΎΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠΈ ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π²ΠΎΠ·Π½ΠΈΠΊΠ½ΡƒΡ‚ΡŒ Ρ‚Π°ΠΊ Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΡ‹Π΅ Β«JPEG Π°Ρ€Ρ‚Π΅Ρ„Π°ΠΊΡ‚Ρ‹Β» , ΠΏΡ€ΠΈΡ‡ΠΈΠ½ΠΎΠΉ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… являСтся потСря Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ количСства пиксСлов ΠΏΡ€ΠΎΠΌΠ΅ΠΆΡƒΡ‚ΠΎΡ‡Π½Ρ‹Ρ… ΠΎΡ‚Ρ‚Π΅Π½ΠΊΠΎΠ².

Из этого слСдуСт, Ρ‡Ρ‚ΠΎ Π΄Π°Π½Π½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Ρ‚Π΅Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±ΡƒΠ΄ΡƒΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Β«ΠΊΠ°ΠΊ Π΅ΡΡ‚ΡŒΒ», Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ Π½Π΅ Π±ΡƒΠ΄ΡƒΡ‚ большС Π’Π°ΠΌΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ.

Π’ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅Π³ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°, PNG ΠΏΡ€ΠΈ ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎΠΌ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ (использовании Π² Π΄Ρ€ΡƒΠ³ΠΈΡ… Ρ€Π°Π±ΠΎΡ‚Π°Ρ…) Π½Π΅ тСряСт Π² качСствС (ΠΏΠΎΡ‡Ρ‚ΠΈ).

ПослСдний Π½Π° сСгодня ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΡ‚Π΅Π»ΡŒ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ² – GIF . Π’ ΠΏΠ»Π°Π½Π΅ качСства это самый Ρ…ΡƒΠ΄ΡˆΠΈΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠ΅ ΠΏΠΎ количСству Ρ†Π²Π΅Ρ‚ΠΎΠ².

Π”Π°Π²Π°ΠΉΡ‚Π΅ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ попрактикуСмся.

Для Π²Ρ‹Π·ΠΎΠ²Π° Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ сохранСния Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ Π² мСню Β«Π€Π°ΠΉΠ»Β» ΠΈ Π½Π°ΠΉΡ‚ΠΈ ΠΏΡƒΠ½ΠΊΡ‚ Β«Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΊΠ°ΠΊΒ» , Π»ΠΈΠ±ΠΎ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ горячими клавишами CTRL+SHIFT+S .

Π­Ρ‚ΠΎ ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½Π°Ρ ΠΏΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Π° для всСх Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ², ΠΊΡ€ΠΎΠΌΠ΅ GIF .

ПодлоТка

Ка ΠΌΡ‹ ΡƒΠΆΠ΅ Π·Π½Π°Π΅ΠΌ, Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ JPEG Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ, поэтому ΠΏΡ€ΠΈ сохранСнии ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² Π½Π° ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΠΌ Ρ„ΠΎΠ½Π΅, Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ Π·Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ Π½Π° ΠΊΠ°ΠΊΠΎΠΉ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ Ρ†Π²Π΅Ρ‚. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ это Π±Π΅Π»Ρ‹ΠΉ.

ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ изобраТСния

Π—Π΄Π΅ΡΡŒ выставляСтся качСство ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ.

Π Π°Π·Π½ΠΎΠ²ΠΈΠ΄Π½ΠΎΡΡ‚ΡŒ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°

Π‘Π°Π·ΠΎΠ²Ρ‹ΠΉ (стандартный) Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π° экран построчно, Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΌ способом.

Π‘Π°Π·ΠΎΠ²Ρ‹ΠΉ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ для сТатия Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌ Π₯Π°Ρ„Ρ„ΠΌΠ°Π½Π° (Huffman). Π§Ρ‚ΠΎ это Ρ‚Π°ΠΊΠΎΠ΅, ΠΎΠ±ΡŠΡΡΠ½ΡΡ‚ΡŒ Π½Π΅ Π±ΡƒΠ΄Ρƒ, ΠΏΠΎΠΈΡ‰ΠΈΡ‚Π΅ сами Π² сСти, это ΠΊ ΡƒΡ€ΠΎΠΊΡƒ Π½Π΅ относится. Π‘ΠΊΠ°ΠΆΡƒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ, Ρ‡Ρ‚ΠΎ Π² нашСм случаС это ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π°, Ρ‡Ρ‚ΠΎ Π½Π° сСгодняшний дСнь Π½Π΅ сосСм Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½ΠΎ.

ΠŸΡ€ΠΎΠ³Ρ€Π΅ΡΡΠΈΠ²Π½Ρ‹ΠΉ позволяСт ΡƒΠ»ΡƒΡ‡ΡˆΠ°Ρ‚ΡŒ качСство изобраТСния пошагово ΠΏΠΎ ΠΌΠ΅Ρ€Π΅ Π΅Π³ΠΎ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π½Π° Π²Π΅Π± страницС.

На ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ΅ Ρ‡Π°Ρ‰Π΅ всСго ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ пСрвая ΠΈ Ρ‚Ρ€Π΅Ρ‚ΡŒΡ Ρ€Π°Π·Π½ΠΎΠ²ΠΈΠ΄Π½ΠΎΡΡ‚ΡŒ. Если Π½Π΅ совсСм ясно, для Ρ‡Π΅Π³ΠΎ вся эта кухня Π½ΡƒΠΆΠ½Π°, Π²Ρ‹Π±ΠΈΡ€Π°ΠΉΡ‚Π΅ Π‘Π°Π·ΠΎΠ²Ρ‹ΠΉ («стандартный») .

Π‘ΠΎΡ…Ρ€Π°Π½Π΅Π½ΠΈΠ΅ Π² PNG

ΠŸΡ€ΠΈ сохранСнии Π² этот Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Ρ‚Π°ΠΊΠΆΠ΅ выводится ΠΎΠΊΠ½ΠΎ с настройками

Растровый Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ PNG | SEO-ΠΏΠΎΡ€Ρ‚Π°Π»

PNG (Portable Network Graphics β€” портативная сСтСвая Π³Ρ€Π°Ρ„ΠΈΠΊΠ°) β€” популярный Π² ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ растровый графичСский Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Ρ„Π°ΠΉΠ»ΠΎΠ², ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡŽΡ‰ΠΈΠΉ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΡŽ сТатия Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ ΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‰ΠΈΠΉ ΠΏΠΎΠ»ΡƒΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ (Π°Π»ΡŒΡ„Π°-ΠΊΠ°Π½Π°Π»).

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG

Π‘Π΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG ΠΌΠΎΠΆΠ½ΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ любого графичСского Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° (Π² Ρ‚ΠΎΠΌ числС Paint ΠΈ Photoshop).

Как ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG Π² Paint?

ΠŸΡ€ΠΎΡ†Π΅ΡΡ сохранСния Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ PNG с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° Paint Π² Windows 10:

  1. ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Ρ„Π°ΠΉΠ» изобраТСния Π² Paint.

    ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ изобраТСния Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ… BMP, TIFF, PNG, GIF, JPEG.

  2. ΠšΠ»ΠΈΠΊΠ½ΠΈΡ‚Π΅ ΠΏΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Π€Π°ΠΉΠ».

    ΠžΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚ΡΡ контСкстноС мСню.

  3. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΊΠ°ΠΊ β†’ Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG.

    ΠžΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚ΡΡ модальноС ΠΎΠΊΠ½ΠΎ Π²Ρ‹Π±ΠΎΡ€Π° ΠΏΠ°ΠΏΠΊΠΈ ΠΈ названия для Ρ„Π°ΠΉΠ»Π°.

  4. ΠžΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚Π΅ ΠΏΠ°ΠΏΠΊΡƒ, Π²Π²Π΅Π΄ΠΈΡ‚Π΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Ρ„Π°ΠΉΠ»Π° ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ.

Как ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ PNG-Ρ„Π°ΠΉΠ» Π² Photoshop?

ΠŸΡ€ΠΎΡ†Π΅ΡΡ сохранСния ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° Adobe Photoshop CC 2015:

  1. ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Ρ„Π°ΠΉΠ» изобраТСния Π² Photoshop.

    ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ изобраТСния Π² самых Ρ€Π°Π·Π½Ρ‹Ρ… графичСских Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ….

  2. ΠšΠ»ΠΈΠΊΠ½ΠΈΡ‚Π΅ ΠΏΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Π€Π°ΠΉΠ».

    ΠžΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚ΡΡ контСкстноС мСню.

  3. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ для Web (ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ клавиши Alt + Ctrl + Shift + S).

    ΠžΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚ΡΡ модальноС ΠΎΠΊΠ½ΠΎ сохранСния.

  4. Π’ ΠΏΡ€Π°Π²ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΠ³Π»Ρƒ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ³ΠΎ ΠΎΠΊΠ½Π° ΠΈΠ· Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π³ΠΎ списка Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ PNG-8 (ΠΏΠ°Π»ΠΈΡ‚Ρ€Π° Π΄ΠΎ 256 Ρ†Π²Π΅Ρ‚ΠΎΠ²) ΠΈΠ»ΠΈ PNG-24 (максимальная ΠΏΠ°Π»ΠΈΡ‚Ρ€Π° Ρ†Π²Π΅Ρ‚ΠΎΠ²).

    ΠžΡ‚ΠΊΡ€ΠΎΡŽΡ‚ΡΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ настройки Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° PNG. Для PNG-24:

    Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ настройки для PNG-8:

    • модСль Ρ€Π΅Π΄ΡƒΠΊΡ†ΠΈΠΈ Ρ†Π²Π΅Ρ‚Π° (способ опрСдСлСния Ρ†Π²Π΅Ρ‚ΠΎΠ² Π² ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρƒ),
    • количСство Ρ†Π²Π΅Ρ‚ΠΎΠ² Π² ΠΏΠ°Π»ΠΈΡ‚Ρ€Π΅,
    • ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΌΠΎΠ΄Π΅Π»ΠΈ Π΄ΠΈΠ·Π΅Ρ€ΠΈΠ½Π³Π° (способа сглаТивания Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Ρ… ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΎΠ²),
    • ΡΡ‚Π΅ΠΏΠ΅Π½ΡŒ Π΄ΠΈΠ·Π΅Ρ€ΠΈΠ½Π³Π° (0-100%),
    • Ρ†Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° (ΠΏΡ€ΠΈ Π½Π°Π»ΠΈΡ‡ΠΈΠΈ прозрачности),
    • модСль Π΄ΠΈΠ·Π΅Ρ€ΠΈΠ½Π³Π° прозрачности,
    • web-Ρ†Π²Π΅Ρ‚Π° (Π½Π΅ Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½ΠΎ).
  5. ΠŸΡ€ΠΎΠΈΠ·Π²Π΅Π΄ΠΈΡ‚Π΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ настройки.

    ИзмСнСниС изобраТСния Π² зависимости ΠΎΡ‚ выставлСнных настроСк ΠΌΠΎΠΆΠ½ΠΎ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π² Π»Π΅Π²ΠΎΠΉ части ΠΎΠΊΠ½Π°.

  6. ΠšΠ»ΠΈΠΊΠ½ΠΈΡ‚Π΅ Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ….

    ΠžΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚ΡΡ модальноС ΠΎΠΊΠ½ΠΎ Π²Ρ‹Π±ΠΎΡ€Π° ΠΏΠ°ΠΏΠΊΠΈ ΠΈ названия для Ρ„Π°ΠΉΠ»Π°.

  7. ΠžΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚Π΅ ΠΏΠ°ΠΏΠΊΡƒ, Π²Π²Π΅Π΄ΠΈΡ‚Π΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Ρ„Π°ΠΉΠ»Π° ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ.

Как ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ PNG-Ρ„Π°ΠΉΠ» Π² Illustrator?

ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° Illustrator являСтся графичСским Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠΌ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Adobe, ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π½Ρ‹ΠΌ для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠΉ. Π€ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π» ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ схоТ с Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΠΎΠΌ Photoshop β€” для сохранСния ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² PNG-Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ Π² Β«ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ‚ΠΎΡ€Π΅Β» ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½ΡƒΡŽ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ Β«Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ для WebΒ»:

  1. ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ ΠΈΠ»ΠΈ создайтС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Adobe Illustrator.

    ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ изобраТСния Π² самых Ρ€Π°Π·Π½Ρ‹Ρ… графичСских Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ….

  2. ΠšΠ»ΠΈΠΊΠ½ΠΈΡ‚Π΅ ΠΏΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Π€Π°ΠΉΠ».

    ΠžΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚ΡΡ контСкстноС мСню.

  3. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ для Web (ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Alt + Ctrl + Shift + S).

    ΠžΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚ΡΡ модальноС ΠΎΠΊΠ½ΠΎ сохранСния.

  4. Π’ ΠΏΡ€Π°Π²ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΠ³Π»Ρƒ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ³ΠΎ ΠΎΠΊΠ½Π° ΠΈΠ· Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π³ΠΎ списка Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ PNG-8 (ΠΏΠ°Π»ΠΈΡ‚Ρ€Π° Π΄ΠΎ 256 Ρ†Π²Π΅Ρ‚ΠΎΠ²) ΠΈΠ»ΠΈ PNG-24 (максимальная ΠΏΠ°Π»ΠΈΡ‚Ρ€Π° Ρ†Π²Π΅Ρ‚ΠΎΠ²).

    ΠžΡ‚ΠΊΡ€ΠΎΡŽΡ‚ΡΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ настройки Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° PNG (описаны Π²Ρ‹ΡˆΠ΅ Π² процСссС сохранСния PNG Ρ‡Π΅Ρ€Π΅Π· Β«Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΒ»).

  5. ΠŸΡ€ΠΎΠΈΠ·Π²Π΅Π΄ΠΈΡ‚Π΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ настройки.

    ИзмСнСниС изобраТСния Π² зависимости ΠΎΡ‚ выставлСнных настроСк ΠΌΠΎΠΆΠ½ΠΎ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π² Π»Π΅Π²ΠΎΠΉ части ΠΎΠΊΠ½Π°.

  6. ΠšΠ»ΠΈΠΊΠ½ΠΈΡ‚Π΅ Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ….

    ΠžΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚ΡΡ модальноС ΠΎΠΊΠ½ΠΎ Π²Ρ‹Π±ΠΎΡ€Π° ΠΏΠ°ΠΏΠΊΠΈ ΠΈ названия для Ρ„Π°ΠΉΠ»Π°.

  7. ΠžΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚Π΅ ΠΏΠ°ΠΏΠΊΡƒ, Π²Π²Π΅Π΄ΠΈΡ‚Π΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Ρ„Π°ΠΉΠ»Π° ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ.

Алгоритм сТатия PNG

Π“Π»Π°Π²Π½ΠΎΠΉ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΡŒΡŽ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° PNG являСтся сТатиС Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ Π΄Π°Π½Π½Ρ‹Ρ…: Π² зависимости ΠΎΡ‚ компрСссора (ΡΠΆΠΈΠΌΠ°ΡŽΡ‰Π΅ΠΉ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹) ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ «вСс» изобраТСния Π² ΠΎΠΏΡ€Π΅Π΄Π΅Π»Ρ‘Π½Π½ΠΎΠΉ стСпСни.

Π’ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° JPG, ΡΡ‚Π΅ΠΏΠ΅Π½ΡŒ сТатия PNG-Ρ„Π°ΠΉΠ»ΠΎΠ² Π½Π΅ рСгулируСтся ΠΈ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ зависит ΠΎΡ‚ прСдустановлСнных Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌΠΎΠ² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ сохраняСтся ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°.

ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ PNG-ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ

Π£ΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° PNG ΠΌΠΎΠΆΠ½ΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ограничСния Ρ†Π²Π΅Ρ‚ΠΎΠ²ΠΎΠΉ ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρ‹.

Π’ зависимости ΠΎΡ‚ Π³Π»ΡƒΠ±ΠΈΠ½Ρ‹ Ρ†Π²Π΅Ρ‚Π° изобраТСния Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG, примСняСмыС Π½Π° Π²Π΅Π±-рСсурсах, дСлят Π½Π° 2 Π²ΠΈΠ΄Π°:

  1. PNG-8

    Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ 8-Π±ΠΈΡ‚Π½ΡƒΡŽ Π³Π»ΡƒΠ±ΠΈΠ½Ρƒ Ρ†Π²Π΅Ρ‚Π° (Π½Π΅ Π±ΠΎΠ»Π΅Π΅ 256 индСксированных Ρ†Π²Π΅Ρ‚ΠΎΠ²) ΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ использования ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹Ρ… пиксСлСй.

  2. PNG-24

    Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ 24-Π±ΠΈΡ‚Π½ΡƒΡŽ Π³Π»ΡƒΠ±ΠΈΠ½Ρƒ Ρ†Π²Π΅Ρ‚Π° ΠΈ 8-Π±ΠΈΡ‚Π½Ρ‹ΠΉ Π°Π»ΡŒΡ„Π°-ΠΊΠ°Π½Π°Π» (1 677 7216 Ρ†Π²Π΅Ρ‚ΠΎΠ² + ΠΊΠ°Π½Π°Π» прозрачности).

Экспортируя ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ· ΠΏΠΎΠ»Π½ΠΎΡ†Π²Π΅Ρ‚Π½ΠΎΠ³ΠΎ PNG-24 Π² индСксированный PNG-8 ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΡ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Ρ„Π°ΠΉΠ»Π° («вСса» изобраТСния):

Π’ ΠΏΡ€ΠΈΠ²Π΅Π΄Ρ‘Π½Π½Ρ‹Ρ… Π²Ρ‹ΡˆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ… ΠΌΠΎΠΆΠ½ΠΎ Π·Π°ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ Ρ€Π°Π·Π½ΠΈΡ†Ρƒ Π² Ρ€Π°Π·ΠΌΠ΅Ρ€Π΅ Ρ„Π°ΠΉΠ»ΠΎΠ² Π² зависимости ΠΎΡ‚ Π³Π»ΡƒΠ±ΠΈΠ½Ρ‹ Ρ†Π²Π΅Ρ‚Π°. Π’Π°ΠΊΠΆΠ΅ ΠΎΡ‡Π΅Π²ΠΈΠ΄Π½Π° Π½Π΅Ρ…Π²Π°Ρ‚ΠΊΠ° Ρ†Π²Π΅Ρ‚ΠΎΠ²: Π½Π° 256-Ρ†Π²Π΅Ρ‚Π½ΠΎΠΌ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π΅ ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π°ΡΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Β«Π³Ρ€Π°Π½ΡƒΠ»Ρ‹Β», ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ становятся Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π±ΠΎΠ»Π΅Π΅ Π·Π°ΠΌΠ΅Ρ‚Π½Ρ‹ Π² 128-Ρ†Π²Π΅Ρ‚Π½ΠΎΠΌ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π΅ ΠΈΠ·-Π·Π° явного нСдостатка Ρ†Π²Π΅Ρ‚ΠΎΠ² Π² ΠΏΠ°Π»ΠΈΡ‚Ρ€Π΅.

ΠŸΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° PNG-24 для ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‰ΠΈΡ… нСбольшоС количСство Ρ†Π²Π΅Ρ‚ΠΎΠ², Π½Π΅ΠΎΠΏΡ€Π°Π²Π΄Π°Π½Π½ΠΎ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°Π΅Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π°.

Π‘Π»Π΅Π΄ΡƒΠ΅Ρ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ Π²Π²ΠΈΠ΄Ρƒ, Ρ‡Ρ‚ΠΎ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠ΅ Ρ†Π²Π΅Ρ‚ΠΎΠ²ΠΎΠΉ ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρ‹ Π΄ΠΎ ΠΌΠΈΠ½ΠΈΠΌΡƒΠΌΠ° Π²Π΅Π΄Ρ‘Ρ‚ ΠΊ Π±Π΅Π·Π²ΠΎΠ·Π²Ρ€Π°Ρ‚Π½ΠΎΠΉ ΠΏΠΎΡ‚Π΅Ρ€Π΅ Π΄Π°Π½Π½Ρ‹Ρ…, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΎΡΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΈΠ· ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ изобраТСния.

ΠŸΡ€ΠΈΠΌΠ΅Π½ΡΠΉΡ‚Π΅ PNG-8 Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ссли максимума Π² 256 Ρ†Π²Π΅Ρ‚ΠΎΠ² Π±ΡƒΠ΄Π΅Ρ‚ достаточно для изобраТСния.

Π’ случаях, ΠΊΠΎΠ³Π΄Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Π΄ΠΎ 256 Ρ†Π²Π΅Ρ‚ΠΎΠ², ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠ΅ ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚ сущСствСнно ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ «вСс» изобраТСния, Π½ΠΈ ΠΊΠ°ΠΊ Π½Π΅ ΠΎΡ‚Ρ€Π°ΠΆΠ°ΡΡΡŒ Π½Π° качСствС Π΅Π³ΠΎ Π΄Π΅Ρ‚Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ:

Π—Π°Π²ΠΈΡΠΈΠΌΠΎΡΡ‚ΡŒ «вСса» ΠΎΡ‚ Π³Π»ΡƒΠ±ΠΈΠ½Ρ‹ Ρ†Π²Π΅Ρ‚Π° для PNG

ΠŸΡ€Π΅ΠΈΠΌΡƒΡ‰Π΅ΡΡ‚Π²Π° Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° PNG

  • CΠΆΠ°Ρ‚ΠΈΠ΅ Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ Π² качСствС Π΄Π΅Ρ‚Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ.
  • НСт ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠΉ Π² Π³Π»ΡƒΠ±ΠΈΠ½Π΅ Ρ†Π²Π΅Ρ‚Π°.
  • ΠŸΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ индСксированной ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρ‹ (8 Π±ΠΈΡ‚).
  • Π Π΅Π³ΡƒΠ»ΠΈΡ€ΠΎΠ²ΠΊΠ° Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Ρ„Π°ΠΉΠ»Π° Π² зависимости ΠΎΡ‚ ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρ‹.
  • ΠŸΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΊΠ°Π½Π°Π»Π° прозрачности (Π°Π»ΡŒΡ„Π°-ΠΊΠ°Π½Π°Π»Π°).

НСдостатки Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° PNG

Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ ΠΏΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΡŽ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°

ΠŸΡ€ΠΈ использовании ΠΈ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG для вашСго сайта Ρ€ΡƒΠΊΠΎΠ²ΠΎΠ΄ΡΡ‚Π²ΡƒΠΉΡ‚Π΅ΡΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌΠΈ рСкомСндациями:

  • ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ PNG для ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ с ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΌ Ρ„ΠΎΠ½ΠΎΠΌ ΠΈ Π½Π΅Π±ΠΎΠ»ΡŒΡˆΠΈΡ… ΠΈΠΊΠΎΠ½ΠΎΠΊ,
  • ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ PNG, Ссли ΠΏΠΎΡ‚Π΅Ρ€ΠΈ ΠΏΡ€ΠΈ сТатии нСдопустимы,
  • ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ PNG-8 для ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ с нСбольшим количСством Ρ†Π²Π΅Ρ‚ΠΎΠ² (Π½Π΅ Π±ΠΎΠ»Π΅Π΅ ΠΈΠ»ΠΈ ΠΎΠΊΠΎΠ»ΠΎ 256),
  • ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ PNG-24 для ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ с большим количСством Ρ†Π²Π΅Ρ‚ΠΎΠ² (Π±ΠΎΠ»Π΅Π΅ 256),
  • выбирая ΠΌΠ΅ΠΆΠ΄Ρƒ PNG-8 ΠΈ PNG-24, ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΠΈΡ€ΡƒΠΉΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° ΠΈ качСство Π΄Π΅Ρ‚Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ изобраТСния Π½Π° Π²Ρ‹Ρ…ΠΎΠ΄Π΅ ΠΏΠ΅Ρ€Π΅Π΄ сохранСниСм,
  • ΠΏΠΎΠΌΠ½ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΈ сохранСнии изобраТСния Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG-8 Π² Π΅Π³ΠΎ ΠΏΠ°Π»ΠΈΡ‚Ρ€Π΅ останСтся Π½Π΅ Π±ΠΎΠ»Π΅Π΅ 256 Ρ†Π²Π΅Ρ‚ΠΎΠ², Π° Π΄Π°Π½Π½Ρ‹Π΅ ΠΎ Π΄Ρ€ΡƒΠ³ΠΈΡ… Ρ†Π²Π΅Ρ‚Π°Ρ… Π±ΡƒΠ΄ΡƒΡ‚ ΡƒΠ΄Π°Π»Π΅Π½Ρ‹ ΠΈ Π²ΠΎΡΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΈΡ… Π±ΡƒΠ΄Π΅Ρ‚ Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ.

Часто Π·Π°Π΄Π°Π²Π°Π΅ΠΌΡ‹Π΅ вопросы

Π§Π΅ΠΌ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ Ρ„Π°ΠΉΠ» Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅?

ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ Ρ„Π°ΠΉΠ»Ρ‹ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG ΠΌΠΎΠΆΠ½ΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π»ΡŽΠ±Ρ‹Ρ… ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ для просмотра ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ (Π² Ρ‚ΠΎΠΌ числС стандартныС прилоТСния Windows), всСх соврСмСнных ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΎΠ±ΠΎΠ·Ρ€Π΅Π²Π°Ρ‚Π΅Π»Π΅ΠΉ (Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ²), Π° Ρ‚Π°ΠΊΠΆΠ΅ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Ρ… ΠΈ растровых графичСских Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ².

Какой ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΎΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ Ρ„Π°ΠΉΠ» PNG?

Бписок Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ популярных ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ для открытия ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG (ΠΈ Π²ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΡ… Π΄Ρ€ΡƒΠ³ΠΈΡ… графичСских Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ…):

  • Microsoft Paint,
  • GIMP,
  • Adobe Photoshop,
  • Adobe Illustrator,
  • CorelDRAW,
  • Corel Photo Paint,
  • ΠΈ Π΄Ρ€.
Как ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ Ρ„Π°ΠΉΠ» PNG Π² Β«Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅Β»?

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ любоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG (Π° Ρ‚Π°ΠΊΠΆΠ΅ Π² любом Π΄Ρ€ΡƒΠ³ΠΎΠΌ графичСском Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅) Π² Photoshop ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ ΠΈ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ΡΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠ΅ΠΉ Π€Π°ΠΉΠ» β†’ ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ… (клавиши Ctrl + O). Π’Π°ΠΊΠΈΠΌ ΠΆΠ΅ способом это ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π² любом Π΄Ρ€ΡƒΠ³ΠΎΠΌ графичСском Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅.

Как ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ (ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ) PNG-Ρ„Π°ΠΉΠ»?

ΠžΡ‚Π²Π΅Ρ‚ здСсь.

Как ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ изобраТСния Π½Π° PNG?

Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ (Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ ΠΈΠ»ΠΈ рисунка) Π½Π° PNG ΠΌΠΎΠΆΠ½ΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ экспорта Π² графичСских Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°Ρ… ΠΈΠ»ΠΈ Ρ‡Π΅Ρ€Π΅Π· ΠΎΠ½Π»Π°ΠΉΠ½-ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚Π΅Ρ€Ρ‹.

НапримСр, ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° Microsoft Paint позволяСт пСрСвСсти ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ PNG с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Β«Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΊΠ°ΠΊΒ» ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ графичСскиС Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹: BMP, TIFF, PNG, GIF.

Как ΡΠΆΠ°Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG?

Π‘ΠΆΠ°Ρ‚ΠΈΠ΅ PNG происходит ΠΏΡ€ΠΈ сохранСнии ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π² Π΄Π°Π½Π½ΠΎΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅, Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° Π½Π° Π²Ρ‹Ρ…ΠΎΠ΄Π΅ зависит ΠΎΡ‚ Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌΠ° сТатия ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΠΎΠ½ сохраняСтся. Если Ρ„Π°ΠΉΠ» PNG Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡΠΆΠ°Ρ‚ΡŒ Π² большСй стСпСни, ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π³Π»ΡƒΠ±ΠΈΠ½Ρƒ Ρ†Π²Π΅Ρ‚Π° (экспорт ΠΈΠ· PNG-24 Π² PNG-8) ΠΈΠ»ΠΈ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΎΠ½Π»Π°ΠΉΠ½-компрСссором tinypng.com.

Как ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ (ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ) Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG?

Π£ΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ PNG-Ρ„Π°ΠΉΠ»Π° ΠΌΠΎΠΆΠ½ΠΎ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌΠΈ способами:

  1. ΠΈΠ·ΠΌΠ΅Π½ΠΈΠ² Π³Π»ΡƒΠ±ΠΈΠ½Ρƒ Ρ†Π²Π΅Ρ‚Π° с 24-Ρ… Π΄ΠΎ 8-Π±ΠΈΡ‚,
  2. ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΠ² количСство индСксированных Ρ†Π²Π΅Ρ‚ΠΎΠ² ΠΏΡ€ΠΈ 8-Π±ΠΈΡ‚Π½ΠΎΠΉ Π³Π»ΡƒΠ±ΠΈΠ½Π΅ Ρ†Π²Π΅Ρ‚Π°,
  3. ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΠ² Π°Π»ΡŒΡ„Π°-ΠΊΠ°Π½Π°Π» прозрачности,
  4. ΡƒΠ΄Π°Π»ΠΈΠ² ΠΌΠ΅Ρ‚Π°-Π΄Π°Π½Π½Ρ‹Π΅.

ВсС эти дСйствия Ρ€Π°Π·ΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ²Π΅Ρ€ΡˆΠΈΡ‚ΡŒ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ ΠΎΠ½Π»Π°ΠΉΠ½-компрСссора tinypng.com ΠΈΠ»ΠΈ частично с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Β«Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ для WebΒ» Π² графичСских Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°Ρ… ΠΎΡ‚ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Adobe (Photoshop ΠΈ Illustrator).

Как ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ слои Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ ΠΊΠ°ΠΊ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ Ρ„Π°ΠΉΠ»Ρ‹ JPG, PNG ΠΈ Ρ‚.ΠΏ.

Π’ графичСском Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ Photoshop начиная с вСрсии CS2 имССтся Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ массового сохранСния слоёв ΠΊΠ°ΠΊ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ изобраТСния Π² ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ Ρ„Π°ΠΉΠ»Ρ‹.

РСализуСтся это с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… сцСнариСв Photoshop Ρ‡Π΅Ρ€Π΅Π· Π²ΠΊΠ»Π°Π΄ΠΊΡƒ Π³Π»Π°Π²Π½ΠΎΠ³ΠΎ мСню Π€Π°ΠΉΠ» (File). Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡ самого Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ³ΠΎ ΠΎΠΊΠ½Π° для сохранСния слоёв практичСски ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ² Π²ΠΎ всСх вСрсиях, СдинствСнноС, Ρ‡Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ, это Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΏΡƒΡ‚ΠΈ запуска сцСнария ΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ Π² зависимости ΠΎΡ‚ вСрсий.

Π˜Ρ‚Π°ΠΊ, запуск сцСнария Π² вСрсиях Photoshop ΠΎΡ‚ CS2 Π΄ΠΎ CS6 ΠΈ Π΄ΠΎ Ρ€Π°Π½Π½ΠΈΡ… Π‘Π‘:
Π€Π°ΠΉΠ» —> Π‘Ρ†Π΅Π½Π°Ρ€ΠΈΠΈ —> Экспорт слоСв Π² Ρ„Π°ΠΉΠ»Ρ‹ (File —> Scripts —> Export Layers to Files)

Начиная с Photoshop Π‘Π‘ 2015.5 ΠΈ Π²Ρ‹ΡˆΠ΅:
Π€Π°ΠΉΠ» —> Π­ΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ —> Π‘Π»ΠΎΠΈ Π² Ρ„Π°ΠΉΠ»Ρ‹ (File —> Export —> Layers to Files)

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅. Для запуска сцСнария Ρƒ вас Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ с хотя Π±Ρ‹ ΠΎΠ΄Π½ΠΈΠΌ слоСм со Π²ΠΊΠ»ΡŽΡ‡Ρ‘Π½Π½ΠΎΠΉ Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒΡŽ, ΠΈΠ½Π°Ρ‡Π΅ строка «Π‘Π»ΠΎΠΈ Π² Ρ„Π°ΠΉΠ»Ρ‹» Π±ΡƒΠ΄Π΅Ρ‚ Π½Π΅Π°ΠΊΡ‚ΠΈΠ²Π½Π°.

Π’ΠΎΡ‚ ΠΊΠ°ΠΊ выглядит ΠΏΡƒΡ‚ΡŒ запуска сцСнария Π½Π° ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠΉ русскоязычной вСрсии Adobe Photoshop 2017:



ΠžΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ сохранСния слоёв Π² Ρ„Π°ΠΉΠ»Ρ‹.

ΠžΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚ΡΡ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ, ΠΊΠ°ΠΊ я ΡƒΠΆΠ΅ Π³ΠΎΠ²ΠΎΡ€ΠΈΠ», интСрфСйс, начиная с вСрсии CS2 ΠΈ ΠΏΠΎ сСгодняшний дСнь (Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Π° CC 2017) остался практичСски Π½Π΅ΠΈΠ·ΠΌΠ΅Π½Π½Ρ‹ΠΌ, мСняСтся Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚:



Π”ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ сохранСния слоёв ΠΊΠ°ΠΊ Ρ„Π°ΠΉΠ»Ρ‹.

Π’ Π½Π°Ρ‡Π°Π»Π΅, Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ «Π’ыходная ΠΏΠ°ΠΏΠΊΠ°» (Destination), Π½Π°ΠΆΠ°Π² ΠΊΠ½ΠΎΠΏΠΊΡƒ «ΠžΠ±Π·ΠΎΡ€» (Browse…), Π²Ρ‹Π±ΠΈΡ€Π°Π΅Ρ‚Π΅ мСсто сохранСния Ρ„Π°ΠΉΠ»ΠΎΠ².

Если Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρƒ Ρ„Π°ΠΉΠ»ΠΎΠ² Π±Ρ‹Π» прСфикс, Π²Π²Π΅Π΄ΠΈΡ‚Π΅ Π΅Π³ΠΎ Π² ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰Π΅Π΅ ΠΏΠΎΠ»Π΅ Π²Π²ΠΎΠ΄Π°. Если Π½Π΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, очиститС это ΠΏΠΎΠ»Π΅, ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΎΠ½ΠΎ Π·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΎ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΎΠ³ΠΎ Π² Photoshop Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°. Названия Ρ„Π°ΠΉΠ»ΠΎΠ² Ρ„ΠΎΡ€ΠΌΠΈΡ€ΡƒΡŽΡ‚ΡΡ ΠΊΠ°ΠΊ прСфикс_порядковый Π½ΠΎΠΌΠ΅Ρ€ Π² стСкС слоёв_имя слоя.

ΠžΠΏΡ†ΠΈΡ «Π’ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ICC-ΠΏΡ€ΠΎΡ„ΠΈΠ»ΡŒ» Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Π°, Ссли Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅ Photoshop Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Ρ‘Π½Π½Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚ΠΎΠ²ΠΎΠΉ ΠΏΡ€ΠΎΡ„ΠΈΠ»ΡŒ, ΠΈ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ„Π°ΠΉΠ»Ρ‹ Π΅Π³ΠΎ унаслСдовали.

Π”Π°Π»Π΅Π΅ Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ Ρ‚ΠΈΠΏ сохраняСмого изобраТСния. Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ JPG, PNG-8, PNG-24, PSD, BMP ΠΈ Ρ‚.Π΄..

ПослС выполнСния всСх настроСк Π½Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ ΠΊΠ½ΠΎΠΏΠΊΡƒ «Π’Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ» (Run) ΠΈ процСсс сохранСния слоёв Π² Ρ„Π°ΠΉΠ»Ρ‹ начнётся.

Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ» PNG Π² Adobe Photoshop

ΠΎΡ‚ Π‘Π΅Π½Π΄ΠΆΠ°ΠΌΠΈΠ½Π° ΠœΠ°Ρ€Ρ‚ΠΎΡ€Π΅Π»Π»Π° ΠΎΡ‚ 26 июня 2020 Π³.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Π°ΠΉΠ» PNG?

Вас смущаСт, Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Π°ΠΉΠ» PNG? Если это Ρ‚Π°ΠΊ, это Π²ΠΏΠΎΠ»Π½Π΅ понятно, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„Π°ΠΌ доступно мноТСство Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ² Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. НаиболСС распространСнными ΡΠ²Π»ΡΡŽΡ‚ΡΡ Jpeg, GIF, TIFF ΠΈ, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, PNG.

Π’ΠΎ, Ρ‡Ρ‚ΠΎ Π΄Π΅Π»Π°Π΅Ρ‚ Π²Π΅Ρ‰ΠΈ Π΅Ρ‰Π΅ Π±ΠΎΠ»Π΅Π΅ Ρ…ΠΈΡ‚Ρ€Ρ‹ΠΌΠΈ, — Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Ρƒ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π΅ΡΡ‚ΡŒ опрСдСлСнная Ρ†Π΅Π»ΡŒ. Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΌΡ‹ рассмотрим Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ PNG.Π’Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Π°ΠΉΠ» PNG, для Ρ‡Π΅Π³ΠΎ ΠΎΠ½ Π½ΡƒΠΆΠ΅Π½ ΠΈ ΠΊΠ°ΠΊ Π΅Π³ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ.

PNG, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ произносится ΠΊΠ°ΠΊ Β«pingΒ» ΠΈ Π΅Π³ΠΎ имя Ρ„Π°ΠΉΠ»Π° .png, ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ Portable Network Graphics. Π­Ρ‚ΠΎ Ρ‚ΠΈΠΏ графичСского Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ для создания Π²Π΅Π±-сайтов, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΉ Ρ„ΠΎΠ½ ΠΈ / ΠΈΠ»ΠΈ ΠΏΠΎΠ»ΡƒΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹Π΅ изобраТСния (Π½Π° самом Π΄Π΅Π»Π΅ это СдинствСнный Ρ‚ΠΈΠΏ графичСского Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ).

Благодаря этой возмоТности PNG ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠΎΠ² ΠΈ динамичСской Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ Π²Π΅Π±-сайтов. Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Ссли Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ фантастичСски выглядящий Π²Π΅Π±-сайт, Π²Π°ΠΌ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ слСдуСт ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ изобраТСния Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG.

Π‘ΠΊΠΎΡ€Π΅Π΅ всСго, Π²Ρ‹ ΡƒΠΆΠ΅ Π²ΠΈΠ΄Π΅Π»ΠΈ изобраТСния Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΊΠΎΠ³Π΄Π° Π½Π° Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„Π° находится ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΉ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΠΉ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ с ΠΏΠΎ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ°. Π’ этом случаС Ρ†Π΅Π»ΡŒ прозрачности состоит Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ‚ΠΎΠ½ΠΊΠΎ ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚ΡŒ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ сдСлал снимок (ΠΈ ΠΏΡ€Π΅ΠΏΡΡ‚ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΊΡ‚ΠΎ-Ρ‚ΠΎ Π΅Ρ‰Π΅ использовал это).

ΠœΠ΅Ρ‚ΠΎΠ΄ сокращСния Π΄Π°Π½Π½Ρ‹Ρ…, Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΡ‹ΠΉ сТатиСм Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ, создаСт Ρ„Π°ΠΉΠ»Ρ‹ PNG. Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΊΠΎΠ³Π΄Π° ΠΊΡ‚ΠΎ-Ρ‚ΠΎ Ρ€Π΅ΡˆΠ°Π΅Ρ‚ ΡΠΆΠ°Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π½ΠΈ ΠΎΠ΄Π½Π° ΠΈΠ· Π΄Π°Π½Π½Ρ‹Ρ… Π² Π½Π΅ΠΌ Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ потСряна.Π”Ρ€ΡƒΠ³ΠΈΠΌΠΈ словами, Ρ„Π°ΠΉΠ» PNG остаСтся ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ‡Π½Ρ‹ΠΌ исходному Ρ„Π°ΠΉΠ»Ρƒ изобраТСния. Π­Ρ‚ΠΎ отличаСтся ΠΎΡ‚ сТатия с потСрями, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ тСряСт ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΏΡ€ΠΈ сТатии изобраТСния Ρ„Π°ΠΉΠ»Π°.

Π•Ρ‰Π΅ ΠΎΠ΄Π½ΠΈΠΌ прСимущСством PNG являСтся Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ ΠΎΡ‚Ρ‚Π΅Π½ΠΊΠΈ сСрого ΠΈ Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ пространства PNG-8, PNG-24 ΠΈ PNG 32, Ρ‡Ρ‚ΠΎ Π΄Π°Π΅Ρ‚ Π΅ΠΌΡƒ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ ΡˆΠΈΡ€ΠΎΠΊΠΈΠΉ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½ Ρ†Π²Π΅Ρ‚ΠΎΠ².

Однако это ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Ρ„Π°ΠΉΠ»Ρ‹ PNG ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ большими, поэтому изобраТСния ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΈΠΌΠ΅ΡŽΡ‚ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Jpeg (Ρ„Π°ΠΉΠ»Ρ‹ Jpeg с потСрями, Ρ‡Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΈ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ распаковкС Π΄Π°Π½Π½Ρ‹Π΅ ΡƒΠ΄Π°Π»ΡΡŽΡ‚ΡΡ).

Π•Ρ‰Π΅ ΠΎΠ΄Π½ΠΈΠΌ плюсом Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° PNG являСтся Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΏΠ°Ρ‚Π΅Π½Ρ‚ΠΎΠ², Ρ‡Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ любой ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π±Π΅Π· Π»ΠΈΡ†Π΅Π½Π·ΠΈΠΈ.

КакиС ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‚ Ρ„Π°ΠΉΠ»Ρ‹ PNG?

ΠœΠ½ΠΎΠΆΠ΅ΡΡ‚Π²ΠΎ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‚ Ρ„Π°ΠΉΠ»Ρ‹ PNG. К Π½ΠΈΠΌ относятся ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ для просмотра Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ для рСдактирования Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Lightroom ΠΈ Photoshop, ΠΈ Π²Π΅Π±-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹. Π’ любой ΠΈΠ· этих ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„Π°ΠΉΠ» PNG, Π²Ρ‹Π±Ρ€Π°Π² Β«ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒΒ» Π² Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΌΡΡ мСню ΠΈΠ»ΠΈ просто ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΠ² Π΅Π³ΠΎ Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ ΠΈΠ»ΠΈ Π²Π΅Π±-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€.

Если Ρƒ вас Π΅Ρ‰Π΅ Π½Π΅Ρ‚ Photoshop ΠΈ Lightroom, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΈΡ… Ρ‡Π΅Ρ€Π΅Π· Adobe Creative Cloud Plan всСго Π·Π° 9 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ².99 / мСсяц.

ΠŸΡ€ΠΎΡΡ‚Π΅ΠΉΡˆΠΈΠ΅ способы создания Ρ„Π°ΠΉΠ»Π° PNG Π² Adobe Photoshop

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Ρ„Π°ΠΉΠ»Π° PNG Π² Photoshop — это простой процСсс. Π’ зависимости ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ изобраТСния ΠΈΠ»ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ, ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ нСсколько шагов.

Π¨Π°Π³ΠΈ ΠΏΠΎ созданию Ρ„Π°ΠΉΠ»Π° PNG Π² Photoshop:

1. Π‘Π°ΠΌΡ‹ΠΉ простой способ — просто Β«Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΊΠ°ΠΊΒ»

  • НаТмитС Π€Π°ΠΉΠ» Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ мСню, Π·Π°Ρ‚Π΅ΠΌ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ
  • Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ„Π°ΠΉΠ» изобраТСния ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ . ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅
  • . НаТмитС Π€Π°ΠΉΠ» Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ мСню, Π·Π°Ρ‚Π΅ΠΌ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΊΠ°ΠΊ
  • Π’ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ PNG ΠΈΠ· мСню Π€ΠΎΡ€ΠΌΠ°Ρ‚

. Π₯отя это быстрый способ создания Ρ„Π°ΠΉΠ»Π° PNG, ΠΎΠ½ Π½ΠΈΠΊΠ°ΠΊ Π½Π΅ измСняСт ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π΄Π΅Π»Π°Π΅Ρ‚ Π΅Π³ΠΎ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΌ ΠΈΠ»ΠΈ удаляСт Ρ„ΠΎΠ½, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΎΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ (Ρ‹).Π­Ρ‚ΠΎ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ распространСнныС дСйствия для Ρ„Π°ΠΉΠ»ΠΎΠ² PNG. Π‘Π»Π΅Π΄ΡƒΠΉΡ‚Π΅ инструкциям Π½ΠΈΠΆΠ΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΎΠ±Π°.

2. Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Photoshop

  • ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Ρ„Π°ΠΉΠ», ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΠΈΠ² шаги, описанныС Π² ΠΏΡƒΠ½ΠΊΡ‚Π΅ 1.
  • ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ панСль слоСв, Ссли ΠΎΠ½Π° Π΅Ρ‰Π΅ Π½Π΅ Π²ΠΈΠ΄Π½Π° справа. Для этого Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Окно , Π·Π°Ρ‚Π΅ΠΌ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π‘Π»ΠΎΠΈ .
  • Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ слой Background Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ слоСв, Π° Π·Π°Ρ‚Π΅ΠΌ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ OK Π² ΠΎΡ‚ΠΊΡ€Ρ‹Π²ΡˆΠ΅ΠΌΡΡ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅.Π­Ρ‚ΠΎ Ρ€Π°Π·Π±Π»ΠΎΠΊΠΈΡ€ΡƒΠ΅Ρ‚ слой, позволяя Π²Π°ΠΌ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π΅Π³ΠΎ.
  • ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ΡΡ мСню ΠΠ΅ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ Β«Π‘Π»ΠΎΠΈΒ» ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚ Π½ΠΈΠΆΠ΅ 100%. Π§Π΅ΠΌ Π½ΠΈΠΆΠ΅ Π²Ρ‹ ΠΈΠ΄Π΅Ρ‚Π΅, Ρ‚Π΅ΠΌ Π±ΠΎΠ»Π΅Π΅ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΌ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.
  • НаТмитС Π€Π°ΠΉΠ» Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ мСню, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΊΠ°ΠΊ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ PNG Π² Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΌΡΡ мСню. Π’Π΅ΠΏΠ΅Ρ€ΡŒ Ρƒ вас Π΅ΡΡ‚ΡŒ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Photoshop.

3. Π£Π΄Π°Π»ΠΈΡ‚Π΅ Ρ„ΠΎΠ½, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΎΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚.

  • ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Ρ„Π°ΠΉΠ», ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΠΈΠ² шаги, описанныС Π² ΠΏΡƒΠ½ΠΊΡ‚Π΅ 1.
  • Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ слой прозрачности: Π’ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ мСню Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π‘Π»ΠΎΠΉ , Π·Π°Ρ‚Π΅ΠΌ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Новый . Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ Π½ΠΎΠ²Ρ‹ΠΉ пустой слой Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ Β«Π‘Π»ΠΎΠΈΒ», ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ выглядит ΠΊΠ°ΠΊ сСро-бСлая ΡˆΠ°Ρ…ΠΌΠ°Ρ‚Π½Π°Ρ доска. Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ автоматичСски устанавливаСт ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ.
  • ΠŸΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚Π΅ Π½ΠΎΠ²Ρ‹ΠΉ слой ΠΏΠΎΠ΄ слой Β«Π€ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅Β» Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ слоСв.
  • Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π½ΠΎΠ²Ρ‹ΠΉ слой , Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π΅Π³ΠΎ.

Π‘ΠΎΠ²Π΅Ρ‚ : ВмСсто создания Π½ΠΎΠ²ΠΎΠ³ΠΎ слоя ΠΌΠΎΠΆΠ½ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ Ρ‰Π΅Π»ΠΊΠ½ΡƒΡ‚ΡŒ нСбольшой Π·Π½Π°Ρ‡ΠΎΠΊ Π·Π°ΠΌΠΊΠ°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°Π·Π±Π»ΠΎΠΊΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΉ слой.ВсС, Ρ‡Ρ‚ΠΎ Π²Ρ‹ удаляСтС ΠΈΠ· изобраТСния, станСт ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΌ.

  • Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ‚Π΅ΠΌΡƒ: На ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов слСва Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π’ΠΎΠ»ΡˆΠ΅Π±Π½Π°Ρ ΠΏΠ°Π»ΠΎΡ‡ΠΊΠ° .
  • НаТмитС Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Subject t Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части ΠΎΠΊΠ½Π°. Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ автоматичСски Π²Ρ‹Π±ΠΈΡ€Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΎΠ½ Π΄ΡƒΠΌΠ°Π΅Ρ‚, ΠΏΡ€Π΅Π΄ΠΌΠ΅Ρ‚ (Ρ‹). Π’Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Β«ΠΌΠ°Ρ€ΡˆΠΈΡ€ΡƒΡŽΡ‰ΠΈΡ… ΠΌΡƒΡ€Π°Π²ΡŒΠ΅Π²Β».
  • Π£Π΄Π°Π»ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½: Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ мСню, Π·Π°Ρ‚Π΅ΠΌ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Inverse .Π­Ρ‚ΠΎ Π²Ρ‹Π±ΠΈΡ€Π°Π΅Ρ‚ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ изобраТСния, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ Π²ΠΎΠΊΡ€ΡƒΠ³ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°.
  • НаТмитС Π£Π΄Π°Π»ΠΈΡ‚Π΅ Π½Π° ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Π΅. Π‘Π΅Ρ€ΠΎ-бСлая ΡˆΠ°Ρ…ΠΌΠ°Ρ‚Π½Π°Ρ доска Π½Π° ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΠΌ Ρ„ΠΎΠ½Π΅ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Π²ΠΈΠ΄Π½Π°.
  • НаТмитС Command (Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ Π½Π° ПК) + D , Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ ΠΏΠΎΡ…ΠΎΠ΄Π½Ρ‹Ρ… ΠΌΡƒΡ€Π°Π²ΡŒΠ΅Π².

Π‘ΠΎΠ²Π΅Ρ‚ : Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π²Ρ‹Π±ΠΎΡ€ΠΊΠ° пропускаСт Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ области. НапримСр, ΠΎΠ½ ΠΌΠΎΠΆΠ΅Ρ‚ Π΄ΡƒΠΌΠ°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Ρ‚Π΅Π½ΠΈ — это края ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°. Π§Ρ‚ΠΎΠ±Ρ‹ это ΠΈΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ, Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π·Π½Π°Ρ‡ΠΎΠΊ
Β«Π’Ρ‹Ρ‡Π΅ΡΡ‚ΡŒ ΠΈΠ· выдСлСния» Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части ΠΎΠΊΠ½Π°, Π·Π°Ρ‚Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ инструмСнт Β«Π’ΠΎΠ»ΡˆΠ΅Π±Π½Π°Ρ ΠΏΠ°Π»ΠΎΡ‡ΠΊΠ°Β», Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ большС Π½Π΅Π½ΡƒΠΆΠ½Ρ‹Ρ… областСй.

ΠŸΡ€Π΅ΠΈΠΌΡƒΡ‰Π΅ΡΡ‚Π²Π° ΠΈ нСдостатки Ρ„Π°ΠΉΠ»ΠΎΠ² PNG

Π’ Π½Π°Ρ‡Π°Π»Π΅ этой ΡΡ‚Π°Ρ‚ΡŒΠΈ Π²Ρ‹ ΠΏΡ€ΠΎΡ‡Π»ΠΈ, Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Π°ΠΉΠ» PNG ΠΈ для Ρ‡Π΅Π³ΠΎ ΠΎΠ½ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΡƒΠ·Π½Π°Π»ΠΈ ΠΎ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π΅Π³ΠΎ прСимущСствах, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ сТатиС Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ (Π΄Π°Π½Π½Ρ‹Π΅ Π½Π΅ Ρ‚Π΅Ρ€ΡΡŽΡ‚ΡΡ ΠΈ качСство изобраТСния остаСтся ΠΏΡ€Π΅ΠΆΠ½ΠΈΠΌ) ΠΈ Ρ‡Ρ‚ΠΎ ΠΎΠ½ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ PNG-8 (256 Ρ†Π²Π΅Ρ‚ΠΎΠ²), PNG-24 (Π±ΠΎΠ»Π΅Π΅ 16 ΠΌΠΈΠ»Π»ΠΈΠΎΠ½ΠΎΠ² Ρ†Π²Π΅Ρ‚ΠΎΠ²) ΠΈ PNG-32 (PNG 24 + 8 для ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΠ³ΠΎ Ρ„ΠΎΠ½Π°) Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ пространства.

Π”Ρ€ΡƒΠ³ΠΈΠ΅ прСимущСства Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ ΡˆΠΈΡ€ΠΎΠΊΠΈΠΉ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½ прозрачности ΠΎΡ‚ Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ (0%) Π΄ΠΎ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ (100%), Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ ΠΌΠ΅Ρ‚Π°Π΄Π°Π½Π½Ρ‹Π΅ ΠΈ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ»Ρ‹ PNG с нСсколькими слоями.ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Ρ„Π°ΠΉΠ»Ρ‹ PNG ΠΌΠΎΠ³ΡƒΡ‚ ΡΠΆΠΈΠΌΠ°Ρ‚ΡŒΡΡ Π½Π° 10-30% большС, Ρ‡Π΅ΠΌ Ρ„Π°ΠΉΠ»Ρ‹ GIF.

Π€ΠΎΡ€ΠΌΠ°Ρ‚ PNG ΠΈΠΌΠ΅Π΅Ρ‚ нСсколько нСдостатков. Π’ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ GIF, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ графичСский Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ ΠΎΠ±ΠΌΠ΅Π½Π°, PNG Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΡƒΠΊΠ°Π·Π°Π½ΠΎ Π²Ρ‹ΡˆΠ΅, Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ Ρ„Π°ΠΉΠ»ΠΎΠ² PNG ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ большС, Ρ‡Π΅ΠΌ Ρƒ Ρ„Π°ΠΉΠ»ΠΎΠ² JPEG. Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠΎΠΉ, Ссли Ρƒ вас нСдостаточно мСста для хранСния.

К ΡΡ‡Π°ΡΡ‚ΡŒΡŽ, эти ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹, ΠΊΠ°ΠΊ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, Π½Π΅ ΡΠ²Π»ΡΡŽΡ‚ΡΡ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠΎΠΉ для Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π° людСй, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Ρ„Π°ΠΉΠ»Ρ‹ PNG Π² основном ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Ρ‹ для Π²Π΅Π±-сайтов.

Π’ΠΎΡ‚ ΠΈ всС! Π’Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚ΡŒΡΡ Π² создании Ρ„Π°ΠΉΠ»ΠΎΠ² PNG Π² Photoshop, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π²Ρ‹ ΡƒΠ·Π½Π°Π»ΠΈ ΠΈΠ· этого ΡƒΡ€ΠΎΠΊΠ°. Π”ΠΎΠ²ΠΎΠ»ΡŒΠ½ΠΎ скоро Π²Ρ‹ смоТСтС ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π½Π° своих фотографиях ΠΈΠ»ΠΈ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ сайт.

Если Π²Ρ‹ нашли этот ΡƒΡ‡Π΅Π±Π½ΠΈΠΊ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΌ, Π²Π°ΠΌ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ интСрСсно ΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ΡŒΡΡ с этими ΡΡ‚Π°Ρ‚ΡŒΡΠΌΠΈ:

Если Π²Ρ‹ нашли эту ΡΡ‚Π°Ρ‚ΡŒΡŽ ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ, поТалуйста, слСдуйтС Π·Π° Π½Π°ΠΌΠΈ Π½Π° Twitter ΠΈ Facebook , Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ большС ΠΎ Π½Π°ΡˆΠΈΡ… бСсплатныС ΡƒΡ‡Π΅Π±Π½ΠΈΠΊΠΈ WordPress ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ рСсурсы.

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ WordPress ΠΈ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Envira Gallery бСсплатно?

ГалСрСя Envira ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„Π°ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ красивыС Ρ„ΠΎΡ‚ΠΎ ΠΈ Π²ΠΈΠ΄Π΅ΠΎ Π³Π°Π»Π΅Ρ€Π΅ΠΈ всСго Π·Π° нСсколько ΠΊΠ»ΠΈΠΊΠΎΠ², Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ΠΈ ΠΌΠΎΠ³Π»ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ ΠΏΡ€ΠΎΠ΄Π°Π²Π°Ρ‚ΡŒ свои Ρ€Π°Π±ΠΎΡ‚Ρ‹.

Как ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ PNG Π² Π²Π΅ΠΊΡ‚ΠΎΡ€ Π² Photoshop

ΠŸΠ΅Ρ€Π΅Π½ΠΎΡΠ½Π°Ρ сСтСвая Π³Ρ€Π°Ρ„ΠΈΠΊΠ° — это Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Ρ„Π°ΠΉΠ»ΠΎΠ², Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½Ρ‹ΠΉ для сТатия Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π±Π΅Π· ΡƒΡ‰Π΅Ρ€Π±Π° для цСлостности ΠΈΡ… Π΄Π°Π½Π½Ρ‹Ρ…. НСсмотря Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ PNG ΡΠ²Π»ΡΡŽΡ‚ΡΡ ΡˆΠΈΡ€ΠΎΠΊΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΌ ΠΈ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°Π΅ΠΌΡ‹ΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠΌ, изобраТСния PNG зависят ΠΎΡ‚ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ, Ρ‡Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Ρ‹ Π² Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΈΡ… Ρ€Π°Π·ΠΌΠ΅Ρ€, ΠΏΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ ΡƒΡ…ΡƒΠ΄ΡˆΠ°Ρ‚ΡŒ ΠΈΡ… качСство. ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π² PNG Π² Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΡΡ‚Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ измСнСния Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎ своСму ΡƒΡΠΌΠΎΡ‚Ρ€Π΅Π½ΠΈΡŽ. Π§ΠΈΡ‚Π°ΠΉΡ‚Π΅ дальшС, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ PNG Π² Π²Π΅ΠΊΡ‚ΠΎΡ€ Π² Photoshop.

  1. ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ Π² Photoshop. ΠŸΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ сначала ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ инструмСнт Β«Π’ΠΎΠ»ΡˆΠ΅Π±Π½Π°Ρ ΠΏΠ°Π»ΠΎΡ‡ΠΊΠ°Β» Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов. Π­Ρ‚ΠΎΡ‚ инструмСнт распознаСт ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ Π½Π° основном ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ ΠΈ нарисуСт для вас ΠΏΡƒΡ‚ΡŒ Π²ΠΎΠΊΡ€ΡƒΠ³ Π½ΠΈΡ…. Однако, Ссли ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±ΠΎΠ»Π΅Π΅ слоТноС, Π²Π°ΠΌ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ инструмСнт Β«ΠœΠ°Π³Π½ΠΈΡ‚Π½ΠΎΠ΅ лассо». Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ этого инструмСнта ΠΎΠ±Π²Π΅Π΄ΠΈΡ‚Π΅ края ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°, ΠΏΠΎΠΊΠ° ΠΎΠ½ Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π·Π°ΠΊΡ€Ρ‹Ρ‚. Β«ΠœΠ°Π³Π½ΠΈΡ‚Π½ΠΎΠ΅ лассо» ΠΏΡ€ΠΈΠ»ΠΈΠΏΠ½Π΅Ρ‚ ΠΊ краям ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° ΠΈ обСспСчит Π²Π°ΠΌ Ρ‚ΠΎΡ‡Π½ΡƒΡŽ трассировку.

  2. Π”Π°Π»Π΅Π΅ ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ ΠΊ Β«ΠŸΡƒΡ‚ΠΈΒ» ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Β«Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‡ΠΈΠΉ ΠΏΡƒΡ‚ΡŒ ΠΈΠ· Π²Ρ‹Π±ΠΎΡ€Π°Β».«Как Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π²Ρ‹ сдСлаСтС это, ΠΎΠ±Π²ΠΎΠ΄ΠΊΠΈ Π²ΠΎΠΊΡ€ΡƒΠ³ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° Π½Π° Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΡƒΡŽΡ‚ΡΡ Π² ΠΏΡƒΡ‚ΡŒ.

  3. Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΏΡ€ΠΈΡˆΠ»ΠΎ врСмя ΡΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡƒΡ‚ΠΈ. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ это, Π²Ρ‹Π±Ρ€Π°Π² Β«Π€Π°ΠΉΠ»Β» ΠΈ Π½Π°ΠΆΠ°Π² «Экспорт». Когда появится опция Β«ΠŸΡƒΡ‚ΠΈΒ», Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π΅Π΅. Π’Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ ΠΏΠ΅Ρ€Π΅Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½Ρ‹ Π² Π½ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ.

  4. Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚Π΅ Π½ΠΎΠ²ΠΎΠ΅ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎΠ΄ Π΄Ρ€ΡƒΠ³ΠΈΠΌ ΠΈΠΌΠ΅Π½Π΅ΠΌ, Ρ‡Π΅ΠΌ исходный Ρ„Π°ΠΉΠ» PNG. Π­Ρ‚ΠΎ ΠΏΡ€Π΅Π΄ΠΎΡ‚Π²Ρ€Π°Ρ‚ΠΈΡ‚ ΠΏΡƒΡ‚Π°Π½ΠΈΡ†Ρƒ ΠΏΡ€ΠΈ использовании любого изобраТСния. Π€Π°ΠΉΠ» слСдуСт ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Π² Adobe Illustrator ΠΊΠ°ΠΊ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹ΠΉ Ρ„Π°ΠΉΠ».

  5. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ нСдостатки Π² путях (ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΡΠ²ΠΈΡ‚ΡŒΡΡ), снова ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Ρ„Π°ΠΉΠ» Π² Photoshop ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ инструмСнты, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ³Π»Π°Π΄ΠΈΡ‚ΡŒ Π½Π΅Ρ€ΠΎΠ²Π½Ρ‹Π΅ края. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ инструмСнт Β«Π’Ρ‹Π±ΠΎΡ€ ΠΏΡƒΡ‚ΠΈΒ», Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΏΡƒΡ‚ΡŒ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ, ΠΏΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ Π²Π½ΠΎΡΠΈΡ‚ΡŒ измСнСния.

Π₯отя приятно ΠΈΠΌΠ΅Ρ‚ΡŒ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π²Π΅ΠΊΡ‚ΠΎΡ€ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΡΠΊΠΎΠ½ΠΎΠΌΠΈΡ‚ΡŒ врСмя, Π·Π°Π³Ρ€ΡƒΠ·ΠΈΠ² Π³ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ изобраТСния. НайдитС идСальноС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² нашСй Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠΉ Π³Π°Π»Π΅Ρ€Π΅Π΅.

Автор записи

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ *