Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ скруглСнныС ΡƒΠ³Π»Ρ‹ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅: Π£Ρ€ΠΎΠΊ 11 Как Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ ΡƒΠ³Π»Ρ‹ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅

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

Π—Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½ΠΈΠ΅ ΠΊΡ€Π°Π΅Π² Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅. Как Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ края Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅

ВсСм ΠΏΡ€ΠΈΠ²Π΅Ρ‚! Π― Π΄ΡƒΠΌΠ°ΡŽ, Ρ‡Ρ‚ΠΎ этот ΡƒΡ€ΠΎΠΊ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠ»Π΅Π·Π΅Π½ ΠΊΠ°ΠΆΠ΄ΠΎΠΌΡƒ Π±Π»ΠΎΠ³Π΅Ρ€Ρƒ. НСдавно я запустила Π°ΠΊΡ†ΠΈΡŽ Π½Π° Π±Π»ΠΎΠ³Π΅ — . Π’ ΠΎΠ΄Π½ΠΎΠΌ ΠΈΠ· ΠΏΡƒΠ½ΠΊΡ‚Π΅ я упомянула ΠΎΠ± ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠΈ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ. Π”Π°, это Ρ‚ΠΎΠΆΠ΅ Π²Π°ΠΆΠ½Ρ‹ΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚ Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ сайта. Π“ΠΎΡ€Π°Π·Π΄ΠΎ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Π΅ΠΉ смотрится сайт, ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½Π½Ρ‹ΠΉ ΠΎΠ΄Π½ΠΈΠΌ стилС, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π½Π° ΠΎΠ΄ΠΈΠ½ ΠΈΠ· способов оформлСния Π½Π° Π±Π»ΠΎΠ³Π΅ β€” . ВСрнСмся ΠΊ Ρ‚Π΅ΠΌΠ΅ поста, Ρ…ΠΎΡ‡Ρƒ Ρ€Π°ΡΡΠΊΠ°Π·Π°Ρ‚ΡŒ Π²Π°ΠΌ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· способов оформлСния ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ Π² Π±Π»ΠΎΠ³Π΅ .

Π£Ρ€ΠΎΠΊ достаточно простой ΠΈ Π·Π° ΠΏΠ°Ρ€Ρƒ шагов Π²Ρ‹ смоТСтС красиво Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ ΡƒΠ³Π»Ρ‹ Ρ„ΠΎΡ‚ΠΎ.

1. ЗапускаСм Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏ, ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ Π½ΡƒΠΆΠ½ΡƒΡŽ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ File -> Open

Π― Ρ€Π΅ΡˆΠΈΠ»Π° Π²Π·ΡΡ‚ΡŒ Π»Π΅Ρ‚Π½ΡƒΡŽ, ΠΎΡΠ²Π΅ΠΆΠ°ΡŽΡ‰ΡƒΡŽ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ Π½Π° Ρ‚Π΅ΠΌΡƒ моря

*Если Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, Ρ‚ΠΎ создаСм Π½ΠΎΠ²ΠΎΠ΅ Ρ„ΠΎΡ‚ΠΎ File -> New ΠΈ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅ΠΌ Π½ΡƒΠΆΠ½Ρ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ я Π²Ρ‹Π±Ρ€Π°Π»Π° 400Γ—200, пСрСтаскиваСм Ρ„ΠΎΡ‚ΠΎ, ΠΏΠΎΡ‚ΠΎΠΌ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Free Transform ΠΈΠ»ΠΈ Π½Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ Ctrl+F ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°Π΅ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠ°ΠΊ Π²Π°ΠΌ ΡƒΠ΄ΠΎΠ±Π½ΠΎ.

2. Π’Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ инструмСнт Rounded Rectangle Tool

3. Π’ настройках инструмСнты ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°Ρ‚ΡŒ радиус, Π½Π° сколько сильно Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ ΡƒΠ³Π»Ρ‹ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ .

4. Π›Π΅Π³ΠΊΠΈΠΌ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ΠΌ Ρ€ΡƒΠΊΠΈ ΠΎΠ±Π²ΠΎΠ΄ΠΈΠΌ Ρ„ΠΎΡ‚ΠΎ. Когда Π²Ρ‹ Π²Ρ‹Π±Ρ€Π°Π»ΠΈ инструмСнт ΠΌΡ‹ΡˆΠΊΠ° ΠΏΡ€ΠΈΠΎΠ±Ρ€Π΅Π»Π° Ρ„ΠΎΡ€ΠΌΡƒ крСстика, Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ крСстиком ΠΏΠΎΠΊΠ°ΠΆΠΈΡ‚Π΅ Π½Π° ΡƒΠ³ΠΎΠ» вашСй Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ. Если ΡΠΎΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ крСстик с ΡƒΠ³Π»ΠΎΠΌ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ, Ρ‚ΠΎ 2 Π»ΠΈΠ½ΠΈΠΈ крСстика станут Π±Π΅Π»Ρ‹ΠΌΠΈ, Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ просто потянитС Π² ΠΏΡ€ΠΎΡ‚ΠΈΠ²ΠΎΠΏΠΎΠ»ΠΎΠΆΠ½ΡƒΡŽ сторону ΠΈ соСдинитС крСстик с ΠΊΠΎΠ½Ρ‚ΡƒΡ€ΠΎΠΌ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ. ΠžΠΏΡΡ‚ΡŒ ΠΆΠ΅ Ссли Π»ΠΈΠ½ΠΈΠΈ совпадут Ρ‚ΠΎ крСстик помСняСт Ρ†Π²Π΅Ρ‚ Π½Π° Π±Π΅Π»Ρ‹ΠΉ.

5. НуТно Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ закруглСния. На Ρ„ΠΎΡ‚ΠΎ ΠΆΠΌΠ΅ΠΌ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ Make Selection ΠΈ Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ мСняСм ΠΆΠΌΠ΅ΠΌ ОК.


6. Π’ Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ мСнюшки Π½Π°Ρ…ΠΎΠ΄ΠΌ Select -> Inverse ΠΈΠ»ΠΈ просто Π½Π°ΠΆΠ°Ρ‚ΡŒ Shift+Ctrl+I

7. Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π½Π°ΠΌ просто Π½ΡƒΠΆΠ½ΠΎ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ ΡƒΠ³Π»Ρ‹ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠ½ΠΎΠΏΠΊΠΈ Delete

Π½Π° ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Π΅.

8. Π£Π±ΠΈΡ€Π°Π΅ΠΌ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅, просто Π·Π°ΠΆΠ°Π² Ctrl+D ΠΈ смотрим Π½Π° Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚


*Если Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡƒΠ±Ρ€Π°Ρ‚ΡŒ Π±Π΅Π»Ρ‹ΠΉ Ρ„ΠΎΠ½, просто Π² слоях ΡƒΠ΄Π°Π»ΠΈΡ‚Π΅ Background

Π’ΠΎΡ‚ Ρ‚Π°ΠΊΠΎΠΉ Π²ΠΎΡ‚ простой , Π΄ΡƒΠΌΠ°ΡŽ ΠΏΡ€ΠΈΠ³ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ ΠΌΠ½ΠΎΠ³ΠΈΠΌ, для красивого оформлСния ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ, Π²Π°ΡˆΠΈΡ… Π±Π»ΠΎΠ³ΠΎΠ² ΠΈ сайтов. ВсСм ТСлаю Ρ…ΠΎΡ€ΠΎΡˆΠ΅Π³ΠΎ настроСния ΠΈ Π½Π΅ Π±ΠΎΠ»Π΅Ρ‚ΡŒ! Π˜Π½ΠΊΠ°Π½Ρ‚Π°

Π’ этом ΠΊΡ€Π°Ρ‚ΠΊΠΎΠΌ ΡƒΡ€ΠΎΠΊΠ΅ я Π²Π°ΠΌ ΠΏΠΎΠΊΠ°ΠΆΡƒ, ΠΊΠ°ΠΊ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ cΠ΄Π΅Π»Π°Ρ‚ΡŒ Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹Π΅ ΡƒΠ³Π»Ρ‹ Π² Photoshop ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ простых ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠ² маскировки ΠΈ Ρ„ΠΈΠ»ΡŒΡ‚Ρ€ΠΎΠ².

Π’Ρ‹ смоТСтС Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ радиус ΡƒΠ³Π»Π° Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ ΠΊΡ€Π°ΠΉ вашСй Ρ„ΠΈΠ³ΡƒΡ€Ρ‹, тСкста ΠΈ Ρ‚.Π΄. Π­Ρ‚ΠΎ быстрый ΠΈ простой ΠΌΠ΅Ρ‚ΠΎΠ΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹Π΅ ΡƒΠ³Π»Ρ‹. Для ΠΈΡ… создания Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ слой-маску.

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ряд простых шагов Π² Photoshop, Π²Ρ‹ смоТСтС ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ с Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ ΡƒΠ³Π»Π°ΠΌΠΈ. Π’ Photoshop Π½Π΅Ρ‚ Ρ„ΠΈΠ»ΡŒΡ‚Ρ€Π° ΠΈΠ»ΠΈ ΠΊΠ°ΠΊΠΎΠ³ΠΎ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ инструмСнта, Ρ‡Ρ‚ΠΎΠ±Ρ‹ сразу ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΡ€ΡƒΠ³Π»Ρ‹ΠΉ ΡƒΠ³ΠΎΠ», Π½ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ это с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Illustrator. Он ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ Π²Π°ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ эффСкт Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½ΠΎΠ³ΠΎ ΡƒΠ³Π»Π° практичСски для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°. Π’ Π½Π΅ΠΌ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ Π² мСню

Π­Ρ„Ρ„Π΅ΠΊΡ‚Ρ‹ > Бтилизация > Π‘ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹Π΅ ΡƒΠ³Π»Ρ‹ (Effects > Stylize > Rounded Corners).

Π¨Π°Π³ 1

Π’ этом быстром ΡƒΡ€ΠΎΠΊΠ΅ я ΠΏΠΎΠΊΠ°ΠΆΡƒ Π²Π°ΠΌ простой ΠΌΠ΅Ρ‚ΠΎΠ΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹Π΅ ΡƒΠ³Π»Ρ‹ ΡƒΠΆΠ΅ Π² Photoshop, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ растрированный тСкст, Ρ„ΠΎΡ€ΠΌΡƒ ΠΈΠ»ΠΈ ΠΊΠ°ΠΊΠΎΠ΅-Π»ΠΈΠ±ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Π’ΠΎΠ·ΡŒΠΌΡ‘ΠΌ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π·Π²Π΅Π·Π΄Ρ‹ с острыми ΡƒΠ³Π»Π°ΠΌΠΈ (этот ΠΌΠ΅Ρ‚ΠΎΠ΄ Π±ΡƒΠ΄Π΅Ρ‚ Ρ…ΠΎΡ€ΠΎΡˆΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Ρ‚Π°ΠΊ ΠΆΠ΅ ΠΈ с прямыми ΡƒΠ³Π»Π°ΠΌΠΈ).


Π¨Π°Π³ 2

Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Ρ€Π°ΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ слой. Для этого ΠΊΠ»ΠΈΠΊΠ½Π΅Ρ‚Π΅ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ ΠΏΠΎ ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Π΅ слоя Π·Π²Π΅Π·Π΄Ρ‹ Π² ΠΏΠ°Π»ΠΈΡ‚Ρ€Π΅ слоСв ΠΈ Π² контСкстном мСню Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π Π°ΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ слой (Rasterize Layer). Π’ΠΎ ΠΆΠ΅ самоС Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, Ссли ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ тСкстовый слой.


Π¨Π°Π³ 3

ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² мСню Π€ΠΈΠ»ΡŒΡ‚Ρ€ > Π Π°Π·ΠΌΡ‹Ρ‚ΠΈΠ΅ (Filter > Blur) ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π Π°Π·ΠΌΡ‹Ρ‚ΠΈΠ΅ ΠΏΠΎ Гауссу (Gaussian Blur). Радиус размытия Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Π²ΠΈΡΠ΅Ρ‚ΡŒ ΠΎΡ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° вашСго изобраТСния ΠΈ ΠΎΡ‚ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ Ρ…ΠΎΡ‚Π΅Π»ΠΈ Π±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ. Π― Π²Ρ‹Π±Π΅Ρ€Ρƒ радиус 5 пиксСлСй.


Π¨Π°Π³ 4

Π—Π°ΠΆΠ°Π² ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Β«CtrlΒ», ΠΊΠ»ΠΈΠΊΠ½ΠΈΡ‚Π΅ ΠΌΡ‹ΡˆΠΊΠΎΠΉ Π½Π° ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Ρƒ слоя, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ изобраТСния. Π”Π°Π»Π΅Π΅ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΠΌ Π² мСню Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΈ Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ Π£Ρ‚ΠΎΡ‡Π½ΠΈΡ‚ΡŒ ΠΊΡ€Π°ΠΉ

(Select > Refine Edge). Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΡΠΊΡΠΏΠ΅Ρ€ΠΈΠΌΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ с ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π°ΠΌΠΈ БглаТивания (Smooth) ΠΈ Π Π°ΡΡ‚ΡƒΡˆΠ΅Π²ΠΊΠΈ (Feather), Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ΄ΠΎΠ±Ρ€Π°Ρ‚ΡŒ Π½ΡƒΠΆΠ½Ρ‹ΠΉ эффСкт. ΠšΠΎΠ½Ρ‚Ρ€Π°ΡΡ‚Π½ΠΎΡΡ‚ΡŒ (Contrast) сдСлайтС 100.


Π¨Π°Π³ 5

Π’ΠΎΠ·ΡŒΠΌΠΈΡ‚Π΅ Ρ†Π²Π΅Ρ‚ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹, Π² нашСм случаС это ΠΆΠ΅Π»Ρ‚Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚ ΠΈ Π·Π°Π»Π΅ΠΉΡ‚Π΅ всС Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ этим Ρ†Π²Π΅Ρ‚ΠΎΠΌ. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ это ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, Π½Π°ΠΆΠ°Π² ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΡŽ клавиш Β«Shift + F5Β».


Π¨Π°Π³ 6

НС снимая Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅, Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ слой-маску, Π½Π°ΠΆΠ°Π² Π½Π° Π·Π½Π°Ρ‡ΠΎΠΊ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ находится Π²Π½ΠΈΠ·Ρƒ ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρ‹ слоСв. Π’ΠΎΡ‚ ΠΈ всС, Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Ρƒ Π·Π²Π΅Π·Π΄Ρ‹ Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹Π΅ ΡƒΠ³Π»Ρ‹.


Π’Π°ΠΊΠΎΠΉ ΠΆΠ΅ ΠΌΠ΅Ρ‚ΠΎΠ΄ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ для создания тСкста с Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ ΡƒΠ³Π»Π°ΠΌΠΈ, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ Π½ΠΈΠΆΠ΅. Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΈΠ΄ΡƒΠΌΠ°Ρ‚ΡŒ свой собствСнный ΡˆΡ€ΠΈΡ„Ρ‚.

БСйчас изобраТСния с Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ краями ΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ ΠΏΠΎΠΏΡƒΠ»ΡΡ€Π½ΠΎΡΡ‚ΡŒΡŽ. Π‘Π΄Π΅Π»Π°Ρ‚ΡŒ это совсСм Π½Π΅ слоТно, особСнно Ссли Π·Π°Π³ΠΎΡ‚ΠΎΠ²ΠΈΡ‚ΡŒ шаблон для дальнСйшСй Ρ€Π°Π±ΠΎΡ‚Ρ‹.

Π’Π°ΠΌ понадобится

ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° Adobe Photoshop

Бпонсор размСщСния P&G Π‘Ρ‚Π°Ρ‚ΡŒΠΈ ΠΏΠΎ Ρ‚Π΅ΠΌΠ΅ «ΠšΠ°ΠΊ Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ края Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅» Как Ρ€Π°Π·ΠΌΡ‹Ρ‚ΡŒ края Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ Как Π·Π°Ρ‚Π΅ΠΌΠ½ΠΈΡ‚ΡŒ края Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Как Ρ€Π°Π·ΠΌΡ‹Ρ‚ΡŒ края ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ

Π˜Π½ΡΡ‚Ρ€ΡƒΠΊΡ†ΠΈΡ

ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ, с ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ. Если Π² ΠΈΡ‚ΠΎΠ³Π΅ Π²Π°ΠΌ Π½ΡƒΠΆΠ΅Π½ рисунок Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎΠ³ΠΎ ΠΎΡ‚ исходного, Π²ΠΎΡ‚ ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚Π΅ Π΅Π³ΠΎ ΠΈΠ»ΠΈ Π²Ρ‹Ρ€Π΅ΠΆΡŒΡ‚Π΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΉ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚. Для Ρ‚ΠΎΠ³ΠΎ Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ вСсь рисунок Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ΡΡŒ сочСтаниСм клавиш Ctrl+A. Π‘ΠΊΠΎΠΏΠΈΡ€ΡƒΠΉΡ‚Π΅ Π΅Π³ΠΎ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ сочСтания клавиш Ctrl+C. Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ Π½ΠΎΠ²Ρ‹ΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ ΠΈ Π²ΡΡ‚Π°Π²ΡŒΡ‚Π΅ Π² Π½Π΅Π³ΠΎ содСрТаниС Π±ΡƒΡ„Π΅Ρ€Π° ΠΎΠ±ΠΌΠ΅Π½Π° ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ сочСтания клавиш Ctrl+V. Π€ΠΎΠ½ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΌ ΠΈΠ»ΠΈ Ρ‚ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π² ΠΈΡ‚ΠΎΠ³Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΊΡ€ΡƒΠΆΠ°Ρ‚ΡŒ ваш рисунок послС закруглСния ΠΊΡ€Π°Π΅Π².

ΠŸΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ сочСтания клавиш Ctrl+Shift+N сдСлайтС Π½ΠΎΠ²Ρ‹ΠΉ слой. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ инструмСнт Rounded Rectangle Tool ΠΈ нарисуйтС ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ ΠΈΠ»ΠΈ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚ Π½ΡƒΠΆΠ½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°. ΠŸΡ€ΠΈ этом Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ значСния Ρ†Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° этого ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°. УстановитС ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Radius, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ…Π°Ρ€Π°ΠΊΡ‚Π΅Ρ€ΠΈΠ·ΡƒΠ΅Ρ‚ ΡΡ‚Π΅ΠΏΠ΅Π½ΡŒ закруглСнности ΡƒΠ³Π»ΠΎΠ², Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, 9. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠ΅Ρ€Π΅Π΄Π²ΠΈΠ³Π°Ρ‚ΡŒ Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Π½Π½ΡƒΡŽ Ρ„ΠΈΠ³ΡƒΡ€Ρƒ с ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρ‹ стрСлками. ΠŸΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ сочСтания клавиш Ctrl+T ΠΌΠΎΠΆΠ½ΠΎ ΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ„ΠΎΡ€ΠΌΡƒ этой Ρ„ΠΈΠ³ΡƒΡ€Ρ‹. Если ΠΏΡ€ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ Ρ„ΠΎΡ€ΠΌΡ‹ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ Π½Π°ΠΆΠ°Ρ‚ΡŒ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Shift, Ρ‚ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€ Π±ΡƒΠ΄Π΅Ρ‚ ΠΌΠ΅Π½ΡΡ‚ΡŒΡΡ ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎ. Π‘Π΄Π΅Π»Π°ΠΉΡ‚Π΅ Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎΠ±Ρ‹ эта Ρ„ΠΎΡ€ΠΌΠ° Π±Ρ‹Π»Π° ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ‚Π°ΠΊΠΎΠΉ ΠΊΠ°ΠΊ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ.

НаТмитС ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Ctrl ΠΈ ΠΊΠ»ΠΈΠΊΠ½ΠΈΡ‚Π΅ ΠΏΠΎ ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Π΅ слоя Π½Π° ΠΏΠ°Π»ΠΈΡ‚Ρ€Π΅ Layers. ПослС этого нарисованная Π²Π°ΠΌΠΈ Ρ„ΠΈΠ³ΡƒΡ€Π° выдСлится.

АктивируйтС Π½ΠΈΠΆΠ½ΠΈΠΉ слой ΠΈ Π² Π³Π»Π°Π²Π½ΠΎΠΌ мСню Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ Select – Inverse. ПослС этого Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ, которая находится Π·Π° ΠΏΡ€Π΅Π΄Π΅Π»Π°ΠΌΠΈ нарисованной Π²Π°ΠΌΠΈ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹.

КлавишСй Delete ΡƒΠ΄Π°Π»ΠΈΡ‚Π΅ Π½Π΅Π½ΡƒΠΆΠ½ΡƒΡŽ Π²Π°ΠΌ Ρ‡Π°ΡΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ. Π‘Π΄Π΅Π»Π°ΠΉΡ‚Π΅ Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΡ‹ΠΌ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ слой. ΠšΠ»ΠΈΠΊΠ½ΠΈΡ‚Π΅ Π² любом мСстС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΈ Ρ‚Π΅ΠΌ самым снимитС с Π½Π΅Π΅ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° с Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ краями Π³ΠΎΡ‚ΠΎΠ²Π°

Если Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π·Π°ΠΊΡ€ΡƒΠ³Π»ΡΡ‚ΡŒ края изобраТСния часто ΠΈ ΠΎΠ½ΠΈ ΠΎΠ΄Π½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Ρ‚Ρƒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‡Ρ‚ΠΎ сдСлали Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PSD, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡΡ‚Π°Π»ΠΈΡΡŒ слои. ПослС этого для создания ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ с Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ ΡƒΠ³Π»Π°ΠΌΠΈ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ ΠΊΠΎΠ½Ρ‚ΡƒΡ€ Π³ΠΎΡ‚ΠΎΠ²ΠΎΠ³ΠΎ изобраТСния, ΠΈΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΈ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ Π½Π΅Π½ΡƒΠΆΠ½ΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ.

Как просто

Π”Ρ€ΡƒΠ³ΠΈΠ΅ новости ΠΏΠΎ Ρ‚Π΅ΠΌΠ΅:


Если Π²Ρ‹ ΡΠ²Π»ΡΠ΅Ρ‚Π΅ΡΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтСй, Ρ‚ΠΎ навСрняка Π·Π°ΠΌΠ΅Ρ‡Π°Π»ΠΈ Ρƒ ΠΌΠ½ΠΎΠ³ΠΈΡ… Π΄Ρ€ΡƒΠ·Π΅ΠΉ ΠΈ Π·Π½Π°ΠΊΠΎΠΌΡ‹Ρ… симпатичныС Π°Π²Π°Ρ‚Π°Ρ€ΠΊΠΈ с Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ ΡƒΠ³Π»Π°ΠΌΠΈ. Рассмотрим, ΠΊΠ°ΠΊ ΠΎΠ±Ρ€Π΅Π·Π°Ρ‚ΡŒ ΡƒΠ³Π»Ρ‹ любой Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅. Π’Π°ΠΌ понадобится — ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ — ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° Adobe Photoshop — фотография Бпонсор размСщСния P&G


Иногда для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ фотография ΡΠΌΠΎΡ‚Ρ€Π΅Π»Π°ΡΡŒ Π·Π°ΠΊΠΎΠ½Ρ‡Π΅Π½Π½ΠΎΠΉ, Π½Π΅ Ρ…Π²Π°Ρ‚Π°Π΅Ρ‚ сущСй ΠΌΠ΅Π»ΠΎΡ‡ΠΈ. Π‘Ρ‚ΠΎΠΈΡ‚ Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ края Ρ„ΠΎΡ‚ΠΎ, ΠΈ Π²ΠΈΠ΄ ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½Π½ΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠΉ. ΠŸΡ€ΠΈΠ΄Π°Ρ‚ΡŒ своСй Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Π½Π΅Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ ΠΈΠ·ΡŽΠΌΠΈΠ½ΠΊΡƒ Π² Π²ΠΈΠ΄Π΅ мягких ΠΎΠΊΡ€ΡƒΠ³Π»Ρ‹Ρ… ΠΊΡ€Π°Π΅Π² ΠΌΠΎΠΆΠ½ΠΎ двумя Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π°ΠΌΠΈ6 Π»ΠΈΠ±ΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ графичСского Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°, Π»ΠΈΠ±ΠΎ ΠΏΡ€ΠΈΠ±Π΅Π³Π½ΡƒΠ² ΠΊ


Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ нСслоТно, ΠΈ Π² ΠΈΡ‚ΠΎΠ³Π΅ Ρƒ вас ΠΌΠΎΠ³ΡƒΡ‚ получится интСрСсныС изобраТСния ΠΈ ΠΊΠΎΠ»Π»Π°ΠΆΠΈ. Бпонсор размСщСния P&G Π‘Ρ‚Π°Ρ‚ΡŒΠΈ ΠΏΠΎ Ρ‚Π΅ΠΌΠ΅ «ΠšΠ°ΠΊ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅» Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ насыщСнныС Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Как Π΄Π΅Π»Π°Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ hi класса Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΡ€Ρ‹Π»ΡŒΡ Π½Π° Ρ„ΠΎΡ‚ΠΎ Π˜Π½ΡΡ‚Ρ€ΡƒΠΊΡ†ΠΈΡ 1


ΠŸΡ€ΠΈΠ΄Π°Ρ‚ΡŒ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ блСск Π³ΡƒΠ±Π°ΠΌ, Π³Π»Π°Π·Π°ΠΌ ΠΈ волосам Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ нСслоТно, эти ΠΏΡ€ΠΈΠ΅ΠΌΡ‹ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΡ‡Π΅Ρ‚Π°Ρ‚ΡŒ вмСстС ΠΈΠ»ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ. Π’Π°ΠΌ понадобится ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° Adobe Photoshop Бпонсор размСщСния P&G Π‘Ρ‚Π°Ρ‚ΡŒΠΈ ΠΏΠΎ Ρ‚Π΅ΠΌΠ΅ «ΠšΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ блСск Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅» Как ΡƒΠ±Ρ€Π°Ρ‚ΡŒ блСск ΠΊΠΎΠΆΠΈ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏ Как ΡƒΠ±Ρ€Π°Ρ‚ΡŒ блСск Π²


Π‘Π΄Π΅Π»Π°Ρ‚ΡŒ языки ΠΏΠ»Π°ΠΌΠ΅Π½ΠΈ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ слоТно, Π½ΠΎ это эффСкт ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€ΠΈΠ³ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ Π²ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΡ… случаях. Бпонсор размСщСния P&G Π‘Ρ‚Π°Ρ‚ΡŒΠΈ ΠΏΠΎ Ρ‚Π΅ΠΌΠ΅ «ΠšΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ огонь Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅» Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ нСсколько Ρ„ΠΎΡ‚ΠΎΠΊ Π² ΠΎΠ΄Π½ΠΎΠΉ Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΉ Ρ„ΠΎΠ½ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ Как ΡΠΎΠ²ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π΄Π²Π΅ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Π² ΠΎΠ΄Π½Ρƒ


ΠŸΡ€ΠΈ создании ΠΊΠΎΠ»Π»Π°ΠΆΠ΅ΠΉ Π² графичСских Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°Ρ… ΠΎΠ΄Π½Π° ΠΈΠ· Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ частых ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΉ, выполняСмых Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠΌ, Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² ΠΈΠ·Π²Π»Π΅Ρ‡Π΅Π½ΠΈΠΈ ΠΈ вставкС Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Π° ΠΎΠ΄Π½ΠΎΠ³ΠΎ изобраТСния Π² Π΄Ρ€ΡƒΠ³ΠΎΠ΅. Π—Π°Ρ‡Π°ΡΡ‚ΡƒΡŽ трСбуСтся просто Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΡŽ. Π‘Π΄Π΅Π»Π°Ρ‚ΡŒ это ΠΌΠΎΠΆΠ½ΠΎ Π² Adobe Photoshop. Π’Π°ΠΌ понадобится — Adobe


Часто ΠΏΡ€ΠΈ создании ΠΊΠΎΠ»Π»Π°ΠΆΠ° Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚ΠΈΡ€ΡƒΡŽΡ‰Π΅ΠΌΡƒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ трСбуСтся ΠΏΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΉ Ρ„ΠΎΠ½. Π­Ρ‚ΠΎ — достаточно рутинная опСрация. Но ΠΈ ΠΎΠ½Π° Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ соблюдСния ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΉ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ дСйствий. Π’Π°ΠΌ понадобится — Adobe Photoshop. Бпонсор размСщСния P&G Π‘Ρ‚Π°Ρ‚ΡŒΠΈ ΠΏΠΎ Ρ‚Π΅ΠΌΠ΅ «ΠšΠ°ΠΊ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅

Π― Π΄ΠΎΠ»Π³ΠΎ искал ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ ΡƒΠ³Π»Ρ‹ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ Adobe Photoshop, Π½ΠΎ Π²Π΅Π·Π΄Π΅ Π³Π΄Π΅-Ρ‚ΠΎ Π½Π΅ Π΄ΠΎΠΏΠΈΡΡ‹Π²Π°ΡŽΡ‚, Π»ΠΈΠ±ΠΎ написано Π½Π΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ. Как оказалось Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ ΡƒΠ³Π»Ρ‹ Ρƒ любой ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π·Π°ΠΉΠΌΡ‘Ρ‚ Π½Π΅ Π±ΠΎΠ»Π΅Π΅ 30 сСкунд, СстСствСнно послС Ρ‚ΠΎΠ³ΠΎ ΠΊΠ°ΠΊ Π²Ρ‹ Π½Π°ΡƒΡ‡ΠΈΡ‚Π΅ΡΡŒ это Π΄Π΅Π»Π°Ρ‚ΡŒ.

И Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ Ρ‚Π°ΠΊΡƒΡŽ Π½Π΅ΡΠ»ΠΎΠΆΠ½ΡƒΡŽ ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΡŽ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΈ Π·Π°ΠΊΠΈΠ½ΡƒΡ‚ΡŒ Π½ΡƒΠΆΠ½ΡƒΡŽ Π½Π°ΠΌ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π²Π½ΡƒΡ‚Ρ€ΡŒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, Π»ΠΈΠ±ΠΎ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ МСню->Π€Π°ΠΉΠ»->ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ->НуТная ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°.jpg.Π― Π±ΡƒΠ΄Ρƒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΡ€ΠΈΡ€ΠΎΠ΄Ρ‹.

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° ΠΏΡ€Π°Π²Ρ‹ΠΉ Π½ΠΈΠΆΠ½ΠΈΠΉ ΡƒΠ³ΠΎΠ», Π² «Π‘лоях» появилось Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π΅Π³ΠΎ Π½Π°Π΄ΠΎ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ Π² слой. Для этого ΠΆΠΌΡ‘ΠΌ ΠΏΠΎ Ρ„ΠΎΠ½Ρƒ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ ΠΈ Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ «Π‘Π»ΠΎΠΉ ΠΈΠ· Π·Π°Π΄Π½Π΅Π³ΠΎ Ρ„ΠΎΠ½Π°».


Π’ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ Π΄Π°Π½Π½ΠΎΠ³ΠΎ дСйствия, наш Ρ„ΠΎΠ½ прСобраузСтся Π² слой.


Π‘ΠΎΠ·Π΄Π°Ρ‘ΠΌ Π΄ΡƒΠ±Π»ΠΈΠΊΠ°Ρ‚ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, для этого ΠΆΠΌΡ‘ΠΌ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ ΠΏΠΎ Π‘Π»ΠΎΠΉ 0 ΠΈ Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ «Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ Π΄ΡƒΠ±Π»ΠΈΠΊΠ°Ρ‚ слоя».

Рисунок2


Π‘ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ с Ρ€Π°Π±ΠΎΡ‡Π΅ΠΉ области «Π‘Π»ΠΎΠΉ 0». Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΊΡ€Ρ‹Ρ‚ΡŒ слой Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π½Π°ΠΆΠ°Ρ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ ГЛАЗА рядом с Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ слоя.



ВыдСляСм Π½ΡƒΠΆΠ½ΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.


Как Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π²Ρ‹ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΠ»ΠΈ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΎΠΌ Π½ΡƒΠΆΠ½ΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ Π²Π½ΡƒΡ‚Ρ€ΠΈ Π²Ρ‹Π΄Π΅Π»Π΅ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΏΡƒΠ½ΠΊΡ‚ «ΠžΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½ΡƒΡŽ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ».


Π’ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠΌ окошкС ΠΆΠΌΡ‘ΠΌ ΠΊΠ½ΠΎΠΏΠΎΡ‡ΠΊΡƒ ОК, Ρ€Π°ΡΡ‚ΡƒΡˆΡ‘Π²ΠΊΡƒ Π½Π΅ Ρ‚Ρ€ΠΎΠ³Π°Π΅ΠΌ.



ΠžΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½Ρ‹ΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚! ВыдСляСм Π‘Π»ΠΎΠΉ 0 (Копия), Π·Π°Ρ‚Π΅ΠΌ Π½Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ ΠΊΠ½ΠΎΠΏΠΊΡƒ DELETE Π½Π° ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Π΅. Π‘Π»ΠΎΠΉ 0 (копия) Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Π²Ρ‹Π΄Π΅Π»Π΅Π½ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΌ Ρ‰Π΅Π»Ρ‡ΠΊΠΎΠΌ ΠΌΡ‹ΡˆΠΈ.


Если всё сдСлано ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ, Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Π²ΠΎΡ‚ Ρ‚Π°ΠΊΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½Ρƒ. Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π² png Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅, ΠΈ Ρ€Π°Π΄ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΏΡ€ΠΎΠΈΠ·Π²Π΅Π΄Π΅Π½ΠΈΡŽ искусства.


Π•ΡΡ‚ΡŒ Π΅Ρ‰Ρ‘ ΠΎΠ΄ΠΈΠ½ ΠΌΠΎΠΌΠ΅Π½Ρ‚, Ссли Π²Ρ‹Ρ€Π΅Π·Π°Π½Π½Ρ‹ΠΉ кусок Π² Π΄Π²Π° Π° Ρ‚ΠΎ ΠΈ 3 Ρ€Π°Π·Π° мСньшС ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ изобраТСния, Ρƒ Π½Π΅Π³ΠΎ останСтся большая пустая ΠΎΠ±Π»Π°ΡΡ‚ΡŒ, Π΅Ρ‘ Π½Π°Π΄ΠΎ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ. Для этого Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ инструмСнт раскройка, ΠΈ выдСляСм ΠΎΠ±Π»Π°ΡΡ‚ΡŒ изобраТСния Π±Π΅Π· пустой области.


Π—Π°Ρ‚Π΅ΠΌ Π·Π°Ρ…ΠΎΠ΄ΠΈΠΌ Π² мСню Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ->Π‘ΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ.


Π—Π°Ρ…ΠΎΠ΄ΠΈΠΌ Π² мСню Π€Π°ΠΉΠ»->Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ, ΠΈ просто Π½Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ ОК. ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° автоматичСски ΠΏΠΎΠ΄Π³ΠΎΠ½ΠΈΡ‚ ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΈ высоту холста Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ участка изобраТСния.


Π’ Π½ΠΎΠ²ΠΎΠΌ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅ «Π‘Π΅Π· ΠΈΠΌΠ΅Π½ΠΈ 1», Π° ΠΌΡ‹ автоматичСски окаТСмся ΠΈΠΌΠ΅Π½Π½ΠΎ Π² Π½Ρ‘ΠΌ, Π·Π°Ρ…ΠΎΠ΄ΠΈΠΌ Π² мСню Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ->Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ.



Π‘ΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π»ΡƒΡ‡ΡˆΠ΅ всСго с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΡƒΠ½ΠΊΡ‚Π° «Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ для Web». Π’ΠΎ-ΠΏΠ΅Ρ€Π²Ρ‹Ρ… ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ качСство изобраТСния Π² ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π°Ρ…, Π²ΠΎ-Π²Ρ‚ΠΎΡ€Ρ‹Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния Π±ΡƒΠ΄Π΅Ρ‚ Π² нСсколько Ρ€Π°Π· мСньшС Ρ‡Π΅ΠΌ Ссли ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΌ способом.


И Ρ‡Ρ‚ΠΎ Ρƒ нас ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΎΡΡŒ Π½Π° Π²Ρ‹Ρ…ΠΎΠ΄Π΅.


Для Ρ‚Π΅Ρ… ΠΊΠΎΠΌΡƒ Π½Π΅ понятно ΠΊΠ°ΠΊ Ρƒ мСня ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΎΡΡŒ Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ ΡƒΠ³Π»Ρ‹, я ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ записал Π²ΠΈΠ΄Π΅ΠΎ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ Π² этой Π½Π΅ слоТной Π·Π°Π΄Π°Ρ‡Π΅.

Как Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ ΡƒΠ³Π»Ρ‹ изобраТСния ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ°. Как ΡΠ³Π»Π°Π΄ΠΈΡ‚ΡŒ ΡƒΠ³Π»Ρ‹ Ρƒ Ρ„ΠΈΠ³ΡƒΡ€ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅

Π’ этом ΠΊΡ€Π°Ρ‚ΠΊΠΎΠΌ ΡƒΡ€ΠΎΠΊΠ΅ я Π²Π°ΠΌ ΠΏΠΎΠΊΠ°ΠΆΡƒ, ΠΊΠ°ΠΊ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ cΠ΄Π΅Π»Π°Ρ‚ΡŒ Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹Π΅ ΡƒΠ³Π»Ρ‹ Π² Photoshop ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ простых ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠ² маскировки ΠΈ Ρ„ΠΈΠ»ΡŒΡ‚Ρ€ΠΎΠ².

Π’Ρ‹ смоТСтС Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ радиус ΡƒΠ³Π»Π° Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ ΠΊΡ€Π°ΠΉ вашСй Ρ„ΠΈΠ³ΡƒΡ€Ρ‹, тСкста ΠΈ Ρ‚.Π΄. Π­Ρ‚ΠΎ быстрый ΠΈ простой ΠΌΠ΅Ρ‚ΠΎΠ΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹Π΅ ΡƒΠ³Π»Ρ‹. Для ΠΈΡ… создания Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ слой-маску.

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ряд простых шагов Π² Photoshop, Π²Ρ‹ смоТСтС ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ с Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ ΡƒΠ³Π»Π°ΠΌΠΈ. Π’ Photoshop Π½Π΅Ρ‚ Ρ„ΠΈΠ»ΡŒΡ‚Ρ€Π° ΠΈΠ»ΠΈ ΠΊΠ°ΠΊΠΎΠ³ΠΎ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ инструмСнта, Ρ‡Ρ‚ΠΎΠ±Ρ‹ сразу ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΡ€ΡƒΠ³Π»Ρ‹ΠΉ ΡƒΠ³ΠΎΠ», Π½ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ это с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Illustrator. Он ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ Π²Π°ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ эффСкт Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½ΠΎΠ³ΠΎ ΡƒΠ³Π»Π° практичСски для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°. Π’ Π½Π΅ΠΌ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ Π² мСню Π­Ρ„Ρ„Π΅ΠΊΡ‚Ρ‹ > Бтилизация > Π‘ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹Π΅ ΡƒΠ³Π»Ρ‹ (Effects > Stylize > Rounded Corners).

Π¨Π°Π³ 1

Π’ этом быстром ΡƒΡ€ΠΎΠΊΠ΅ я ΠΏΠΎΠΊΠ°ΠΆΡƒ Π²Π°ΠΌ простой ΠΌΠ΅Ρ‚ΠΎΠ΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹Π΅ ΡƒΠ³Π»Ρ‹ ΡƒΠΆΠ΅ Π² Photoshop, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ растрированный тСкст, Ρ„ΠΎΡ€ΠΌΡƒ ΠΈΠ»ΠΈ ΠΊΠ°ΠΊΠΎΠ΅-Π»ΠΈΠ±ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Π’ΠΎΠ·ΡŒΠΌΡ‘ΠΌ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π·Π²Π΅Π·Π΄Ρ‹ с острыми ΡƒΠ³Π»Π°ΠΌΠΈ (этот ΠΌΠ΅Ρ‚ΠΎΠ΄ Π±ΡƒΠ΄Π΅Ρ‚ Ρ…ΠΎΡ€ΠΎΡˆΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Ρ‚Π°ΠΊ ΠΆΠ΅ ΠΈ с прямыми ΡƒΠ³Π»Π°ΠΌΠΈ).

Π¨Π°Π³ 2

Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Ρ€Π°ΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ слой. Для этого ΠΊΠ»ΠΈΠΊΠ½Π΅Ρ‚Π΅ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ ΠΏΠΎ ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Π΅ слоя Π·Π²Π΅Π·Π΄Ρ‹ Π² ΠΏΠ°Π»ΠΈΡ‚Ρ€Π΅ слоСв ΠΈ Π² контСкстном мСню Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π Π°ΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ слой (Rasterize Layer). Π’ΠΎ ΠΆΠ΅ самоС Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, Ссли ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ тСкстовый слой.

Π¨Π°Π³ 3

ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² мСню Π€ΠΈΠ»ΡŒΡ‚Ρ€ > Π Π°Π·ΠΌΡ‹Ρ‚ΠΈΠ΅ (Filter > Blur) ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π Π°Π·ΠΌΡ‹Ρ‚ΠΈΠ΅ ΠΏΠΎ Гауссу (Gaussian Blur). Радиус размытия Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Π²ΠΈΡΠ΅Ρ‚ΡŒ ΠΎΡ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° вашСго изобраТСния ΠΈ ΠΎΡ‚ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ Ρ…ΠΎΡ‚Π΅Π»ΠΈ Π±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ. Π― Π²Ρ‹Π±Π΅Ρ€Ρƒ радиус 5 пиксСлСй.

Π¨Π°Π³ 4

Π—Π°ΠΆΠ°Π² ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Β«CtrlΒ», ΠΊΠ»ΠΈΠΊΠ½ΠΈΡ‚Π΅ ΠΌΡ‹ΡˆΠΊΠΎΠΉ Π½Π° ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Ρƒ слоя, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ изобраТСния. Π”Π°Π»Π΅Π΅ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΠΌ Π² мСню Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΈ Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ Π£Ρ‚ΠΎΡ‡Π½ΠΈΡ‚ΡŒ ΠΊΡ€Π°ΠΉ (Select > Refine Edge). Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΡΠΊΡΠΏΠ΅Ρ€ΠΈΠΌΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ с ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π°ΠΌΠΈ БглаТивания (Smooth) ΠΈ Π Π°ΡΡ‚ΡƒΡˆΠ΅Π²ΠΊΠΈ (Feather), Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ΄ΠΎΠ±Ρ€Π°Ρ‚ΡŒ Π½ΡƒΠΆΠ½Ρ‹ΠΉ эффСкт. ΠšΠΎΠ½Ρ‚Ρ€Π°ΡΡ‚Π½ΠΎΡΡ‚ΡŒ (Contrast) сдСлайтС 100.

Π¨Π°Π³ 5

Π’ΠΎΠ·ΡŒΠΌΠΈΡ‚Π΅ Ρ†Π²Π΅Ρ‚ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹, Π² нашСм случаС это ΠΆΠ΅Π»Ρ‚Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚ ΠΈ Π·Π°Π»Π΅ΠΉΡ‚Π΅ всС Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ этим Ρ†Π²Π΅Ρ‚ΠΎΠΌ. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ это ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, Π½Π°ΠΆΠ°Π² ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΡŽ клавиш Β«Shift + F5Β».

Π¨Π°Π³ 6

НС снимая Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅, Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ слой-маску, Π½Π°ΠΆΠ°Π² Π½Π° Π·Π½Π°Ρ‡ΠΎΠΊ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ находится Π²Π½ΠΈΠ·Ρƒ ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρ‹ слоСв. Π’ΠΎΡ‚ ΠΈ всС, Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Ρƒ Π·Π²Π΅Π·Π΄Ρ‹ Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹Π΅ ΡƒΠ³Π»Ρ‹.

Π’Π°ΠΊΠΎΠΉ ΠΆΠ΅ ΠΌΠ΅Ρ‚ΠΎΠ΄ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ для создания тСкста с Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ ΡƒΠ³Π»Π°ΠΌΠΈ, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ Π½ΠΈΠΆΠ΅. Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΈΠ΄ΡƒΠΌΠ°Ρ‚ΡŒ свой собствСнный ΡˆΡ€ΠΈΡ„Ρ‚.

Π’Ρ€Π°Π΄ΠΈΡ†ΠΈΠΎΠ½Π½Ρ‹Π΅ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½Ρ‹Π΅ ΡƒΠ³ΠΎΠ»ΠΊΠΈ Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ сайтов Π΄Π°Π²Π½ΠΎ ΡƒΠΆΠ΅ всСм Π½Π°Π΄ΠΎΠ΅Π»ΠΈ. Π’ ΠΌΠΎΠ΄Π΅ скруглённыС ΡƒΠ³ΠΎΠ»ΠΊΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄Π΅Π»Π°ΡŽΡ‚ΡΡ Π½Π΅ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Π° Ρ‡Π΅Ρ€Π΅Π· стили, для Ρ‡Π΅Π³ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ свойство border-radius . Π­Ρ‚ΠΎ свойство ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ ΠΎΠ΄Π½ΠΎ, Π΄Π²Π°, Ρ‚Ρ€ΠΈ ΠΈΠ»ΠΈ Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅ значСния Ρ€Π°Π·Π΄Π΅Π»Ρ‘Π½Π½Ρ‹Ρ… ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‚ радиус всСх ΡƒΠ³ΠΎΠ»ΠΊΠΎΠ² ΠΈΠ»ΠΈ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΏΠΎ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ.

Π’ Ρ‚Π°Π±Π». 1 ΠΏΡ€ΠΈΠ²Π΅Π΄Ρ‘Π½ΠΎ Ρ€Π°Π·Π½ΠΎΠ΅ количСство Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ ΠΈ Π²ΠΈΠ΄ Π±Π»ΠΎΠΊΠ°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ получаСтся Π² этом случаС.

ΠšΠΎΠ΄ΠžΠΏΠΈΡΠ°Π½ΠΈΠ΅Π’ΠΈΠ΄
div { border-radius: 10px; }Радиус скруглСния для всСх ΡƒΠ³ΠΎΠ»ΠΊΠΎΠ² сразу.
div { border-radius: 0 10px; }ΠŸΠ΅Ρ€Π²ΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ устанавливаСт радиус Π»Π΅Π²ΠΎΠ³ΠΎ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈ ΠΏΡ€Π°Π²ΠΎΠ³ΠΎ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΡƒΠ³ΠΎΠ»ΠΊΠ°, Π²Ρ‚ΠΎΡ€ΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ β€” для ΠΏΡ€Π°Π²ΠΎΠ³ΠΎ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈ Π»Π΅Π²ΠΎΠ³ΠΎ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ.
div { border-radius: 20px 10px 0; }ΠŸΠ΅Ρ€Π²ΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Π·Π°Π΄Π°Ρ‘Ρ‚ радиус Π»Π΅Π²ΠΎΠ³ΠΎ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΡƒΠ³ΠΎΠ»ΠΊΠ°, Π²Ρ‚ΠΎΡ€ΠΎΠ΅ β€” ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ ΠΏΡ€Π°Π²ΠΎΠ³ΠΎ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈ Π»Π΅Π²ΠΎΠ³ΠΎ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ, Π° Ρ‚Ρ€Π΅Ρ‚ΡŒΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ β€” ΠΏΡ€Π°Π²ΠΎΠ³ΠΎ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ.
div { border-radius: 20px 10px 5px 0; }ΠŸΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ устанавливаСт радиус Π»Π΅Π²ΠΎΠ³ΠΎ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΡƒΠ³ΠΎΠ»ΠΊΠ°, ΠΏΡ€Π°Π²ΠΎΠ³ΠΎ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ, ΠΏΡ€Π°Π²ΠΎΠ³ΠΎ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΈ Π»Π΅Π²ΠΎΠ³ΠΎ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ.

Π’ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ 1 ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ созданиС Π±Π»ΠΎΠΊΠ° со скруглёнными ΡƒΠ³ΠΎΠ»ΠΊΠ°ΠΌΠΈ.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ 1. Π£Π³ΠΎΠ»ΠΊΠΈ Ρƒ Π±Π»ΠΎΠΊΠ°

HTML5 CSS3 IE 9+ Cr Op Sa Fx

Радиус

МСня — супплСтивная Ρ„ΠΎΡ€ΠΌΠ° Π²ΠΈΠ½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ ΠΏΠ°Π΄Π΅ΠΆΠ° ΠΎΡ‚ я.

Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° ΠΏΠΎΠΊΠ°Π·Π°Π½ Π½Π° рис. 1.

Рис. 1. Π‘Π»ΠΎΠΊ со скруглёнными ΡƒΠ³ΠΎΠ»ΠΊΠ°ΠΌΠΈ

Π˜Π½Ρ‚Π΅Ρ€Π΅ΡΠ½Ρ‹ΠΉ эффСкт ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ, Ссли Π·Π°Π΄Π°Ρ‚ΡŒ радиус скруглСния большС ΠΏΠΎΠ»ΠΎΠ²ΠΈΠ½Ρ‹ высоты ΠΈ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ элСмСнта. Π’ Ρ‚Π°ΠΊΠΎΠΌ случаС получится ΠΊΡ€ΡƒΠ³. Π’ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ 2 ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ созданиС ΠΊΡ€ΡƒΠ³Π»ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ с рисунком.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ 2. ΠšΡ€ΡƒΠ³Π»Π°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ°

HTML5 CSS3 IE 9+ Cr Op Sa Fx

Кнопка

Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° ΠΏΠΎΠΊΠ°Π·Π°Π½ Π½Π° рис. 2.

Рис. 2. ΠšΡ€ΡƒΠ³Π»Π°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ°

Π’ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ Opera скруглСниС ΠΊ примСняСтся Π½Π΅ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎ, Ссли Π½Π΅ Π·Π°Π΄Π°Π½Π° Π³Ρ€Π°Π½ΠΈΡ†Π° Ρ‡Π΅Ρ€Π΅Π· свойство border .

Бвойство border-radius ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΡ‡Π΅Ρ‚Π°Ρ‚ΡŒ ΠΈ с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ свойствами, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊ элСмСнту Ρ‚Π΅Π½ΡŒ. Π’ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ 3 сдСлан Π½Π°Π±ΠΎΡ€ ΠΊΡ€ΡƒΠΆΠΊΠΎΠ², ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΎΠ΄ΠΈΠ½ подсвСчиваСтся с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ box-shadow . Π’Π°ΠΊΠΎΠΉ Π½Π°Π±ΠΎΡ€ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ ΠΏΠΎ страницам ΠΈΠ»ΠΈ ΠΏΠΎ фотографиям.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ 3. Π‘Π²Π΅Ρ‡Π΅Π½ΠΈΠ΅

HTML5 CSS3 IE 9+ Cr Op Sa Fx

Π‘Π²Π΅Ρ‡Π΅Π½ΠΈΠ΅

Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° ΠΏΠΎΠΊΠ°Π·Π°Π½ Π½Π° рис. 3.

Рис. 3. Π‘Π²Π΅Ρ‡Π΅Π½ΠΈΠ΅ Π²ΠΎΠΊΡ€ΡƒΠ³ ΠΊΡ€ΡƒΠΆΠΊΠ°

Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ border-radius ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΊΡ€ΡƒΠΆΠΎΠΊ, Π½ΠΎ ΠΈ эллипс, Π° Ρ‚Π°ΠΊΠΆΠ΅ эллиптичСскоС скруглСниС Ρƒ Π±Π»ΠΎΠΊΠ°. Для этого Π½Π°Π΄ΠΎ Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ Π½Π΅ ΠΎΠ΄Π½ΠΎ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅, Π° Π΄Π²Π° Ρ‡Π΅Ρ€Π΅Π· слэш. Π—Π°ΠΏΠΈΡΡŒ 20px/10px ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ радиус скруглСния Π±ΡƒΠ΄Π΅Ρ‚ 20 пиксСлов, Π° ΠΏΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ 10 пиксСлов. Π’ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ 4 ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ созданиС эллиптичСских ΡƒΠ³ΠΎΠ»ΠΊΠΎΠ² для добавлСния ΠΊ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ надписи ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½Π½ΠΎΠΉ ΠΊΠ°ΠΊ Π² комиксах.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ 4. Эллипсы

HTML5 CSS3 IE 9+ Cr Op Sa Fx

ЭллиптичСскиС ΡƒΠ³ΠΎΠ»ΠΊΠΈ Π’Ρ‹ сами сСбС ΡƒΡ‡ΠΈΡ‚Π΅Π»ΡŒ

Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° ΠΏΠΎΠΊΠ°Π·Π°Π½ Π½Π° рис. 4.

Рис. 4. ИспользованиС эллиптичСских ΡƒΠ³ΠΎΠ»ΠΊΠΎΠ²

Π’ΠΈΠ΄ ΡƒΠ³ΠΎΠ»ΠΊΠΎΠ² ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΈ Ρƒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, добавляя ΠΊ сСлСктору img свойство border-radius , ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π² ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ 5.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ 5. Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ

HTML5 CSS3 IE 9+ Cr Op Sa Fx

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ

ΠžΠΏΡΡ‚ΡŒ я сбиваюсь с Π³Ρ€Π°Ρ„ΠΈΠΊΠ°! Эх… Ну, Π²Ρ‹ΠΏΡƒΡΠΊΠ°ΡŽ ΡƒΡ€ΠΎΠΊΠΈ с ΠΎΠΏΠΎΠ·Π΄Π°Π½ΠΈΠ΅ΠΌ Π½Π° ΠΏΠ°Ρ€Ρƒ часов, надСюсь, это Π½Π΅ Ρ‚Π°ΠΊ ΠΊΡ€ΠΈΡ‚ΠΈΡ‡Π½ΠΎ. БСгодня Ρƒ нас Π² ΡƒΡ€ΠΎΠΊΠ΅ Ρ€Π΅Ρ‡ΡŒ ΠΏΠΎΠΉΠ΄Π΅Ρ‚ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ края Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ . ВсС Π±Ρ‹ Π½ΠΈΡ‡Π΅Π³ΠΎ, ΠΈ ΡƒΡ€ΠΎΠΊ Π½Π΅ отличался Π±Ρ‹ ΠΎΡ‚ Ρ‚Π΅Ρ… Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π²ΠΈΠ΄Π΅Π»ΠΈ Π½Π° Π΄Ρ€ΡƒΠ³ΠΈΡ… сайтах, Π½ΠΎ я сам Ρ€Π°Π½ΡŒΡˆΠ΅ искал ΠΈ знаю ΠΊΠ°ΠΊΠΈΠ΅ ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ Ρ‚Π°ΠΌ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°ΡŽΡ‚. НС ΡΠ»ΡƒΡˆΠ°ΠΉΡ‚Π΅ ΠΈΡ…! Блишком ΠΌΡƒΡ‚ΠΎΡ€Π½ΠΎ, слишком Π΄ΠΎΠ»Π³ΠΎ. Π― Π’Π°ΠΌ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°ΡŽ способ, ΠΊΠ°ΠΊ ΠΎΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ ΡƒΠ³Π»Ρ‹ Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ Π±ΡƒΠΊΠ²Π°Π»ΡŒΠ½ΠΎ Π² ΠΏΠ°Ρ€Ρƒ ΠΊΠ»ΠΈΠΊΠΎΠ²!

Π‘Π΅Ρ€Π΅ΠΌ ΡΡ‚ΠΎΠΊΠΎΠ²ΡƒΡŽ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ, кстати, это я дСлаю Π½Π° Π³ΡƒΠ΄Ρ„ΠΎΠ½Π΅. НС Ρ€Π΅ΠΊΠ»Π°ΠΌΠ°:D
Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅, ΠΊΠ°ΠΊ Ρƒ мСня Π½Π° ΡΠΊΡ€ΠΈΡˆΠΎΡ‚Π΅:

ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΠΌ Π² Π²ΠΊΠ»Π°Π΄ΠΊΡƒ ( Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ > ΠœΠΎΠ΄ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΡ > Π‘Π³Π»Π°Π΄ΠΈΡ‚ΡŒ ). Π’Π½ΠΈΠΌΠ°Π½ΠΈΠ΅! Π’ΡƒΡ‚ ΠΌΠΎΠ³ΡƒΡ‚ Π²ΠΎΠ·Π½ΠΈΠΊΠ½ΡƒΡ‚ΡŒ трудности Ρƒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ…. Π’ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… вСрсиях Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ° Π½Π΅Ρ‚Ρƒ Β«Π‘Π³Π»Π°Π΄ΠΈΡ‚ΡŒΒ», Π·Π° Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ Β«ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΒ». Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ, Π½Π΅ ΠΏΡƒΠ³Π°ΠΉΡ‚Π΅ΡΡŒ, Ссли Π½Π΅ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ Β«Π‘Π³Π»Π°Π΄ΠΈΡ‚ΡŒΒ». Π­Ρ‚ΠΎ ΠΎΠ΄Π½ΠΎ ΠΈ Ρ‚ΠΎΠΆΠ΅.

Π—Π΄Π΅ΡΡŒ ΠΌΡ‹ Π²Ρ‹Π±Ρ€Π°Π»ΠΈ радиус закруглСния.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ, ΠΊΠ°ΠΊ Π’Ρ‹ Π²ΠΈΠ΄ΠΈΡ‚Π΅, Ρƒ вас ΠΎΠ±Π»Π°ΡΡ‚ΡŒ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΡƒΠΆΠ΅ с Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ ΡƒΠ³Π»Π°ΠΌΠΈ.

ΠžΡΡ‚Π°Π»ΠΎΡΡŒ Π²Ρ‹Ρ€Π΅Π·Π°Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.

И Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ . Π Π°Π·ΠΌΠ΅Ρ€ Ρ‚Π°ΠΌ выставляСт автоматичСский. И Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ просто вставляСм ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² Π½ΠΎΠ²Ρ‹ΠΉ Ρ„Π°ΠΉΠ».

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

Для Ρ‚Π΅Ρ… ΠΊΡ‚ΠΎ Π»ΡŽΠ±ΠΈΡ‚ большС наглядности, я записал Π²ΠΈΠ΄Π΅ΠΎΡƒΡ€ΠΎΠΊ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π² ΠΊΠΎΠ½Ρ†Π΅ этого ΡƒΡ€ΠΎΠΊΠ°. Π˜Ρ‚Π°ΠΊ, Π½Π°Ρ‡Π½Π΅ΠΌ Π·Π°ΠΊΡ€ΡƒΠ³Π»ΡΡ‚ΡŒ ΡƒΠ³Π»Ρ‹ изобраТСния:

Π¨Π°Π³ 1

По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, всС изобраТСния, ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌΡ‹Π΅ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ становятся Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ. Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ ΠΈΠΌΠ΅Π½ΡƒΠ΅Ρ‚ Ρ‚Π°ΠΊΠΎΠΉ слой ΠΊΠ°ΠΊ Β«Π€ΠΎΠ½Β», Π° Ρ‚Π°ΠΊΠΆΠ΅ Π±Π»ΠΎΠΊΠΈΡ€ΡƒΠ΅Ρ‚ Π΅Π³ΠΎ ΠΎΡ‚ лишнСго рСдактирования. Об этом Π½Π°ΠΌ сигнализируСт малСнькая ΠΈΠΊΠΎΠ½ΠΊΠ° Π·Π°ΠΌΠΎΡ‡ΠΊΠ°.

Π§Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°Π·Π±Π»ΠΎΠΊΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΎΠΉ слой, Π½ΡƒΠΆΠ½ΠΎ Π΄Π²Π°ΠΆΠ΄Ρ‹ ΠΊΠ»ΠΈΠΊΠ½ΡƒΡ‚ΡŒ ΠΏΠΎ Π½Π΅ΠΌΡƒ. ΠŸΠΎΡΠ²ΠΈΡ‚ΡΡ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ «Новый слой». НичСго Π½Π΅ измСняйтС, просто Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° ОК. Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π·Π°ΠΌΠΎΡ‡Π΅ΠΊ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΈΡΡ‡Π΅Π·Π½ΡƒΡ‚ΡŒ.

Π¨Π°Π³ 5

На ΠΏΠ°Π½Π΅Π»ΠΈ слоСв ΠΊΠ»ΠΈΠΊΠ½ΠΈΡ‚Π΅ Π½Π° самый ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ слой с нашим исходным ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ сочСтаниС клавиш Ctrl+Shift+I . Π’ ΠΈΡ‚ΠΎΠ³Π΅ Ρƒ нас Π΄ΠΎΠ»ΠΆΠ½Π° Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ вся ΠΎΠ±Π»Π°ΡΡ‚ΡŒ Π²Π½Π΅ Π³Ρ€Π°Π½ΠΈΡ† нашСго ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π°. Π­Ρ‚ΠΎ называСтся . ΠŸΡ€ΠΈΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ΡΡŒ Π²Π½ΠΈΠΌΠ°Ρ‚Π΅Π»ΡŒΠ½Π΅ΠΉ, Ρ‡Ρ‚ΠΎ измСнилось:

Π¨Π°Π³ 6

Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΡŽ клавиш Ctrl+X (Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ β€” Π²Ρ‹Ρ€Π΅Π·Π°Ρ‚ΡŒ ) для удалСния Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½ΠΎΠΉ области. Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΈΡΡ‡Π΅Π·Π½ΡƒΡ‚ΡŒ, Π° Ρ‚Π°ΠΌ, Π³Π΄Π΅ ΠΊΠΎΠ³Π΄Π°-Ρ‚ΠΎ Π±Ρ‹Π»ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, появится ΡˆΠ°Ρ…ΠΌΠ°Ρ‚Π½Ρ‹ΠΉ Ρ„ΠΎΠ½ (ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ).

Π¨Π°Π³ 7

Π’Π΅ΠΏΠ΅Ρ€ΡŒ сдСлаСм Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΡ‹ΠΌ наш слой с Ρ„ΠΈΠ³ΡƒΡ€ΠΎΠΉ. Для этого Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ со слоями Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° Π·Π½Π°Ρ‡ΠΎΠΊ Π³Π»Π°Π·Π° Π½Π°ΠΏΡ€ΠΎΡ‚ΠΈΠ² слоя с ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚ΠΎΠΌ. Π’ΠΎΡ‚ ΠΈ появилось исходноС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ ΡƒΠ³Π»Π°ΠΌΠΈ.

Π¨Π°Π³ 8

Π’Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ β€” , Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏ ΡƒΠ΄Π°Π»ΠΈΠ» всС лишнСС пространство Π²ΠΎΠΊΡ€ΡƒΠ³ изобраТСния. Π’ ΠΈΡ‚ΠΎΠ³Π΅ Ρ€Π΅ΠΆΠΈΠΌ прозрачности Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Π²ΠΈΠ΄Π΅Π½ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² ΡƒΠ³Π»Π°Ρ….

Π’ дальнСйшСм, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π΅Π³ΠΎ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG! Π’ этом случаС ΡƒΠ³Π»Ρ‹ Ρ‚Π°ΠΊ ΠΈ останутся ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΌΠΈ. Π˜Π½Π°Ρ‡Π΅, Ссли ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ JPG, ΡƒΠ³Π»Ρ‹ автоматичСски станут с Π±Π΅Π»Ρ‹ΠΌ Ρ„ΠΎΠ½ΠΎΠΌ.

Π˜Ρ‚Π°ΠΊ, всС Π³ΠΎΡ‚ΠΎΠ²ΠΎ. Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ ΡƒΠ³Π»Π°ΠΌΠΈ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Ρ‚Π°ΠΊ:

А ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΎΠ΄ΠΈΠ½ Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΉ ΡƒΠ³ΠΎΠ»?

ΠžΡ‡Π΅Π½ΡŒ просто. ВСрнСмся Π½Π° Ρ‚ΠΎΡ‚ этап, ΠΊΠΎΠ³Π΄Π° ΠΌΡ‹ рисовали Ρ„ΠΈΠ³ΡƒΡ€Ρƒ. РастянитС Π΅Π΅ Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Π°ΠΌ Π±Ρ‹Π» Π²ΠΈΠ΄Π΅Π½ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄ΠΈΠ½ Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΉ ΡƒΠ³ΠΎΠ», Π° Ρ‚Ρ€ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… Π±Ρ‹Π»ΠΈ Π±Ρ‹ скрыты Π·Π° ΠΏΡ€Π΅Π΄Π΅Π»Π°ΠΌΠΈ холста. Π’ΠΎΡ‚, Π° дальшС слСдуйтС ΠΏΠΎ Π²Ρ‹ΡˆΠ΅ΠΎΠΏΠΈΡΠ°Π½Π½ΠΎΠΉ инструкции. ВсС Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½ΠΎ.

НадСюсь инструкция Π²Π°ΠΌ ΠΏΠΎΠΌΠΎΠ³Π»Π° ΠΈ Π²Ρ‹ смоТСтС ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ‡Ρ‚ΠΎ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ классноС! УспСхов.

Π—Π°ΠΌΠ΅Ρ‚ΠΈΠ»ΠΈ ΠΎΡˆΠΈΠ±ΠΊΡƒ Π² тСкстС — Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ Π΅Π΅ ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Ctrl + Enter . Бпасибо!

Π”ΠΎΠ±Ρ€ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ суток, ΡƒΠ²Π°ΠΆΠ°Π΅ΠΌΡ‹Π΅ Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΠ΅ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ сайтов. НаконСц-Ρ‚ΠΎ я ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠΆΡƒ ΠΊ рассказам ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊΠΈΠ΅ ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для создания ΠΊΡ€ΡƒΡ‚Ρ‹Ρ… сайтов. БСгодня я повСдаю ΠΊΠ°ΠΊ Π·Π° нСсколько ΠΌΠΈΠ½ΡƒΡ‚ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ ΠΈ Ρ‚Π΅ΠΌ самым ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΠΎΡ€Ρ‚Π°Π» красивСС, Π° Π΄Π»ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ посСщСний сущСствСнно большС. НС Π²Π΅Ρ€ΠΈΡ‚Π΅? А зря…

Π‘ ΠΌΠΎΠΌΠ΅Π½Ρ‚Π° появлСния ΠΏΡ€ΠΎΠ΄Π°ΡŽΡ‰ΠΈΡ… сайтов ΠΊΡ€ΡƒΠΏΠ½Ρ‹Π΅ компания Π²ΠΏΠ»ΠΎΡ‚Π½ΡƒΡŽ Π½Π°Ρ‡Π°Π»ΠΈ ΠΈΠ·ΡƒΡ‡Π΅Π½ΠΈΠ΅ вкусов Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΠΈ. КакиС-Ρ‚ΠΎ свои открытия ΠΎΠ½ΠΈ Ρ‚Ρ‰Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΡΡ‚Π°Ρ€Π°ΡŽΡ‚ΡΡ ΡΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΏΡ€ΠΈΠ΅ΠΌΡ‹ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ слишком Ρ…ΠΎΡ€ΠΎΡˆΠΎ, Π° Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΡƒΡ‚Π°ΠΈΡ‚ΡŒ довольно слоТно, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ ΠΎΠ½ΠΈ слишком ΡƒΠΆ часто.

К Ρ€ΠΎΠ²Π½Ρ‹ΠΌ, ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½Ρ‹ΠΌ фотографиям всС ΡƒΠΆΠ΅ Π΄Π°Π²Π½ΠΎ ΠΏΡ€ΠΈΠ²Ρ‹ΠΊΠ»ΠΈ. Они ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ, ΠΊΠΎΠ³Π΄Π° Ρ€Π΅Ρ‡ΡŒ ΠΈΠ΄Π΅Ρ‚ ΠΎ ΡΠ΅Ρ€ΡŒΠ΅Π·Π½ΠΎΠΌ бизнСсС, Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‰ΠΈΠΌΡΡ отвСтствСнными Π΄Π΅Π»Π°ΠΌΠΈ.

Когда компания ΠΈΠ»ΠΈ услуга ΠΏΠΎΠΏΡ€ΠΎΡ‰Π΅, Ρ‚ΠΎ ΠΈ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ с ΠΏΠ»Π°Π²Π½Ρ‹ΠΌΠΈ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π°ΠΌΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Π³ΠΎΡ€Π°Π·Π΄ΠΎ Ρ‡Π°Ρ‰Π΅. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ Π² этом Π½Π° любой Ρ…ΠΎΡ€ΠΎΡˆΠ΅ΠΉ ΠΏΡ€ΠΎΠ΄Π°ΡŽΡ‰Π΅ΠΉ страницС, которая Π±ΡƒΠ΄Π΅Ρ‚ ΡΠ²Π»ΡΡ‚ΡŒ собой собраниС Π»ΡƒΡ‡ΡˆΠΈΡ… ΠΏΡ€ΠΈΠ΅ΠΌΠΎΠ² Турналистики, ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΈΠ½Π³Π° ΠΈ психологи.

БСгодня Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅ всС ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ ΠΊΠ°ΠΊ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ ΡƒΠ³Π»Ρ‹. Π’ случаС Ссли Π²Ρ‹ Π΄ΡƒΠΌΠ°Π΅Ρ‚Π΅ ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΈ Ρ€Π°ΡΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚ΡŒ ΠΊ сСбС, Ρ‚ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΎΠ±Ρ‚Π΅ΠΊΠ°Π΅ΠΌΡ‹Π΅ Ρ„ΠΎΡ€ΠΌΡ‹, Π° Ссли Π΄Π΅Π»Π°Π΅Ρ‚Π΅ ΡΠ΅Ρ€ΡŒΠ΅Π·Π½Ρ‹ΠΉ ΠΏΠΎΡ€Ρ‚Π°Π» ΠΈ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΌΠ΅ΠΆΠ΄Ρƒ собой ΠΈ Ρ‡ΠΈΡ‚Π°Ρ‚Π΅Π»Π΅ΠΌ Π½Π΅ΠΊΠΈΠΉ Π±Π°Ρ€ΡŒΠ΅Ρ€, Ρ‚ΠΎ Π»ΡƒΡ‡ΡˆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½Ρ‹Π΅ изобраТСния: Β«ΠœΡ‹ ΡΠ΅Ρ€ΡŒΠ΅Π·Π½Ρ‹Π΅ рСбята, Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ качСство – ΠΊ Π½Π°ΠΌΒ».

Быстрый способ Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ Ρ„ΠΎΡ‚ΠΊΡƒ

Π˜Ρ‚Π°ΠΊ, Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π±ΡƒΠ΄Π΅ΠΌ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅. ΠžΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.

Находим инструмСнт Β«ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ со скруглСнными ΡƒΠ³Π»Π°ΠΌΠΈΒ».

Если Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΅Π³ΠΎ ΠΎΡ‚Ρ‹ΡΠΊΠ°Ρ‚ΡŒ, Ρ‚ΠΎ ΡƒΠ΄Π΅Ρ€ΠΆΠΈΠ²Π°ΠΉΡ‚Π΅ ΠΏΠ°Ρ€Ρƒ сСкунд Π»Π΅Π²ΡƒΡŽ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ ΠΌΡ‹ΡˆΠΈ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠ°Ρ… мСню, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρƒ вас ΠΎΡ‚ΠΊΡ€Ρ‹Π»ΠΈΡΡŒ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΎΠΏΡ†ΠΈΠΈ.

НС Π²Π°ΠΆΠ½ΠΎ ΠΊΠ°ΠΊΠΎΠΉ Ρ†Π²Π΅Ρ‚ Π²Ρ‹ Π²Ρ‹Π±Π΅Ρ€Π΅Ρ‚Π΅. Π’Π°Ρ‰ΠΈΡ‚Π΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ ΠΏΠΎ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ нуТная Π²Π°ΠΌ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ Π±Ρ‹Π»Π° Π²Π½ΡƒΡ‚Ρ€ΠΈ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹.

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° свойства. ΠœΠΎΠΆΠ΅Ρ‚Π΅ Β«ΠΏΠΎΠΈΠ³Ρ€Π°Ρ‚ΡŒΒ» с показатСлями, ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹ΠΌΠΈ Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅, ΠΈ Π·Π°Π³Π½ΡƒΡ‚ΡŒ края сильнСС. Π’Π²Π΅Π΄ΠΈ своС число ΠΈ ΠΆΠΌΠΈΡ‚Π΅ enter, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚. Когда ΠΎΠ½ вас ΡƒΠ΄ΠΎΠ²Π»Π΅Ρ‚Π²ΠΎΡ€ΠΈΡ‚, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ enter ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎ.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ, удСрТивая ΠΊΠ½ΠΎΠΏΠΊΡƒ CTRL, ΠΊΠ»ΠΈΠΊΠ½ΠΈΡ‚Π΅ ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ слоя, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ находится Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‡Ρ‚ΠΎ нарисованный Π²Π°ΠΌΠΈ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ. Π‘ΡƒΠ΄ΡŒΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹, Ссли Ρ‚Ρ‹Ρ€ΠΊΠ½Π΅Ρ‚Π΅ ΠΏΠΎ тСксту, Ρ‚ΠΎ Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ ΠΏΡ€ΠΎΠΈΠ·ΠΎΠΉΠ΄Π΅Ρ‚. ΠΠ°ΠΆΠΈΠΌΠ°Ρ‚ΡŒ Π½ΡƒΠΆΠ½ΠΎ ΠΈΠΌΠ΅Π½Π½ΠΎ Π² Ρ†Π΅Π½Ρ‚Ρ€ ΠΈΠΊΠΎΠ½ΠΊΠΈ с ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Π½Ρ‹ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΡƒΠ±ΠΈΡ€Π°Π΅ΠΌ Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ. Для этого Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΏΠΎ Β«Π³Π»Π°Π·ΡƒΒ» рядом со слоСм.

ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΠΌ ΠΊ Ρ€Π°Π±ΠΎΡ‚Π΅ со слоСм, Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ Π΅Π³ΠΎ: Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΌΡ‹ΡˆΠΊΠΎΠΉ Ρ…ΠΎΡ‚ΡŒ ΠΏΠΎ тСксту, Ρ…ΠΎΡ‚ΡŒ ΠΏΠΎ ΠΈΠΊΠΎΠ½ΠΊΠ΅. НС Π²Π°ΠΆΠ½ΠΎ. НС пропуститС этот шаг, ΠΈΠ½Π°Ρ‡Π΅ Π²ΠΎΠ»ΡˆΠ΅Π±ΡΡ‚Π²Π° Π½Π΅ ΠΏΡ€ΠΎΠΈΠ·ΠΎΠΉΠ΄Π΅Ρ‚.

Π“ΠΎΡ‚ΠΎΠ²ΠΎ. Если Π²Ρ‹ ΡΠΎΠ±ΠΈΡ€Π°Π΅Ρ‚Π΅ΡΡŒ Π²Ρ‹ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π½Π° сайт, Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π΅Π΅ сохранитС, Π³Π»Π°Π²Π½ΠΎΠ΅ Π½Π΅ ΠΎΡˆΠΈΠ±ΠΈΡ‚Π΅ΡΡŒ с Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠΌ.

Π’Π°ΠΌ Π½ΡƒΠΆΠ΅Π½ ΠΈΠΌΠ΅Π½Π½ΠΎ png.

Π’ этом случаС края с шашкой Π±ΡƒΠ΄ΡƒΡ‚ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΌΠΈ. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ jpeg ΠΈ ΠΈΡ… Π·Π°ΠΌΠ΅Π½ΠΈΡ‚ Π½Π΅ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Π°Ρ бСлая Ρ€Π°ΠΌΠΊΠ°.

Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ эту ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π½Π° Ρ„ΠΎΡ‚ΠΎ. Π’ этом случаС ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ ΠΈ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ Π·Π°Π½ΠΎΠ²ΠΎ Π½Π΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ.

ΠŸΡ€ΠΎΡΡ‚ΠΎ выдСляСтС Π΅Π΅ (Ctrl+A) Π·Π°Ρ‚Π΅ΠΌ ΠΊΠΎΠΏΠΈΡ€ΡƒΠ΅Ρ‚Π΅ (Ctrl+C) ΠΈ вставляСтС Π² Π΄Ρ€ΡƒΠ³ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ (Ctrl+V).

Π‘ΠΊΡ€ΡƒΠ³Π»Π΅Π½ΠΈΠ΅ для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², ускоряСм процСсс Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π½Π°Π΄ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠΌ

Допустим, Π²Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚Π΅ Π½Π°Π΄ ΠΊΠ°ΠΊΠΈΠΌ-Ρ‚ΠΎ Π²Π°ΠΆΠ½Ρ‹ΠΌ ΠΊΡ€ΡƒΡ‚Ρ‹ΠΌ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠΌ. ВсС ΡƒΠΆΠ΅ ΠΏΠΎΡ‡Ρ‚ΠΈ Π³ΠΎΡ‚ΠΎΠ²ΠΎ ΠΈ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊ ΠΎΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ со скруглСнными ΡƒΠ³Π»Π°ΠΌΠΈ. НС ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ ΠΏΠΎ сто тысяч Π²ΠΊΠ»Π°Π΄ΠΎΠΊ: ΠΎΠ±Ρ€Π΅Π·Π°Ρ‚ΡŒ β€” Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅. ВсС ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π³ΠΎΡ€Π°Π·Π΄ΠΎ быстрСС ΠΈ ΠΏΡ€ΠΎΡ‰Π΅.

Π’ΠΎΡ‚ посмотритС Π½Π° ΠΌΠΎΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€. ΠšΡΡ‚Π°Ρ‚ΠΈ, Ссли Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ этот psd- Ρ„Π°ΠΉΠ», ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ Π΅Π³ΠΎ Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠΎΠΌ ΠΈ ΠΏΠΎΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠΎΠ²Π°Ρ‚ΡŒΡΡ (ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ).

ВыдСляСм Π½ΡƒΠΆΠ½Ρ‹ΠΉ Π½Π°ΠΌ слой. Π― ΡΠΎΠ±ΠΈΡ€Π°ΡŽΡΡŒ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с большим ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ совы. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ заТимаю Ctrl ΠΈ кликаю Π½Π° Ρ†Π΅Π½Ρ‚Ρ€Ρƒ ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Π½ΠΎΠ³ΠΎ изобраТСния этого слоя. НС ΠΏΠΎ тСксту ΠΈΠ»ΠΈ Π³Π»Π°Π·Ρƒ. По ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅ с ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΎΠΉ. ΠŸΡ€ΠΎΡΡ‚ΠΈΡ‚Π΅ Π·Π° Ρ‚Π°Π²Ρ‚ΠΎΠ»ΠΎΠ³ΠΈΡŽ.

ΠŸΠ΅Ρ€Π²Ρ‹ΠΌ Π΄Π΅Π»ΠΎΠΌ ставим Π³Π°Π»ΠΎΡ‡ΠΊΡƒ Π½Π°ΠΏΡ€ΠΎΡ‚ΠΈΠ² Β«ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ эффСкт Π½Π° Π³Ρ€Π°Π½ΠΈΡ†Π°Ρ…Β». Π—Π°Ρ‚Π΅ΠΌ ставим радиус.

К соТалСнию, придСтся Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ Π½Π° Π³Π»Π°Π·. Π—Π΄Π΅ΡΡŒ, ΠΊΠ°ΠΊ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, ставят 15. Π­Ρ‚ΠΎ стандарт, Π½ΠΎ, ΠΊΠ°ΠΊ Π²Ρ‹ ΠΏΠΎΠ½ΠΈΠΌΠ°Π΅Ρ‚Π΅, ΠΎΡ‚ Π½Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡ‚Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ.

ΠŸΠΎΠ΄Π±ΠΈΡ€Π°Π΅ΠΌ ΠΈΠ΄Π΅Π°Π»ΡŒΠ½Ρ‹ΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚.

Π—Π°Ρ‚Π΅ΠΌ Π²ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Β«Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅Β» Π½Π°Ρ…ΠΎΠ΄ΠΈΠΌ Β«Π˜Π½Π²Π΅Ρ€ΡΠΈΡΒ».

НаТимаСм ΠΊΠ½ΠΎΠΏΠΎΡ‡ΠΊΡƒ Β«delΒ» Π½Π° ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Π΅ ΠΈ Π³ΠΎΡ‚ΠΎΠ²ΠΎ.

Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ±Ρ€Π°Ρ‚ΡŒ ΠΏΠΎΠ»Π·Π°ΡŽΡ‰ΠΈΡ… ΠΌΡƒΡ€Π°Π²ΡŒΠ΅Π² ΠΏΠΎ краям Π½ΡƒΠΆΠ½ΠΎ Π½Π°ΠΆΠ°Ρ‚ΡŒ ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ Ctrl ΠΈ D.

Если Π²Π°ΠΌ ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΠ»ΠΈΡΡŒ эти ΡƒΡ€ΠΎΠΊΠΈ, Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΉΡ‚ΠΈ Π΅Ρ‰Π΅. Для этого Π½Π΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΈΡΠΊΠ°Ρ‚ΡŒ ΠΏΠΎ Youtube, Ρ‡Ρ‚ΠΎ Π² Π³ΠΎΠ»ΠΎΠ²Ρƒ ΠΏΡ€ΠΈΠ΄Π΅Ρ‚. МоТно ΠΈΠ·ΡƒΡ‡ΠΈΡ‚ΡŒ всС Ρ„ΠΈΡˆΠΊΠΈ Β«ΠΎΡ‚ А Π΄ΠΎ Π―Β» ΠΏΠΎ Π²ΠΈΠ΄Π΅ΠΎ ΡƒΡ€ΠΎΠΊΠ°ΠΌ. ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ Π±Π΅ΡΠΏΠ»Π°Ρ‚Π½ΡƒΡŽ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΡŽ послСднСй вСрсии курса Π½Π° русском Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅. Π’ этом случаС Π²Ρ‹ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ смоТСтС Π΄Π΅Π»Π°Ρ‚ΡŒ элСмСнтарныС Π²Π΅Ρ‰ΠΈ, Π½ΠΎ ΠΈ Π½Π°ΡƒΡ‡ΠΈΡ‚Π΅ΡΡŒ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ ΡΠ»ΠΎΠΆΠ½ΡƒΡŽ Ρ€Π°Π±ΠΎΡ‚Ρƒ, ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅, ΠΊΠ°ΠΊ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡŽΡ‚ простыС Π½Π°Π²Ρ‹ΠΊΠΈ настоящиС спСциалисты ΠΈ Ρ‡Ρ‚ΠΎ ΠΈΠ· этого получаСтся.

Π‘ΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Ρ‚ΠΎ, Ρ‡Π΅ΠΌΡƒ Π²Ρ‹ Π½Π°ΡƒΡ‡ΠΈΠ»ΠΈΡΡŒ сСгодня ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для ΠΎΠ±Ρ€Π΅Π·ΠΊΠΈ ΡƒΠ³Π»ΠΎΠ².

Π’Ρ‹ ΡƒΠΆΠ΅ Π·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² Ρ‚Ρ€Π΅ΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°Ρ…. НС ΠΏΠΎΠ½ΠΈΠΌΠ°Π΅Ρ‚Π΅? ВсС ΠΎΡ‡Π΅Π½ΡŒ просто.

Π‘Π΅Ρ€Π΅Ρ‚Π΅ Π·Π° основу ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ способ ΠΎΠ±Ρ€Π΅Π·ΠΊΠΈ ΠΈΠ· этой ΡΡ‚Π°Ρ‚ΡŒΠΈ, Π½ΠΎ вмСсто Ρ€Π°Π±ΠΎΡ‚Ρ‹ с ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΎΠΌ Π²Ρ‹Π±ΠΈΡ€Π°Π΅Ρ‚Π΅ ΠΌΠ½ΠΎΠ³ΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ.

НС Π·Π°Π±ΡƒΠ΄ΡŒΡ‚Π΅ Π²Ρ‹ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Β«Ρ‚Ρ€ΠΈ стороны» Π² ΠΏΠ°Π½Π΅Π»ΠΈ свСрху, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π΅ ΠΌΠΎΡ€ΠΎΡ‡ΠΈΡ‚ΡŒ Π³ΠΎΠ»ΠΎΠ²Ρƒ с ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹.

И, Ссли Π½Π΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ³Π»Ρ‹ Π±Ρ‹Π»ΠΈ Ρ‚Π°ΠΊΠΈΠ΅ ΠΆΠ΅ острыС ΠΊΠ°ΠΊ Ρƒ мСня, просто выставитС сглаТиваниС Π² настройках.

Π­Ρ‚ΠΎΡ‚ рисунок Π² psd Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ прямо ΠΈΠ· ΠΌΠΎΠ΅Π³ΠΎ Π±Π»ΠΎΠ³Π° ΠΈ ΠΏΠΎΡ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с Π½ΠΈΠΌ (ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ). Π”ΡƒΠΌΠ°ΡŽ, Ρ‡Ρ‚ΠΎ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π½Π΅ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ°.

Если эта ΡΡ‚Π°Ρ‚ΡŒΡ Π±Ρ‹Π»Π° ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ, ΠΏΠΎΠ΄ΠΏΠΈΡΡ‹Π²Π°ΠΉΡ‚Π΅ΡΡŒ Π½Π° рассылку ΠΌΠΎΠ΅Π³ΠΎ Π±Π»ΠΎΠ³Π°. Вас ΠΆΠ΄Π΅Ρ‚ Π΅Ρ‰Π΅ ΠΊΡƒΡ‡Π° интСрСсных Π²Π΅Ρ‰Π΅ΠΉ! И напослСдок Π²ΠΈΠ΄Π΅ΠΎ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ° Π΄Π΅Π²ΡƒΡˆΠΊΡƒ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€Π΅Π²Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Π² ΠΏΠΈΡ†Ρ†Ρƒ. Π‘ΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ Π΄ΠΎ ΠΊΠΎΠ½Ρ†Π°, это Π·Π°Π±Π°Π²Π½ΠΎ.

Как Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ ΡƒΠ³Π»Ρ‹ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅

ПослСднСС обновлСниС:18/01/16

Как Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅ Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ ΡƒΠ³Π»Ρ‹ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅

ΠŸΡ€ΠΈ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠΈ Π±Π»ΠΎΠ³ΠΎΠ² Π½Π΅ΠΎΠ΄Π½ΠΎΠΊΡ€Π°Ρ‚Π½ΠΎ ΡƒΠΆΠ΅ Π΄Π΅Π»Π°Π»Π° скруглСнныС ΡƒΠ³Π»Ρ‹ Π½Π° изобраТСниях, Π½ΠΎ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ дСлаСтся Π½Π΅ Ρ‚Π°ΠΊ часто ΠΈ нСдостаточно автоматичСски, быстро забываСтся. И я снова сСтовала Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π½Π°Π΄ΠΎ ΠΎΠΏΠΈΡΡ‹Π²Π°Ρ‚ΡŒ ΡΠ΄Π΅Π»Π°Π½Π½ΡƒΡŽ Ρ€Π°Π±ΠΎΡ‚Ρƒ сразу ΠΆΠ΅. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Π²ΠΎΡ‚ сСйчас ΠΏΠΎΡ‡Ρ‚ΠΈ ΠΏΠΎ горячим слСдам ΠΎΠΏΠΈΡˆΡƒ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ дСйствий. ΠŸΡ€Π°Π²Π΄Π°, ΠΈΠ·-Π·Π° Π±ΠΎΠ»Π΅Π·Π½ΠΈ «горячиС слСды» ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΈΡΡŒ ΡƒΠΆΠ΅ Π΄Π°Π»Π΅ΠΊΠΎ Π½Π΅ горячиС.

Для Ρ‚Π΅Ρ…, ΠΊΡ‚ΠΎ Π»ΡŽΠ±ΠΈΡ‚ всС ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ, нСбольшой Π²ΠΈΠ΄Π΅ΠΎΡ€ΠΎΠ»ΠΈΠΊ Β«ΠΊΠ°ΠΊ Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ ΡƒΠ³Π»Ρ‹ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅Β»:

Для Ρ‚Π΅Ρ…, ΠΊΡ‚ΠΎ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°Π΅Ρ‚ Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ ΠΈ сразу ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΡΡ‚ΡŒ описанныС дСйствия, β€” тСкстовый Π²Π°Ρ€ΠΈΠ°Π½Ρ‚.

Π’ ΠΏΠ΅Ρ€Π²ΡƒΡŽ ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ, Π’Π°ΠΌ Π½ΡƒΠΆΠ΅Π½ Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏ.Β Π“Π΄Π΅ Π΅Π³ΠΎ Π²Π·ΡΡ‚ΡŒ, Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² Π΄Π²Π°:

  • ΠΊΡƒΠΏΠΈΡ‚ΡŒ Π½Π° ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠΌ сайтС
  • Π½Π°ΠΉΡ‚ΠΈ Π½Π° Ρ‚ΠΎΡ€Ρ€Π΅Π½Ρ‚Π°Ρ…

Какой Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ, Ρ€Π΅ΡˆΠ°Ρ‚ΡŒ Π’Π°ΠΌ.

Π˜Ρ‚Π°ΠΊ, запускаСм Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏ.Β  ΠžΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ, Ρƒ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π½Π°Π΄ΠΎ Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ ΡƒΠ³Π»Ρ‹ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ (Π€Π°ΠΉΠ» β†’ ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ). Если Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ большС, Ρ‡Π΅ΠΌ Π’Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ, ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ (Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅Β  β†’ Π Π°Π·ΠΌΠ΅Ρ€ изобраТСния).

Π‘ΠΏΡ€Π°Π²Π°, Π½Π° ΠΏΡ€Π΅Π²ΡŒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, Π΅ΡΡ‚ΡŒ малСнький Π·Π°ΠΌΠΎΡ‡Π΅ΠΊ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±Π»ΠΎΠΊΠΈΡ€ΡƒΠ΅Ρ‚ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ исходного изобраТСния (Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ слоя). Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π½ΠΎΠ²Ρ‹ΠΉ слой ΠΈ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ ΡƒΠΆΠ΅ с Π½ΠΈΠΌ, Ρ‰Π΅Π»ΠΊΠ°Π΅ΠΌ Π½Π° Π½Π΅ΠΌ 2 Ρ€Π°Π·Π° Π»Π΅Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ, Π² появившСмся окошкС Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ мСняСм, Π½Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ Β«Π”Π°Β».

Если Π·Π°ΠΌΠΎΡ‡ΠΊΠ° Π½Π΅Ρ‚, Ρ‚ΠΎ ΠΎΠ΄Π½ΠΎ ΠΈΠ· Π΄Π²ΡƒΡ…:

Π»ΠΈΠ±ΠΎ Π² Π’Π°ΡˆΠ΅ΠΉ вСрсии Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ° Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΉ слой ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ (Ρ‡Ρ‚ΠΎ ΡΠΎΠΌΠ½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ, Π½ΠΎ Π²Π΄Ρ€ΡƒΠ³)

Π»ΠΈΠ±ΠΎ описанноС Π²Ρ‹ΡˆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΈ: свСрху, Π² строкС мСню, Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ Β«Π‘Π»ΠΎΠΈΒ», Π² ΠΎΡ‚ΠΊΡ€Ρ‹Π²ΡˆΠ΅ΠΌΡΡ подмСню Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ «Новый» ΠΈ ΠΏΠΎ стрСлочкС β€” Β«ΠΈΠ· Π·Π°Π΄Π½Π΅Π³ΠΎ ΠΏΠ»Π°Π½Π°Β», ΠΈ Π² ΠΎΡ‚ΠΊΡ€Ρ‹Π²ΡˆΠ΅ΠΌΡΡ Ρ‚Π°ΠΊΠΎΠΌ ΠΆΠ΅ ΠΎΠΊΠΎΡˆΠ΅Ρ‡ΠΊΠ΅ Π½Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ Β«Π”Π°Β».

Π’Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ Π² инструмСнтах Β«ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ со скруглСнными ΡƒΠ³Π»Π°ΠΌΠΈΒ».

Π’Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ свСрху Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ настроСк Ρ€Π΅ΠΆΠΈΠΌ: Β«ΠšΠΎΠ½Ρ‚ΡƒΡ€Ρ‹Β». УстанавливаСм радиус, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ ΡƒΠ³Π»Ρ‹ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅. Π― Π²Ρ‹Π±Ρ€Π°Π»Π° 40 пиксСлСй, Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ подходящий для Π’Π°ΡˆΠ΅ΠΉ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ.

РисуСм Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ Π½ΡƒΠΆΠ½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°: ставим курсор (ΠΎΠ½ ΠΏΡ€ΠΈΠΎΠ±Ρ€Π΅Ρ‚Π°Π΅Ρ‚ Ρ„ΠΎΡ€ΠΌΡƒ крСстика) Π² Π½ΡƒΠΆΠ½ΡƒΡŽ Ρ‚ΠΎΡ‡ΠΊΡƒ слСва-свСрху ΠΈ, Π½Π΅ отпуская ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΌΡ‹ΡˆΠΈ, Π²Π΅Π΄Π΅ΠΌ Π² ΠΏΡ€ΠΎΡ‚ΠΈΠ²ΠΎΠΏΠΎΠ»ΠΎΠΆΠ½Ρ‹ΠΉ ΡƒΠ³ΠΎΠ» Π΄ΠΎ Π½ΡƒΠΆΠ½ΠΎΠΉ Ρ‚ΠΎΡ‡ΠΊΠΈ. На Π½Π°ΡˆΡƒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π»Π΅Π³ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΉ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ со скруглСнными ΡƒΠ³Π»Π°ΠΌΠΈ.

ΠŸΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ ΠΊΠ»ΠΈΠΊΠ°Π΅ΠΌ Π½Π° ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ΅. Π’ контСкстном мСню Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ Β«ΠžΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½ΡƒΡŽ ΠΎΠ±Π»Π°ΡΡ‚ΡŒΒ», радиус Ρ€Π°ΡΡ‚ΡƒΡˆΠ΅Π²ΠΊΠΈ поставим 1 пиксСл ΠΈ Π½Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«Π”Π°Β».

Π‘ помошью мСню Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ β†’ Π˜Π½Π²Π΅Ρ€ΡΠΈΡ выдСляСм всС, Ρ‡Ρ‚ΠΎ Π²Π½Π΅ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° со скруглСнными ΡƒΠ³Π»Π°ΠΌΠΈ, ΠΈ удаляСм Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½ΠΎΠ΅ клавишСй Delete.

Если Π’Ρ‹ Π½Π°ΠΊΠ»Π°Π΄Ρ‹Π²Π°Π»ΠΈ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ Π½Π΅ Π½Π° всю ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ, Ρ‚ΠΎ лишний ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΉ Ρ„ΠΎΠ½ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ ΠΊΠΎΠΌΠ°Π½Π΄ Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ β†’ Π’Ρ€ΠΈΠΌΠΌΠΈΠ½Π³ β†’ На основС ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹Ρ… пиксСлов β†’ Π”Π°.

ΠœΡ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΈ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ с Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ ΡƒΠ³Π»Π°ΠΌΠΈ. БохраняСм Π΅Π΅ для Web: Π€Π°ΠΉΠ» β†’ Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ для Web ΠΈ устройств. Π’Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ Preset: PNG-24, Transparency ΠΈ ΠΆΠΌΠ΅ΠΌ Save. Π’ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG-24 ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° сохраняСтся с ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΌ Ρ„ΠΎΠ½ΠΎΠΌ, для Ρ‚ΠΎΠ³ΠΎ Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΅Π΅ ΠΌΠΎΠΆΠ½ΠΎ Π±Ρ‹Π»ΠΎ Π²ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π² любой Π΄ΠΈΠ·Π°ΠΉΠ½ сайта.

ВсС Ρ‚ΠΎ ΠΆΠ΅ самоС ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ с инструмСнтом «Эллипс», Ρ‚ΠΎΠ³Π΄Π° Π’Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ ΠΊΡ€ΡƒΠ³Π»ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ ΠΈΠ»ΠΈ Π² Ρ€Π°ΠΌΠΊΠ΅ эллиптичСской Ρ„ΠΎΡ€ΠΌΡ‹.

Π˜Ρ‚Π°ΠΊ, сСгодня ΠΌΡ‹ с Π’Π°ΠΌΠΈ ΡƒΠ·Π½Π°Π»ΠΈ, ΠΊΠ°ΠΊ Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ ΡƒΠ³Π»Ρ‹ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ Ρƒ любой ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ.

Π­Ρ‚ΠΎ Ρ‚ΠΎΠΆΠ΅ интСрСсно:

Как Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ ΡƒΠ³Π»Ρ‹

Π’Π°ΠΌ понадобится

  • — ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° Photoshop;
  • — ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.

Π˜Π½ΡΡ‚Ρ€ΡƒΠΊΡ†ΠΈΡ

ΠžΠΏΡ†ΠΈΠ΅ΠΉ Open мСню File Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ, ΡƒΠ³Π»Ρ‹ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π½ΡƒΠΆΠ½ΠΎ ΡΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ, Π² графичСский Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€. Если Ρ„Π°ΠΉΠ», с ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ Π²Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚Π΅, Π±Ρ‹Π» сохранСн Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ jpg, Ρ€Π°Π·Π±Π»ΠΎΠΊΠΈΡ€ΡƒΠΉΡ‚Π΅ СдинствСнный слой, ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΎΠ½ состоит. Для этого Π΄Π²Π° Ρ€Π°Π·Π° Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΏΠΎ Π½Π΅ΠΌΡƒ Π² ΠΏΠ°Π»ΠΈΡ‚Ρ€Π΅ слоСв ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ ОК появившСгося Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ³ΠΎ ΠΎΠΊΠ½Π°. Π’ΠΎ ΠΆΠ΅ самоС слСдуСт ΠΏΡ€ΠΎΠ΄Π΅Π»Π°Ρ‚ΡŒ, Ссли Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ, ΡΠ²Π»ΡΡŽΡ‰ΡƒΡŽΡΡ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΌ слоСм Π² любом многослойном Ρ„Π°ΠΉΠ»Π΅.

Для создания эффСкта скруглСнных ΡƒΠ³Π»ΠΎΠ² потрСбуСтся ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ Ρ‡Π°ΡΡ‚ΡŒ изобраТСния. Если Π²Ρ‹ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°Π΅Ρ‚Π΅ Π½Π΅ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΊ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅ Π½Π΅ΠΎΠ±Ρ€Π°Ρ‚ΠΈΠΌΡ‹Ρ… ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ, сдСлайтС ΡƒΠ³Π»Ρ‹ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΌΠΈ, скрыв ΠΈΡ… ΠΏΠΎΠ΄ маской. Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊ слою маску ΠΌΠΎΠΆΠ½ΠΎ, ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΠ² ΠΎΠΏΡ†ΠΈΡŽ Reveal All Π³Ρ€ΡƒΠΏΠΏΡ‹ Layer Mask мСню Layer.

Π’Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅ΠΌΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ, Ρ‰Π΅Π»ΠΊΠ½ΡƒΠ² ΠΏΠΎ Π΅Π΅ ΠΏΠΈΠΊΡ‚ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ ΠΈ Π·Π°ΠΆΠ°Π² ΠΏΡ€ΠΈ этом ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Ctrl. ΠžΠΏΡ†ΠΈΠ΅ΠΉ Smooth Π³Ρ€ΡƒΠΏΠΏΡ‹ Modify мСню Select ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ ΠΎΠΊΠ½ΠΎ настройки скруглСния ΠΈ ΡƒΠΊΠ°ΠΆΠΈΡ‚Π΅ Π²Π΅Π»ΠΈΡ‡ΠΈΠ½Ρƒ измСнСния, ввСдя Π΅Π΅ Π² ΠΏΠΎΠ»Π΅ Sample Radius.

Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΏΠΎ ΠΏΠΈΠΊΡ‚ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ маски слоя, Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ Paint Bucket ΠΈ Π·Π°ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅ Ρ‡Π΅Ρ€Π½Ρ‹ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½ΡƒΡŽ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ маски ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ этого инструмСнта. НаТав сочСтаниС Ctrl+I, помСняйтС мСстами ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹Π΅ ΠΈ Π½Π΅ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹Π΅ области маски. Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π² ΠΎΠΊΠ½Π΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° находится ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ ΡƒΠ³Π»Π°ΠΌΠΈ.

ΠžΠΏΡ†ΠΈΡ Smooth ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΠΊΠ°Π·Π°Ρ‚ΡŒΡΡ нСдоступной для Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… областСй, ΡΠΎΠ²ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΡ… с Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌΠΈ холста Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°. Если Π²Ρ‹ ΡΡ‚ΠΎΠ»ΠΊΠ½ΡƒΠ»ΠΈΡΡŒ с Ρ‚Π°ΠΊΠΎΠΉ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠΎΠΉ, Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ инструмСнт Rounded Rectangle Tool Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ Fill pixels ΠΈ нарисуйтС Π½Π° маскС Ρ‡Π΅Ρ€Π½Ρ‹ΠΉ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ со скруглСнными ΡƒΠ³Π»Π°ΠΌΠΈ. Π Π°Π·ΠΌΠ΅Ρ€Ρ‹ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ Π±ΡƒΠ΄ΡƒΡ‚ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ Π³Π°Π±Π°Ρ€ΠΈΡ‚Π°ΠΌ части ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, которая останСтся Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ послС инвСртирования маски клавишами Ctrl+I.

Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ ΡƒΠ³Π»Π°ΠΌΠΈ ΠΎΠΏΡ†ΠΈΠ΅ΠΉ Save As мСню File. Если Π²Ρ‹ ΡΠΎΠ±ΠΈΡ€Π°Π΅Ρ‚Π΅ΡΡŒ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΊ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ psd. Π‘ΠΎΡ…Ρ€Π°Π½Π΅Π½ΠΈΠ΅ Π² Ρ„Π°ΠΉΠ» png ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ Π²Π°ΠΌ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ рисунок с ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΠΉ ΠΎΠ±Π»Π°ΡΡ‚ΡŒΡŽ Π½Π° мСстС скрытых Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ΠΎΠ². Π’Ρ‹Π±Ρ€Π°Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ jpg, Π²Ρ‹ сохранитС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с Π±Π΅Π»Ρ‹ΠΌ Ρ„ΠΎΠ½ΠΎΠΌ Π½Π° мСстС областСй, ΡƒΠ±Ρ€Π°Π½Π½Ρ‹Ρ… ΠΏΠΎΠ΄ маску.

Как ΡΠ³Π»Π°Π΄ΠΈΡ‚ΡŒ ΡƒΠ³Π»Ρ‹ Ρƒ Ρ„ΠΈΠ³ΡƒΡ€ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ | Pixelbox.ru — ДополнСния ΠΈ ΡƒΡ€ΠΎΠΊΠΈ ΠΏΠΎ Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΡƒ

Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏ ΡΠ³Π»Π°Π΄ΠΈΡ‚ΡŒ острыС ΡƒΠ³Π»Ρ‹ Ρƒ Ρ„ΠΈΠ³ΡƒΡ€.

Для Π½Π°Ρ‡Π°Π»Π°, Π΄Π°Π²Π°ΠΉΡ‚Π΅ создадим Ρ„ΠΈΠ³ΡƒΡ€Ρƒ. Π‘Π΄Π΅Π»Π°Ρ‚ΡŒ это ΠΌΠΎΠΆΠ½ΠΎ, Π²Ρ‹Π±Ρ€Π°Π² Π² ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов инструмСнт ΠŸΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½Π°Ρ Ρ„ΠΈΠ³ΡƒΡ€Π° (Custom Shape Tool). Горячая клавиша Π²Ρ‹Π·ΠΎΠ²Π° подмСню инструмСнтов для создания Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Ρ… Ρ„ΠΈΠ³ΡƒΡ€ – U.

Для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ этот инструмСнт стал Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΌ, Π΅ΡΡ‚ΡŒ Π΄Π²Π° способа:

1. Π‘ Π·Π°ΠΆΠ°Ρ‚ΠΎΠΉ клавишСй Shift Ρ‰Π΅Π»ΠΊΠ½ΡƒΡ‚ΡŒ ΠΏΠΎ Π³Ρ€ΡƒΠΏΠΏΠ΅ инструмСнтов ΠΈ откроСтся подмСню для Π²Ρ‹Π±ΠΎΡ€Π° Π½ΡƒΠΆΠ½ΠΎΠ³ΠΎ инструмСнта;

2. Π”Π»ΠΈΠ½Π½ΠΎΠ΅ Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ Π»Π΅Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΌΡ‹ΡˆΠΈ ΠΏΠΎ Π³Ρ€ΡƒΠΏΠΏΠ΅ инструмСнтов Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚ подмСню.

Π—Π°Π³Ρ€ΡƒΠΆΠ°Π΅ΠΌ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏ всС ΠΈΠΌΠ΅ΡŽΡ‰ΠΈΠ΅ΡΡ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ (Ρ‰Π΅Π»ΠΊΠ°Π΅ΠΌ ΠΏΠΎ ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Π΅ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ ΠΈ Π½Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ Π½Π° Β«ΡˆΠ΅ΡΡ‚Π΅Ρ€Π΅Π½ΠΊΡƒΒ» справа для открытия Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… настроСк):

Β 

Из Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π³ΠΎ списка Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ Ρ„ΠΈΠ³ΡƒΡ€Ρƒ с острыми ΡƒΠ³ΠΎΠ»ΠΊΠ°ΠΌΠΈ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Ρ‚Π°ΠΊΡƒΡŽ Π·Π²Π΅Π·Π΄ΠΎΡ‡ΠΊΡƒ с 10 ΡƒΠ³Π»Π°ΠΌΠΈ:

ΠŸΡ€ΠΈ создании Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ Π½Π΅ Π·Π°Π±Ρ‹Π²Π°Π΅ΠΌ ΡƒΠ΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Shift – это ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΈ.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Ρ€Π°ΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ„ΠΈΠ³ΡƒΡ€Ρƒ – Ρ‰Π΅Π»Ρ‡ΠΎΠΊ ΠΏΡ€Π°Π²ΠΎΠΉ клавишСй ΠΌΡ‹ΡˆΠΈ ΠΏΠΎ слою с Ρ„ΠΈΠ³ΡƒΡ€ΠΎΠΉ-Π Π°ΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ слой.

Β 

Π”Π°Π»Π΅Π΅ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΠΌ Π² Π€ΠΈΠ»ΡŒΡ‚Ρ€-Π Π°Π·ΠΌΡ‹Ρ‚ΠΈΠ΅-Π Π°Π·ΠΌΡ‹Ρ‚ΠΈΠ΅ ΠΏΠΎ Гауссу (Filter-Blur-Gaussian Blur).

Радиус ΠΏΠΎΠ΄Π±ΠΈΡ€Π°Π΅ΠΌ Π² зависимости ΠΎΡ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° холста ΠΈ ΠΆΠ΅Π»Π°Π΅ΠΌΠΎΠ³ΠΎ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°, я Π²Ρ‹Π±Ρ€Π°Π»Π° 6 пиксСлСй.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ слоя с Ρ„ΠΈΠ³ΡƒΡ€ΠΎΠΉ, для этого с Π·Π°ΠΆΠ°Ρ‚ΠΎΠΉ клавишСй Ctrl Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΏΠΎ ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Π΅ слоя с Ρ„ΠΈΠ³ΡƒΡ€ΠΎΠΉ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ слоСв.

ΠŸΡ€ΠΈ Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΌ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠΈ Π½Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«Π£Ρ‚ΠΎΡ‡Π½ΠΈΡ‚ΡŒ ΠΊΡ€Π°ΠΉΒ» (Refine Edge):

Β 

ΠžΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚ΡΡ мСню настроСк, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Π Π°ΡΡ‚ΡƒΡˆΡ‘Π²ΠΊΠ° (Feather) ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π½Π° 0, Π° ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ ΠšΠΎΠ½Ρ‚Ρ€Π°ΡΡ‚Π½ΠΎΡΡ‚ΡŒ (Contrast) ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ максимально, Π΄ΠΎ 100%. ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Π‘Π³Π»Π°Π΄ΠΈΡ‚ΡŒ (Smooth)настраиваСм Π½Π° свой вкус, ΠΈΠΌΠ΅Π½Π½ΠΎ ΠΎΠ½ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ ΡƒΠ³Π»Ρ‹ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹. Π’ случаС с 10-Π³Ρ€Π°Π½Π½ΠΎΠΉ Π·Π²Π΅Π·Π΄ΠΎΠΉ я Π΅Π³ΠΎ выставила Π½Π° максимум, Ρƒ вас ΠΆΠ΅ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ совсСм Π΄Ρ€ΡƒΠ³ΠΈΠ΅ настройки.

Π’ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π΅ Π’Ρ‹Π²ΠΎΠ΄ Π² … оставляСм настройку, ΡƒΡΡ‚Π°Π½ΠΎΠ²Π»Π΅Π½Π½ΡƒΡŽ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ – Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅.

НаТимаСм ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Enter для примСнСния настроСк. Π‘ΠΎΠ·Π΄Π°Π΅ΠΌ Π½ΠΎΠ²Ρ‹ΠΉ слой ΠΈ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ инструмСнта Π—Π°Π»ΠΈΠ²ΠΊΠ° (Paint Bucket Tool) ΠΈΠ»ΠΈ пСрСйдя Π² мСню Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅-Π’Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ Π·Π°Π»ΠΈΠ²ΠΊΡƒ Π·Π°Π»ΠΈΠ²Π°Π΅ΠΌ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π½ΡƒΠΆΠ½Ρ‹ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Ρ‡Π΅Ρ€Π½Ρ‹ΠΌ, ΠΊΠ°ΠΊ Π½Π° исходной Ρ„ΠΈΠ³ΡƒΡ€Π΅. ΠžΡ‚ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌ Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ исходного слоя с Ρ„ΠΈΠ³ΡƒΡ€ΠΎΠΉ ΠΈ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅ΠΌ Π²ΠΎΡ‚ Ρ‚Π°ΠΊΡƒΡŽ Ρ„ΠΈΠ³ΡƒΡ€Ρƒ со скруглСнными ΡƒΠ³Π»Π°ΠΌΠΈ:

Π’ΠΎΡ‚ ΠΈ всС. Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ ΠΌΡ‹ Π½Π°ΡƒΡ‡ΠΈΠ»ΠΈΡΡŒ ΡΠΊΡ€ΡƒΠ³Π»ΡΡ‚ΡŒ ΡƒΠ³Π»Ρ‹ Ρƒ Ρ„ΠΈΠ³ΡƒΡ€ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏ. НадСюсь, ΡƒΡ€ΠΎΠΊ Π±Ρ‹Π» Π²Π°ΠΌ ΠΏΠΎΠ»Π΅Π·Π΅Π½.

Если Π²Ρ‹ нашли ΠΎΡˆΠΈΠ±ΠΊΡƒ/ΠΎΠΏΠ΅Ρ‡Π°Ρ‚ΠΊΡƒ, поТалуйста, Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ тСкста ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Ctrl+Enter.

Как Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ края Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ – простой способ. Как быстро ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹Π΅ ΡƒΠ³Π»Ρ‹ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ ΠΈ любого Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° Π² Photoshop

Π”ΠΎΠ±Ρ€ΠΎΠ³ΠΎ всСм ΡƒΡ‚Ρ€Π°, дня, Π²Π΅Ρ‡Π΅Ρ€Π° ΠΈΠ»ΠΈ Π½ΠΎΡ‡ΠΈ. Π‘ Π²Π°ΠΌΠΈ снова ΠΈ ΠΎΠΏΡΡ‚ΡŒ Π”ΠΌΠΈΡ‚Ρ€ΠΈΠΉ ΠšΠΎΡΡ‚ΠΈΠ½. Как-Ρ‚ΠΎ я просматривал Ρ€Π°Π·Π½Ρ‹Π΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΈ Ρ‚ΡƒΡ‚ ΠΌΠ½Π΅ ΠΏΡ€ΠΈΠ³Π»ΡΠ½ΡƒΠ»ΠΈΡΡŒ Π½Π΅ΠΊΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΠ· Π½ΠΈΡ…. А ΠΏΡ€ΠΈΠ³Π»ΡΠ½ΡƒΠ»ΠΈΡΡŒ ΠΎΠ½ Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ Ρƒ Π½ΠΈΡ… Π±Ρ‹Π»ΠΈ Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Ρ‹ края. Π‘Ρ€Π°Π·Ρƒ ΠΊΠ°ΠΊ-Ρ‚ΠΎ интСрСснСС смотрится. Π’Ρ‹ Π½Π΅ Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚Π΅? И поэтому Π² сСгодняшнСм ΡƒΡ€ΠΎΠΊΠ΅ я Ρ…ΠΎΡ‚Π΅Π» Π±Ρ‹ Π²Π°ΠΌ Ρ€Π°ΡΡΠΊΠ°Π·Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊ Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ ΡƒΠ³Π»Ρ‹ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ„ΠΎΡ‚ΠΎ ΡΠΌΠΎΡ‚Ρ€Π΅Π»ΠΎΡΡŒ поинтСрСснСС.

Π’ΠΎΡ‚ Ρ‡Π΅ΠΌ я люблю Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏ, Ρ‚Π°ΠΊ это Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ Π²ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΡ… случаях ΠΎΠ΄Π½ΠΎ ΠΈ Ρ‚ΠΎΠΆΠ΅ Π΄Π΅Π»ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ нСсколькими способами. Π’Π°ΠΊ ΠΈ здСсь. Π”Π°Π²Π°ΠΉΡ‚Π΅ приступим ΠΊ Π½Π°ΡˆΠ΅ΠΌΡƒ Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΡΡ‚Π²Ρƒ.

Π‘Π³Π»Π°ΠΆΠΈΠ²Π°Π½ΠΈΠ΅ с использованиСм Π³Ρ€Π°Π½ΠΈΡ†

Π­Ρ‚ΠΎΡ‚ способ ΠΏΠΎΡ…ΠΎΠΆ Π½Π° ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΠΉ, Π½ΠΎ всё ΠΆΠ΅ сильно отличаСтся. ΠŸΡ€ΠΎΠ΄Π΅Π»Ρ‹Π²Π°Ρ‚ΡŒ всё Π±ΡƒΠ΄Π΅ΠΌ с Ρ‚Π΅ΠΌ ΠΆΠ΅ самым ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ.


Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ создания Ρ„ΠΈΠ³ΡƒΡ€Ρ‹

Π’ΠΎΡ‚ Ρ‚Ρ€Π΅Ρ‚ΠΈΠΉ способ ΡƒΠΆΠ΅ ΠΊΠ°Ρ€Π΄ΠΈΠ½Π°Π»ΡŒΠ½ΠΎ отличаСтся ΠΎΡ‚ Π΄Π²ΡƒΡ… ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΡ…. Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ ΠΏΠ΅Ρ€Π΅Π΄ΠΎΡ…Π½ΠΈΡ‚Π΅ ΠΏΠ°Ρ€Ρƒ сСкунд ΠΈ Π΅Π΄Π΅ΠΌ дальшС. Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΌΠ΅Π½ΡΡ‚ΡŒ Π½Π΅ Π±ΡƒΠ΄Ρƒ ΠΈ ΠΎΠΏΡΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠΆΡƒ эту ΠΌΠ°ΡˆΠΈΠ½Ρƒ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏ.


Π’Ρ‹ Π²ΠΈΠ΄ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ Ρƒ вас Π² ΠΈΡ‚ΠΎΠ³Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΎΡΡŒ? ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° стала с Π·Π°Π³Ρ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ краями, Π° всС ΠΈΠ·-Π·Π° Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ ΠΎΠ½Π° отобраТаСтся Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‚Π°ΠΊ, Π³Π΄Π΅ стоит наш нарисованный Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΉ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ. Но Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΠ±Ρ€Π΅Π·Π°Ρ‚ΡŒ лишний Ρ„ΠΎ с ΠΏΠΎΠΌΠΎΡ‰Ρ‚ΡŽ инструмСнта»Π Π°ΠΌΠΊΠ°», Π»ΠΈΠ±ΠΎ ΠΆΠ΅ сразу ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ ΠΈ Ρƒ вас ΡƒΠΆΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ ΡƒΠ³Π»Π°ΠΌΠΈ.

ΠŸΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ ΠΏΡ€ΠΎΠ΄Π΅Π»Π°Ρ‚ΡŒ всС сами, Π° Π·Π°ΠΎΠ΄Π½ΠΎ ΠΈ скаТСтС, ΠΊΠ°ΠΊΠΎΠΉ ΠΈΠ· прСдставлСнных способов Π±ΠΎΠ»Π»Π΅ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Ρ‚ΠΈΡ‚Π΅Π»Π΅Π½ Π²Π°ΠΌ.

И кстати, Ссли Ρƒ вас Π΅ΡΡ‚ΡŒ ΠΏΡ€ΠΎΠ±Π΅Π»Ρ‹ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ ΠΈΠ»ΠΈ Π²Ρ‹ Π΅Π³ΠΎ просто Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΠΈΠ·ΡƒΡ‡ΠΈΡ‚ΡŒ Π² ΠΊΡ€Π°Ρ‚Ρ‡Π°ΠΉΡˆΠΈΠ΅ сроки, Ρ‚ΠΎ ΠΎΡ‡Π΅Π½ΡŒ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽ Π²Π°ΠΌ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½ Π·Π°ΠΌΠ΅Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ курс ΠΏΠΎ Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΡƒ для Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ… . ΠšΡƒΡ€Ρ ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ сдСлан, рассказано ΠΈ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ всё просто Π²Π΅Π»ΠΈΠΊΠΎΠ»Π΅ΠΏΠ½ΠΎ ΠΈ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» разбираСтся ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ.

Ну Π° Π½Π° сСгодня я свой ΡƒΡ€ΠΎΠΊ Π·Π°ΠΊΠ°Π½Ρ‡ΠΈΠ²Π°ΡŽ. НС Π·Π°Π±ΡƒΠ΄ΡŒΡ‚Π΅ ΠΏΠΎΠ΄ΠΏΠΈΡΠ°Ρ‚ΡŒΡΡ Π½Π° Π½ΠΎΠ²Ρ‹Π΅ ΡΡ‚Π°Ρ‚ΡŒΠΈ ΠΈ ΠΏΠΎΠ΄Π΅Π»ΠΈΡ‚Π΅ΡΡŒ этим со своими Π΄Ρ€ΡƒΠ·ΡŒΡΠΌΠΈ. Π Π°Π΄ Π±Ρ‹Π» Π²Π°ΠΌ Π½Π° ΠΌΠΎΠ΅ΠΌ Π±Π»ΠΎΠ³Π΅. Π–Π΄Ρƒ вас снова. Пока-ΠΏΠΎΠΊΠ°.

Π‘ ΡƒΠ²Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ, Π”ΠΌΠΈΡ‚Ρ€ΠΈΠΉ ΠšΠΎΡΡ‚ΠΈΠ½

ВсС соврСмСнныС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ стандарты гипСртСкстовой Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ HTML5 ΠΈ стили оформлСния CCS3. И Ссли ваш сайт (шаблон) ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ соврСмСнныС стандарты, Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Π½ΠΎΡΠΈΡ‚ΡŒ измСнСния Π² ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅, Ρ‚Π°ΠΊΠΎΠ΅ ΠΊΠ°ΠΊ скруглСниС ΡƒΠ³Π»ΠΎΠ², Ρ‚Π΅Π½ΠΈ, градиСнтная Π·Π°Π»ΠΈΠ²ΠΊΠ°, Π½Π΅ прибСгая ΠΊ ΠΏΠΎΠΌΠΎΡ‰ΠΈ графичСских Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ².

ВСбмастСра повсСмСстно ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ скруглСнныС ΡƒΠ³Π»Ρ‹ Ρƒ Π±Π»ΠΎΠΊΠΎΠ² ΠΈ Ρ€Π°ΠΌΠΎΠΊ Π½Π° сайтах. Π― Π² этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ расскаТу ΠΊΠ°ΠΊ ΠΆΠ΅ Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ ΡƒΠ³Π»Ρ‹ Ρƒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ ΠΈ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ Π½Π° сайтС Π±Π΅Π· использования сторонних ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ, Ρ‚ΠΎΠ»ΡŒΠΊΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS.

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹Π΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ Π² ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π»ΠΈΡΡŒ Ρƒ вас Π½Π° экранС, Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ самыС свСТиС вСрсии Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ², FireFox, Chrome ΠΈ Ρ‚Π΅ Ρ‡Ρ‚ΠΎ сдСланы Π½Π° основС ΠΈΡ…: ЯндСкс.Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€, Амиго ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅.

Π—Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½ΠΈΠ΅ ΡƒΠ³Π»ΠΎΠ² Ρƒ Π±Π»ΠΎΠΊΠΎΠ² DIV

По стандарту CSS3 Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π±Π»ΠΎΠΊ DIV ΠΈΠΌΠ΅Π» скруглСнныС ΡƒΠ³Π»Ρ‹, Π΅ΠΌΡƒ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΡ€ΠΈΠ΄Π°Ρ‚ΡŒ ΡΡ‚ΠΈΠ»ΡŒ border-radius , Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Ρ‚Π°ΠΊ:

Border-radius: 10px;

Для наглядности нарисуСм Π΄Π²Π° Π±Π»ΠΎΠΊΠ° с прямыми ΠΈ скруглСнными ΡƒΠ³Π»Π°ΠΌΠΈ:

Π‘Π»ΠΎΠΊ с прямыми ΡƒΠ³Π»Π°ΠΌΠΈ

Π‘Π»ΠΎΠΊ с Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ ΡƒΠ³Π»Π°ΠΌΠΈ

Π—Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½ΠΈΠ΅ ΡƒΠ³Π»ΠΎΠ² Ρƒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ

По Π°Π½Π°Π»ΠΎΠ³ΠΈΠΈ с ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠΌ Π²Ρ‹ΡˆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ ΡƒΠ³Π»Ρ‹ ΠΈ Ρƒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ Π½Π° сайтС, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ. Для наглядности Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΠΌ ΡƒΠ³Π»Ρ‹ для Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ со страницы

Π’ΠΎΡ‚ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±Π΅Π· CSS ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ

А Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ с Π·Π°Π³Ρ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ ΡƒΠ³Π»Π°ΠΌΠΈ:

Border-radius: 10px;

Π§Ρ‚ΠΎΠ±Ρ‹ стало совсСм «красиво» с Π½Π°Ρ‡Π°Π»Π° Π΄ΠΎΠ±Π°Π²ΠΈΠΌ окантовку…

Border-radius: 10px; border: 5px #ccc solid;

Π° Π·Π°Ρ‚Π΅ΠΌ ΠΈ Ρ‚Π΅Π½ΠΈ:

Border-radius: 10px; border: 5px #ccc solid; box-shadow: 0 0 10px #444;

Π’Π°Ρ€ΠΈΠ°Π½Ρ‚ Π½ΠΈΠΆΠ΅ (Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹Π΅ ΡƒΠ³Π»Ρ‹ с Ρ‚Π΅Π½ΡŒΡŽ Π±Π΅Π· Π±ΠΎΡ€Π΄ΡŽΡ€Π°) ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΡ…ΠΎΠΆ Π½Π° ΠΊΠΎΠ²Ρ€ΠΈΠΊ для ΠΌΡ‹ΡˆΠΈ:

Border-radius: 10px; box-shadow: 0 0 10px #444;

И напослСдок ΠΏΠΎΠ»Π½ΠΎΠ΅ ΠΈΠ·Π΄Π΅Π²Π°Ρ‚Π΅Π»ΡŒΡΡ‚Π²ΠΎ Π½Π°Π΄ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ

Border-radius: 50%; border: 5px #cfc solid; box-shadow: 0 0 10px #444;

Если Π²Ρ‹ ΠΎΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ Π² Π½ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅, Ρ‚ΠΎ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΎ (ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅) Π² Π½Π΅ΠΈΠ·ΠΌΠ΅Π½Π½ΠΎΠΌ Π²ΠΈΠ΄Π΅, Π° всС ΡƒΠ³Π»Ρ‹, Ρ‚Π΅Π½ΠΈ ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅ β€” всСго лишь Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ CSS стилСй вашим Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠΌ.

МалСнькоС лиричСскоС отступлСниС

Π‘Ρ‚ΠΈΠ»ΡŒ border ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°Π΅Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния Π½Π° Π²Π΅Π»ΠΈΡ‡ΠΈΠ½Ρƒ ΠΎΠΊΠ°Π½Ρ‚ΠΎΠ²ΠΊΠΈ. Если ΡƒΠΊΠ°Π·Π°Π½ΠΎ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ border: 5px , Ρ‚ΠΎ ΠΈΡ‚ΠΎΠ³ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ станСт ΡˆΠΈΡ€Π΅ ΠΈ Π²Ρ‹ΡˆΠ΅ Π½Π° 10 пиксСлСй. Π£Ρ‡ΠΈΡ‚Ρ‹Π²Π°ΠΉΡ‚Π΅ это, Π² Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… случаях ΠΌΠΎΠΆΠ΅Ρ‚ Β«ΠΏΠΎΠ΅Ρ…Π°Ρ‚ΡŒΒ» вСрстка сайта.

А ΡΡ‚ΠΈΠ»ΡŒ box-shadow Π½Π΅ влияСт Π½Π° Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, Ρ‚Π΅Π½ΡŒ ΠΊΠ°ΠΊ Π±Ρ‹ Π½Π°Π΅Π·ΠΆΠ°Π΅Ρ‚ Π½Π° сосСдниС элСмСнты. ΠŸΡ€ΠΈ Π΅Π³ΠΎ использовании вСрстка сайта Π½Π΅ страдаСт.

Как Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ ΡƒΠ³Π»Ρ‹ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ Π½Π° WordPress

Π’ΠΎ всСх ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹Ρ… ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ… Π²Ρ‹ΡˆΠ΅ я прописывал стили прямо Π² Ρ‚Π΅Π³Π°Ρ… html ΠΊΠΎΠ΄Π°. НапримСр послСдний выглядит Ρ‚Π°ΠΊ:

Π­Ρ‚ΠΎ Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΊΠΎΠ³Π΄Π° Π½ΡƒΠΆΠ½ΠΎ ΠΏΠ΅Ρ€Π΅ΠΎΡ„ΠΎΡ€ΠΌΠΈΡ‚ΡŒ ΠΎΠ΄Π½Ρƒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ ΠΈΠ»ΠΈ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ. А Ссли Π²Ρ‹ Π·Π°Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ всС? Ну Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚Π΅ ΠΆΠ΅ Π²Ρ‹ Π»Π°Π·ΠΈΡ‚ΡŒ ΠΏΠΎ всСму своСму сайту, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ΄Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ. Π’ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ случаСв WordPress Ρ‚Π΅Π³Ρƒ IMG опрСдСляСт нСсколько классов стилСй. Один ΠΏΠΎ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΌΡƒ ΠΈΠΌΠ΅Π½ΠΈ Ρ„Π°ΠΉΠ»Π° с ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ, Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΏΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρƒ, ΠΈ Π΅Ρ‰Π΅ ΠΏΠΎ Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°ΡŽ. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π½ΠΈΡ… Π²Ρ‹ΡˆΠ΅ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹ΠΌΠΈ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π°ΠΌΠΈ.

НапримСр для всСх ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, для ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½Π΅ ΡƒΠΊΠ°Π·Π°Π½ΠΎ Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅, Π² Ρ„Π°ΠΉΠ»Π΅ style.css вашСй Ρ‚Π΅ΠΌΡ‹ WordPress ΠΏΡ€ΠΎΠΏΠΈΡˆΠΈΡ‚Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅:

Alignnone { border-radius: 10px; border: 5px #cfc solid; box-shadow: 0 0 10px #444; }

Π›ΠΈΠ±ΠΎ самый ТСсткий ΠΌΠ΅Ρ‚ΠΎΠ΄ для всСх ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΉ Π½Π° сайтС. ΠŸΠ΅Ρ€Π΅ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΠΌ ΡΡ‚ΠΈΠ»ΡŒ для всСх Ρ‚Π΅Π³ΠΎΠ² IMG :

Img { border-radius: 10px; border: 5px #cfc solid; box-shadow: 0 0 10px #444; }

ПослСдний Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для WordPress, Π° для любой CMS. И Π΄Π°ΠΆΠ΅ для простой HTML странички Π² Ρ‚ΠΎΠΌ случаС ΠΊΠΎΠ³Π΄Π° ΠΏΡ€ΠΈ Π²Ρ‹Π²ΠΎΠ΄Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Ρ‚Π΅Π³Ρƒ IMG Π½Π΅ присваСватся Π½ΠΈΠΊΠ°ΠΊΠΈΡ… классов стилСй. Но Π±ΡƒΠ΄ΡŒΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹. Если Π²Ρ‹ ΠΏΠ΅Ρ€Π΅ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ отобраТСния Ρ‚Π΅Π³Π° IMG Π²Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚Π΅ внСшний Π²ΠΈΠ΄ Π’Π‘Π•Π₯ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ Π½Π° сайтС!

ВмСсто Π·Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ

ВсС ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ Π² ΡΡ‚Π°Ρ‚ΡŒΠ΅ условныС ΠΈ ΠΏΡ€ΠΈΠ·Π²Π°Π½Ρ‹ лишь ΠΏΡ€ΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ возмоТности CSS ΠΏΠΎ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΊΠ°ΠΊ это просто.

На Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… сайтах, Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π½Π΅Ρ‚ острых ΡƒΠ³Π»ΠΎΠ², ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ Π² ΡΡ‚Π°Ρ‚ΡŒΡΡ… ΠΈ новостях Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΠΌΠ΅ΡŽΡ‚ Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹Π΅ края. ΠžΡ‡Π΅Π½ΡŒ часто Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ Π½Π΅ Π·Π°Π΄ΡƒΠΌΡ‹Π²Π°ΡŽΡ‚ΡΡ Π½Π°Π΄ Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΈΠ΅ ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ с Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ ΡƒΠ³Π»Π°ΠΌΠΈ Π²Π»Π°Π΄Π΅Π»ΡŒΡ†Ρƒ сайта Π±ΡƒΠ΄Π΅Ρ‚ слоТно, Ρƒ Π½Π΅Π³ΠΎ Π½Π΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π΅ΡΡ‚ΡŒ Π½ΡƒΠΆΠ½Ρ‹Π΅ знания Photoshop . Π’ΠΏΡ€ΠΎΡ‡Π΅ΠΌ, Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊ сайта сам Π²ΠΈΠ½ΠΎΠ²Π°Ρ‚. ВрСбуя, Ρ‡Ρ‚ΠΎΠ±Ρ‹ всС Π±Ρ‹Π»ΠΎ красиво, ΠΎΠ½ часто Π½Π΅ задумываСтся Π½Π°Π΄ Ρ‚Π΅ΠΌ, ΠΊΠ°ΠΊ ΠΎΠ½ ΠΏΠΎΡ‚ΠΎΠΌ Π±ΡƒΠ΄Π΅Ρ‚ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ изобраТСния с Π·Π°ΠΎΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ краями Π² ΡΡ‚Π°Ρ‚ΡŒΠΈ ΠΈ новости Π½Π° своСм сайтС.

Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Photoshop ΠΌΡ‹ ΡƒΠ²ΠΈΠ΄ΠΈΠΌ ΠΊΠ°ΠΊ просто Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ ΡƒΠ³Π»Ρ‹ рисунка Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Π°Π²Π°Ρ‚Π°Ρ€ΠΊΠΈ, Π½Π΅ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡ΠΈΠ²Π°ΡΡΡŒ Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½ΠΎΠΉ Π² 1px :

Когда ΠΌΠ½Π΅ Π²ΠΏΠ΅Ρ€Π²Ρ‹Π΅ Π±Ρ‹Π»ΠΎ Π½ΡƒΠΆΠ½ΠΎ Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ ΡƒΠ³Π»Ρ‹ Π² ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ для сайта, ΠΎΡ‚Π²Π΅Ρ‚ для мСня Π±Ρ‹Π» Π½Π΅ΠΎΡ‡Π΅Π²ΠΈΠ΄Π΅Π½. Π― ΠΏΠΎΠ³ΡƒΠ³Π»ΠΈΠ» ΠΈ наткнулся Π½Π° ΠΏΠ°Ρ€Ρƒ ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄Π½Ρ‹Ρ… инструкций, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±Ρ‹Π»ΠΈ слишком Π·Π°ΡƒΠΌΠ½Ρ‹ΠΌΠΈ для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠ° – ΠΌΡƒΡ‡ΠΈΡ‚ΡŒΡΡ с ΠΊΠ°Π½Π°Π»Π°ΠΌΠΈ, путями, Ρ€Π°Π·ΠΌΡ‹Ρ‚ΠΈΠ΅ΠΌ, Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠΌΠΈ ΠΈ ΠΏΡ€ΠΎΡ‡ΠΈΠΌΠΈ инструмСнтами для ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚Ρ‹Ρ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ Photoshop Π΄Π°ΠΆΠ΅ профСссионалу лСнь, Π° для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠ° Ρ‚Π°ΠΊΠΎΠΉ процСсс ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒΡΡ нСпонятным ΠΈ Π½ΡƒΠ΄Π½Ρ‹ΠΌ. НСмного ΠΏΠΎΠ΄ΡƒΠΌΠ°Π², я нашСл свой способ ΠΊΠ°ΠΊ быстро ΠΈ просто Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ края Π½ΡƒΠΆΠ½ΠΎΠ³ΠΎ ΠΌΠ½Π΅ рисунка.

ЗакругляСм всС ΡƒΠ³Π»Ρ‹ рисунка с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ„ΠΎΡ€ΠΌΡ‹ Photoshop

Допустим, Π½ΡƒΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ с Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ краями. ΠŸΡ€ΠΈ этом Ρƒ вас Π½Π΅Ρ‚ Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½ΠΎΠ³ΠΎ изобраТСния со сглаТСнными краями. ΠŸΡ€Π΅Π΄Π»Π°Π³Π°Ρ Π²Π°ΠΌ ΠΎΡ‡Π΅Π½ΡŒ простой, Π½ΠΎ ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ описанный ΠΈ ΠΈΠ»Π»ΡŽΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ ΡƒΡ€ΠΎΠΊ Photoshop ΠΊΠ°ΠΊ Π½ΠΎΠ²ΠΈΡ‡ΠΊΡƒ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ с Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ ΡƒΠ³Π»Π°ΠΌΠΈ .

1. ΠžΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ. Π’ ΡƒΡ€ΠΎΠΊΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ моя любимая вСрсия Adobe Photoshop CS3 , Π½ΠΎ ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ ΠΈ любая другая вСрсия, установлСнная Π½Π° вашСм ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅.

2. ΠžΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ исходный рисунок, края ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΌΡ‹ Π±ΡƒΠ΄Π΅ΠΌ Π·Π°ΠΊΡ€ΡƒΠ³Π»ΡΡ‚ΡŒ. Если рисунок отличаСтся ΠΏΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρƒ ΠΈ Ρ„ΠΎΡ€ΠΌΠ΅ ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½Π°ΠΌ Π½ΡƒΠΆΠ΅Π½, Π½ΡƒΠΆΠ½ΠΎ ΠΈ/ΠΈΠ»ΠΈ Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ ΠΏΠ΅Ρ€Π΅Π΄ Π½Π°Ρ‡Π°Π»ΠΎΠΌ закруглСния ΡƒΠ³Π»ΠΎΠ².

3. НаТимаСм Π½Π° ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Π΅ Ctrl+A Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ вСсь рисунок, Π·Π°Ρ‚Π΅ΠΌ Π½Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ Ctrl+C , Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΅Π³ΠΎ ΡΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ. ΠžΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ Π½ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ (Ctrl+N ) ΠΈ вставляСм Π² Π½Π΅Π³ΠΎ скопированный рисунок (Ctrl+V ). ΠŸΡ€ΠΈ этом Ρ„ΠΎΠ½ Π² Π½ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Π»ΠΈΠ±ΠΎ , Π»ΠΈΠ±ΠΎ Ρ‚ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΎΠΊΡ€ΡƒΠΆΠ°Ρ‚ΡŒ рисунок с Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ краями Π½Π° сайтС.

4. Π‘ΠΎΠ·Π΄Π°Π΅ΠΌ Π½ΠΎΠ²Ρ‹ΠΉ слой (Ctrl+Shift+N ). И Π² этом Π½ΠΎΠ²ΠΎΠΌ слоС с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнта Rounded Rectangle Tool (U) рисуСм ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚ ΠΈΠ»ΠΈ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ Π½ΡƒΠΆΠ½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°:

5. Π¦Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° нарисованного ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ значСния. ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Radius , Ρ…Π°Ρ€Π°ΠΊΡ‚Π΅Ρ€ΠΈΠ·ΡƒΡŽΡ‰ΠΈΠΉ ΡΡ‚Π΅ΠΏΠ΅Π½ΡŒ закруглСнности ΡƒΠ³Π»Π°, для этого ΡƒΡ€ΠΎΠΊΠ° Ρ€Π°Π²Π΅Π½ 8 , Π½ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π΅Π³ΠΎ ΠΏΠΎ своСму ΡƒΡΠΌΠΎΡ‚Ρ€Π΅Π½ΠΈΡŽ:

6. ΠΠ°Ρ€ΠΈΡΠΎΠ²Π°Π½Π½ΡƒΡŽ Π² Π½ΠΎΠ²ΠΎΠΌ слоС Ρ„ΠΈΠ³ΡƒΡ€Ρƒ ΠΌΠΎΠΆΠ½ΠΎ Π΄Π²ΠΈΠ³Π°Ρ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ стрСлок Π½Π° ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Π΅. Π•Π΅ Ρ„ΠΎΡ€ΠΌΡƒ ΠΌΠΎΠΆΠ½ΠΎ ΠΌΠ΅Π½ΡΡ‚ΡŒ, Π½Π°ΠΆΠ°Π² Π½Π° ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Π΅ Ctrl+T ΠΈ растягивая Π·Π°Ρ‚Π΅ΠΌ Ρ„ΠΈΠ³ΡƒΡ€Ρƒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΌΡ‹ΡˆΠΈ. Если Ρ‚ΡΠ½ΡƒΡ‚ΡŒ Π·Π° ΡƒΠ³ΠΎΠ», удСрТивая ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Shift , Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚ ΠΌΠ΅Π½ΡΡ‚ΡŒΡΡ ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎ. Π’ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ всСх этих дСйствий ΠΌΡ‹ добьСмся Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ Ρ„ΠΈΠ³ΡƒΡ€Π° с Π·Π°ΠΎΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ краями Π±ΡƒΠ΄Π΅Ρ‚ Ρ‚Π°ΠΊΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΈ Ρ„ΠΎΡ€ΠΌΡ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π°ΠΌ Π½ΡƒΠΆΠ½Ρ‹:

7. УдСрТивая ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Ctrl ΠΊΠ»ΠΈΠΊΠ°Π΅ΠΌ ΠΏΠΎ ΠΏΡ€Π΅Π²ΡŒΡŽ слоя Π² ΠΏΠ°Π½Π΅Π»ΠΈ слоСв Layers (Ρƒ нас это красный ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚). Π­Ρ‚ΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ Π½Π°ΠΌ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ красный ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ с Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ ΡƒΠ³Π»Π°ΠΌΠΈ, ΠΎ Ρ‡Π΅ΠΌ ΡΠ²ΠΈΠ΄Π΅Ρ‚Π΅Π»ΡŒΡΡ‚Π²ΡƒΠ΅Ρ‚ появившаяся пунктирная линия ΠΏΠΎ Π΅Π³ΠΎ Π³Ρ€Π°Π½ΠΈΡ†Π΅:

8. Π’ ΠΏΠ°Π½Π΅Π»ΠΈ слоСв Layers ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΠΌ Π½Π° Π½ΠΈΠΆΠ½ΠΈΠΉ слой с основным ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΠΈ Π½Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΡŽ Ctrl+Shift+I (ΠΈΠ»ΠΈ Select -> Inverse Π² Π³Π»Π°Π²Π½ΠΎΠΌ мСню Photoshop). Π­Ρ‚ΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ, которая Π»Π΅ΠΆΠΈΡ‚ Π·Π° ΠΏΡ€Π΅Π΄Π΅Π»Π°ΠΌΠΈ красного ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π° с Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ ΡƒΠ³ΠΎΠ»ΠΊΠ°ΠΌΠΈ.

9. НаТимаСм Π½Π° ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Π΅ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Delete , Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ эту Π½Π΅Π½ΡƒΠΆΠ½ΡƒΡŽ Π½Π°ΠΌ Ρ‡Π°ΡΡ‚ΡŒ основной ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ. ПослС этого Π΄Π΅Π»Π°Π΅ΠΌ Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΡ‹ΠΌ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ слой с красным ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚ΠΎΠΌ (Π² ΠΏΠ°Π½Π΅Π»ΠΈ Layers Π½Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ Π½Π° ΠΈΠΊΠΎΠ½ΠΊΡƒ Π³Π»Π°Π·Π° Π²ΠΎΠ·Π»Π΅ слоя с красным ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚ΠΎΠΌ). НаТимаСм Π½Π° ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Π΅ M ΠΈ ΠΊΠ»ΠΈΠΊΠ°Π΅ΠΌ Π² любом мСстС Π½Π° холстС рисунка, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ½ΡΡ‚ΡŒ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π½Π° Π³ΠΎΡ‚ΠΎΠ²ΠΎΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ Π°Π²Π°Ρ‚Π°Ρ€ΠΊΠΈ с Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ ΡƒΠ³Π»Π°ΠΌΠΈ. Если Ρ„ΠΎΠ½ ΠΌΡ‹ установили ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΌ, ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠΌ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅:

10. Рисунок Π±Π΅Π· острых ΡƒΠ³Π»ΠΎΠ² Π³ΠΎΡ‚ΠΎΠ². МоТно ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΊ Π°Π²Π°Ρ‚Π°Ρ€ΠΊΡƒ ΠΈΠ»ΠΈ ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΡŽ Π½Π° сайтС.

Если Π΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ с Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ ΡƒΠ³Π»Π°ΠΌΠΈ Π½ΡƒΠΆΠ½ΠΎ часто ΠΈ ΠΎΠ½ΠΈ всС ΠΎΠ΄Π½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΈ стиля, Π»ΠΎΠ³ΠΈΡ‡Π½Ρ‹ΠΌ Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ этого ΡƒΡ€ΠΎΠΊΠ° Photoshop Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PSD , Ρ‡Ρ‚ΠΎΠ±Ρ‹ слои ΠΎΡΡ‚Π°Π»ΠΈΡΡŒ доступными для рСдактирования. Π’ΠΎΠ³Π΄Π° процСсс создания Π½ΠΎΠ²Ρ‹Ρ… ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ Π±Π΅Π· острых ΡƒΠ³Π»ΠΎΠ² упростится Π΄ΠΎ выдСлСния ΠΊΠΎΠ½Ρ‚ΡƒΡ€Π° Π³ΠΎΡ‚ΠΎΠ²ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, инвСртирования выдСлСния ΠΈ удалСния Π½Π΅Π½ΡƒΠΆΠ½ΠΎΠΉ части Π½ΠΎΠ²ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ.

Если Π½ΡƒΠΆΠ½ΠΎ Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄ΠΈΠ½ ΡƒΠ³ΠΎΠ» рисунка, Π° ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Π΅ ΠΏΡ€ΠΈ этом Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΎΡΡ‚Π°Ρ‚ΡŒΡΡ острыми, Π²Ρ‹ΡˆΠ΅ΠΎΠΏΠΈΡΠ°Π½Π½Π°Ρ инструкция Ρ‚ΠΎΠΆΠ΅ ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ для использования. Для этого достаточно ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΠΈ Ctrl+T Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ красного ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° большС, Ρ‡Π΅ΠΌ рСдактируСмая ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°. ΠŸΡ€ΠΈ этом края красного ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π° Π±ΡƒΠ΄ΡƒΡ‚ Π·Π°ΠΊΠ°Π½Ρ‡ΠΈΠ²Π°Ρ‚ΡŒΡΡ Π·Π° ΠΏΡ€Π΅Π΄Π΅Π»Π°ΠΌΠΈ холста ΠΈ Ρ‚Π°ΠΊΠΎΠΉ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°Π»ΠΎΠΆΠΈΡ‚ΡŒ Π½Π° рисунок Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄ΠΈΠ½ ΡƒΠ³ΠΎΠ» накладывался Π½Π° Π²ΠΈΠ΄ΠΈΠΌΡƒΡŽ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ рисунка, Π° ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Π΅ ΠΎΡΡ‚Π°Π»ΠΈΡΡŒ Π·Π° Π΅Π³ΠΎ ΠΏΡ€Π΅Π΄Π΅Π»Π°ΠΌΠΈ. Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инвСртирования ΠΈ удалСния Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½ΠΎΠΉ части рисунка ΠΌΡ‹ Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΠΌ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄ΠΈΠ½ Π½ΡƒΠΆΠ½Ρ‹ΠΉ ΡƒΠ³ΠΎΠ» ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, Π° ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Π΅ ΡƒΠ³Π»Ρ‹ останутся острыми. Аналогично ΠΌΠΎΠΆΠ½ΠΎ быстро ΠΈ просто Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ любоС количСство ΡƒΠ³Π»ΠΎΠ² любого изобраТСния.

Π’Π°ΠΊΠΆΠ΅ для создания ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ с Π½Π΅Ρ€ΠΎΠ²Π½Ρ‹ΠΌΠΈ краями ΠΈΠ»ΠΈ Π»ΡŽΠ±Ρ‹ΠΌΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹ΠΌΠΈ эффСктами ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ с Ρ‚Π°ΠΊΠΈΠΌΠΈ Π½Π΅Ρ€ΠΎΠ²Π½Ρ‹ΠΌΠΈ краями ΠΈΠ»ΠΈ Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ ΡƒΠ³Π»Π°ΠΌΠΈ, ΡΠΊΠ°Ρ‡Π°Π½Π½ΡƒΡŽ с ΠΊΠ°ΠΊΠΎΠ³ΠΎ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ сайта. ΠŸΡ€ΠΈ этом Π½ΡƒΠΆΠ½ΠΎ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½, Π½Π΅ относящийся ΠΊ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнта Magic Wand Tool (W) .

Π£Π·Π½Π°Ρ‚ΡŒ большС ΠΏΡ€ΠΎ ΠΏΡ€ΠΎΠ΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π° сайтС advertmobile.net. Π­Ρ‚ΠΎΡ‚ сСрвис ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΌΠΎΡ‚ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ установки Π² Π±ΠΎΠ»ΡŒΡˆΠΈΡ… ΠΎΠ±ΡŠΠ΅ΠΌΠ°Ρ… для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½ΠΎΠ³ΠΎ Π²Π°ΠΌΠΈ прилоТСния, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΡ… Π³Ρ€Π°ΠΌΠΎΡ‚Π½ΡƒΡŽ раскрутку Π² App Store ΠΈ Google Play.

БСйчас изобраТСния с Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ краями ΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ ΠΏΠΎΠΏΡƒΠ»ΡΡ€Π½ΠΎΡΡ‚ΡŒΡŽ. Π‘Π΄Π΅Π»Π°Ρ‚ΡŒ это совсСм Π½Π΅ слоТно, особСнно Ссли Π·Π°Π³ΠΎΡ‚ΠΎΠ²ΠΈΡ‚ΡŒ шаблон для дальнСйшСй Ρ€Π°Π±ΠΎΡ‚Ρ‹.

Π’Π°ΠΌ понадобится
  • ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° Adobe Photoshop
Π˜Π½ΡΡ‚Ρ€ΡƒΠΊΡ†ΠΈΡ
  • ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ, с ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ. Если Π² ΠΈΡ‚ΠΎΠ³Π΅ Π²Π°ΠΌ Π½ΡƒΠΆΠ΅Π½ рисунок Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎΠ³ΠΎ ΠΎΡ‚ исходного, Π²ΠΎΡ‚ ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚Π΅ Π΅Π³ΠΎ ΠΈΠ»ΠΈ Π²Ρ‹Ρ€Π΅ΠΆΡŒΡ‚Π΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΉ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚. Для Ρ‚ΠΎΠ³ΠΎ Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ вСсь рисунок Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ΡΡŒ сочСтаниСм клавиш Ctrl+A. Π‘ΠΊΠΎΠΏΠΈΡ€ΡƒΠΉΡ‚Π΅ Π΅Π³ΠΎ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ сочСтания клавиш Ctrl+C. Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ Π½ΠΎΠ²Ρ‹ΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ ΠΈ Π²ΡΡ‚Π°Π²ΡŒΡ‚Π΅ Π² Π½Π΅Π³ΠΎ содСрТаниС Π±ΡƒΡ„Π΅Ρ€Π° ΠΎΠ±ΠΌΠ΅Π½Π° ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ сочСтания клавиш Ctrl+V. Π€ΠΎΠ½ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΌ ΠΈΠ»ΠΈ Ρ‚ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π² ΠΈΡ‚ΠΎΠ³Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΊΡ€ΡƒΠΆΠ°Ρ‚ΡŒ ваш рисунок послС закруглСния ΠΊΡ€Π°Π΅Π².
  • ΠŸΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ сочСтания клавиш Ctrl+Shift+N сдСлайтС Π½ΠΎΠ²Ρ‹ΠΉ слой. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ инструмСнт Rounded Rectangle Tool ΠΈ нарисуйтС ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ ΠΈΠ»ΠΈ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚ Π½ΡƒΠΆΠ½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°. ΠŸΡ€ΠΈ этом Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ значСния Ρ†Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° этого ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°. УстановитС ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Radius, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ…Π°Ρ€Π°ΠΊΡ‚Π΅Ρ€ΠΈΠ·ΡƒΠ΅Ρ‚ ΡΡ‚Π΅ΠΏΠ΅Π½ΡŒ закруглСнности ΡƒΠ³Π»ΠΎΠ², Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, 9. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠ΅Ρ€Π΅Π΄Π²ΠΈΠ³Π°Ρ‚ΡŒ Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Π½Π½ΡƒΡŽ Ρ„ΠΈΠ³ΡƒΡ€Ρƒ с ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρ‹ стрСлками. ΠŸΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ сочСтания клавиш Ctrl+T ΠΌΠΎΠΆΠ½ΠΎ ΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ„ΠΎΡ€ΠΌΡƒ этой Ρ„ΠΈΠ³ΡƒΡ€Ρ‹. Если ΠΏΡ€ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ Ρ„ΠΎΡ€ΠΌΡ‹ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ Π½Π°ΠΆΠ°Ρ‚ΡŒ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Shift, Ρ‚ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€ Π±ΡƒΠ΄Π΅Ρ‚ ΠΌΠ΅Π½ΡΡ‚ΡŒΡΡ ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎ. Π‘Π΄Π΅Π»Π°ΠΉΡ‚Π΅ Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎΠ±Ρ‹ эта Ρ„ΠΎΡ€ΠΌΠ° Π±Ρ‹Π»Π° ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ‚Π°ΠΊΠΎΠΉ ΠΊΠ°ΠΊ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ.
  • НаТмитС ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Ctrl ΠΈ ΠΊΠ»ΠΈΠΊΠ½ΠΈΡ‚Π΅ ΠΏΠΎ ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Π΅ слоя Π½Π° ΠΏΠ°Π»ΠΈΡ‚Ρ€Π΅ Layers. ПослС этого нарисованная Π²Π°ΠΌΠΈ Ρ„ΠΈΠ³ΡƒΡ€Π° выдСлится.
  • АктивируйтС Π½ΠΈΠΆΠ½ΠΈΠΉ слой ΠΈ Π² Π³Π»Π°Π²Π½ΠΎΠΌ мСню Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ Select – Inverse. ПослС этого Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ, которая находится Π·Π° ΠΏΡ€Π΅Π΄Π΅Π»Π°ΠΌΠΈ нарисованной Π²Π°ΠΌΠΈ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹.
  • КлавишСй Delete ΡƒΠ΄Π°Π»ΠΈΡ‚Π΅ Π½Π΅Π½ΡƒΠΆΠ½ΡƒΡŽ Π²Π°ΠΌ Ρ‡Π°ΡΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ. Π‘Π΄Π΅Π»Π°ΠΉΡ‚Π΅ Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΡ‹ΠΌ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ слой. ΠšΠ»ΠΈΠΊΠ½ΠΈΡ‚Π΅ Π² любом мСстС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΈ Ρ‚Π΅ΠΌ самым снимитС с Π½Π΅Π΅ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° с Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ краями Π³ΠΎΡ‚ΠΎΠ²Π°
  • Если Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π·Π°ΠΊΡ€ΡƒΠ³Π»ΡΡ‚ΡŒ края изобраТСния часто ΠΈ ΠΎΠ½ΠΈ ΠΎΠ΄Π½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Ρ‚Ρƒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‡Ρ‚ΠΎ сдСлали Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PSD, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡΡ‚Π°Π»ΠΈΡΡŒ слои. ПослС этого для создания ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ с Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ ΡƒΠ³Π»Π°ΠΌΠΈ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ ΠΊΠΎΠ½Ρ‚ΡƒΡ€ Π³ΠΎΡ‚ΠΎΠ²ΠΎΠ³ΠΎ изобраТСния, ΠΈΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΈ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ Π½Π΅Π½ΡƒΠΆΠ½ΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ.
  • Π‘ΠΎΠ²Π΅Ρ‚ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ 6 июля 2011 Π‘ΠΎΠ²Π΅Ρ‚ 2: Как ΠΎΠΊΡ€ΡƒΠ³Π»ΡΡ‚ΡŒ края Π² Photoshop ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° Adobe Photoshop располагаСт ΡˆΠΈΡ€ΠΎΠΊΠΈΠΌ спСктром инструмСнтов для рСдактирования Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ ΠΈ создания Π½ΠΎΠ²Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ с нуля. Один ΠΈΠ· основных инструмСнтов – это Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ… ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² для ΠΏΠΎΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π³ΠΎ вырСзания ΠΈ вставки, Π° Ρ‚Π°ΠΊΠΆΠ΅ для создания ΠΏΠ»Π°Π²Π½Ρ‹Ρ… ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΎΠ² ΠΏΡ€ΠΈ создании Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… эффСктов. Π—Π΄Π΅ΡΡŒ ΡƒΠΌΠ΅Π½ΠΈΠ΅ ΡΠΊΡ€ΡƒΠ³Π»ΡΡ‚ΡŒ края ΠΎΡ‡Π΅Π½ΡŒ пригодится.
    Π˜Π½ΡΡ‚Ρ€ΡƒΠΊΡ†ΠΈΡ

  • ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ Adobe Photoshop мСню Β«Π€Π°ΠΉΠ»Β», Π·Π°Ρ‚Π΅ΠΌ Β«ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒΒ». Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π½Π°Π΄ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ Π²Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ. МоТно просто ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Ρ€Π°Π±ΠΎΡ‡Π΅Π΅ ΠΎΠΊΠ½ΠΎ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ ΠΌΡ‹ΡˆΠΊΠΎΠΉ.

  • Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов «Лассо». Π©Π΅Π»ΠΊΠ½ΡƒΠ² ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ ΠΏΠΎ ΠΈΠΊΠΎΠ½ΠΊΠ΅ инструмСнта, Π² Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅ΠΌ мСню ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Β«ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΎΠ΅ лассо» ΠΈΠ»ΠΈ Β«ΠœΠ°Π³Π½ΠΈΡ‚Π½ΠΎΠ΅ лассо». Если Ρ„ΠΎΠ½ изобраТСния ΠΎΠ΄Π½ΠΎΡ‚ΠΎΠ½Π½Ρ‹ΠΉ, Ρ‚ΠΎ быстро Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ Β«Π’ΠΎΠ»ΡˆΠ΅Π±Π½ΠΎΠΉ ΠΏΠ°Π»ΠΎΡ‡ΠΊΠΈΒ», располоТСнной ΠΏΠΎΠ΄ инструмСнтом «Лассо». Π’Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ Ρ‚Ρ€Π΅Π±ΡƒΠ΅ΠΌΡƒΡŽ Π²Π°ΠΌ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ рисунка.

  • ΠŸΠΎΠ΄ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ выдСлСния ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ инструмСнта «Быстрая маска». ΠžΠ±Ρ‹Ρ‡Π½ΠΎ ΠΎΠ½ располоТСн Π² самом Π½ΠΈΠ·Ρƒ стандартной ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΠΊΠΈΡΡ‚ΡŒ ΠΈΠ»ΠΈ ластик, Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ Π½ΡƒΠΆΠ½Ρ‹Π΅ Π²Π°ΠΌ Π·ΠΎΠ½Ρ‹ (Ластик Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ Π·ΠΎΠ½Ρƒ ΠΈΠ· выдСлСния, Π° ΠΊΠΈΡΡ‚ΡŒ, Π½Π°ΠΎΠ±ΠΎΡ€ΠΎΡ‚ ΠΏΡ€ΠΈΠ±Π°Π²Π»ΡΡ‚ΡŒ). НаТмитС снова Π½Π° Π±Ρ‹ΡΡ‚Ρ€ΡƒΡŽ маску. Π’Π΅ΠΏΠ΅Ρ€ΡŒ Ρƒ вас ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΎΡΡŒ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅, максимально ΠΏΡ€ΠΈΠ±Π»ΠΈΠΆΠ΅Π½Π½ΠΎΠ΅ ΠΊ Ρ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Ρ…ΠΎΡ‚Π΅Π»ΠΈ.

  • ΠžΡΡ‚Π°Π»ΠΎΡΡŒ ΡΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ края, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ Π±ΠΎΠ»Π΅Π΅ ΠΏΠ»Π°Π²Π½Ρ‹ΠΌ. Для этого ΠΎΠΏΡΡ‚ΡŒ ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² Ρ€Π΅ΠΆΠΈΠΌ выдСлСния (Π½Π°ΠΆΠ°Π² Π½Π° любой инструмСнт выдСлСния). На Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«Π£Ρ‚ΠΎΡ‡Π½. край…». НаТмитС Π½Π° Π½Π΅Π΅. Π’ ΠΎΡ‚ΠΊΡ€Ρ‹Π²ΡˆΠ΅ΠΌΡΡ ΠΎΠΊΠ½Π΅ Π²Ρ‹ смоТСтС ΠΎΡ‚Ρ€Π΅Π³ΡƒΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ радиус обнаруТСния ΠΊΡ€Π°Π΅Π² выдСлСния. Π’Π°ΠΊΠΆΠ΅, пСрСдвигая ΠΏΠΎΠ»Π·ΡƒΠ½ΠΊΠΈ Ρ€Π΅Π³ΡƒΠ»ΠΈΡ€ΠΎΠ²ΠΊΠΈ сглаТивания, Ρ€Π°ΡΡ‚ΡƒΡˆΠ΅Π²ΠΊΠΈ, контрастности Π²Ρ‹ смоТСтС Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ Π½ΡƒΠΆΠ½ΠΎΠΉ Π²Π°ΠΌ стСпСни этих эффСктов. Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ ΠΈΠ»ΠΈ ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ выдСлСния, Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ΡΡŒ инструмСнтом Β«Π‘ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ΠΊΡ€Π°ΠΉΒ».

  • Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄Π΅Π»Π°Ρ‚ΡŒ с Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΌ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠΌ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Ρ…ΠΎΡ‚Π΅Π»ΠΈ – Π²Ρ‹Ρ€Π΅Π·Π°Ρ‚ΡŒ Π΅Π³ΠΎ, Π»ΠΈΠ±ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ эффСкт ΠΊ Ρ„ΠΎΠ½Ρƒ ΠΈΠ»ΠΈ самому ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρƒ.
  • Как ΠΎΠΊΡ€ΡƒΠ³Π»ΡΡ‚ΡŒ края Π² Photoshop — вСрсия для ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ

    Π”ΠΎΠ±Ρ€ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ суток, ΡƒΠ²Π°ΠΆΠ°Π΅ΠΌΡ‹Π΅ Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΠ΅ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ сайтов. НаконСц-Ρ‚ΠΎ я ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠΆΡƒ ΠΊ рассказам ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊΠΈΠ΅ ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для создания ΠΊΡ€ΡƒΡ‚Ρ‹Ρ… сайтов. БСгодня я повСдаю ΠΊΠ°ΠΊ Π·Π° нСсколько ΠΌΠΈΠ½ΡƒΡ‚ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ ΠΈ Ρ‚Π΅ΠΌ самым ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΠΎΡ€Ρ‚Π°Π» красивСС, Π° Π΄Π»ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ посСщСний сущСствСнно большС. НС Π²Π΅Ρ€ΠΈΡ‚Π΅? А зря…

    Π‘ ΠΌΠΎΠΌΠ΅Π½Ρ‚Π° появлСния ΠΏΡ€ΠΎΠ΄Π°ΡŽΡ‰ΠΈΡ… сайтов ΠΊΡ€ΡƒΠΏΠ½Ρ‹Π΅ компания Π²ΠΏΠ»ΠΎΡ‚Π½ΡƒΡŽ Π½Π°Ρ‡Π°Π»ΠΈ ΠΈΠ·ΡƒΡ‡Π΅Π½ΠΈΠ΅ вкусов Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΠΈ. КакиС-Ρ‚ΠΎ свои открытия ΠΎΠ½ΠΈ Ρ‚Ρ‰Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΡΡ‚Π°Ρ€Π°ΡŽΡ‚ΡΡ ΡΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΏΡ€ΠΈΠ΅ΠΌΡ‹ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ слишком Ρ…ΠΎΡ€ΠΎΡˆΠΎ, Π° Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΡƒΡ‚Π°ΠΈΡ‚ΡŒ довольно слоТно, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ ΠΎΠ½ΠΈ слишком ΡƒΠΆ часто.

    К Ρ€ΠΎΠ²Π½Ρ‹ΠΌ, ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½Ρ‹ΠΌ фотографиям всС ΡƒΠΆΠ΅ Π΄Π°Π²Π½ΠΎ ΠΏΡ€ΠΈΠ²Ρ‹ΠΊΠ»ΠΈ. Они ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ, ΠΊΠΎΠ³Π΄Π° Ρ€Π΅Ρ‡ΡŒ ΠΈΠ΄Π΅Ρ‚ ΠΎ ΡΠ΅Ρ€ΡŒΠ΅Π·Π½ΠΎΠΌ бизнСсС, Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‰ΠΈΠΌΡΡ отвСтствСнными Π΄Π΅Π»Π°ΠΌΠΈ.

    Когда компания ΠΈΠ»ΠΈ услуга ΠΏΠΎΠΏΡ€ΠΎΡ‰Π΅, Ρ‚ΠΎ ΠΈ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ с ΠΏΠ»Π°Π²Π½Ρ‹ΠΌΠΈ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π°ΠΌΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Π³ΠΎΡ€Π°Π·Π΄ΠΎ Ρ‡Π°Ρ‰Π΅. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ Π² этом Π½Π° любой Ρ…ΠΎΡ€ΠΎΡˆΠ΅ΠΉ ΠΏΡ€ΠΎΠ΄Π°ΡŽΡ‰Π΅ΠΉ страницС, которая Π±ΡƒΠ΄Π΅Ρ‚ ΡΠ²Π»ΡΡ‚ΡŒ собой собраниС Π»ΡƒΡ‡ΡˆΠΈΡ… ΠΏΡ€ΠΈΠ΅ΠΌΠΎΠ² Турналистики, ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΈΠ½Π³Π° ΠΈ психологи.

    БСгодня Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅ всС ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ ΠΊΠ°ΠΊ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ ΡƒΠ³Π»Ρ‹. Π’ случаС Ссли Π²Ρ‹ Π΄ΡƒΠΌΠ°Π΅Ρ‚Π΅ ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΈ Ρ€Π°ΡΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚ΡŒ ΠΊ сСбС, Ρ‚ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΎΠ±Ρ‚Π΅ΠΊΠ°Π΅ΠΌΡ‹Π΅ Ρ„ΠΎΡ€ΠΌΡ‹, Π° Ссли Π΄Π΅Π»Π°Π΅Ρ‚Π΅ ΡΠ΅Ρ€ΡŒΠ΅Π·Π½Ρ‹ΠΉ ΠΏΠΎΡ€Ρ‚Π°Π» ΠΈ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΌΠ΅ΠΆΠ΄Ρƒ собой ΠΈ Ρ‡ΠΈΡ‚Π°Ρ‚Π΅Π»Π΅ΠΌ Π½Π΅ΠΊΠΈΠΉ Π±Π°Ρ€ΡŒΠ΅Ρ€, Ρ‚ΠΎ Π»ΡƒΡ‡ΡˆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½Ρ‹Π΅ изобраТСния: Β«ΠœΡ‹ ΡΠ΅Ρ€ΡŒΠ΅Π·Π½Ρ‹Π΅ рСбята, Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ качСство – ΠΊ Π½Π°ΠΌΒ».

    Быстрый способ Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ Ρ„ΠΎΡ‚ΠΊΡƒ

    Π˜Ρ‚Π°ΠΊ, Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π±ΡƒΠ΄Π΅ΠΌ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅. ΠžΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.

    Находим инструмСнт Β«ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ со скруглСнными ΡƒΠ³Π»Π°ΠΌΠΈΒ».

    Если Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΅Π³ΠΎ ΠΎΡ‚Ρ‹ΡΠΊΠ°Ρ‚ΡŒ, Ρ‚ΠΎ ΡƒΠ΄Π΅Ρ€ΠΆΠΈΠ²Π°ΠΉΡ‚Π΅ ΠΏΠ°Ρ€Ρƒ сСкунд Π»Π΅Π²ΡƒΡŽ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ ΠΌΡ‹ΡˆΠΈ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠ°Ρ… мСню, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρƒ вас ΠΎΡ‚ΠΊΡ€Ρ‹Π»ΠΈΡΡŒ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΎΠΏΡ†ΠΈΠΈ.

    НС Π²Π°ΠΆΠ½ΠΎ ΠΊΠ°ΠΊΠΎΠΉ Ρ†Π²Π΅Ρ‚ Π²Ρ‹ Π²Ρ‹Π±Π΅Ρ€Π΅Ρ‚Π΅. Π’Π°Ρ‰ΠΈΡ‚Π΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ ΠΏΠΎ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ нуТная Π²Π°ΠΌ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ Π±Ρ‹Π»Π° Π²Π½ΡƒΡ‚Ρ€ΠΈ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹.

    ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° свойства. ΠœΠΎΠΆΠ΅Ρ‚Π΅ Β«ΠΏΠΎΠΈΠ³Ρ€Π°Ρ‚ΡŒΒ» с показатСлями, ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹ΠΌΠΈ Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅, ΠΈ Π·Π°Π³Π½ΡƒΡ‚ΡŒ края сильнСС. Π’Π²Π΅Π΄ΠΈ своС число ΠΈ ΠΆΠΌΠΈΡ‚Π΅ enter, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚. Когда ΠΎΠ½ вас ΡƒΠ΄ΠΎΠ²Π»Π΅Ρ‚Π²ΠΎΡ€ΠΈΡ‚, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ enter ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎ.

    Π’Π΅ΠΏΠ΅Ρ€ΡŒ, удСрТивая ΠΊΠ½ΠΎΠΏΠΊΡƒ CTRL, ΠΊΠ»ΠΈΠΊΠ½ΠΈΡ‚Π΅ ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ слоя, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ находится Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‡Ρ‚ΠΎ нарисованный Π²Π°ΠΌΠΈ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ. Π‘ΡƒΠ΄ΡŒΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹, Ссли Ρ‚Ρ‹Ρ€ΠΊΠ½Π΅Ρ‚Π΅ ΠΏΠΎ тСксту, Ρ‚ΠΎ Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ ΠΏΡ€ΠΎΠΈΠ·ΠΎΠΉΠ΄Π΅Ρ‚. ΠΠ°ΠΆΠΈΠΌΠ°Ρ‚ΡŒ Π½ΡƒΠΆΠ½ΠΎ ΠΈΠΌΠ΅Π½Π½ΠΎ Π² Ρ†Π΅Π½Ρ‚Ρ€ ΠΈΠΊΠΎΠ½ΠΊΠΈ с ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Π½Ρ‹ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ.

    Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΡƒΠ±ΠΈΡ€Π°Π΅ΠΌ Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ. Для этого Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΏΠΎ Β«Π³Π»Π°Π·ΡƒΒ» рядом со слоСм.

    ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΠΌ ΠΊ Ρ€Π°Π±ΠΎΡ‚Π΅ со слоСм, Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ Π΅Π³ΠΎ: Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΌΡ‹ΡˆΠΊΠΎΠΉ Ρ…ΠΎΡ‚ΡŒ ΠΏΠΎ тСксту, Ρ…ΠΎΡ‚ΡŒ ΠΏΠΎ ΠΈΠΊΠΎΠ½ΠΊΠ΅. НС Π²Π°ΠΆΠ½ΠΎ. НС пропуститС этот шаг, ΠΈΠ½Π°Ρ‡Π΅ Π²ΠΎΠ»ΡˆΠ΅Π±ΡΡ‚Π²Π° Π½Π΅ ΠΏΡ€ΠΎΠΈΠ·ΠΎΠΉΠ΄Π΅Ρ‚.

    Π“ΠΎΡ‚ΠΎΠ²ΠΎ. Если Π²Ρ‹ ΡΠΎΠ±ΠΈΡ€Π°Π΅Ρ‚Π΅ΡΡŒ Π²Ρ‹ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π½Π° сайт, Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π΅Π΅ сохранитС, Π³Π»Π°Π²Π½ΠΎΠ΅ Π½Π΅ ΠΎΡˆΠΈΠ±ΠΈΡ‚Π΅ΡΡŒ с Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠΌ.

    Π’Π°ΠΌ Π½ΡƒΠΆΠ΅Π½ ΠΈΠΌΠ΅Π½Π½ΠΎ png.

    Π’ этом случаС края с шашкой Π±ΡƒΠ΄ΡƒΡ‚ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΌΠΈ. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ jpeg ΠΈ ΠΈΡ… Π·Π°ΠΌΠ΅Π½ΠΈΡ‚ Π½Π΅ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Π°Ρ бСлая Ρ€Π°ΠΌΠΊΠ°.

    Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ эту ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π½Π° Ρ„ΠΎΡ‚ΠΎ. Π’ этом случаС ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ ΠΈ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ Π·Π°Π½ΠΎΠ²ΠΎ Π½Π΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ.

    ΠŸΡ€ΠΎΡΡ‚ΠΎ выдСляСтС Π΅Π΅ (Ctrl+A) Π·Π°Ρ‚Π΅ΠΌ ΠΊΠΎΠΏΠΈΡ€ΡƒΠ΅Ρ‚Π΅ (Ctrl+C) ΠΈ вставляСтС Π² Π΄Ρ€ΡƒΠ³ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ (Ctrl+V).

    Π‘ΠΊΡ€ΡƒΠ³Π»Π΅Π½ΠΈΠ΅ для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², ускоряСм процСсс Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π½Π°Π΄ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠΌ

    Допустим, Π²Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚Π΅ Π½Π°Π΄ ΠΊΠ°ΠΊΠΈΠΌ-Ρ‚ΠΎ Π²Π°ΠΆΠ½Ρ‹ΠΌ ΠΊΡ€ΡƒΡ‚Ρ‹ΠΌ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠΌ. ВсС ΡƒΠΆΠ΅ ΠΏΠΎΡ‡Ρ‚ΠΈ Π³ΠΎΡ‚ΠΎΠ²ΠΎ ΠΈ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊ ΠΎΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ со скруглСнными ΡƒΠ³Π»Π°ΠΌΠΈ. НС ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ ΠΏΠΎ сто тысяч Π²ΠΊΠ»Π°Π΄ΠΎΠΊ: ΠΎΠ±Ρ€Π΅Π·Π°Ρ‚ΡŒ β€” Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅. ВсС ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π³ΠΎΡ€Π°Π·Π΄ΠΎ быстрСС ΠΈ ΠΏΡ€ΠΎΡ‰Π΅.

    Π’ΠΎΡ‚ посмотритС Π½Π° ΠΌΠΎΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€. ΠšΡΡ‚Π°Ρ‚ΠΈ, Ссли Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ этот psd- Ρ„Π°ΠΉΠ», ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ Π΅Π³ΠΎ Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠΎΠΌ ΠΈ ΠΏΠΎΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠΎΠ²Π°Ρ‚ΡŒΡΡ (ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ).

    ВыдСляСм Π½ΡƒΠΆΠ½Ρ‹ΠΉ Π½Π°ΠΌ слой. Π― ΡΠΎΠ±ΠΈΡ€Π°ΡŽΡΡŒ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с большим ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ совы. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ заТимаю Ctrl ΠΈ кликаю Π½Π° Ρ†Π΅Π½Ρ‚Ρ€Ρƒ ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Π½ΠΎΠ³ΠΎ изобраТСния этого слоя. НС ΠΏΠΎ тСксту ΠΈΠ»ΠΈ Π³Π»Π°Π·Ρƒ. По ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅ с ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΎΠΉ. ΠŸΡ€ΠΎΡΡ‚ΠΈΡ‚Π΅ Π·Π° Ρ‚Π°Π²Ρ‚ΠΎΠ»ΠΎΠ³ΠΈΡŽ.

    ΠŸΠ΅Ρ€Π²Ρ‹ΠΌ Π΄Π΅Π»ΠΎΠΌ ставим Π³Π°Π»ΠΎΡ‡ΠΊΡƒ Π½Π°ΠΏΡ€ΠΎΡ‚ΠΈΠ² Β«ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ эффСкт Π½Π° Π³Ρ€Π°Π½ΠΈΡ†Π°Ρ…Β». Π—Π°Ρ‚Π΅ΠΌ ставим радиус.

    К соТалСнию, придСтся Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ Π½Π° Π³Π»Π°Π·. Π—Π΄Π΅ΡΡŒ, ΠΊΠ°ΠΊ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, ставят 15. Π­Ρ‚ΠΎ стандарт, Π½ΠΎ, ΠΊΠ°ΠΊ Π²Ρ‹ ΠΏΠΎΠ½ΠΈΠΌΠ°Π΅Ρ‚Π΅, ΠΎΡ‚ Π½Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡ‚Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ.

    ΠŸΠΎΠ΄Π±ΠΈΡ€Π°Π΅ΠΌ ΠΈΠ΄Π΅Π°Π»ΡŒΠ½Ρ‹ΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚.

    Π—Π°Ρ‚Π΅ΠΌ Π²ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Β«Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅Β» Π½Π°Ρ…ΠΎΠ΄ΠΈΠΌ Β«Π˜Π½Π²Π΅Ρ€ΡΠΈΡΒ».

    НаТимаСм ΠΊΠ½ΠΎΠΏΠΎΡ‡ΠΊΡƒ Β«delΒ» Π½Π° ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Π΅ ΠΈ Π³ΠΎΡ‚ΠΎΠ²ΠΎ.

    Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ±Ρ€Π°Ρ‚ΡŒ ΠΏΠΎΠ»Π·Π°ΡŽΡ‰ΠΈΡ… ΠΌΡƒΡ€Π°Π²ΡŒΠ΅Π² ΠΏΠΎ краям Π½ΡƒΠΆΠ½ΠΎ Π½Π°ΠΆΠ°Ρ‚ΡŒ ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ Ctrl ΠΈ D.

    Если Π²Π°ΠΌ ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΠ»ΠΈΡΡŒ эти ΡƒΡ€ΠΎΠΊΠΈ, Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΉΡ‚ΠΈ Π΅Ρ‰Π΅. Для этого Π½Π΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΈΡΠΊΠ°Ρ‚ΡŒ ΠΏΠΎ Youtube, Ρ‡Ρ‚ΠΎ Π² Π³ΠΎΠ»ΠΎΠ²Ρƒ ΠΏΡ€ΠΈΠ΄Π΅Ρ‚. МоТно ΠΈΠ·ΡƒΡ‡ΠΈΡ‚ΡŒ всС Ρ„ΠΈΡˆΠΊΠΈ Β«ΠΎΡ‚ А Π΄ΠΎ Π―Β» ΠΏΠΎ Π²ΠΈΠ΄Π΅ΠΎ ΡƒΡ€ΠΎΠΊΠ°ΠΌ. ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ Π±Π΅ΡΠΏΠ»Π°Ρ‚Π½ΡƒΡŽ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΡŽ послСднСй вСрсии курса Π½Π° русском Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅. Π’ этом случаС Π²Ρ‹ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ смоТСтС Π΄Π΅Π»Π°Ρ‚ΡŒ элСмСнтарныС Π²Π΅Ρ‰ΠΈ, Π½ΠΎ ΠΈ Π½Π°ΡƒΡ‡ΠΈΡ‚Π΅ΡΡŒ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ ΡΠ»ΠΎΠΆΠ½ΡƒΡŽ Ρ€Π°Π±ΠΎΡ‚Ρƒ, ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅, ΠΊΠ°ΠΊ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡŽΡ‚ простыС Π½Π°Π²Ρ‹ΠΊΠΈ настоящиС спСциалисты ΠΈ Ρ‡Ρ‚ΠΎ ΠΈΠ· этого получаСтся.

    Π‘ΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Ρ‚ΠΎ, Ρ‡Π΅ΠΌΡƒ Π²Ρ‹ Π½Π°ΡƒΡ‡ΠΈΠ»ΠΈΡΡŒ сСгодня ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для ΠΎΠ±Ρ€Π΅Π·ΠΊΠΈ ΡƒΠ³Π»ΠΎΠ².

    Π’Ρ‹ ΡƒΠΆΠ΅ Π·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² Ρ‚Ρ€Π΅ΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°Ρ…. НС ΠΏΠΎΠ½ΠΈΠΌΠ°Π΅Ρ‚Π΅? ВсС ΠΎΡ‡Π΅Π½ΡŒ просто.

    Π‘Π΅Ρ€Π΅Ρ‚Π΅ Π·Π° основу ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ способ ΠΎΠ±Ρ€Π΅Π·ΠΊΠΈ ΠΈΠ· этой ΡΡ‚Π°Ρ‚ΡŒΠΈ, Π½ΠΎ вмСсто Ρ€Π°Π±ΠΎΡ‚Ρ‹ с ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΎΠΌ Π²Ρ‹Π±ΠΈΡ€Π°Π΅Ρ‚Π΅ ΠΌΠ½ΠΎΠ³ΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ.

    НС Π·Π°Π±ΡƒΠ΄ΡŒΡ‚Π΅ Π²Ρ‹ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Β«Ρ‚Ρ€ΠΈ стороны» Π² ΠΏΠ°Π½Π΅Π»ΠΈ свСрху, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π΅ ΠΌΠΎΡ€ΠΎΡ‡ΠΈΡ‚ΡŒ Π³ΠΎΠ»ΠΎΠ²Ρƒ с ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹.

    И, Ссли Π½Π΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ³Π»Ρ‹ Π±Ρ‹Π»ΠΈ Ρ‚Π°ΠΊΠΈΠ΅ ΠΆΠ΅ острыС ΠΊΠ°ΠΊ Ρƒ мСня, просто выставитС сглаТиваниС Π² настройках.

    Π­Ρ‚ΠΎΡ‚ рисунок Π² psd Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ прямо ΠΈΠ· ΠΌΠΎΠ΅Π³ΠΎ Π±Π»ΠΎΠ³Π° ΠΈ ΠΏΠΎΡ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с Π½ΠΈΠΌ (ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ). Π”ΡƒΠΌΠ°ΡŽ, Ρ‡Ρ‚ΠΎ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π½Π΅ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ°.

    Если эта ΡΡ‚Π°Ρ‚ΡŒΡ Π±Ρ‹Π»Π° ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ, ΠΏΠΎΠ΄ΠΏΠΈΡΡ‹Π²Π°ΠΉΡ‚Π΅ΡΡŒ Π½Π° рассылку ΠΌΠΎΠ΅Π³ΠΎ Π±Π»ΠΎΠ³Π°. Вас ΠΆΠ΄Π΅Ρ‚ Π΅Ρ‰Π΅ ΠΊΡƒΡ‡Π° интСрСсных Π²Π΅Ρ‰Π΅ΠΉ! И напослСдок Π²ΠΈΠ΄Π΅ΠΎ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ° Π΄Π΅Π²ΡƒΡˆΠΊΡƒ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€Π΅Π²Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Π² ΠΏΠΈΡ†Ρ†Ρƒ. Π‘ΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ Π΄ΠΎ ΠΊΠΎΠ½Ρ†Π°, это Π·Π°Π±Π°Π²Π½ΠΎ.

    Π§ΠΈΡ‚Π°ΠΉΡ‚Π΅ Ρ‚Π°ΠΊΠΆΠ΅…

    Как Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΡ€ΡƒΠ³Π»Ρ‹Π΅ края. Π‘ΠΊΡ€ΡƒΠ³Π»Ρ‘Π½Π½Ρ‹Π΅ ΡƒΠ³ΠΎΠ»ΠΊΠΈ. Π—Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½ΠΈΠ΅ ΡƒΠ³Π»ΠΎΠ² Ρƒ Π±Π»ΠΎΠΊΠΎΠ² DIV

    Π’Π°ΠΌ понадобится

    • Ѐотография ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅;
    • ΠšΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ с установлСнной Π½Π° Π½Π΅ΠΌ Π»ΠΈΡ†Π΅Π½Π·ΠΈΠΎΠ½Π½ΠΎΠΉ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΎΠΉ Corel Draw.

    Π˜Π½ΡΡ‚Ρ€ΡƒΠΊΡ†ΠΈΡ

    Рассмотрим способ, Π²Π°ΠΌ трСбуСтся Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ ΠΎΠ΄ΠΈΠ½ ΠΈΠ»ΠΈ нСсколько ΡƒΠ³Π»ΠΎΠ² Ρƒ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΎΠ³ΠΎ ΠΏΠΎ-Ρ€Π°Π·Π½ΠΎΠΌΡƒ.
    ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ Corel Draw Π½ΠΎΠ²Ρ‹ΠΉ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ CTRL+N, ΠΈΠ»ΠΈ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ Β«Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒΒ» (Create) Π² Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅ΠΌ ΠΈΠ· мСню Β«Π€Π°ΠΉΠ»Β» списка. Π”Π°Π»Π΅Π΅ ΠΈΠ· Ρ‚ΠΎΠ³ΠΎ ΠΆΠ΅ списка Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΡŽ Β«Π˜ΠΌΠΏΠΎΡ€Ρ‚Β» ΠΈΠ»ΠΈ Π²Ρ‹Π·ΠΎΠ²ΠΈΡ‚Π΅ Π΅Π΅ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΠ΅ΠΉ клавиш CTRL+I. Π”Π°Π»Π΅Π΅, ΡƒΠΊΠ°ΠΆΠΈΡ‚Π΅ Π² Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅ ΠΏΡƒΡ‚ΡŒ ΠΊ Ρ„Π°ΠΉΠ»Ρƒ изобраТСния, ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«Π˜ΠΌΠΏΠΎΡ€Ρ‚Β» (Import). Π’Π°ΡˆΠ΅ отобразится Π½Π° Π΄Π°Π½Π½ΠΎΠΌ листС.

    На ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов Π½Π°ΠΉΠ΄ΠΈΡ‚Π΅ свиток Β«Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΡƒΠ·Π»ΠΎΠ²Β» (Node Editor), Π² Π½Π΅ΠΌ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ инструмСнт Β«Π€ΠΎΡ€ΠΌΠ°Β» (Shape). Π’Π°ΠΊΠΆΠ΅ этот инструмСнт ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹Π·Π²Π°Ρ‚ΡŒ Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ΠΌ клавиши F10.

    Π‘ΠΏΡ€Π°Π²Π° ΠΎΡ‚ ΡƒΠ³Π»Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ, Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π»Π΅Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ ΠΏΠΎ Π³Ρ€Π°Π½ΠΈΡ†Π΅ изобраТСния. ΠŸΠΎΡΠ²ΠΈΡ‚ΡΡ Π½ΠΎΠ²Ρ‹ΠΉ ΡƒΠ·Π΅Π» Ρƒ изобраТСния, Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΊ Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅ΠΌ ΡƒΠ³Π»ΠΎΠ²Ρ‹ΠΌ. Π”Π°Π»Π΅Π΅, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΎΠΏΡ†ΠΈΡŽ Β«ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ Π² ΠΊΡ€ΠΈΠ²ΡƒΡŽΒ» (Convert Line To Curve) Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ Β«Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° ΡƒΠ·Π»ΠΎΠ²Β». Π‘Π»Π΅Π²Π° ΠΎΡ‚ вновь созданного ΡƒΠ·Π»Π° появятся ΠΌΠ΅Ρ‚ΠΊΠΈ закруглСния.

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

    ΠžΡ‡Π΅Π½ΡŒ простым способом (с ΠΏΡ€ΠΈΠ²Π»Π΅Ρ‡Π΅Π½ΠΈΠ΅ΠΌ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠ³ΠΎ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°) ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ ΠΎΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ всС ΡƒΠ³Π»Ρ‹ Ρƒ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΎΠ³ΠΎ изобраТСния. НС прибСгая ΠΊ Π²Ρ‹ΡˆΠ΅ΠΎΠΏΠΈΡΠ°Π½Π½ΠΎΠΌΡƒ способу рСдактирования ΡƒΠ·Π»ΠΎΠ², нарисуйтС рядом с ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ Ρ‚Π°ΠΊΠΎΠ³ΠΎ ΠΆΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° инструмСнтом Β«ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΒ» (Rectangle Tool) ΠΈΠ»ΠΈ Π²Ρ‹Π·ΠΎΠ²ΠΈΡ‚Π΅ инструмСнт клавишСй F6.

    Π£ΠΆΠ΅ Π·Π½Π°ΠΊΠΎΠΌΡ‹ΠΌ Π²Π°ΠΌ инструмСнтом Β«Π€ΠΎΡ€ΠΌΠ°Β» Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΏΠΎ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΡƒ ΠΈ потянитС ΠΌΡ‹ΡˆΠΊΠΎΠΉ Π·Π° любой ΠΈΠ· Π΅Π³ΠΎ ΡƒΠ·Π»ΠΎΠ² ΠΊ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°. Π£Π³Π»Ρ‹ Π±ΡƒΠ΄ΡƒΡ‚ Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Ρ‹. Радиус закруглСния ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡ‚ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚Π΅ΠΌ ΠΆΠ΅ инструмСнтом.
    ΠžΡ‚ΠΌΠ΅Ρ‚ΡŒΡ‚Π΅ своС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ стрСлочкой инструмСнта Β«Π£ΠΊΠ°Π·Π°Ρ‚Π΅Π»ΡŒΒ» (Pick Tool).
    Π”Π°Π»Π΅Π΅ Π² спискС Π³Π»Π°Π²Π½ΠΎΠ³ΠΎ мСню Π½Π°ΠΉΠ΄ΠΈΡ‚Π΅ свиток Β«Π­Ρ„Ρ„Π΅ΠΊΡ‚Ρ‹Β» (Effects) ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΎΠΏΡ†ΠΈΡŽ Β«PowerClipΒ»ΠΈ ΠΈΠ· Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π³ΠΎ списка Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ Β«ΠŸΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π² ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Β» (Place Inside Container). Π¨ΠΈΡ€ΠΎΠΊΠΎΠΉ стрСлкой ΡƒΠΊΠ°ΠΆΠΈΡ‚Π΅ Π½Π° нарисованный Π²Π°ΠΌΠΈ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ с Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ ΡƒΠ³Π»Π°ΠΌΠΈ. Он станСт Ρ€Π°ΠΌΠΊΠΎΠΉ, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ размСстится вашС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.

    Π’Ρ€Π°Π΄ΠΈΡ†ΠΈΠΎΠ½Π½Ρ‹Π΅ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½Ρ‹Π΅ ΡƒΠ³ΠΎΠ»ΠΊΠΈ Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ сайтов Π΄Π°Π²Π½ΠΎ ΡƒΠΆΠ΅ всСм Π½Π°Π΄ΠΎΠ΅Π»ΠΈ. Π’ ΠΌΠΎΠ΄Π΅ скруглённыС ΡƒΠ³ΠΎΠ»ΠΊΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄Π΅Π»Π°ΡŽΡ‚ΡΡ Π½Π΅ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Π° Ρ‡Π΅Ρ€Π΅Π· стили, для Ρ‡Π΅Π³ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ свойство border-radius . Π­Ρ‚ΠΎ свойство ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ ΠΎΠ΄Π½ΠΎ, Π΄Π²Π°, Ρ‚Ρ€ΠΈ ΠΈΠ»ΠΈ Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅ значСния Ρ€Π°Π·Π΄Π΅Π»Ρ‘Π½Π½Ρ‹Ρ… ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‚ радиус всСх ΡƒΠ³ΠΎΠ»ΠΊΠΎΠ² ΠΈΠ»ΠΈ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΏΠΎ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ.

    Π’ Ρ‚Π°Π±Π». 1 ΠΏΡ€ΠΈΠ²Π΅Π΄Ρ‘Π½ΠΎ Ρ€Π°Π·Π½ΠΎΠ΅ количСство Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ ΠΈ Π²ΠΈΠ΄ Π±Π»ΠΎΠΊΠ°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ получаСтся Π² этом случаС.

    ΠšΠΎΠ΄ΠžΠΏΠΈΡΠ°Π½ΠΈΠ΅Π’ΠΈΠ΄
    div { border-radius: 10px; }Радиус скруглСния для всСх ΡƒΠ³ΠΎΠ»ΠΊΠΎΠ² сразу.
    div { border-radius: 0 10px; }ΠŸΠ΅Ρ€Π²ΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ устанавливаСт радиус Π»Π΅Π²ΠΎΠ³ΠΎ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈ ΠΏΡ€Π°Π²ΠΎΠ³ΠΎ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΡƒΠ³ΠΎΠ»ΠΊΠ°, Π²Ρ‚ΠΎΡ€ΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ β€” для ΠΏΡ€Π°Π²ΠΎΠ³ΠΎ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈ Π»Π΅Π²ΠΎΠ³ΠΎ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ.
    div { border-radius: 20px 10px 0; }ΠŸΠ΅Ρ€Π²ΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Π·Π°Π΄Π°Ρ‘Ρ‚ радиус Π»Π΅Π²ΠΎΠ³ΠΎ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΡƒΠ³ΠΎΠ»ΠΊΠ°, Π²Ρ‚ΠΎΡ€ΠΎΠ΅ β€” ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ ΠΏΡ€Π°Π²ΠΎΠ³ΠΎ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈ Π»Π΅Π²ΠΎΠ³ΠΎ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ, Π° Ρ‚Ρ€Π΅Ρ‚ΡŒΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ β€” ΠΏΡ€Π°Π²ΠΎΠ³ΠΎ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ.
    div { border-radius: 20px 10px 5px 0; }ΠŸΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ устанавливаСт радиус Π»Π΅Π²ΠΎΠ³ΠΎ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΡƒΠ³ΠΎΠ»ΠΊΠ°, ΠΏΡ€Π°Π²ΠΎΠ³ΠΎ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ, ΠΏΡ€Π°Π²ΠΎΠ³ΠΎ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΈ Π»Π΅Π²ΠΎΠ³ΠΎ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ.

    Π’ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ 1 ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ созданиС Π±Π»ΠΎΠΊΠ° со скруглёнными ΡƒΠ³ΠΎΠ»ΠΊΠ°ΠΌΠΈ.

    ΠŸΡ€ΠΈΠΌΠ΅Ρ€ 1. Π£Π³ΠΎΠ»ΠΊΠΈ Ρƒ Π±Π»ΠΎΠΊΠ°

    HTML5 CSS3 IE 9+ Cr Op Sa Fx

    Радиус

    МСня — супплСтивная Ρ„ΠΎΡ€ΠΌΠ° Π²ΠΈΠ½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ ΠΏΠ°Π΄Π΅ΠΆΠ° ΠΎΡ‚ я.

    Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° ΠΏΠΎΠΊΠ°Π·Π°Π½ Π½Π° рис. 1.

    Рис. 1. Π‘Π»ΠΎΠΊ со скруглёнными ΡƒΠ³ΠΎΠ»ΠΊΠ°ΠΌΠΈ

    Π˜Π½Ρ‚Π΅Ρ€Π΅ΡΠ½Ρ‹ΠΉ эффСкт ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ, Ссли Π·Π°Π΄Π°Ρ‚ΡŒ радиус скруглСния большС ΠΏΠΎΠ»ΠΎΠ²ΠΈΠ½Ρ‹ высоты ΠΈ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ элСмСнта. Π’ Ρ‚Π°ΠΊΠΎΠΌ случаС получится ΠΊΡ€ΡƒΠ³. Π’ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ 2 ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ созданиС ΠΊΡ€ΡƒΠ³Π»ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ с рисунком.

    ΠŸΡ€ΠΈΠΌΠ΅Ρ€ 2. ΠšΡ€ΡƒΠ³Π»Π°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ°

    HTML5 CSS3 IE 9+ Cr Op Sa Fx

    Кнопка

    Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° ΠΏΠΎΠΊΠ°Π·Π°Π½ Π½Π° рис. 2.

    Рис. 2. ΠšΡ€ΡƒΠ³Π»Π°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ°

    Π’ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ Opera скруглСниС ΠΊ примСняСтся Π½Π΅ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎ, Ссли Π½Π΅ Π·Π°Π΄Π°Π½Π° Π³Ρ€Π°Π½ΠΈΡ†Π° Ρ‡Π΅Ρ€Π΅Π· свойство border .

    Бвойство border-radius ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΡ‡Π΅Ρ‚Π°Ρ‚ΡŒ ΠΈ с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ свойствами, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊ элСмСнту Ρ‚Π΅Π½ΡŒ. Π’ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ 3 сдСлан Π½Π°Π±ΠΎΡ€ ΠΊΡ€ΡƒΠΆΠΊΠΎΠ², ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΎΠ΄ΠΈΠ½ подсвСчиваСтся с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ box-shadow . Π’Π°ΠΊΠΎΠΉ Π½Π°Π±ΠΎΡ€ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ ΠΏΠΎ страницам ΠΈΠ»ΠΈ ΠΏΠΎ фотографиям.

    ΠŸΡ€ΠΈΠΌΠ΅Ρ€ 3. Π‘Π²Π΅Ρ‡Π΅Π½ΠΈΠ΅

    HTML5 CSS3 IE 9+ Cr Op Sa Fx

    Π‘Π²Π΅Ρ‡Π΅Π½ΠΈΠ΅

    Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° ΠΏΠΎΠΊΠ°Π·Π°Π½ Π½Π° рис. 3.

    Рис. 3. Π‘Π²Π΅Ρ‡Π΅Π½ΠΈΠ΅ Π²ΠΎΠΊΡ€ΡƒΠ³ ΠΊΡ€ΡƒΠΆΠΊΠ°

    Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ border-radius ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΊΡ€ΡƒΠΆΠΎΠΊ, Π½ΠΎ ΠΈ эллипс, Π° Ρ‚Π°ΠΊΠΆΠ΅ эллиптичСскоС скруглСниС Ρƒ Π±Π»ΠΎΠΊΠ°. Для этого Π½Π°Π΄ΠΎ Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ Π½Π΅ ΠΎΠ΄Π½ΠΎ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅, Π° Π΄Π²Π° Ρ‡Π΅Ρ€Π΅Π· слэш. Π—Π°ΠΏΠΈΡΡŒ 20px/10px ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ радиус скруглСния Π±ΡƒΠ΄Π΅Ρ‚ 20 пиксСлов, Π° ΠΏΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ 10 пиксСлов. Π’ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ 4 ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ созданиС эллиптичСских ΡƒΠ³ΠΎΠ»ΠΊΠΎΠ² для добавлСния ΠΊ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ надписи ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½Π½ΠΎΠΉ ΠΊΠ°ΠΊ Π² комиксах.

    ΠŸΡ€ΠΈΠΌΠ΅Ρ€ 4. Эллипсы

    HTML5 CSS3 IE 9+ Cr Op Sa Fx

    ЭллиптичСскиС ΡƒΠ³ΠΎΠ»ΠΊΠΈ Π’Ρ‹ сами сСбС ΡƒΡ‡ΠΈΡ‚Π΅Π»ΡŒ

    Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° ΠΏΠΎΠΊΠ°Π·Π°Π½ Π½Π° рис. 4.

    Рис. 4. ИспользованиС эллиптичСских ΡƒΠ³ΠΎΠ»ΠΊΠΎΠ²

    Π’ΠΈΠ΄ ΡƒΠ³ΠΎΠ»ΠΊΠΎΠ² ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΈ Ρƒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, добавляя ΠΊ сСлСктору img свойство border-radius , ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π² ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ 5.

    ΠŸΡ€ΠΈΠΌΠ΅Ρ€ 5. Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ

    HTML5 CSS3 IE 9+ Cr Op Sa Fx

    Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ

    ВсС соврСмСнныС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ стандарты гипСртСкстовой Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ HTML5 ΠΈ стили оформлСния CCS3. И Ссли ваш сайт (шаблон) ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ соврСмСнныС стандарты, Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Π½ΠΎΡΠΈΡ‚ΡŒ измСнСния Π² ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅, Ρ‚Π°ΠΊΠΎΠ΅ ΠΊΠ°ΠΊ скруглСниС ΡƒΠ³Π»ΠΎΠ², Ρ‚Π΅Π½ΠΈ, градиСнтная Π·Π°Π»ΠΈΠ²ΠΊΠ°, Π½Π΅ прибСгая ΠΊ ΠΏΠΎΠΌΠΎΡ‰ΠΈ графичСских Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ².

    ВСбмастСра повсСмСстно ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ скруглСнныС ΡƒΠ³Π»Ρ‹ Ρƒ Π±Π»ΠΎΠΊΠΎΠ² ΠΈ Ρ€Π°ΠΌΠΎΠΊ Π½Π° сайтах. Π― Π² этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ расскаТу ΠΊΠ°ΠΊ ΠΆΠ΅ Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ ΡƒΠ³Π»Ρ‹ Ρƒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ ΠΈ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ Π½Π° сайтС Π±Π΅Π· использования сторонних ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ, Ρ‚ΠΎΠ»ΡŒΠΊΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS.

    Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹Π΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ Π² ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π»ΠΈΡΡŒ Ρƒ вас Π½Π° экранС, Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ самыС свСТиС вСрсии Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ², FireFox, Chrome ΠΈ Ρ‚Π΅ Ρ‡Ρ‚ΠΎ сдСланы Π½Π° основС ΠΈΡ…: ЯндСкс.Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€, Амиго ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅.

    Π—Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½ΠΈΠ΅ ΡƒΠ³Π»ΠΎΠ² Ρƒ Π±Π»ΠΎΠΊΠΎΠ² DIV

    По стандарту CSS3 Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π±Π»ΠΎΠΊ DIV ΠΈΠΌΠ΅Π» скруглСнныС ΡƒΠ³Π»Ρ‹, Π΅ΠΌΡƒ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΡ€ΠΈΠ΄Π°Ρ‚ΡŒ ΡΡ‚ΠΈΠ»ΡŒ border-radius , Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Ρ‚Π°ΠΊ:

    Border-radius: 10px;

    Для наглядности нарисуСм Π΄Π²Π° Π±Π»ΠΎΠΊΠ° с прямыми ΠΈ скруглСнными ΡƒΠ³Π»Π°ΠΌΠΈ:

    Π‘Π»ΠΎΠΊ с прямыми ΡƒΠ³Π»Π°ΠΌΠΈ

    Π‘Π»ΠΎΠΊ с Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ ΡƒΠ³Π»Π°ΠΌΠΈ

    Π—Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½ΠΈΠ΅ ΡƒΠ³Π»ΠΎΠ² Ρƒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ

    По Π°Π½Π°Π»ΠΎΠ³ΠΈΠΈ с ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠΌ Π²Ρ‹ΡˆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ ΡƒΠ³Π»Ρ‹ ΠΈ Ρƒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ Π½Π° сайтС, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ. Для наглядности Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΠΌ ΡƒΠ³Π»Ρ‹ для Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ со страницы

    Π’ΠΎΡ‚ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±Π΅Π· CSS ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ

    А Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ с Π·Π°Π³Ρ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ ΡƒΠ³Π»Π°ΠΌΠΈ:

    Border-radius: 10px;

    Π§Ρ‚ΠΎΠ±Ρ‹ стало совсСм «красиво» с Π½Π°Ρ‡Π°Π»Π° Π΄ΠΎΠ±Π°Π²ΠΈΠΌ окантовку…

    Border-radius: 10px; border: 5px #ccc solid;

    Π° Π·Π°Ρ‚Π΅ΠΌ ΠΈ Ρ‚Π΅Π½ΠΈ:

    Border-radius: 10px; border: 5px #ccc solid; box-shadow: 0 0 10px #444;

    Π’Π°Ρ€ΠΈΠ°Π½Ρ‚ Π½ΠΈΠΆΠ΅ (Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹Π΅ ΡƒΠ³Π»Ρ‹ с Ρ‚Π΅Π½ΡŒΡŽ Π±Π΅Π· Π±ΠΎΡ€Π΄ΡŽΡ€Π°) ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΡ…ΠΎΠΆ Π½Π° ΠΊΠΎΠ²Ρ€ΠΈΠΊ для ΠΌΡ‹ΡˆΠΈ:

    Border-radius: 10px; box-shadow: 0 0 10px #444;

    И напослСдок ΠΏΠΎΠ»Π½ΠΎΠ΅ ΠΈΠ·Π΄Π΅Π²Π°Ρ‚Π΅Π»ΡŒΡΡ‚Π²ΠΎ Π½Π°Π΄ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ

    Border-radius: 50%; border: 5px #cfc solid; box-shadow: 0 0 10px #444;

    Если Π²Ρ‹ ΠΎΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ Π² Π½ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅, Ρ‚ΠΎ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΎ (ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅) Π² Π½Π΅ΠΈΠ·ΠΌΠ΅Π½Π½ΠΎΠΌ Π²ΠΈΠ΄Π΅, Π° всС ΡƒΠ³Π»Ρ‹, Ρ‚Π΅Π½ΠΈ ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅ β€” всСго лишь Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ CSS стилСй вашим Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠΌ.

    МалСнькоС лиричСскоС отступлСниС

    Π‘Ρ‚ΠΈΠ»ΡŒ border ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°Π΅Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния Π½Π° Π²Π΅Π»ΠΈΡ‡ΠΈΠ½Ρƒ ΠΎΠΊΠ°Π½Ρ‚ΠΎΠ²ΠΊΠΈ. Если ΡƒΠΊΠ°Π·Π°Π½ΠΎ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ border: 5px , Ρ‚ΠΎ ΠΈΡ‚ΠΎΠ³ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ станСт ΡˆΠΈΡ€Π΅ ΠΈ Π²Ρ‹ΡˆΠ΅ Π½Π° 10 пиксСлСй. Π£Ρ‡ΠΈΡ‚Ρ‹Π²Π°ΠΉΡ‚Π΅ это, Π² Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… случаях ΠΌΠΎΠΆΠ΅Ρ‚ Β«ΠΏΠΎΠ΅Ρ…Π°Ρ‚ΡŒΒ» вСрстка сайта.

    А ΡΡ‚ΠΈΠ»ΡŒ box-shadow Π½Π΅ влияСт Π½Π° Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, Ρ‚Π΅Π½ΡŒ ΠΊΠ°ΠΊ Π±Ρ‹ Π½Π°Π΅Π·ΠΆΠ°Π΅Ρ‚ Π½Π° сосСдниС элСмСнты. ΠŸΡ€ΠΈ Π΅Π³ΠΎ использовании вСрстка сайта Π½Π΅ страдаСт.

    Как Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ ΡƒΠ³Π»Ρ‹ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ Π½Π° WordPress

    Π’ΠΎ всСх ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹Ρ… ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ… Π²Ρ‹ΡˆΠ΅ я прописывал стили прямо Π² Ρ‚Π΅Π³Π°Ρ… html ΠΊΠΎΠ΄Π°. НапримСр послСдний выглядит Ρ‚Π°ΠΊ:

    Π­Ρ‚ΠΎ Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΊΠΎΠ³Π΄Π° Π½ΡƒΠΆΠ½ΠΎ ΠΏΠ΅Ρ€Π΅ΠΎΡ„ΠΎΡ€ΠΌΠΈΡ‚ΡŒ ΠΎΠ΄Π½Ρƒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ ΠΈΠ»ΠΈ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ. А Ссли Π²Ρ‹ Π·Π°Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ всС? Ну Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚Π΅ ΠΆΠ΅ Π²Ρ‹ Π»Π°Π·ΠΈΡ‚ΡŒ ΠΏΠΎ всСму своСму сайту, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ΄Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ. Π’ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ случаСв WordPress Ρ‚Π΅Π³Ρƒ IMG опрСдСляСт нСсколько классов стилСй. Один ΠΏΠΎ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΌΡƒ ΠΈΠΌΠ΅Π½ΠΈ Ρ„Π°ΠΉΠ»Π° с ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ, Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΏΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρƒ, ΠΈ Π΅Ρ‰Π΅ ΠΏΠΎ Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°ΡŽ. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π½ΠΈΡ… Π²Ρ‹ΡˆΠ΅ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹ΠΌΠΈ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π°ΠΌΠΈ.

    НапримСр для всСх ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, для ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½Π΅ ΡƒΠΊΠ°Π·Π°Π½ΠΎ Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅, Π² Ρ„Π°ΠΉΠ»Π΅ style.css вашСй Ρ‚Π΅ΠΌΡ‹ WordPress ΠΏΡ€ΠΎΠΏΠΈΡˆΠΈΡ‚Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅:

    Alignnone { border-radius: 10px; border: 5px #cfc solid; box-shadow: 0 0 10px #444; }

    Π›ΠΈΠ±ΠΎ самый ТСсткий ΠΌΠ΅Ρ‚ΠΎΠ΄ для всСх ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΉ Π½Π° сайтС. ΠŸΠ΅Ρ€Π΅ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΠΌ ΡΡ‚ΠΈΠ»ΡŒ для всСх Ρ‚Π΅Π³ΠΎΠ² IMG :

    Img { border-radius: 10px; border: 5px #cfc solid; box-shadow: 0 0 10px #444; }

    ПослСдний Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для WordPress, Π° для любой CMS. И Π΄Π°ΠΆΠ΅ для простой HTML странички Π² Ρ‚ΠΎΠΌ случаС ΠΊΠΎΠ³Π΄Π° ΠΏΡ€ΠΈ Π²Ρ‹Π²ΠΎΠ΄Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Ρ‚Π΅Π³Ρƒ IMG Π½Π΅ присваСватся Π½ΠΈΠΊΠ°ΠΊΠΈΡ… классов стилСй. Но Π±ΡƒΠ΄ΡŒΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹. Если Π²Ρ‹ ΠΏΠ΅Ρ€Π΅ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ отобраТСния Ρ‚Π΅Π³Π° IMG Π²Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚Π΅ внСшний Π²ΠΈΠ΄ Π’Π‘Π•Π₯ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ Π½Π° сайтС!

    ВмСсто Π·Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ

    ВсС ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ Π² ΡΡ‚Π°Ρ‚ΡŒΠ΅ условныС ΠΈ ΠΏΡ€ΠΈΠ·Π²Π°Π½Ρ‹ лишь ΠΏΡ€ΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ возмоТности CSS ΠΏΠΎ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΊΠ°ΠΊ это просто.

    Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ размытия зависит ΠΎΡ‚ Π»ΠΈΠ½Π΅ΠΉΠ½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° изобраТСния ΠΈ Π²Π΅Π»ΠΈΡ‡ΠΈΠ½Ρ‹ радиуса скруглСния, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π’Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ. Π― Π²Ρ‹Π±Ρ€Π°Π» Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ 4 пиксСля:

    На всякий случай, создаю копию слоя с Ρ€Π°Π·ΠΌΡ‹Ρ‚ΠΎΠΉ Ρ„ΠΈΠ³ΡƒΡ€ΠΎΠΉ, Π½Π°ΠΆΠ°Π² Ctrl+J.

    Π—Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Ctrl ΠΈ ΠΊΠ»ΠΈΠΊΠ½ΠΈΡ‚Π΅ ΠΏΠΎ ΠΈΠΊΠΎΠ½ΠΊΠ΅ слоя Π² ΠΏΠ°Π½Π΅Π»ΠΈ слоёв, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½ΡƒΡŽ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ Π²ΠΎΠΊΡ€ΡƒΠ³ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹. ΠŸΡ€ΠΎΠΉΠ΄ΠΈΡ‚Π΅ ΠΏΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Π³Π»Π°Π²Π½ΠΎΠ³ΠΎ мСню Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ —> Π£Ρ‚ΠΎΡ‡Π½ΠΈΡ‚ΡŒ ΠΊΡ€Π°ΠΉ (Select —> Refine Edge). Π Π΅ΠΆΠΈΠΌ просмотра (Π²Π²Π΅Ρ€Ρ…Ρƒ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ³ΠΎ ΠΎΠΊΠ½Π°) Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ «Π½Π° Ρ‡Ρ‘Ρ€Π½ΠΎΠΌ»:

    ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ «Π‘Π³Π»Π°Π΄ΠΈΡ‚ΡŒ» (Smooth) ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ Π·Π° радиус ΡƒΠ³Π»Π°, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ Π΅Π³ΠΎ Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠ΄ΠΎΠ±Ρ€Π°Ρ‚ΡŒ ΠΏΠΎ вкусу, Π° Π²ΠΎΡ‚ значСния «Π Π°ΡΡ‚ΡƒΡˆΡ‘Π²ΠΊΠ°» (Feather) ΠΈ «ΠšΠΎΠ½Ρ‚Ρ€Π°ΡΡ‚Π½ΠΎΡΡ‚ΡŒ» (Contrast) Π½Π°Π΄ΠΎ Π·Π°Π΄Π°Ρ‚ΡŒ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ 0 пикс. ΠΈ 100% соотвСтствСнно.
    НаТимаСм ОК, Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ «Π£Ρ‚ΠΎΡ‡Π½ΠΈΡ‚ΡŒ ΠΊΡ€Π°ΠΉ» закрываСтся ΠΈ Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅ снова ΠΏΠΎΡΠ²Π»ΡΡŽΡ‚ΡΡ «Π±Π΅Π³ΡƒΡ‰ΠΈΠ΅ ΠΌΡƒΡ€Π°Π²ΡŒΠΈ». Нам ΠΎΡΡ‚Π°Π»ΠΎΡΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΊΠ»ΠΈΠΊΠ½ΡƒΡ‚ΡŒ ΠΏΠΎ Π·Π½Π°Ρ‡ΠΊΡƒ создания слой-маски Π²Π½ΠΈΠ·Ρƒ ΠΏΠ°Π½Π΅Π»ΠΈ слоёв, этим ΠΌΡ‹ создадим слой-маску ΠΈΠ· Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½ΠΎΠΉ области.
    Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚:

    ПанСль слоёв выглядит Ρ‚Π°ΠΊ:

    Как ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Π½Π° прСдпослСднСм ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ, ΡƒΠ³Π»Ρ‹ Ρƒ нас Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Ρ‹, Π½ΠΎ вдоль ΠΊΡ€Π°Ρ‘Π² Π²Π½ΡƒΡ‚Ρ€ΠΈ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ появился Π½Π΅Π½ΡƒΠΆΠ½Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚ΠΎΠ²ΠΎΠΉ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ (это ΡΠ»ΡƒΡ‡ΠΈΠ»ΠΎΡΡŒ ΠΈΠ·-Π·Π° размытия). Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ это Π·Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Ctrl ΠΈ ΠΊΠ»ΠΈΠΊΠ°Π΅ΠΌ ΠΏΠΎ ΠΈΠΊΠΎΠ½ΠΊΠ΅ маски слоя:

    Π’ΠΎΠΊΡ€ΡƒΠ³ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ появляСтся Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅. Π—Π°Ρ‚Π΅ΠΌ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΊΠ»ΠΈΠΊΠ°Π΅ΠΌ ΠΏΠΎ ΠΈΠΊΠΎΠ½ΠΊΠ΅ слоя, Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ ΠΆΠ΅Π»Π°Π΅ΠΌΡ‹ΠΉ Ρ†Π²Π΅Ρ‚ Π² Ρ†Π²Π΅Ρ‚ΠΎΠ²ΠΎΠΉ ΠΏΠ°Π»ΠΈΡ‚Ρ€Π΅ ΠΈ Π½Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ Ctrl+Delete для Π·Π°Π»ΠΈΠ²ΠΊΠΈ выдСлСния. Π― взял исходный Ρ†Π²Π΅Ρ‚ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ Π“ΠΎΡ‚ΠΎΠ²ΠΎ:

    Π’ΠΎΡ‚ ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ ΡƒΠ³ΠΎΠ»ΠΊΠΈ Π² тСкстС, ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΠ² описанный Π²Ρ‹ΡˆΠ΅ ΠΌΠ΅Ρ‚ΠΎΠ΄:

    ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Ссли слой-маску Π½Π°Π»ΠΎΠΆΠΈΡ‚ΡŒ Π½Π° исходный Ρ„Π°ΠΉΠ» ΠΈ частично Π΅Ρ‘ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ, ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ дСйствия Π½Π° ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ участки Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ ΠΈΠ»ΠΈ тСкста.

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

    ΠŸΠ΅Ρ€Π΅Π΄ Ρ‚Π΅ΠΌ ΠΊΠ°ΠΊ Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ края Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅, слСдуСт ΠΏΠΎΠ½ΠΈΠΌΠ°Ρ‚ΡŒ, для Ρ‡Π΅Π³ΠΎ это Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ. ΠžΡΠ½ΠΎΠ²Π½Ρ‹ΠΌΠΈ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌΠΈ ΡΠ²Π»ΡΡŽΡ‚ΡΡ:

    ΠŸΠΎΠ»ΡƒΡ‡Π΅Π½ΠΈΠ΅ изобраТСния ΠΈΠ»ΠΈ Π΅Π³ΠΎ Π΄Π΅Ρ‚Π°Π»ΠΈ, которая ΠΈΠΌΠ΅Π΅Ρ‚ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡƒΡŽ Ρ„ΠΎΡ€ΠΌΡƒ, Π±Π΅Π· надобности дальнСйшСго рСдактирования;

    ΠŸΠΎΠ»ΡƒΡ‡Π΅Π½ΠΈΠ΅ ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ ΠΈ красивого оформлСния для Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ.

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

    ΠŸΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΈΠ² Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ Ρ€Π°Π±ΠΎΡ‡ΠΈΠΉ ΠΎΠ±Ρ€Π°Π·Π΅Ρ†, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ нСпосрСдствСнно ΠΊ ΠΏΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Π΅ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ края Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅. Для этого ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ Π½Π°ΠΉΡ‚ΠΈ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ слСва ΠΎΠ΄ΠΈΠ½ ΠΈΠ· инструмСнтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ называСтся Β«ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΒ» (вызываСтся клавишСй Β«UΒ»), ΠΈ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΈΠ· пСрСчня Π΅Π³ΠΎ разновидностСй — «со скруглСнными краями». ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΡƒΠ³ΠΎΠ» скруглСнных ΠΊΡ€Π°Π΅Π² ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ ΠΎΠΏΡ†ΠΈΠΈ «радиус», которая станСт доступна Π½Π° Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ.

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

    Для Ρ‚ΠΎΠ³ΠΎ Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ½ΡΡ‚ΡŒ, ΠΊΠ°ΠΊ Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ края Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅, Π½ΡƒΠΆΠ½ΠΎ Π½Π°ΠΆΠ°Ρ‚ΡŒ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΏΠΎ слою с ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½Π½Ρ‹ΠΌ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΎΠΌ ΠΈ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Β«ΠžΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½ΡƒΡŽ ΠΎΠ±Π»Π°ΡΡ‚ΡŒΒ». ПослС Ρ‡Π΅Π³ΠΎ Π½Π° основной ΠΏΠ°Π½Π΅Π»ΠΈ Π²Π²Π΅Ρ€Ρ…Ρƒ Π½Π°ΠΆΠ°Ρ‚ΡŒ Β«Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅Β», Β«Π˜Π½Π²Π΅Ρ€ΡΠΈΡΒ». Π—Π°Ρ‚Π΅ΠΌ остаСтся ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ Π½Π° слой с основным ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΠΈ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ Β«DeleteΒ», которая осущСствляСтся Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ΠΌ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰Π΅ΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π½Π° ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Π΅ ΠΈΠ»ΠΈ Ρ‡Π΅Ρ€Π΅Π· Β«Π³ΠΎΡ€ΡΡ‡ΡƒΡŽΒ» ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«DΒ». ΠŸΠΎΠ»ΡƒΡ‡Π΅Π½Π½Ρ‹ΠΉ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ остаСтся Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Ρ‡Π΅Ρ€Π΅Π· мСню Β«Π€Π°ΠΉΠ»Β», Β«Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒΒ» для Β«Ρ€ΠΎΠ΄Π½ΠΎΠ³ΠΎΒ» PSD-Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°. Или ΠΌΠΎΠΆΠ½ΠΎ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Β«Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ как…», ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π² любом Π΄Ρ€ΡƒΠ³ΠΎΠΌ распространСнном Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅.

    Π­Ρ‚ΠΎ самый простой ΠΈ быстрый способ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π·Π°ΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ края Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅. Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π΄Π΅Π»ΠΎ Π·Π° вашСй Ρ„Π°Π½Ρ‚Π°Π·ΠΈΠ΅ΠΉ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π΅ΡˆΠΈΡ‚ΡŒ, Π³Π΄Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π½ΠΎΠ²Ρ‹Π΅ знания.

    Π²Π΅ΠΊΡ‚ΠΎΡ€ — Photoshop CS6 Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° с Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ ΡƒΠ³Π»Π°ΠΌΠΈ Π’Π΅ΠΊΡ‚ΠΎΡ€

    — Photoshop CS6 Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° с Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ ΡƒΠ³Π»Π°ΠΌΠΈ — Graphic Design Stack Exchange
    Π‘Π΅Ρ‚ΡŒ ΠΎΠ±ΠΌΠ΅Π½Π° стСков

    Π‘Π΅Ρ‚ΡŒ Stack Exchange состоит ΠΈΠ· 178 сообщСств вопросов ΠΈ ΠΎΡ‚Π²Π΅Ρ‚ΠΎΠ², Π²ΠΊΠ»ΡŽΡ‡Π°Ρ Stack Overflow, ΠΊΡ€ΡƒΠΏΠ½Π΅ΠΉΡˆΠ΅Π΅ ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‰Π΅Π΅ΡΡ наибольшим Π΄ΠΎΠ²Π΅Ρ€ΠΈΠ΅ΠΌ ΠΎΠ½Π»Π°ΠΉΠ½-сообщСство, Π³Π΄Π΅ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ, Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ своими знаниями ΠΈ ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ свою ΠΊΠ°Ρ€ΡŒΠ΅Ρ€Ρƒ.

    ΠŸΠΎΡΠ΅Ρ‚ΠΈΡ‚ΡŒ Stack Exchange
    1. 0
    2. +0
    3. ΠΠ²Ρ‚ΠΎΡ€ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠŸΠΎΠ΄ΠΏΠΈΡΠ°Ρ‚ΡŒΡΡ

    Graphic Design Stack Exchange — это сайт вопросов ΠΈ ΠΎΡ‚Π²Π΅Ρ‚ΠΎΠ² для профСссионалов, студСнтов ΠΈ энтузиастов графичСского Π΄ΠΈΠ·Π°ΠΉΠ½Π°.РСгистрация Π·Π°ΠΉΠΌΠ΅Ρ‚ всСго ΠΌΠΈΠ½ΡƒΡ‚Ρƒ.

    Π—Π°Ρ€Π΅Π³ΠΈΡΡ‚Ρ€ΠΈΡ€ΡƒΠΉΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΈΡΠΎΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒΡΡ ΠΊ этому сообщСству

    ΠšΡ‚ΠΎ ΡƒΠ³ΠΎΠ΄Π½ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π·Π°Π΄Π°Ρ‚ΡŒ вопрос

    ΠšΡ‚ΠΎ ΡƒΠ³ΠΎΠ΄Π½ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΡ‚Π²Π΅Ρ‚ΠΈΡ‚ΡŒ

    Π›ΡƒΡ‡ΡˆΠΈΠ΅ ΠΎΡ‚Π²Π΅Ρ‚Ρ‹ Π³ΠΎΠ»ΠΎΡΡƒΡŽΡ‚ΡΡ ΠΈ ΠΏΠΎΠ΄Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ Π½Π°Π²Π΅Ρ€Ρ…

    Бпросил

    ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Π½ΠΎ 30ΠΊ Ρ€Π°Π·

    Π­Ρ‚ΠΎΡ‚ вопрос касаСтся Photoshop CS6.НадСюсь, эта функция Π±Ρ‹Π»Π° Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π° ​​в эту Π²Π΅Ρ€ΡΠΈΡŽ. ΠŸΠ΅Ρ€Π΅Π΄ ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠ΅ΠΉ я поискал Google ΠΈ Ρ‚ΠΎ ΠΈ это, Π½ΠΎ Π½Π΅ нашСл ΠΎΡ‚Π²Π΅Ρ‚Π° для CS6.

    Π˜Ρ‚Π°ΠΊ, вопрос: Π΅ΡΡ‚ΡŒ Π»ΠΈ Π² CS6 функция ΠΈΠ»ΠΈ сцСнарий, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠ³ΠΎ элСмСнта с Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΌΠΈ ΡƒΠ³Π»Π°ΠΌΠΈ Π±Π΅Π· использования инструмСнта прямого Π²Ρ‹Π±ΠΎΡ€Π° (инструмСнт с Π±Π΅Π»ΠΎΠΉ стрСлкой) ΠΈ Π±Π΅Π· измСнСния радиуса Π³Ρ€Π°Π½ΠΈΡ†Ρ‹? Π‘Ρ‹Π»ΠΎ Π±Ρ‹ Π·Π΄ΠΎΡ€ΠΎΠ²ΠΎ, Ссли Π±Ρ‹ просто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ инструмСнт прСобразования ΠΈΠ»ΠΈ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π²Ρ€ΠΎΠ΄Π΅ инструмСнта измСнСния Ρ€Π°Π·ΠΌΠ΅Ρ€Π° сСтки.

    Π¦Π°ΠΉ

    39.7k1111 Π·ΠΎΠ»ΠΎΡ‚Ρ‹Ρ… Π·Π½Π°ΠΊΠΎΠ²7272 сСрСбряных Π·Π½Π°ΠΊΠ°164164 Π±Ρ€ΠΎΠ½Π·ΠΎΠ²Ρ‹Ρ… Π·Π½Π°ΠΊΠ°

    Π‘ΠΎΠ·Π΄Π°Π½ 20 Π΄Π΅ΠΊ.

    iDev247iDev247

    20311 Π·ΠΎΠ»ΠΎΡ‚Ρ‹Ρ… Π·Π½Π°ΠΊΠΎΠ²22 сСрСбряных Π·Π½Π°ΠΊΠ°77 Π±Ρ€ΠΎΠ½Π·ΠΎΠ²Ρ‹Ρ… Π·Π½Π°ΠΊΠΎΠ²

    1

    ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ ΠΎΡ‚Π²Π΅Ρ‚: Π½Π΅Ρ‚.

    Π― попросил Adobe Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ эту Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ. Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π΅Π³ΠΎ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, проголосуйтС здСсь:

    Photoshop: Π±Ρ‹Π»ΠΎ Π±Ρ‹ Ρ…ΠΎΡ€ΠΎΡˆΠΎ, Ссли Π±Ρ‹ радиус ΡƒΠ³Π»Π° скруглённого Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠ³ΠΎ инструмСнта ΠΌΠΎΠΆΠ½ΠΎ Π±Ρ‹Π»ΠΎ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π²ΠΎ врСмя ΠΈ послС рисования

    А Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠ΅ новости. Дэвид ДТСнсСн написал Π² ΠΏΠΎΠΌΠΎΡ‰ΡŒ нСбольшой приятный сцСнарий. Он Π½Π΅ ΠΈΠ΄Π΅Π°Π»Π΅Π½ (Π½Π΅ ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ нСсколько Ρ„ΠΎΡ€ΠΌ Π½Π° ΠΎΠ΄Π½ΠΎΠΌ слоС), Π½ΠΎ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Π²ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΡ… ситуациях.

    Π‘ΠΊΡ€ΠΈΠΏΡ‚ позволяСт Ρ‚Ρ€Π°Π½ΡΡ„ΠΎΡ€ΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ„ΠΎΡ€ΠΌΡ‹ (ΠΈΡΠΊΠ°ΠΆΠ°Ρ‚ΡŒ ΠΈΡ…), Π° Π·Π°Ρ‚Π΅ΠΌ ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ ΡƒΠ³Π»Ρ‹.Однако Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°ΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ радиус, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ использовали.

    Устройство для измСнСния радиуса ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° со скруглСнными ΡƒΠ³Π»Π°ΠΌΠΈ

    На снимкС экрана ΠΏΠΎΠΊΠ°Π·Π°Π½Π° Windows, Π½ΠΎ сцСнарий Ρ‚Π°ΠΊΠΆΠ΅ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π² вСрсии Photoshop для Mac.

    ΠžΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

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

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