Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ пиксСль: Как Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ пиксСль Π°Ρ€Ρ‚ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Photoshop

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

Pixel Aspect Ratio Correction — All of Photoshop (RU) β€” Π–Π–

ΠŸΡ€ΠΎΡ„ΠΈΠ»ΡŒ

All of Photoshop (RU)

ВмСсто ΠΈΠ·Π²ΠΈΠ½Π΅Π½ΠΈΠΉ Π·Π° свой пост, ΠΏΡ€ΠΎΡ‡Ρ‚ΠΈΡ‚Π΅ это

All of Photoshop (FAQ) — TOP 5

НС ΠΌΠ΅Π½Π΅Π΅ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Π΅ ссылки

Поиск ΠΏΠΎ ΠΌΠ΅Ρ‚ΠΊΠ°ΠΌ

20 Π»Π΅Ρ‚ с photoshop, 2010, 2012, adobe, adobe cs6, adobe evolution, adobe photoshop, adobe photoshop elements, adobecreativedays, after effects, allofphotoshop, apple, bug, color, competition, creative cloud, creative days, creative future, creative suite, creative suite 6, creativefuture, creativefuture 2010, cs 5.5, cs5, cs6, drawing, event, facebook, help, illustrator, lightroom, link, moscow, news, photoshop, photoshop cs6, photoshop elements, poll, premiere elements, premiere pro, ru_photoshop, sale, steve jobs, stuff, terry white, tutorial, useful, video, wacom, Москва, Новости, Россия, Π’Π΅Ρ€Ρ€ΠΈ Π£Π°ΠΉΡ‚, бСсплатно, Π²Π΅Π±ΠΈΠ½Π°Ρ€, Π²ΠΈΠ΄Π΅ΠΎ, дСнь Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„Π°, Π΄ΠΆΠ΅ΠΉΠΏΠ΅Π³, СвангСлист ΠΎΡ‚ Adobe, ΠΈΠ½Ρ‚Π΅Ρ€Π²ΡŒΡŽ, история, ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ, конкурс, конфСрСнция, мСроприятС, ΠΌΡƒΠ·Π΅ΠΉ, Π½Π΅ ΡƒΠΌΠ΅ΡŽ Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ ΠΏΠΎ-английски, Π½ΠΎΠ²Ρ‹ΠΉ тэг: я ΠΊΡ€ΡƒΡ‡Π΅ всСх! Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½ΠΎ!, объявлСниС, ΠΎΠ½Π»Π°ΠΉΠ½, ΠΏΠ°Ρ€Π°Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½ΠΎΠ΅, ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ обСспСчСниС, скидка, сочи, спикСр, Ρ‚ΡƒΡ‚ΠΎΡ€ΠΈΠ°Π», Ρ„ΠΎΡ€ΡƒΠΌ, Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„, Ρ„ΠΎΡ‚ΠΎΠΆΠ°Π±Π°, Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏ, ΡΠ²ΠΎΠ»ΡŽΡ†ΠΈΡ творчСства, это Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏ!, я Π½Π΅ ΠΌΠΎΠ³Ρƒ Π΄ΠΎΠ³Π°Π΄Π°Ρ‚ΡŒΡΡ Π·Π°Π³Π»ΡΠ½ΡƒΡ‚ΡŒ Π² FAQ, я Π½Π΅ ΡƒΠΌΠ΅ΡŽ Π·Π°ΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, я Π½Π΅ ΡƒΠΌΠ΅ΡŽ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ поисковиком, я Ρ‚Π°Π»Π°Π½Ρ‚Π»ΠΈΠ²Ρ‹ΠΉ сын своСго Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ

11-сСнт-2006 08:23

ΠŸΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π² настройках ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡ сторон пиксСля -square (ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π½Ρ‹ΠΉ).
Π–ΠΈΠ²ΡƒΡ‚ настройки Ρ‚ΡƒΡ‚ Image-Pixel Aspect Ratio. По Π΄Π΅Ρ„ΠΎΠ»Ρ‚Ρƒ стоит(ΠΈ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΡ‚ΠΎΡΡ‚ΡŒ Ссли Π²Ρ‹ Ρ‚ΠΎΡ‡Π½ΠΎ Π½Π΅ Π·Π½Π°Π΅Ρ‚Π΅ Π·Π°Ρ‡Π΅ΠΌ Π²Π°ΠΌ ΠΈΠ½ΠΎΠ΅) ΠΊΠ°ΠΊ Ρ€Π°Π· square

11-сСнт-2006 08:43

Бпасибо πŸ˜‰ А Ρ‡Ρ‚ΠΎΠ±Ρ‹ всС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ сразу с Ρ‚Π°ΠΊΠΎΠΉ настройкой ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π»ΠΈΡΡŒ, ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, ΠΏΠΎ-Π²ΠΈΠ΄ΠΈΠΌΠΎΠΌΡƒ, нСльзя?
ИноС ΠΌΠ½Π΅ Ρ‚ΠΎΡ‡Π½ΠΎ Π½Π΅ Π½Π°Π΄ΠΎ… это ΠΏΡ€ΠΈ Ρ€Π°Π·Π±ΠΈΠ²ΠΊΠ΅ ΠΏΠ΄Ρ„-Π° Π½Π° Ρ‚ΠΈΡ„Ρ‹ ΠΎΠ½ Ρ‚Π°ΠΊΠΎΠ΅ Π΄Π΅Π»Π°Π΅Ρ‚ Π·Π°Ρ‡Π΅ΠΌ-Ρ‚ΠΎ

11-сСнт-2006 08:59

Π’ Π°ΠΊΡ€ΠΎΠ±Π°Ρ‚Π΅
ΠŸΠΎΡ‚ΠΎΠΌΡƒ ΠΊΠ°ΠΊ Π½Π΅ ΠΌΠΎΠ³Ρƒ Π² CS ΠΏΠΎΠ½ΡΡ‚ΡŒ, Π³Π΄Π΅ Ρ‚Π° самая функция «ΠΈΠΌΠΏΠΎΡ€Ρ‚ ΠΏΠ΄Ρ„», которая ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΡƒΠ΅Ρ‚ ΠΏΠ΄Ρ„-Π½Ρ‹Π΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ as it, Π±Π΅Π· пСрСсчСта Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ ΠΈ Π²Ρ‹Π»Π΅Ρ‚Π° этого Π΄ΡƒΡ€Π°Π¦ΠΊΠΎΠ³ΠΎ окошка «Π²Π°ΠΌ Π² ΠΊΠ°ΠΊΠΎΠΌ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΈ Ρ€Π°ΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ?». Ни Π² ΠΊΠ°ΠΊΠΎΠΌ ΠΌΠ½Π΅ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ Ρ€Π°ΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ. МнС 1:1 ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π½ΡƒΠΆΠ½ΠΎ. Если подскаТСтС, ΠΊΠ°ΠΊ, Π±ΡƒΠ΄Ρƒ Π±Π»Π°Π³ΠΎΠ΄Π°Ρ€Π½Π°. πŸ˜‰ Π’ 8.0 эта функция Π±Ρ‹Π»Π° Π² File-Import pdf-Image, Π° Π² CS-ΠΊΠ΅ Π΅Π΅ ΠΊΡƒΠ΄Π° Π΄Π΅Π»ΠΈ, Π½Π΅ ΠΌΠΎΠ³Ρƒ ΠΏΠΎΠ½ΡΡ‚ΡŒ.

11-сСнт-2006 09:44

8.0, насколько я помню, это ΠΈ Π΅ΡΡ‚ΡŒ CS. Π° CS2 β€” это ΡƒΠΆΠ΅ Photoshop 9.0 πŸ˜‰ Π½ΠΎ Π½Π΅ ΡΡƒΡ‚ΡŒ.

Ρ‡Ρ‚ΠΎ, ΠΏΠΎ-Π²ΠΈΠ΄ΠΈΠΌΠΎΠΌΡƒ (я Π½Π΅ ΡƒΠ²Π΅Ρ€Π΅Π½), происходит. Ρ‚ΠΎΡ‚, ΠΊΡ‚ΠΎ Π΄Π΅Π»Π°Π» этот пСдСэф поставил Π² своСм любимом Ρ„ΠΎΡ‚ΠΎΡˆΠ»Π΅ΠΏΠ΅ ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ‚ΠΎΡ‚ аспСктрацио (см. Π²Ρ‹ΡˆΠ΅), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ аспСкт πŸ™‚ Π° Ρƒ вас стоит Π΄Ρ€ΡƒΠ³ΠΎΠΉ. Π½ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Β«ΠΎΠ΄ΠΈΠ½ ΠΊ ΠΎΠ΄Π½ΠΎΠΌΡƒΒ»? ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΈ ΠΈΠ·ΠΎΠ±ΡŽΡ€Π°ΠΆΠ΅Π½ΠΈΡ сохранятся. ставитС Π½ΡƒΠΆΠ½ΠΎΠ΅ Π²Π°ΠΌ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅. вгоняСтС Π² Π½ΡƒΠΆΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€. Π² Ρ‡Π΅ΠΌ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ°?

ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΏΡ€ΠΎΡ‡ΠΈΠΌ, Π½Π° ΠΌΠΎΠ΅ΠΌ восьмом шопС этот самый Β«ΠΈΠΌΠΏΠΎΡ€Ρ‚ ΠΏΠ΄Ρ„Β» Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΠΎ-Π΄ΡƒΡ€Π½ΠΎΠΌΡƒ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ я ΠΈΠΌ совсСм Π½Π΅ ΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡΡŒ. ΠΏΠΎΠΏΠΎΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ ΠΊΠ°ΠΊ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ ΠΈΠ· экранного (!) пСдСэф с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ этого ΠΈΠΌΠΏΠΎΡ€Ρ‚Π° ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ‡ΠΈΡ‚Π°Π±Π΅Π»ΡŒΠ½ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ πŸ™‚

11-сСнт-2006 09:53

Ну Π΄Π°, CS2, сорри πŸ˜‰
Π‘Π»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, ΠΌΠ½Π΅-Ρ‚Π°ΠΊΠΈ Π½Π° всСх Ρ„Π°ΠΉΠ»Π°Ρ… Π΅Π΅ ΠΌΠ΅Π½ΡΡ‚ΡŒ, Ρ‹?
1:1 — это Π·Π½Π°Ρ‡ΠΈΡ‚, Ρ‡Ρ‚ΠΎ Ρ„Π°ΠΉΠ» Π΄ΠΎΠΆΠ΅Π½ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒΡΡ Π² Ρ‚ΠΎΠΌ ΠΆΠ΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΈ ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π΅ (ΠΈ ΠΏΡ€ΠΎΡ‡ΠΈΠΌΠΈ всСми характСристиками), с ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ этот Ρ„Π°ΠΉΠ» Π±Ρ‹Π» засунут Π² ΠΏΠ΄Ρ„.
Π·Ρ‹: Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‡Ρ‚ΠΎ Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΌ ΠΊΠΎΠΌΠΏΠ΅ ΠΎΡ‚ΠΊΡ€Ρ‹Π»Π° Π½Π° 8.0 этот ΠΏΠ΄Ρ„Π½ΠΈΠΊ Ρ‡Π΅Ρ€Π΅Π· File-Import pdf-Image — всС Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½ΠΎ открыватся. А Π²ΠΎΡ‚ Π³Π΄Π΅ это Ρ„-я Π² 9.0? Π§Π΅Ρ€Π΅Π· Ρ„Π°ΠΉΠ»-ΠΎΡƒΠΏΠ΅Π½ — Π½ΠΈ Π² ΠΊΠ°ΠΊΡƒΡŽ Π½Π΅ Ρ…ΠΎΡ‡Π΅Ρ‚ ;(

11-сСнт-2006 08:56

Π’ΠΎΠΎΠ±Ρ‰Π΅ ΠΏΠΎ Π΄Π΅Ρ„ΠΎΠ»Ρ‚Ρƒ Ρ€Π°ΡΡ‚Ρ€ΠΈΡ€ΡƒΠ΅Ρ‚ΡŒΡΡ ΠΈΠΌΠ΅Π½Π½ΠΎ с Ρ‚Π΅ΠΌ ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ пиксСла — ΠΊΠ°ΠΊΠΎΠ΅ ΠΈ ΡƒΠΊΠ°Π·Π°Π½ΠΎ Π² настройкС Π²Ρ‹ΡˆΠ΅.
Если Π³Π°Π»ΠΊΠ° стоит Π½Π° square — Ρ‚ΠΎ ΠΎΠ½ обязан Ρ‡Ρ‚ΠΎ ΡƒΠ³ΠΎΠ΄Π½ΠΎ ΠΈ ΠΊΠ°ΠΊ ΡƒΠ³ΠΎΠ΄Π½ΠΎ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ‚Π°ΠΊ (Ссли явно Π½Π΅ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ ΠΈΠ½ΠΎΠ΅)

11-сСнт-2006 09:18

Π’ΠΎ Π΅ΡΡ‚ΡŒ Π·Π°Π΄Π°Ρ‡Π° ΠΈΠ· многостраничного pdf ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΠ°Ρ‡ΠΊΡƒ Ρ‚ΠΈΡ„ΠΎΠ² я ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ понял?
Π² CS2 — просто стандартным способом (File-Open)ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚Π΅ pdf Ρ„Π°ΠΉΠ» — выдСляСтС Π½ΡƒΠΆΠ½Ρ‹Π΅ для растрирования страницы (Ctrl-ΠΌΡ‹ΡˆΠΊΠ° :-)) ΠΈ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚Π΅.
ПослС Ρ‡Π΅Π³ΠΎ сохраняСтС Π² tif.

11-сСнт-2006 09:30

Ышшо Ρ€Π°Π· Π³ΠΎΠ²ΠΎΡ€ΡŽ: ΠΌΠ½Π΅ _растрированиС_ Π½Π΅ Π½Π°Π΄ΠΎ — ΠΌΠ½Π΅ Π½ΡƒΠΆΠ½ΠΎ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ Ρ„Π°ΠΉΠ»Ρ‹ ΠΏΠ΄Ρ„Π° 1:1 ; Π° Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏ Π»ΠΈΠ±ΠΎ ΡΠΏΡ€Π°ΡˆΠΈΠ²Π°Π΅Ρ‚ «Ρ ΠΊΠ°ΠΊΠΈΠΌ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ?», Π»ΠΈΠ±ΠΎ Π²ΠΎΠΎΠ±Ρ‰Π΅ Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚: эррор, ΠΈ всС Ρ‚ΡƒΡ‚! 8-ΠΉ ΠΈ Ρ€Π°Π½Π΅Π΅ это всС Π΄Π΅Π»Π°Π» Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½ΠΎ, Π° Ρ‚ΡƒΡ‚ нСпонятно ΠΊΠ°ΠΊ ΠΈ Ρ‡Ρ‚ΠΎ

11-сСнт-2006 09:49 — Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π΅ получаСтся Π΄Π΅Ρ„ΠΎΠ»Ρ‚ Ρ‚Π°ΠΊΠΎΠΉ

11-сСнт-2006 18:14

Для Π²Π°ΡˆΠΈΡ… Ρ†Π΅Π»Π΅ΠΉ большС ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ Π½Π΅ растрированиС pdf Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅, Π° вытаскиваниС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ Π² tif-Ρ‹ прямо ΠΈΠ· АдобС Акробата. Π­Ρ‚ΠΎ Π΄Π΅Π»Π°Π΅Ρ‚ ΠΏΠ»Π°Π³ΠΈΠ½ Image Extractor. НС помню, Π³Π΄Π΅ Π±Π΅Ρ€ΡƒΡ‚, каТСтся, Π½Π° сайтС АдобС. Плагин Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚, Ссли Ρƒ вас инсталирован ΠΏΠΎΠ»Π½Ρ‹ΠΉ Акробат, Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‡ΠΈΡ‚Π°Π»ΠΊΠ°.
Если Ρƒ вас Π½Π΅Ρ‚ ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ Акробата, Π½ΠΎ Π΅ΡΡ‚ΡŒ ΠšΠΎΡ€Π΅Π», ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠ΅Ρ‡Π°Ρ‚Π°Ρ‚ΡŒ постскрипт ΠΈΠ· PDF ΠΈ Ρ‚Π°Ρ‰ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π² ΠšΠΎΡ€Π΅Π» 10-13 вСрсии. Π’Π°ΠΌ Π΄Π΅Π»Π°Π΅ΠΌ «ΡΠ΄ΠΈΡ‚ Π±ΠΈΡ‚ΠΌΠ°ΠΏ», ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° откроСтся Π² ΠšΠΎΡ€Π΅Π» Π€ΠΎΡ‚ΠΎΠΏΠΎΠΉΠ½Ρ‚ ΠΈ Π΅Π΅ ΠΌΠΎΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ TIF ΠΈΠ»ΠΈ PSD, Π² послСднСм случаС сохраняСтся Π΄Π°ΠΆΠ΅ ΠΏΠΎΠ»ΡƒΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ.

ПиксСль Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ | Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ|Π‘Π»ΠΎΠ³

Π”Ρ€ΡƒΠ·ΡŒΡ, всСм ΠΏΡ€ΠΈΠ²Π΅Ρ‚! Π Π°Π΄ всСх вас Π²ΠΈΠ΄Π΅Ρ‚ΡŒ Π½Π° ΠΌΠΎΠ΅ΠΌ Π±Π»ΠΎΠ³Π΅ β€” ps-blog.ru! ΠœΡ‹ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°Π΅ΠΌ ΠΏΠΎΠΊΠΎΡ€ΡΡ‚ΡŒ основы ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ. Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ ΠΌΡ‹ ΡƒΠ·Π½Π°Π΅ΠΌ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅

pixel ΠΈ познакомимся с понятиСм Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅.

ПиксСль (Π°Π½Π³Π». pixel сокращСниС ΠΎΡ‚ pix element, Π² Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… источниках piсture cell) β€” это ваТная характСристика растровой Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ ΠΈ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ составной элСмСнт растровой Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ. ПиксСль прСдставляСт собой Π½Π΅Π΄Π΅Π»ΠΈΠΌΡ‹ΠΉ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΎΠΉ ΠΈΠ»ΠΈ ΠΊΡ€ΡƒΠ³Π»ΠΎΠΉ Ρ„ΠΎΡ€ΠΌΡ‹, Ρ…Π°Ρ€Π°ΠΊΡ‚Π΅Ρ€ΠΈΠ·ΡƒΠ΅ΠΌΡ‹ΠΉ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Ρ‘Π½Π½Ρ‹ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ.

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

Π Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ (Resolution) изобраТСния. ΠžΡ‚ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ зависит качСство изобраТСния. Π Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ измСряСтся Π² ppi (pixels per inch) – количСство пиксСлСй Π½Π° дюйм (1in=2.54см=25.4ΠΌΠΌ)

Из Π²Ρ‹ΡˆΠ΅ написанного, ΠΌΡ‹ выяснили, Ρ‡Ρ‚ΠΎ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ пиксСль характСризуСтся своим Ρ†Π²Π΅Ρ‚ΠΎΠΌ. ΠŸΡ€ΠΈ большом ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½ΠΈΠΈ изобраТСния ΠΌΠΎΠΆΠ½ΠΎ Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ ΠΏΠΈΠΊΡΠ΅Π»ΡŒΠ½ΡƒΡŽ структуру.

http://ps-blog.ru/

НСвооруТСнным Π³Π»Π°Π·ΠΎΠΌ Π²ΠΈΠ΄Π½ΠΎ β€” Ρ‡Π΅ΠΌ мСньшС пиксСли, Ρ‚Π΅ΠΌ Ρ‡Ρ‘Ρ‚Ρ‡Π΅ ΠΈ Ρ‚ΠΎΡ‡Π½Π΅Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Если пиксСли большиС, Ρ‚ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ становится Π½Π΅ Ρ‡Ρ‘Ρ‚ΠΊΠΈΠΌ ΠΈ с Π³Ρ€ΡƒΠ±Ρ‹ΠΌΠΈ краями. ВмСсто точности ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡ΠΈ графичСской ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ принято Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ΡŒ ΠΎ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΈ (resolution) . Π Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅

зависит ΠΎΡ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² пиксСля.

ΠŸΡ€Π΅Π΄Π»Π°Π³Π°ΡŽ Π½Π° простом ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊ Ρ€Π°Π·ΠΌΠ΅Ρ€ пиксСлСй влияСт Π½Π° Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ ΠΈ качСство изобраТСния. Π‘Π΅Ρ€Ρ‘ΠΌ Π΄Π²Π΅ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹Π΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, с ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹ΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ (23*16см), Π½ΠΎ с Ρ€Π°Π·Π½Ρ‹ΠΌ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ ΠΈ наблюдаСм ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΡƒΡŽ ΡΠΈΡ‚ΡƒΠ°Ρ†ΠΈΡŽ:

http://ps-blog.ru/

Π’ ΠΏΠ΅Ρ€Π²ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅ ΠΌΡ‹ Π²ΠΈΠ΄ΠΈΠΌ ΠΊΡ€ΡƒΠΏΠ½Ρ‹Π΅ пиксСли, Π½ΠΎ ΠΈΡ… ΠΌΠ°Π»ΠΎ, соотвСтствСнно ΠΈ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ Π½ΠΈΠΆΠ΅. Π’ΠΎ Π²Ρ‚ΠΎΡ€ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅ пиксСли малСнькиС, Π½ΠΎ ΠΈΡ… большС ΠΏΠΎ количСству Π½Π° ΠΏΠ»ΠΎΡ‰Π°Π΄ΠΈ изобраТСния, соотвСтствСнно Π²Ρ‹ΡˆΠ΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅.

ΠŸΡ€ΠΈ создании Π½ΠΎΠ²ΠΎΠ³ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ (CTRL+N) появляСтся контСкстноС мСню, Π³Π΄Π΅ ΠΈ устанавливаСтся ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Β«Π Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅Β» (Resolution).

http://ps-blog.ru/

ΠžΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½ΠΎΠ΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ β€” это 72 ppi. НадСюсь эта ΡΡ‚Π°Ρ‚ΡŒΡ Π±ΡƒΠ΄Π΅Ρ‚ Π²Π°ΠΌ ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ.

ΠŸΠΎΠ½Ρ€Π°Π²ΠΈΠ»Π°ΡΡŒ ΡΡ‚Π°Ρ‚ΡŒΡ β€” ΠΏΠΎΠ΄Π΅Π»ΠΈΡ‚Π΅ΡΡŒ с Π΄Ρ€ΡƒΠ·ΡŒΡΠΌΠΈ Π² ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтях. Π”ΠΎ встрСчи Π½Π° ps-blog.ru!

Как ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Pixel Perfect изобраТСния Π² Adobe Illustrator / Π₯Π°Π±Ρ€

ΠžΡ‚ ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄Ρ‡ΠΈΠΊΠ°

Π Π°Π΄ ΠΏΡ€ΠΈΠ²Π΅Ρ‚ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ тСбя, %ΡŽΠ·Π΅Ρ€Π½Π΅ΠΉΠΌ%!

Π― Π½ΠΎΠ²ΠΈΡ‡ΠΎΠΊ Π² профСссии Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° интСрфСйсов, ΠΈ ΠΊΠ°ΠΊ-Ρ‚ΠΎ Π΄Π°Π²Π½ΠΎ, листая вакансии, мСня заинтСрСсовали трСбования ΠΊ ΠΎΠ΄Π½ΠΎΠΉ ΠΈΠ· Π½ΠΈΡ…. Π‘Ρ€Π΅Π΄ΠΈ Ρ‚Π°ΠΊΠΈΡ…, ΠΊΠ°ΠΊ Π·Π½Π°Π½ΠΈΠ΅ ΠΏΠ°ΠΊΠ΅Ρ‚Π° Adobe, срСдств прототипирования ΠΈ Π½Π°Π²Ρ‹ΠΊΠΎΠ² Π² области ux/ui я ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°Π», Ρ‡Ρ‚ΠΎ ΡΠΎΠΈΡΠΊΠ°Ρ‚Π΅Π»ΡŽ ΠΈΠΌΠ΅Π½Π½ΠΎ Π½Π° эту вакансию Π½Π΅ΠΏΠ»ΠΎΡ…ΠΎ Π±Ρ‹Π»ΠΎ Π±Ρ‹ ΡƒΠΌΠ΅Ρ‚ΡŒ Π΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ порядок Π² слоях, структурС ΠΈ названиях Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΈ ΠΏΠ°ΠΏΠΎΠΊ, Π° Ρ‚Π°ΠΊ ΠΆΠ΅ Π·Π½Π°Ρ‚ΡŒ ΠΈ ΡƒΠΌΠ΅Ρ‚ΡŒ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ Π½Π° ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ΅ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ называСтся pixel perfect. МСня это заинтСрСсовало, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Π½Π° ΠΌΠΎΠ΅ΠΉ Ρ€Π°Π±ΠΎΡ‚Π΅ Π½ΠΈ ΠΎΡ‚ мСня, Π½ΠΈ ΠΎΡ‚ Π΄Ρ€ΡƒΠ³ΠΈΡ… сотрудников этого Π½Π΅ Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‚, Π½ΠΎ я всСгда старался этого ΠΏΡ€ΠΈΠ΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒΡΡ ΠΈ Π΄Π°ΠΆΠ΅ пытался ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒ Π² этом Π΄Ρ€ΡƒΠ³ΠΈΡ…, Π½ΠΎ ΠΌΠ½Π΅ ΠΏΠΎΡ‡Π΅ΠΌΡƒ-Ρ‚ΠΎ Π½Π΅ Ρ…Π²Π°Ρ‚Π°Π»ΠΎ Π°Ρ€Π³ΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ², Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±ΡŠΡΡΠ½ΠΈΡ‚ΡŒ, для Ρ‡Π΅Π³ΠΎ это Π½ΡƒΠΆΠ½ΠΎ.

Π‘ понятиСм pixel perfect я Π²ΠΎΠΎΠ±Ρ‰Π΅ Π½Π° Ρ‚ΠΎΡ‚ ΠΌΠΎΠΌΠ΅Π½Ρ‚ Π½Π΅ Π±Ρ‹Π» Π·Π½Π°ΠΊΠΎΠΌ, Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΡΠ»Ρ‹ΡˆΠ°Π» Π³Π΄Π΅-Ρ‚ΠΎ ΠΏΠ°Ρ€Ρƒ Ρ€Π°Π·, ΠΈ Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ этот ΠΏΡƒΠ½ΠΊΡ‚ стоял Π² ΠΊΠΎΠ½Ρ†Π΅ списка Ρ‚Ρ€Π΅Π±ΠΎΠ²Π°Π½ΠΈΠΉ «аккуратности», я понял, Ρ‡Ρ‚ΠΎ это Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π²Ρ€ΠΎΠ΄Π΅ апогСя, Π²Π΅Ρ€ΡˆΠΈΠ½Ρ‹ айсбСрга Π² ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΈ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π½Π°Π΄ ΠΌΠ°ΠΊΠ΅Ρ‚Π°ΠΌΠΈ.

Π― стал ΠΈΡΠΊΠ°Ρ‚ΡŒ, Π½ΠΎ Π½ΠΈΡ‡Π΅Π³ΠΎ, ΠΊΡ€ΠΎΠΌΠ΅ ΡΡ‚Π°Ρ‚ΡŒΠΈ Π½Π° Π₯Π°Π±Ρ€Π΅ ΠΈΠ· ΠΏΠ°Ρ€Ρ‹ Π°Π±Π·Π°Ρ†Π΅Π² ΠΏΡ€ΠΎ Pixel perfect ΠΎΡ‚ программиста Π½Π΅ Π½Π°ΡˆΡ‘Π». ΠŸΠΎΡ‚ΠΎΠΌ я ΠΊΠ°ΠΊ-Ρ‚ΠΎ ΡƒΡΠ»Ρ‹ΡˆΠ°Π» ΠΎ Monument Valley, ΠΈ Π΄Π°ΠΆΠ΅ наткнулся Π½Π° справочник Pixel Perfect Precision, Π½ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΈΠ·ΡƒΡ‡Π°Ρ‚ΡŒ Ρ‚Π°ΠΊ ΠΌΠ½ΠΎΠ³ΠΎ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ Π½Π° английском ΠΊΠ°ΠΊ-Ρ‚ΠΎ Π½Π΅ Π±Ρ‹Π»ΠΎ, ΠΈ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ Ρ€Π°Π· ΠΎΠ½ мСня Π½Π΅ Π·Π°Ρ†Π΅ΠΏΠΈΠ». Π‘Ρ‚Π°Π»ΠΎ ΠΏΠΎΡΠ²Π»ΡΡ‚ΡŒΡΡ врСмя ΠΈ Π²Ρ‹ΡˆΠ»ΠΈ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡΡ‚Π°Ρ‚ΡŒΠΈ, ΠΎΠ΄Π½Π° ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ…, наполнСнная практичСскими совСтами ΠΏΠΎ Pixel Perfect Π·Π°Ρ†Π΅ΠΏΠΈΠ»Π° мСня, ΠΈ я Ρ€Π΅ΡˆΠΈΠ» Π½Π΅ просто ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ ΠΈ ΠΏΠΎΠ½ΡΡ‚ΡŒ, Π° Π΅Ρ‰Ρ‘ ΠΈ пСрСвСсти ΠΏΠΎ возмоТности Π»ΠΈΡ‚Π΅Ρ€Π°Ρ‚ΡƒΡ€Π½ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄Π°Ρ‚ΡŒ вопросу ΡˆΠΈΡ€ΠΎΠΊΡƒΡŽ ΠΈΠ·Π²Π΅ΡΡ‚Π½ΠΎΡΡ‚ΡŒ, ΠΈ Ρ€Π°ΡΠΏΡ€ΠΎΡΡ‚Ρ€Π°Π½ΠΈΡ‚ΡŒ Ρ‚Π΅ΠΌΡƒ Π½Π° Π₯Π°Π±Ρ€Π΅.

НСбольшой тСхничСский ΠΌΠΎΠΌΠ΅Π½Ρ‚. ΠžΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½Π°Ρ ΡΡ‚Π°Ρ‚ΡŒΡ с Tuts+ называСтся Β«How to Create Pixel Perfect Artwork Using Adobe IllustratorΒ», ΠΏΡ€ΠΈ этом я ΠΌΠΎΠ³Ρƒ вас ΡƒΠ²Π΅Ρ€ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ большая Ρ‡Π°ΡΡ‚ΡŒ ΠΈΠ· ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½Π½Ρ‹Ρ… Π² ΡΡ‚Π°Ρ‚ΡŒΠ΅ настроСк присутствуСт ΠΈ Π² Adobe Photoshop CS6, Π° ΡƒΠΆ Π² Adobe Photoshop CC Π²ΠΎΠΎΠ±Ρ‰Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΠΈΡ‚ΡŒ всё это ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ.

Π’ Π·Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ Π²ΡΡ‚ΡƒΠΏΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ части Ρ…ΠΎΡ‡Ρƒ ΠΏΠΎΠΏΡ€ΠΎΡΠΈΡ‚ΡŒ Π½Π΅ ΠΎΠ±Ρ€Π°Ρ‰Π°Ρ‚ΡŒ внимания Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ я Π½ΠΎΠ²ΠΈΡ‡ΠΎΠΊ Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, ΠΈ этой ΠΌΠΎΠΉ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ Π² ΠΆΠΈΠ·Π½ΠΈ ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄. ΠžΡ‚Π½Π΅ΡΠΈΡ‚Π΅ΡΡŒ ΠΊΡ€ΠΈΡ‚ΠΈΡ‡Π½ΠΎ, Ρ‚Π΅ΠΌΠ° ΡΠ΅Ρ€ΡŒΡ‘Π·Π½Π°Ρ. ΠŸΡ€ΠΈΠ·Ρ‹Π²Π°ΡŽ Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ своими сообраТСниями ΠΈ ΠΎΠΏΡ‹Ρ‚ΠΎΠΌ Π² коммСнтариях.

ΠšΡ€Π°Ρ‚ΠΊΠΎΠ΅ содСрТаниС

Π­Ρ‚Π° Ρ‡Π°ΡΡ‚ΡŒ для Ρ‚Π΅Ρ…, ΠΊΠΎΠΌΡƒ лСнь Π²Π½ΠΈΠΊΠ°Ρ‚ΡŒ Π² аспСкты, Π½ΠΎ хочСтся побыстрСС ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ инструкции.

Π›ΠΈΠ±ΠΎ для Ρ‚Π΅Ρ…, ΠΊΡ‚ΠΎ ΡƒΠΆΠ΅ Ρ‡ΠΈΡ‚Π°Π» ΠΏΠΎΠ»Π½ΡƒΡŽ ΡΡ‚Π°Ρ‚ΡŒΡŽ, Π½ΠΎ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Ρ…ΠΎΡ‡Π΅Ρ‚ быстро Π±Π΅Π· Π»ΠΈΡˆΠ½ΠΈΡ… Π°Π±Π·Π°Ρ†Π΅Π², Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΌ Ρ€Π°Π±ΠΎΡ‡Π΅ΠΌ мСстС ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ всС Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ настройки.

Настройки Abobe Illustrator

  1. Edit > Preferences > Units > General β†’ Pixels
    Edit > Preferences > Units > Stroke β†’ Pixels
  2. Edit > Preferences > Guides & Grid > Gridline every β†’ 1px
    Edit > Preferences > Guides & Grid > Subdivisions β†’ 1px
  3. Edit > Preferences > General > Keyboard Increment β†’ 1px
  4. View > Snap to Grid
    View > Snap to Point
  5. View > Pixel Preview

НС Π±Π»Π°Π³ΠΎΠ΄Π°Ρ€ΠΈΡ‚Π΅.

ВсСх Π·Π°ΠΈΠ½Ρ‚Π΅Ρ€Π΅ΡΠΎΠ²Π°Π²ΡˆΠΈΡ…ΡΡ ΠΏΡ€ΠΎΡˆΡƒ ΠΏΡ€ΠΎΠΉΡ‚ΠΈ ΠΏΠΎΠ΄ ΠΊΠ°Ρ‚.

Как ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ pixel perfect изобраТСния Π² Adobe Illustrator


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

Π­Ρ‚ΠΎ Ρ‚ΠΎ, с Ρ‡Π΅ΠΌ Π½Π°ΠΌ приходится ΡΡ‚Π°Π»ΠΊΠΈΠ²Π°Ρ‚ΡŒΡΡ, Ссли ΠΌΡ‹ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π°Ρ‡ΠΈΠ½Π°Π΅ΠΌ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Adobe Illustrator, поэтому я Ρ€Π΅ΡˆΠΈΠ» Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ Π½Π΅Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ ΡΡ‚Π°Ρ‚ΡŒΡŽ для Ρ‚Π΅Ρ…, ΠΊΡ‚ΠΎ Π·Π½Π°ΠΊΠΎΠΌ с этой ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠΎΠΉ ΠΈ ΠΈΡ‰Π΅Ρ‚ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅.

1. Π’Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ ΠΈ растровыС изобраТСния

Для Π½Π°Ρ‡Π°Π»Π° Ρ…ΠΎΡ‚Π΅Π»ΠΎΡΡŒ Π±Ρ‹ ΠΏΡ€ΠΎΠ»ΠΈΡ‚ΡŒ свСт Π½Π° различия Π² этих Π±Π°Π·ΠΎΠ²Ρ‹Ρ… понятиях, с ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ рСгулярно ΡΡ‚Π°Π»ΠΊΠΈΠ²Π°Π΅Ρ‚Π΅ΡΡŒ Π²Ρ‹, я, Π° Ρ‚Π°ΠΊ ΠΆΠ΅ всС Ρ‚Π΅, ΠΊΡ‚ΠΎ Π²Ρ‹Π±Ρ€Π°Π» ΠΏΡƒΡ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°.

ВсС изобраТСния, с ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ приходится ΡΡ‚Π°Π»ΠΊΠΈΠ²Π°Ρ‚ΡŒΡΡ Π² нашСм творчСском рСмСслС, ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚ΡŒ Π½Π° Π΄Π²Π° Π±ΠΎΠ»ΡŒΡˆΠΈΡ… Ρ‚ΠΈΠΏΠ°. Π­Ρ‚ΠΎ растровыС ΠΈ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ изобраТСния.

Π’Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ Π² сСбя ΠΎΠ΄ΠΈΠ½ ΠΈΠ»ΠΈ мноТСство ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π² свою ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ состоят ΠΈΠ· всСвозмоТного числа ΠΎΠΏΠΎΡ€Π½Ρ‹Ρ… Ρ‚ΠΎΡ‡Π΅ΠΊ (anchor points) ΠΈ Π»ΠΈΠ½ΠΈΠΉ, ΠΈΡ… ΡΠΎΠ΅Π΄ΠΈΠ½ΡΡŽΡ‰ΠΈΡ… (paths). Π’Π°ΠΊΠΈΠ΅ изобраТСния ΠΌΠΎΠΆΠ½ΠΎ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ практичСски Π΄ΠΎ бСсконСчности, Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΠΈ качСства.

РастровоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² свою ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ состоит ΠΈΠ· мноТСства Ρ†Π²Π΅Ρ‚Π½Ρ‹Ρ… Ρ‚ΠΎΡ‡Π΅ΠΊ, каТдая ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ своё строго фиксированноС мСсто Π² пиксСльной сСткС изобраТСния. Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΊΠ°ΠΊ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ сохранСно, любоС Π΅Π³ΠΎ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ (ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½ΠΈΠ΅, ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΠ΅, Π΄Π° ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΈ ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΈ Π²Ρ€ΠΎΠ΄Π΅ ΠΏΠΎΠ²ΠΎΡ€ΠΎΡ‚Π°) Π±ΡƒΠ΄ΡƒΡ‚ ΡƒΡ…ΡƒΠ΄ΡˆΠ°Ρ‚ΡŒ качСство изобраТСния. Π­Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€ΠΎΠΈΡΡ…ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΏΠΎΡ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ ΠΊΠ°ΠΊ Π±Ρ‹ насильно Π±ΡƒΠ΄Π΅ΠΌ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ количСство пиксСлСй Π² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ Π² Ρ‚ΠΎΡ‚ ΠΌΠΎΠΌΠ΅Π½Ρ‚, ΠΊΠΎΠ³Π΄Π° Π±ΡƒΠ΄Π΅ΠΌ ΠΏΠΎΠ΄Π³ΠΎΠ½ΡΡ‚ΡŒ ΠΎΠ΄Π½Ρƒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ ΠΏΠΎΠ΄ Ρ€Π°Π·Π½Ρ‹Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ, Ссли Ρ‚ΠΎΠ³ΠΎ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚.

УмСньшС Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ Ρ„Π°ΠΉΠ»Π° Π½Π΅ Ρ‚Π°ΠΊ сильно Π±ΡŒΡ‘Ρ‚ ΠΏΠΎ качСству изобраТСния, Π½ΠΎ Π²ΠΎΡ‚ ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½ΠΈΠ΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰Π΅Π³ΠΎ изобраТСния Π·Π°ΠΌΠ΅Ρ‚Π½ΠΎ ΡƒΡ…ΡƒΠ΄ΡˆΠ°Π΅Ρ‚ качСство ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, ΠΏΠΎΡΠ²Π»ΡΡŽΡ‚ΡΡ Ρ€Π°Π·ΠΌΡ‹Ρ‚Ρ‹Π΅ области, Π½Π΅Ρ‡Ρ‘Ρ‚ΠΊΠΈΠ΅ края. Π‘ΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Ρ‚ΠΈΠΏΠ° Perfect Resize, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ слоТныС Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌΡ‹ для ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ чёткости ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°Π΅Ρ‚Π΅. Но Π»ΠΈΡ‡Π½ΠΎ для мСня этот Ρ„Π°ΠΊΡ‚ являСтся Ρ‚ΠΎΠ»ΡŒΠΊΠΎ лишним Π΄ΠΎΠΊΠ°Π·Π°Ρ‚Π΅Π»ΡŒΡΡ‚Π²ΠΎΠΌ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ растровая Π³Ρ€Π°Ρ„ΠΈΠΊΠ° уступаСт Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠΉ Π² Ρ‚ΠΎΠΌ ΠΏΠ»Π°Π½Π΅, Ρ‡Ρ‚ΠΎ ΠΎΠ½Π° Π½Π΅ ΠΎΠ±Π»Π°Π΄Π°Π΅Ρ‚ ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½Ρ‹ΠΌ свойством β€” Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒΡŽ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡ Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΠΈ качСсва (quality-agnostic scalability).

Π’ самом Π΄Π΅Π»Π΅, ΠΎΠ±Π° Ρ‚ΠΈΠΏΠ° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, ΠΈ растровыС, ΠΈ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅, зависят ΠΎΡ‚ Ρ‚ΠΎΠΉ срСды, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π²Ρ‹ ΠΈΡ… ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅. Π’ΠΎΠΎΠ±Ρ‰Π΅, ΠΊΠ°ΠΊ Π²Ρ‹ Π·Π½Π°Π΅Ρ‚Π΅, любоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΊΠ°ΠΊ Π½Π°ΠΏΠ΅Ρ‡Π°Ρ‚Π°Π½ΠΎ Π²ΠΆΠΈΠ²ΡƒΡŽ Π½Π° ΠΏΡ€ΠΈΠ½Ρ‚Π΅Ρ€Π΅, Ρ‚Π°ΠΊ ΠΈ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π² β€œΡ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠΌβ€ Π²ΠΈΠ΄Π΅ Π½Π° экранС ΠΌΠΎΠ½ΠΈΡ‚ΠΎΡ€Π°. И Π² Ρ‚ΠΎ врСмя ΠΊΠ°ΠΊ ΠΏΡ€ΠΈΠ½Ρ‚Π΅Ρ€Ρ‹ зависят ΠΎΡ‚ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ, Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹Π΅ экраны (Π½Π΅Π²Π°ΠΆΠ½ΠΎ, Ρ‡Ρ‚ΠΎ это, дисплСи ПК ΠΈΠ»ΠΈ вашСго смартфона, ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Π° ΠΈ любого Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ устройства) Ρ‚Π°ΠΊ ΠΆΠ΅ зависят ΠΎΡ‚ своСго Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ, ΠΈ Π½Π΅Π²Π°ΠΆΠ½ΠΎ, Ρ‡Ρ‚ΠΎ это β€” вСкторная ΠΈΠ»ΠΈ растровая Π³Ρ€Π°Ρ„ΠΈΠΊΠ°.

Π­Ρ‚ΠΎ ΠΊΠ°ΠΊ Ρ€Π°Π· ΠΈ создаёт Ρ‚Ρƒ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ, ΠΎ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΠΌΡ‹ сСгодня Π³ΠΎΠ²ΠΎΡ€ΠΈΠΌ. ВСкторная Π³Ρ€Π°Ρ„ΠΈΠΊΠ° обязана Π²ΠΏΠΈΡΡ‹Π²Π°Ρ‚ΡŒΡΡ Π² ΠΏΠΈΠΊΡΠ΅Π»ΡŒΠ½ΡƒΡŽ сСтку, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ эта Π³Ρ€Π°Ρ„ΠΈΠΊΠ° Π½Π°Π»ΠΎΠΆΠ΅Π½Π°. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Ρƒ нас получаСтся Ρ€Π°Π·Π»ΠΈΡ‡ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρƒ pixel-perfect Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠΉ ΠΈ Ρ‚Π΅ΠΌ Π½Π΅Ρ€Π΅Π·ΠΊΠΈΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π·Π°Ρ‡Π°ΡΡ‚ΡƒΡŽ получаСтся Ρƒ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ².

К ΡΡ‡Π°ΡΡ‚ΡŒΡŽ, сущСствуСт Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅, Π½Π° ΠΌΠΎΠΉ взгляд, Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΡΡ‚Π°Ρ‚ΡŒ стандартом, ΠΈ эти настройки Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒΡΡ Π² Π½Π°Ρ‡Π°Π»Π΅ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π½Π°Π΄ Π»ΡŽΠ±Ρ‹ΠΌ Π½ΠΎΠ²Ρ‹ΠΌ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠΌ, Π½Π΅Π²Π°ΠΆΠ½ΠΎ, Π±ΡƒΠ΄ΡŒ это Π³Ρ€Π°Ρ„ΠΈΠΊΠ° для Π²Π΅Π±Π° ΠΈΠ»ΠΈ для ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ.

2. Π”Π°Π²Π°ΠΉΡ‚Π΅ разбСрёмся, ΠΊΠ°ΠΊ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Adobe Illustrator

ΠŸΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ Π²Ρ‹ Π½Π°Ρ‡Π½Ρ‘Ρ‚Π΅ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ ΠΈΡΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ, Π΄Π°Π²Π°ΠΉΡ‚Π΅ разбСрёмся, ΠΊΠ°ΠΊ это Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚. Illustrator это ПО для создания Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ матСматичСскиС Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌΡ‹ для создания ΠΈ отобраТСния ΠΊΡ€ΠΈΠ²Ρ‹Ρ… (paths) (Π½Π΅Π²Π°ΠΆΠ½ΠΎ, Π·Π°ΠΌΠΊΠ½ΡƒΡ‚Ρ‹Π΅ ΠΎΠ½ΠΈ ΠΈΠ»ΠΈ Π½Π΅Ρ‚) ΠΈ ΠΎΠΏΠΎΡ€Π½Ρ‹Ρ… Ρ‚ΠΎΡ‡Π΅ΠΊ (anchor points). ΠžΠΏΠΎΡ€Π½Ρ‹Π΅ Ρ‚ΠΎΡ‡ΠΊΠΈ (anchor points) это Ρ‚Π°ΠΊΠΈΠ΅ Ρ‚ΠΎΡ‡ΠΊΠΈ, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ ΠΈ Ρ„ΠΎΡ€ΠΌΠΎΠΉ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠ³ΠΎ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°.

Π‘Π°ΠΌΠΈ ΠΏΠΎ сСбС ΠΎΠΏΠΎΡ€Π½Ρ‹Π΅ Ρ‚ΠΎΡ‡ΠΊΠΈ Π½Π΅ Ρ‚Π°ΠΊ Π²Π°ΠΆΠ½Ρ‹. Π’Π°ΠΆΠ½ΠΎ Ρ‚ΠΎ, ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ расстравлСны ΠΈ Ρ‚Π° кривая, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΎΠ½ΠΈ Ρ„ΠΎΡ€ΠΌΠΈΡ€ΡƒΡŽΡ‚ Π½Π° вашСм холстС (Artboard) (с привязками ΠΈΠ»ΠΈ Π±Π΅Π·), поэтому Π² ΠΏΠΎΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… ΡˆΠ°Π³Π°Ρ… я Π±ΡƒΠ΄Ρƒ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ΡŒ ΠΎ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΌΠ΅Π»ΠΎΡ‡ΠΈ, которая повлияСт Π½Π° нашС pixel perfect ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.

3. Настройка Adobe Illustrator

По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Adobe Illustrator ΠΈΠ΄Ρ‘Ρ‚ ΡƒΠΆΠ΅ прСднастроСнным Π½Π° Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ Π·Π°Π΄Π°Ρ‡, поэтому Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°Ρ‡Π°Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ сразу послС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π±Ρ‹Π»Π° Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½Π° установка ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Π½Π° ваш ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€. Для ΠΌΠ½ΠΎΠ³ΠΈΡ… людСй нашСй профСссии стандартныС настройки ΠΌΠΎΠ³ΡƒΡ‚ Π²ΠΏΠΎΠ»Π½Π΅ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ, Π½ΠΎ ΠΊΠ°ΠΊ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π²Ρ‹ станСтС ΠΎΠ±Ρ€Π°Ρ‰Π°Ρ‚ΡŒ большС внимания Π½Π° ΠΌΠ΅Π»ΠΊΠΈΠ΅ Π΄Π΅Ρ‚Π°Π»ΠΈ Π² Π²Π°ΡˆΠΈΡ… ΠΌΠ°ΠΊΠ΅Ρ‚Π°Ρ…, Π²Ρ‹ ΠΏΡ€ΠΈΠ΄Ρ‘Ρ‚Π΅ ΠΊ Ρ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ваши ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ Π²Ρ‹ΡˆΠ»ΠΈ ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ‚Π°ΠΊΠΈΠΌΠΈ, ΠΊΠ°ΠΊΠΈΠΌΠΈ Π²Ρ‹ Ρ…ΠΎΡ‚Π΅Π»ΠΈ Π±Ρ‹ ΠΈΡ… Π²ΠΈΠ΄Π΅Ρ‚ΡŒ. Π’ ΠΏΠΎΡΠ»Π΅Π΄ΡŽΡƒΡ‰ΠΈΡ… ΡˆΠ°Π³Π°Ρ… я расскаТу Π²Π°ΠΌ ΠΎ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… Π±Π°Π·ΠΎΠ²Ρ‹Ρ… Π²Π΅Ρ‰Π°Ρ…, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½Π° ΠΌΠΎΠΉ взгляд Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ послС ΠΊΠ°ΠΆΠ΄ΠΎΠΉ Π½ΠΎΠ²ΠΎΠΉ установки Adobe Illustrator.

ΠŸΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ Π½Π°Ρ‡Π°Ρ‚ΡŒ, я Ρ…ΠΎΡ‚Π΅Π» Π±Ρ‹ ΠΏΠΎΡΡΠ½ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ всё, Ρ‡Ρ‚ΠΎ описано Π½ΠΈΠΆΠ΅ β€” это ΠΌΠΎΠΉ Π»ΠΈΡ‡Π½Ρ‹ΠΉ ΠΎΠΏΡ‹Ρ‚, ΠΈ я ΠΏΡ€ΠΈΡˆΡ‘Π» ΠΊ этому Ρ‡Π΅Ρ€Π΅Π· ΠΎΠΏΡ€Π΅Π΄Π΅Π»Ρ‘Π½Π½ΠΎΠ΅ врСмя, наступил Π½Π° ΠΎΠΏΡ€Π΅Π΄Π΅Π»Ρ‘Π½Π½Ρ‹Π΅ Π³Ρ€Π°Π±Π»ΠΈ, поэтому я Π½ΠΈ Π² ΠΊΠΎΠ΅ΠΌ случаС Π½Π΅ Π½Π°Π·ΠΎΠ²Ρƒ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½Π½Ρ‹Π΅ ΠΌΠ½ΠΎΠΉ настройки ΠΈΠ΄Π΅Π°Π»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΈΠ»ΠΈ самыми Π»ΡƒΡ‡ΡˆΠΈΠΌΠΈ β€” просто Π±ΠΎΠ»Π΅Π΅ подходящими Π½Π° ΠΌΠΎΠΉ взгляд для создания pixel-perfect ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. ΠžΡ‡Π΅Π½ΡŒ вСроятно, Ρ‡Ρ‚ΠΎ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½Π½ΠΎΠ΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ Π΄Π°Π»Π΅ΠΊΠΎ Π½Π΅ для всСх ситуаций, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ Ρƒ вас Π²ΠΎΠ·Π½ΠΈΠΊΠ½ΡƒΡ‚ΡŒ, Π½ΠΎ Π² Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ случаСв, я Π΄ΡƒΠΌΠ°ΡŽ, Π²Ρ‹ Π½Π°ΠΉΠ΄Ρ‘Ρ‚Π΅ для сСбя ΠΏΠ°Ρ€ΠΎΡ‡ΠΊΡƒ совСтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Π°ΠΌ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚.

Π¨Π°Π³ 1

ΠŸΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ ΠΌΡ‹ приступим ΠΊ настройкС Π΅Π΄ΠΈΠ½ΠΈΡ† измСрСния, я Π±Ρ‹ Ρ…ΠΎΡ‚Π΅Π» ΡƒΠ΄Π΅Π»ΠΈΡ‚ΡŒ ΠΏΠ°Ρ€Ρƒ сСкунд ΠΈ ΡΡ€Π°Π²Π½ΠΈΡ‚ΡŒ Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹Π΅ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π² Adobe Illustrator ΠΏΡƒΠ½ΠΊΡ‚Ρ‹ (points) с пиксСлями (pixels), Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ измСняСтся ΠΎΡ‚ Π²Ρ‹Π±ΠΎΡ€Π° послСдних Π² качСствС Π΅Π΄ΠΈΠ½ΠΈΡ† измСрСния.

ΠŸΡƒΠ½ΠΊΡ‚Ρ‹

Π’Π΅Ρ€ΠΌΠΈΠ½ ΠΏΡ€ΠΈΡˆΡ‘Π» ΠΊ Π½Π°ΠΌ ΠΈΠ· Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠΈ ΠΈ ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ собой ΡΠ°ΠΌΡƒΡŽ ΠΌΠ°Π»ΡƒΡŽ Π΅Π΄ΠΈΠ½ΠΈΡ†Ρƒ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Ρ€ΡΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹, отступов, мСТстрочных ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»ΠΎΠ² ΠΈ расстояний ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΎΠ±Π·Π°Ρ†Π°ΠΌΠΈ.

ПиксСли

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

Π˜Ρ‚Π°ΠΊ, Ρƒ нас Π΅ΡΡ‚ΡŒ Π²Ρ‹Π±ΠΎΡ€ ΠΌΠ΅ΠΆΠ΄Ρƒ двумя Π΅Π΄ΠΈΠ½ΠΈΡ†Π°ΠΌΠΈ измСрСния, Π½Ρƒ Ρ‚Π°ΠΊ Π² Ρ‡Ρ‘ΠΌ ΠΆΠ΅ Ρ€Π°Π·Π½ΠΈΡ†Π°? МногиС ΡΡ‚Π°Ρ‚ΡŒΠΈ говорят, Ρ‡Ρ‚ΠΎ 1 пиксСль Ρ€Π°Π²Π΅Π½ 1 ΠΏΡƒΠ½ΠΊΡ‚Ρƒ (1 pt = 1 px) Π½ΠΎ это Π²Π΅Ρ€Π½ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для дисплССв ΠΈ ОБ с Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ 72 ppi Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ 1 ΠΏΡƒΠ½ΠΊΡ‚ = 1/72 дюйма, ΠΈ это ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π½Π° Π΄Ρ€ΡƒΠ³ΠΈΡ… экранах, Π³Π΄Π΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ PPI отличаСтся, Ρ€Π°Π·Π½ΠΈΡ†Π° ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΏΡƒΠ½ΠΊΡ‚ΠΎΠΌ ΠΈ пиксСлСм Π΅ΡΡ‚ΡŒ, ΠΈ Ρ‡Π΅ΠΌ большС PPI, Ρ‚Π΅ΠΌ Ρ€Π°Π·Π½ΠΈΡ†Π° ΠΎΡ‰ΡƒΡ‚ΠΈΠΌΠ΅Π΅. W3 Org, ΠΊ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ, Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚, Ρ‡Ρ‚ΠΎ 0.75 pt = 1 px.

Apple написала Ρ†Π΅Π»ΡƒΡŽ ΡΡ‚Π°Ρ‚ΡŒΡŽ Π½Π° эту Ρ‚Π΅ΠΌΡƒ β€” iOS Developer Library page, ΠΏΡ‹Ρ‚Π°ΡΡΡŒ ΠΎΠ±ΡŠΡΡΠ½ΠΈΡ‚ΡŒ, ΠΏΠΎΡ‡Π΅ΠΌΡƒ ΠΏΡƒΠ½ΠΊΡ‚Ρ‹ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Ρ‚ΠΈΡ‚Π΅Π»ΡŒΠ½Π΅Π΅ для использования, Ρ‡Π΅ΠΌ пиксСли, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΡƒΠ½ΠΊΡ‚ΠΎΠ² якобы Π»Π΅Π³Ρ‡Π΅ Π΄Π΅Π»Π°Ρ‚ΡŒ изобраТСния для Ρ€Π°Π·Π½Ρ‹Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² экрана.

β€œΠš ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ, Π½Π° экранах с большим Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ линия Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½ΠΎΠΉ Π² 1 ΠΏΡƒΠ½ΠΊΡ‚ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€Π΅Π²Ρ€Π°Ρ‚ΠΈΡ‚ΡŒΡΡ Π² линию Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½ΠΎΠΉ 2 пиксСля. ΠšΠΎΡ€ΠΎΡ‡Π΅ говоря, Ссли Π²Ρ‹ рисуСтС ΠΎΠ΄Π½ΠΎ ΠΈ Ρ‚ΠΎΠΆΠ΅ Π½Π° Ρ€Π°Π·Π½Ρ‹Ρ… ΠΏΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρƒ экранах (ΠΎΠ΄ΠΈΠ½ с бОльшим Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ, Π΄Ρ€ΡƒΠ³ΠΎΠΉ с мСньшим), ваш рисунок Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ Π½Π° ΠΎΠ±ΠΎΠΈΡ… экранах”

Волько ΠΎΠ½ΠΈ Π·Π°Π±Ρ‹Π»ΠΈ, Ρ‡Ρ‚ΠΎ Π½Π° сСгодняшний дСнь ΠΌΡ‹ ΠΈΠΌΠ΅Π΅ΠΌ ΠΎΠ³Ρ€ΠΎΠΌΠ½ΠΎΠ΅ количСство ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»Π΅ΠΉ дСвайсов с самыми Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ экранами, Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ ΠΈ ΠΏΠ»ΠΎΡ‚Π½ΠΎΡΡ‚ΡŒΡŽ пиксСлСй. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Ρ€Π°Π·Π½ΠΈΡ†Π° Π² ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ становится всё Π±ΠΎΠ»Π΅Π΅ Π·Π°ΠΌΠ΅Ρ‚Π½Π°.

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

ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, пиксСли нСзависимы ΠΎΡ‚ PPI (Ρ‚.Π΅. ΠΎΡ‚ плотности пиксСлСй Π½Π° устройствС), ΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ просто ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ для устройств с бОльшим экраном, просто увСличивая Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ PPI ΠΏΡ€ΠΈ создании Π½ΠΎΠ²ΠΎΠ³ΠΎ Ρ„Π°ΠΉΠ»Π°. К Ρ‚ΠΎΠΌΡƒ ΠΆΠ΅, ΠΈΠ·-Π·Π° большой Ρ€Π°Π·Π½ΠΈΡ†Ρ‹ Π² Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡΡ… Π½Π° Ρ€Π°Π·Π½Ρ‹Ρ… устройствах, я склоняюсь ΠΊ Ρ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎ Π² Ρ‚ΠΎ врСмя ΠΊΠ°ΠΊ 1 ΠΏΡƒΠ½ΠΊΡ‚ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Ρ€Π°Π²Π΅Π½ 2 пиксСлям Π½Π° ΠΎΠ΄Π½ΠΎΠΌ ΠΈΠ· Apple-устройств, 1 ΠΏΡƒΠ½ΠΊΡ‚ ΠΌΠΎΠΆΠ΅Ρ‚ Ρ‚Π°ΠΊ ΠΆΠ΅ Π±Ρ‹Ρ‚ΡŒ Ρ€Π°Π²Π΅Π½ Π΄Ρ€ΡƒΠ³ΠΎΠΌΡƒ количСству пиксСлСй Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΌ устройствС Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ производитСля, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, с большСй ΠΏΠ»ΠΎΡ‚Π½ΠΎΡΡ‚ΡŒΡŽ пиксСлСй.

Π’ самом Π΄Π΅Π»Π΅, Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Ρ‚ΡŒ Π²Π°ΠΌ. Если Π²Ρ‹ Ρ€Π΅ΡˆΠΈΠ»ΠΈ, ΠΊΠ°ΠΊ ΠΈ я, Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ пиксСли, Ρ‚ΠΎ ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Π² Adobe Illustrator мСню Units ΠΈΠ· Ρ€Π°Π·Π΄Π΅Π»Π° Preference (Edit > Preferences > Units) ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚Π΅ значСния General ΠΈ Stroke Π½Π° Pixels. Π’Π°ΠΊ ΠΊΠ°ΠΊ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ основываСтся Π½Π° ΠΏΡƒΠ½ΠΊΡ‚Π°Ρ… (point-based), я Π±Ρ‹ посовСтовал Π²Π°ΠΌ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ это Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Π½Π΅Ρ‚Ρ€ΠΎΠ½ΡƒΡ‚Ρ‹ΠΌ, Ρ‚Π΅ΠΌ Π±ΠΎΠ»Π΅Π΅, Ρ‡Ρ‚ΠΎ Ссли ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ этот Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ‚ΠΎΠΆΠ΅ Π½Π° пиксСли, Π²Ρ‹ Π½Π΅ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚Π΅ Ρ€Π΅Π·ΠΊΠΎΡΡ‚ΡŒ вашСго тСкста.

Π¨Π°Π³ 2

ΠœΡ‹ ΡƒΠΆΠ΅ настроили Π΅Π΄ΠΈΠ½ΠΈΡ†Ρ‹ измСрСния Π² нашСм ΠΌΠ°ΠΊΠ΅Ρ‚Π΅, Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΏΡ€ΠΈΡˆΠ»ΠΎ врСмя ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ настройкам

сСтки (Grid)

. Π― Π½Π΅ Π±ΡƒΠ΄Ρƒ ΠΌΠ½ΠΎΠ³ΠΎ Ρ€Π°ΡΡΠΊΠ°Π·Ρ‹Π²Ρ‚Π°ΡŒ ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ сСтка, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Ρƒ мСня Π΅ΡΡ‚ΡŒ

другая ΡΡ‚Π°Ρ‚ΡŒΡ Π½Π° эту Ρ‚Π΅ΠΌΡƒ

(

ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄ Π½Π° Π₯Π°Π±Ρ€Π΅

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

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ стандартныС настройки, ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ мСню Edit > Preferences > Guides & Grid Π³Π΄Π΅ Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ Π΄Π²Π΅ ΠΎΠΏΡ†ΠΈΠΈ, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π°ΠΌ слСдуСт ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅: опция Gridline every ΠΈ опция Subdivisions. Π›ΠΈΡ‡Π½ΠΎ я ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ 1 Π² ΠΎΠ±ΠΎΠΈΡ… случаях, для сСбя я Ρ€Π΅ΡˆΠΈΠ», Ρ‡Ρ‚ΠΎ это самыС подходящиС ΠΌΠ½Π΅ настройки, Π² нСзависимости ΠΎΡ‚ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°, Π½Π°Π΄ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ я Ρ€Π°Π±ΠΎΡ‚Π°ΡŽ. Π”Π°, Π²Π°ΠΌ придётся ΡƒΠ΄Π΅Π»ΡΡ‚ΡŒ большС внимания Ρ€Π°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΡŽ элСмСнтов, Π½ΠΎ Ссли наша Ρ†Π΅Π»ΡŒ β€” ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ максимально-Π΄Π΅Ρ‚Π°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Ρ‚ΠΎ это наш ΠΏΡƒΡ‚ΡŒ.

Π¨Π°Π³ 3

Π― надСюсь, всС Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ горячиС клавиши Π² Ρ€Π°Π±ΠΎΡ‚Π΅. Π£ Illustrator’а Π΅ΡΡ‚ΡŒ настройки, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Π½Π°ΠΌ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ Π½Π° нСбольшиС расстояния с большой Ρ‚ΠΎΡ‡Π½ΠΎΡΡ‚ΡŒΡŽ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ клавиш-стрСлочСк Π½Π° ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Π΅. Π’Π°ΠΊ ΠΊΠ°ΠΊ ΠΌΡ‹ стрСмимся ΠΊ Ρ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ всё Π² ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ Π±Ρ‹Π»ΠΎ привязано ΠΊ Π³Ρ€Π°Π½ΠΈΡ†Π°ΠΌ пиксСлСй, Ρ‚ΠΎ ΠΌΡ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ это Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΊΠ°ΠΆΠ΄ΠΎΠ΅ Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ Π½Π° стрСлочку ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Π»ΠΎ наш ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ Ρ€ΠΎΠ²Π½ΠΎ Π½Π° 1 пиксСль.

Π­Ρ‚ΠΈ настройки находятся Π² мСню Edit > Preferences > General > Keyboard Increment.

На самом Π΄Π΅Π»Π΅, Ссли Π²Ρ‹ Ρ€Π°Π½ΡŒΡˆΠ΅ этим Π½Π΅ пользовались, я Π²Π°ΠΌ скаТу β€” это супСрфункция, которая позволяСт Π½Π°ΠΌ ΠΌΠΎΠΌΠ΅Π½Ρ‚Π°Π»ΡŒΠ½ΠΎ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ Π±Π΅Π· ΠΏΠΎΠ³Ρ€Π΅ΡˆΠ½ΠΎΡΡ‚ΠΈ Π½Π° нСбольшиС расстояния! Π’Π΅ самыС ситуации, ΠΊΠΎΠ³Π΄Π° Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Ρ‡Ρ‚ΡƒΡŒ-Ρ‡ΡƒΡ‚ΡŒ ΠΏΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚ΡŒ.

4. ΠŸΡ€ΠΎΡ†Π΅ΡΡ

Π˜Ρ‚Π°ΠΊ, всё, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ Π΄Π΅Π»Π°Π»ΠΈ Π΄ΠΎ этого β€” это настраивали Illustrator, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π±ΠΎΠ»Π΅Π΅ Ρ‡ΡƒΠ²ΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ ΠΊ пиксСлям, Π½ΠΎ Π² качСствС Ρ…ΠΎΡ€ΠΎΡˆΠ΅Π³ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° Π»ΡƒΡ‡ΡˆΠ΅ привСсти Π½Π΅Ρ‡Ρ‚ΠΎ большСС, Ρ‡Π΅ΠΌ просто настройки. Π― расскаТу Π²Π°ΠΌ ΠΎ процСссС, ΠΎ схСмС, ΠΏΠΎ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ я сам Ρ€Π°Π±ΠΎΡ‚Π°ΡŽ, ΠΊΠΎΠ³Π΄Π° создаю Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π² Π²Π΅Π±Π΅.

Π¨Π°Π³ 1

Всё начинаСтся с настроСк нашСго Нового Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°. ΠœΡ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡƒΠ΄Π΅Π»ΠΈΡ‚ΡŒ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ внимания настройкам ΠΏΡ€ΠΈ создании Π½ΠΎΠ²ΠΎΠ³ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, это ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ Π½Π°ΠΌ ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΈΡ‚ΡŒ основу для создания pixel-perfect изобраТСния.

НаТмитС Ctrl+N (ΠΈΠ»ΠΈ ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ мСню File > New) ΠΈ ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ настройки, начиная с Profile.

Π’Π°ΠΊ ΠΊΠ°ΠΊ ΠΌΡ‹ просто Ρ‚Π°ΠΊΠΈ ΠΏΠΎΠΌΠ΅ΡˆΠ°Π½Ρ‹ Π½Π° Pixel perfect, наш Profile Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ установлСн Π² Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Web. Π§Ρ‚ΠΎ ΠΎΡ‚ этого мСняСт? Illustrator Π² Ρ‚Π°ΠΊΠΎΠΌ случаС автоматичСски мСняСтся Π΅Π΄ΠΈΠ½ΠΈΡ†Ρ‹ измСрСния (Units) Π½Π° пиксСли (Pixels), Π° Ρ†Π²Π΅Ρ‚ΠΎΠ²ΠΎΠΉ Ρ€Π΅ΠΆΠΈΠΌ (Color Mode) Π½Π° RGB (Red Green Blue).

Если Π²Ρ‹ ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° Π Π°Π·ΠΌΠ΅Ρ€ (Size) нашСго Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ ΠΈ Π¨ΠΈΡ€ΠΈΠ½Π° (Width), ΠΈ Высота (Height) ΠΈΠΌΠ΅ΡŽΡ‚ ΠΊΡ€ΡƒΠ³Π»Ρ‹Π΅ значСния (960 x 560 px) Π±Π΅Π· Π΄Ρ€ΠΎΠ±Π½ΠΎΠΉ части (ΠΊ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ 960.5 x 560.38). Π§Ρ‚ΠΎ Π² этом Ρ‚Π°ΠΊΠΎΠ³ΠΎ Π²Π°ΠΆΠ½ΠΎΠ³ΠΎ? Если Π²Ρ‹ создадитС Π₯олст (Artboard), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±ΡƒΠ΄Π΅Ρ‚ ΠΊ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ 960.5 пиксСлСй, Ρƒ вас образуСтся нСбольшая ΠΎΠ±Π»Π°ΡΡ‚ΡŒ справа, которая Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΎΠ²ΠΏΠ°Π΄Π°Ρ‚ΡŒ с пиксСльной сСткой.

Π­Ρ‚ΠΎ уТасно, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Adobe Illustrator Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π» всС наши Π½ΠΎΠ²Ρ‹Π΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ ΠΏΠΎ сСткС (Align New Objects to Pixel Grid). Π­Ρ‚Π° функция ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½Π°, Π΅Ρ‘ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ Π΄Π°Ρ‘Ρ‚ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ инструкции ΠΏΠΎ ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡŽ Π½ΠΎΠ²Ρ‹Ρ… ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ², ΠΈ привязкС ΠΈΡ… ΠΊ ПиксСльной сСткС (Pixel Grid), Ρ‡Ρ‚ΠΎ Π΄Π΅Π»Π°Π΅Ρ‚ нашС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ качСствСнным ΠΈ Ρ€Π΅Π·ΠΊΠΈΠΌ.

Π˜Ρ‚Π°ΠΊ, ΠΊ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ, Ссли ΠΌΡ‹ создадим ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 960 x 560 пиксСлСй, ΠΈ ΠΏΠΎΡ‚ΠΎΠΌ ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠ΅ΠΌ ΠΎΡ‚Ρ†Π΅Π½Ρ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ (ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ ΠΈ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ) этот ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ ΠΏΠΎ ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡŽ ΠΊ Π½Π°ΡˆΠ΅ΠΌΡƒ Π₯олсту (Artboard), это Π±ΡƒΠ΄Π΅Ρ‚ Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹ΠΌ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ правая ΠΈ ниТня Ρ‡Π°ΡΡ‚ΡŒ холста Π½Π΅ ΡΠΎΠ²ΠΏΠ°Π΄Π°ΡŽΡ‚ с пиксСльной сСткой ΠΈ Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ холста Π½Π΅ лоТатся Π² точности Π½Π° Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ пиксСлСй Π² этой области.

ΠšΡ‚ΠΎ-Ρ‚ΠΎ ΠΈΠ· вас ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠ΄ΡƒΠΌΠ°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ эта опция Π²Π°ΠΆΠ½Π°, Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ссли ΠΌΡ‹ рисуСм, Π½ΠΎ ΠΌΠ½Π΅ каТСтся, Ρ‡Ρ‚ΠΎ ΠΈ ΠΏΡ€ΠΈ использовании Π² ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ это даст свои ΠΏΠ»ΠΎΠ΄Ρ‹, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Π²Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ ΠžΠΏΠΎΡ€Π½Ρ‹Π΅ Ρ‚ΠΎΡ‡ΠΊΠΈ (Anchor points) Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² ΡƒΠ·Π»Π°Ρ… пиксСльной сСтки, Π° Π½Π΅ Π³Π΄Π΅ ΠΏΠΎΠΏΠ°Π»ΠΎ.

На Π·Π°ΠΌΠ΅Ρ‚ΠΊΡƒ: Если Π²Ρ‹ ΡƒΠΆΠ΅ Π½Π°Ρ‡Π°Π»ΠΈ Ρ€Π°Π±ΠΎΡ‚Ρƒ Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅, Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΈΠΌΠ΅ΡŽΡ‚ Π΄Ρ€ΠΎΠ±Π½ΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ, Π²Ρ‹ всСгда ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ это Π² окошкС Artboard Tool (Shift + O). Но я Π±Ρ‹ всё-Ρ‚Π°ΠΊΠΈ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΠΎΠ²Π°Π» ΠΎΠ±Ρ€Π°Ρ‰Π°Ρ‚ΡŒ Π½Π° это Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΈ сразу ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ холсты с ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΎΠΊΡ€ΡƒΠ³Π»Ρ‘Π½Π½Ρ‹ΠΌΠΈ значСниями, это спасёт вас ΠΎΡ‚ Π³ΠΎΠ»ΠΎΠ²Π½ΠΎΠΉ Π±ΠΎΠ»ΠΈ Π² Π±ΡƒΠ΄ΡƒΡ‰Π΅ΠΌ.

Π¨Π°Π³ 2

Если ΠΌΡ‹ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ установили настройки Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, Π΄Π°Π²Π°ΠΉΡ‚Π΅ Ρ‚Π°ΠΊ ΠΆΠ΅ ΡΠΎΠ±Π»ΡŽΠ΄Π°Ρ‚ΡŒ это ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ ΠΈ для Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² всСх элСмСнтов β€” слСдитС Π·Π° Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡˆΠΈΡ€ΠΈΠ½Π° ΠΈ высота всСх элСмСнтов Π±Ρ‹Π»Π° Π±Π΅Π· Π΄Ρ€ΠΎΠ±Π½Ρ‹Ρ… частСй.

Π˜Ρ‚Π°ΠΊ, ΠΏΡ€ΠΈ создании ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ налоТСния Π½Π° ΠΏΠΈΠΊΡΠ΅Π»ΡŒΠ½ΡƒΡŽ сСтку Ρ‚ΠΎΠΆΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΡΠΎΠ±Π»ΡŽΠ΄Π°Ρ‚ΡŒΡΡ. Если ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ‡Ρ‘Ρ‚ΠΊΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΏΡƒΡΡ‚ΡŒ это Π±ΡƒΠ΄Π΅Ρ‚ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚, ΠΌΡ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π·Π°Π΄Π°Ρ‚ΡŒ фиксированный Ρ€Π°Π·ΠΌΠ΅Ρ€ (ΠΊ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ 200 x 200 пиксСлСй), Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ Ρƒ нас получится Ρ‡Ρ‚ΠΎ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ пиксСль нашСй Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ Ρ€ΠΎΠ²Π½ΠΎ ΠΎΠ΄ΠΈΠ½ пиксСль Π½Π° пиксСльной сСткС, ΠΈ Π³Ρ€Π°Π½ΠΈΡ†Π° пиксСля нашСй Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΎΠ²ΠΏΠ°Π΄Π°Ρ‚ΡŒ с Π³Ρ€Π°Π½ΠΈΡ†Π΅ΠΉ Ρ‚ΠΎΡ‡Π½ΠΎ Ρ‚Π°ΠΊΠΎΠ³ΠΎ ΠΆΠ΅ ΠΏΠΎ Π½ΠΎΠΌΠ΅Ρ€Ρƒ пиксСля Π½Π° Π₯олстС (ArtBoard). Π§Ρ‚ΠΎΠ±Ρ‹ убСдится Π² этом, Π΄Π°Π²Π°ΠΉΡ‚Π΅ создадим Ρ„ΠΈΠ³ΡƒΡ€Ρƒ (Shape), ΠΏΡ€ΠΈΠ±Π»ΠΈΠ·ΠΈΠΌ (Zoom), насколько это Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, ΠΈ ΠΌΡ‹ убСдимся, Ρ‡Ρ‚ΠΎ Π΄Π°ΠΆΠ΅ Π½Π° максимальном ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½ΠΈΠΈ наша Ρ„ΠΈΠ³ΡƒΡ€Π° Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΠΊΡ€ΠΈΡΡ‚Π°Π»ΡŒΠ½ΠΎ чисто, Π±Π΅Π· ΠΊΠ°ΠΊΠΈΡ…-Π»ΠΈΠ±ΠΎ Ρ€Π°Π·ΠΌΡ‹Ρ‚Ρ‹Ρ… ΠΊΡ€Π°Ρ‘Π²!

Если Π±Ρ‹ ΠΌΡ‹ создали Ρ„ΠΈΠ³ΡƒΡ€Ρƒ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌΠΈ 200.4 x 199.9 пиксСлСй, Illustrator ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΠ» Π±Ρ‹ Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌΡ‹ сглаТивания (antialiasing effect) для ΠΏΡ€Π°Π²ΠΎΠΉ ΠΈ Π½ΠΈΠΆΠ½Π΅ΠΉ части Ρ„ΠΈΠ³ΡƒΡ€Ρ‹, Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ пСрСстали Π±Ρ‹ ΡΠΎΠ²ΠΏΠ°Π΄Π°Ρ‚ΡŒ с пиксСльной сСткой, ΠΈ Ρ‚ΠΎΠ³Π΄Π° наша Ρ„ΠΈΠ³ΡƒΡ€Π° Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Ρ…ΡƒΠΆΠ΅, Π½Π΅ Ρ‚Π°ΠΊΠΎΠΉ Ρ€Π΅Π·ΠΊΠΎΠΉ.

К ΡΡ‡Π°ΡΡ‚ΡŒΡŽ, ΡƒΠΌΠ½Ρ‹Π΅ люди ΠΈΠ· ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Adobe Π½Π΅ зря Сдят свой Ρ…Π»Π΅Π±, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΏΡ€ΠΈΠ΄ΡƒΠΌΠ°Π»ΠΈ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ этой ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ ΠΈ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°ΡŽΡ‚ Π΅Π³ΠΎ Π½Π°ΠΌ, добавляя Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ ΠŸΡ€ΠΈΠ²ΡΠ·ΠΊΠΈ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² ΠΊ пиксСльной сСткС (Align to Pixel Grid), которая находится Π² самом Π½ΠΈΠ·Ρƒ ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρ‹ Transform. Если Π²Ρ‹ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ ΠΏΠ»ΠΎΡ…ΠΎ располоТСнный ΠΎΠ±ΡŠΠ΅ΠΊΡ‚, ΠΈ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ для Π½Π΅Π³ΠΎ ΠΎΠΏΡ†ΠΈΡŽ Align to, Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° автоматичСски округлятся Π΄ΠΎ 200 пиксСлСй, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ это самоС Π±Π»ΠΈΠ·ΠΊΠΎΠ΅ Ρ†Π΅Π»ΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅.

На Π·Π°ΠΌΠ΅Ρ‚ΠΊΡƒ: Если Π² вашСй ΠΏΠ°Π»ΠΈΡ‚Ρ€Π΅ Transform Π½Π΅Ρ‚ Ρ‚Π°ΠΊΠΎΠΉ ΠΎΠΏΡ†ΠΈΠΈ, Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π΅Ρ‘ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² ΠΏΠ°Π»ΠΈΡ‚Ρ€Π΅ Transform, Π²Ρ‹Π±Ρ€Π°Π² Show Options.

Π¨Π°Π³ 3

Π˜Ρ‚Π°ΠΊ, ΠΌΡ‹ подошли ΠΏΠΎΡ‡Ρ‚ΠΈ Π²ΠΏΠ»ΠΎΡ‚Π½ΡƒΡŽ ΠΊ самым Π²Π°ΠΆΠ½Ρ‹ΠΌ Ρ„ΠΈΡ‡Π°ΠΌ Π² Adobe Illustrator’С, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Pixel Perfect изобраТСния. Π•ΡΡ‚ΡŒ Π΄Π²Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄Π°ΡŽΡ‚ ΠΏΠΎΡ…ΠΎΠΆΠΈΠΉ эффСкт, Π½ΠΎ Ссли Ρ€Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ, ΠΈΠΌΠ΅ΡŽΡ‚ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ отличия.

ΠŸΡ€ΠΈΠ²ΡΠ·ΠΊΠ° ΠΊ сСткС

Как слСдуСт ΠΈΠ· названия, эта опция привязываСт ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ ΠΊ

Π‘Π΅Ρ‚ΠΊΠ΅ (Grid)

, ΠΊ Ρ‚ΠΎΠΉ самой Π‘Π΅Ρ‚ΠΊΠ΅, настройки ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π²Ρ‹ выставляли Ρ€Π°Π½Π΅Π΅. Π­Ρ‚Ρƒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π² мСню

View > Snap to Grid (Shift + Control + ”)

. Π­Ρ‚Π° функция Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² Adobe Illustrator Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌΡ‹, ΠΏΠΎ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ всС ваши ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ Π½Π°

Π₯олстС (Artboard)

своими краями ΠΏΡ€ΠΈΠ²ΡΠ·Ρ‹Π²Π°ΡŽΡ‚ΡΡ ΠΊ ΡƒΠ·Π»Π°ΠΌ ΠΈ линиям сСтки.

ΠŸΡ€ΠΈΠ²ΡΠ·ΠΊΠ° ΠΊ пиксСлям

ΠŸΡ€ΠΈΠ²ΡΠ·ΠΊΠ° ΠΊ пиксСлям (Snap to Pixel)

Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ отличаСтся ΠΎΡ‚ ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅ΠΉ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ привязываСт ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ ΠΈΠΌΠ΅Π½Π½ΠΎ ΠΊ ПиксСльной сСткС (Pixel Grid), ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΌΡ‹ Π½Π΅ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ. Π­Ρ‚Π° функция скрыта, ΠΏΠΎΠΊΠ° Π²Ρ‹ Π½Π΅ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅

Pixel Preview (Alt + Control + Y)

, Π² Ρ‚Π°ΠΊΠΎΠΌ случаС Π²Ρ‹ смСняСтС

ΠŸΡ€ΠΈΠ²ΡΠ·ΠΊΡƒ ΠΊ сСткС

Π½Π°

ΠŸΡ€ΠΈΠ²ΡΠ·ΠΊΡƒ ΠΊ пиксСльной сСткС

.

ΠšΡΡ‚Π°Ρ‚ΠΈ говоря, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΡ€Π°Π²Π½ΡΡ‚ΡŒ эффСкт этих Π΄Π²ΡƒΡ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ Snap to Grid ΠΈ Snap to Pixel Ссли Π²Ρ‹ настраиваСтС вашС сСтку Ρ‡Π΅Ρ€Π΅Π· ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ 1 пиксСль, с Ρ€Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ΠΌ (Subdivision) Π½Π° 1, Ρ‡Ρ‚ΠΎ Π½Π° самом Π΄Π΅Π»Π΅ являСтся ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΌ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ вашСй сСтки, Ρ‚.Π΅. Π²Ρ‹ настриваСтС сСтку ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ‡Π½ΠΎ ПиксСльной сСткС (Pixel Grid).

Π¨Π°Π³ 4

Если Π²Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с привязкой ΠΊ

ПиксСльной сСткС

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

View > Pixel Preview

ΠΈΠ»ΠΈ ΠΏΠΎ Π½Π°ΠΆΠ°Ρ‚ΠΈΡŽ

Alt+Ctrl+Y

.

Π¨Π°Π³ 5

Когда Π²Ρ‹ нарисовали всё, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ, ΡƒΠ΄Π΅Π»ΠΈΡ‚Π΅ Ρ‡ΡƒΡ‚ΡŒ-Ρ‡ΡƒΡ‚ΡŒ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, ΠΈ Π½Π° всякий случай ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ всС ΠΎΠΏΠΎΡ€Π½Ρ‹Π΅ Ρ‚ΠΎΡ‡ΠΊΠΈ привязаны ΠΊ

ПиксСльной сСткС (Pixel Grid)

. Если Π²Ρ‹ нашли ΠΊΠ°ΠΊΡƒΡŽ-Ρ‚ΠΎ Ρ‚ΠΎΡ‡ΠΊΡƒ Π²ΡΡ‚Π°Π²ΡˆΡƒΡŽ ΠΌΠ΅ΠΆΠ΄Ρƒ ΡƒΠ·Π»Π°ΠΌΠΈ сСтки, просто ΠΏΠΎΠ·ΡŒΠΌΠΈΡ‚Π΅ ΠΈΠ½Ρ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚

Direct Selection Tool (A)

, Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ эту ΠΎΠΏΠΎΡ€Π½ΡƒΡŽ Ρ‚ΠΎΡ‡ΠΊΡƒ, ΠΈ пСрСмСститС Π΅Ρ‘ Π½Π° блиТайший ΡƒΠ·Π΅Π» сСтки.

Π’Ρ‹ ΠΏΠΎΠ΄ΡƒΠΌΠ°Π΅Ρ‚Π΅, Ρ‡Ρ‚ΠΎ использованиС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Align to Pixel Grid само Π±Π΅Ρ€Ρ‘Ρ‚ Π½Π° сСбя Π·Π°Π±ΠΎΡ‚Ρƒ ΠΎ Ρ‚Π°ΠΊΠΎΠ³ΠΎ Ρ€ΠΎΠ΄Π° ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ°Ρ…, Π½ΠΎ ΠΏΠΎ ΠΌΠΎΠ΅ΠΌΡƒ ΠΎΠΏΡ‹Ρ‚Ρƒ, ΠΈΠ½ΠΎΠ³Π΄Π° Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ ΡΠ»ΡƒΡ‡Π°ΡŽΡ‚ΡΡ ошибки, ΠΈ ΠΊΠΎΠ³Π΄Π° это случаСтся, Ρ‚ΠΎ я Π±Π΅Ρ€Ρƒ Π² Ρ€ΡƒΠΊΠΈ инструмСнт Direct Selection Tool (A), ΠΈ ΠΈΡΠΏΡ€Π°Π²Π»ΡΡŽ эти ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ.

Π¨Π°Π³ 6

ΠšΡ€ΠΈΠ²Ρ‹Π΅ Π‘Π΅Π·ΡŒΠ΅ β€” Π½Π΅ΠΎΡ‚ΡŠΠ΅ΠΌΠ»Π΅ΠΌΡ‹ΠΉ инструмСнт любой ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‰Π΅ΠΉ с Π²Π΅ΠΊΡ‚ΠΎΡ€ΠΎΠ½ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠΉ, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΡ… Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ„ΠΎΡ€ΠΌΡƒ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ², ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ Π·Π°ΠΌΠΊΠ½ΡƒΡ‚Ρ‹Π΅ ΠΈ Π½Π΅Π·Π°ΠΌΠΊΠ½ΡƒΡ‚Ρ‹Π΅ ΠΊΡ€ΠΈΠ²Ρ‹Π΅. ΠŸΡ€ΠΎΠ±Π»Π΅ΠΌΠ° всСх Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ² Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ часто тянут Π·Π° Ρ€ΡƒΡ‡ΠΊΠΈ Π‘Π΅Π·ΡŒΠ΅, особСнно Π½Π΅ Π·Π°Π΄ΡƒΠΌΡ‹Π²Π°ΡΡΡŒ, ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½ΠΎ, ΠΈ ΠΈΠ·-Π·Π° этого Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ ΠΊΡ€ΠΈΠ²Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠΎ, Π½Π΅ Ρ‚Π°ΠΊ Ρ€ΠΎΠ²Π½ΠΎ, ΠΊΠ°ΠΊ Ρ…ΠΎΡ‚Π΅Π»ΠΎΡΡŒ Π±Ρ‹.

Ѐишка Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ»Π΅Π΄ΠΈΡ‚ΡŒ Π·Π° Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ³ΠΎΠ» Π½Π°ΠΊΠ»ΠΎΠ½Π° Ρ€ΡƒΡ‡Π΅ΠΊ ΠΏΠΎ возмоТности Π±Ρ‹Π» ΠΊΡ€Π°Ρ‚Π΅Π½ 45Β°, Ρ‚.Π΅. Ρ‡Ρ‚ΠΎΠ±Ρ‹ линия Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰Π΅ΠΉ Π±Ρ‹Π»Π° Ρ‡Ρ‘Ρ‚ΠΊΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Π°, Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Π°, Π»ΠΈΠ±ΠΎ диагональна, это дСлаСтся с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π·Π°ΠΆΠ°Ρ‚ΠΎΠΉ клавиши Shift. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ всС Ρ‚ΠΎΡ‡ΠΊΠΈ Π±ΡƒΠ΄ΡƒΡ‚ привязаны ΠΊ пиксСльной сСткС.

ΠšΡΡ‚Π°Ρ‚ΠΈ, Ссли Ρƒ вас Π΅ΡΡ‚ΡŒ ΠΊΠ°ΠΊΠΎΠΉ-Ρ‚ΠΎ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ со скрёглённым прямым ΡƒΠ³Π»ΠΎΠΌ (Π²Ρ€ΠΎΠ΄Π΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ), Ρ‚ΠΎ ΠΏΠΎΡΡ‚Π°Ρ€Π°ΠΉΡ‚Π΅ΡΡŒ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€ΡƒΡ‡ΠΊΠ° достигала Ρ€ΠΎΠ²Π½ΠΎ Ρ‚ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°, которая ΠΊΠ°ΠΊ Π±Ρ‹ являСтся Π΅Π³ΠΎ Π³Π°Π±Π°Ρ€ΠΈΡ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€ΡƒΡ‡ΠΊΠ° Π½Π΅ Π²Ρ‹Ρ…ΠΎΠ΄ΠΈΠ»Π° Π·Π° Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°.

5. ΠœΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ²

Когда ΠΌΡ‹ Ρ€Π°Π±ΠΎΡ‚Π°Π΅ΠΌ с Pixel Perfect ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ, ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΌΠ°ΡΡˆΡ‚Π°Π±Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΡ‚Π°Ρ‚ΡŒ для вас настоящСй Π³ΠΎΠ»ΠΎΠ²Π½ΠΎΠΉ болью. Если Π²Ρ‹ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ ΠΊΠ°ΠΊΠΎΠΉ-Ρ‚ΠΎ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚, ΠΈ потянСтС Π·Π° Ρ€ΡƒΡ‡ΠΊΠΈ измСнСния Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡ΠΈΠ²Π°ΡŽΡ‰Π΅ΠΉ Π³Π°Π±Π°Ρ€ΠΈΡ‚Π½ΠΎΠΉ Ρ€Π°ΠΌΠΊΠΈ, ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ увСличится ΠΈΠ»ΠΈ ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡΡ, Π΄Π°, Π½ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Π΅Π³ΠΎ составныС части ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΡ€ΠΈ этом ΠΈΡΠΊΠ°Π·ΠΈΡ‚ΡŒΡΡ.

РСшСниСм слуТит опция Scale (right click > Transform > Scale > Uniform), ΠΈ использованиС Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ, ΠΊΡ€Π°Ρ‚Π½Ρ‹Ρ… 50%, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ 150%, 200%, 250% для увСличСния ΠΈ -50% для ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΡ Π²Π΄Π²ΠΎΠ΅ ΠΎΡ‚ Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°.

Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π»ΡƒΡ‡ΡˆΠ΅ всСгда ΡΠΏΠ»Π°Π½ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ, ΠΈ Π² ΠΊΠ°ΠΊΠΎΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ€Π΅ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ, Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π·Π°Ρ€Π°Π½Π΅Π΅ Π·Π°Π΄ΡƒΠΌΡ‹Π²Π°Ρ‚ΡŒΡΡ ΠΎ трСбованиях ΠΊ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρƒ Π²Π°ΡˆΠΈΡ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

На Π·Π°ΠΌΠ΅Ρ‚ΠΊΡƒ: Π”Π°ΠΆΠ΅ слСдуя этому совСту, ΠΊ соТалСнию, Π²Ρ‹ Π½Π΅ ΠΈΠ·Π±Π΅ΠΆΠΈΡ‚Π΅ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ, связанных с ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΊΠ°ΠΊΠΈΡ…-Ρ‚ΠΎ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ состоят ΠΈΠ· мноТСства элСмСнтов. Если это случится, Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π·Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ваш ΠΎΠ±ΡŠΠ΅ΠΊΡ‚, ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ Π΄Π΅Ρ‚Π°Π»ΡŒΠΊΠΈ ΠΏΠΎ-ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ.

6. Π’Ρ€Π°Ρ‰Π΅Π½ΠΈΠ΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ²

Когда Π²Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚Π΅ с ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°ΠΌΠΈ, Ρ‚ΠΎ особСнных ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ ΠΏΡ€ΠΈ Π²Ρ€Π°Ρ‰Π΅Π½ΠΈΠΈ Π½Π΅ Π²ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ‚, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Π΄Π°ΠΆΠ΅ Ссли Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ слСтит, Ρ‚ΠΎ Π²Ρ‹ всСгда Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠ΅Ρ€Π΅Π΄Π²ΠΈΠ½ΡƒΡ‚ΡŒ ΠΎΠΏΠΎΡ€Π½ΡƒΡŽ Ρ‚ΠΎΡ‡ΠΊΡƒ Π½Π° блиТайший ΡƒΠ·Π΅Π» пиксСльной сСтки. А Ρ‡Ρ‚ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ, Ссли ΠΌΡ‹ Ρ€Π°Π±ΠΎΡ‚Π°Π΅ΠΌ с элСмСнтами со скруглёнными ΡƒΠ³Π»Π°ΠΌΠΈ, ΠΈΠ»ΠΈ с ΠΊΡ€ΠΈΠ²Ρ‹ΠΌΠΈ?

К соТалСнию, это самая грустная Ρ‡Π°ΡΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρ‹, Ссли Π²Π°ΠΌ Π²Π°ΠΆΠ½Π° такая Π²Π΅Ρ‰ΡŒ, ΠΊΠ°ΠΊ Pixel Perfect, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Π½Π° Π΄Π°Π½Π½Ρ‹ΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚ Π½Π΅Ρ‚ ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½Ρ‹Ρ… Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‰ΠΈΡ… Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Π»Π΅Π³ΠΊΠΎ автоматичСски ΠΏΡ€ΠΈΠ²ΡΠ·Π°Ρ‚ΡŒ Ρ‚ΠΎΡ‡ΠΊΠΈ ΠΊΡ€ΠΈΠ²Ρ‹Ρ… ΠΊ пиксСльной сСткС, ΠΈ Π΄Π°ΠΆΠ΅ Π² ΠΌΠ΅Π»ΠΎΡ‡Π°Ρ… это всё Ρ€Π°Π²Π½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Π²Π»ΠΈΡΡ‚ΡŒ Π½Π° ΠΎΠ±Ρ‰ΠΈΠΉ Π²ΠΈΠ΄ изобраТСния. ΠžΠ±Ρ‹Ρ‡Π½ΠΎ, Ссли Ρƒ мСня Π΅ΡΡ‚ΡŒ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ со скруглнными ΡƒΠ³Π»Π°ΠΌΠΈ, ΠΈ ΠΌΠ½Π΅ Π½ΡƒΠΆΠ½ΠΎ Π΅Π³ΠΎ ΠΏΠΎΠ²Ρ€Π°Ρ‰Π°Ρ‚ΡŒ, я Π²Ρ€Π°Ρ‰Π°ΡŽ Π΅Π³ΠΎ ΠΈ ΠΎΡΡ‚Π°Π²Π»ΡΡŽ всё Ρ‚Π°ΠΊ, ΠΊΠ°ΠΊ Π΅ΡΡ‚ΡŒ.

ΠšΠ°ΠΆΠ΅Ρ‚ΡΡ, всё!

Если Π²Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ ΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚ΡŒ всСм этим шагам, Ρ‚ΠΎ Π²Π°ΠΌ удастся ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ высокой чёткости, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Π½Π° любом ΠΈΠ· дСвайсов.

ΠŸΠΎΠ»Π΅Π·Π½Ρ‹Π΅ ссыли


  • Pixel Perfect Precision β€” Книга/справочник/Π³Π°ΠΉΠ΄ ΠΎΡ‚ студии UsTwo, которая сдСлала Monument Valley ΠΈ Π²Π²Π΅Π»Π° понятиС Pixel Perfect. Π­Ρ‚ΠΎΠΌΡƒ справочнику Π½Π° Π΄Π°Π½Π½Ρ‹ΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚ 4 Π³ΠΎΠ΄Π°.
    cdn.ustwo.com/PPP/PP3.pdf
    Если вас заинтСрСсовал ΠΌΠΎΠΉ ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄ (ΠΈΠ»ΠΈ ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½Π°Ρ ΡΡ‚Π°Ρ‚ΡŒΡ), ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°ΠΉΡ‚Π΅ это руководство, Π° Π»ΡƒΡ‡ΡˆΠ΅ распСчатайтС ΠΏΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚Π½ΠΎΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ ΠΈ принСситС Π² офис ΠΊΠΎΠ»Π»Π΅Π³Π°ΠΌ! Если Ρƒ вас, ΠΊΠ°ΠΊ ΠΈ Ρƒ мСня, ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ с английским, распСчатайтС ΠΈ принСситС Π² офис ΠΏΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½ΡƒΡŽ Ρ€ΡƒΡΡΠΊΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ, которая Ρ€Π°ΡΠΏΠΎΠ»ΠΎΠΆΠΈΠ»Π°ΡΡŒ ΠΏΠΎ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΉ ссылкС.
  • ΠŸΠ΅Ρ€Π΅Π²ΠΎΠ΄ справочника Pixel Perfect Precision Π½Π° русский. ΠŸΠ΅Ρ€Π΅Π²Π΅Π΄Π΅Π½ΠΎ 3 ΠΈΠ·Π΄Π°Π½ΠΈΠ΅.
    heartbeat.ua/pp3/PP3_rus.pdf
  • НСбольшая ΡΡ‚Π°Ρ‚ΡŒΡ ΠΏΡ€ΠΎ ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄ Pixel Perfect Precision Π½Π° Π₯Π°Π±Ρ€Π΅.
    habrahabr.ru/post/242373
  • ΠšΠΎΡ€ΠΎΡ‚ΠΊΠ°Ρ ΡΡ‚Π°Ρ‚ΡŒΡ ΠΏΡ€ΠΎ Pixel Perfect вёрстку Π½Π° Π₯Π°Π±Ρ€Π΅.
    habrahabr.ru/post/195414
    Π­Ρ‚ΠΎ Ρ‚Π° самая пСрвая ΠΈ практичСски СдинствСнная ΡΡ‚Π°Ρ‚ΡŒΡ, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΌΠ½Π΅ ΡƒΠ΄Π°Π»ΠΎΡΡŒ Π² своё врСмя Π½Π°ΠΉΡ‚ΠΈ ΠΏΠΎ запросу Β«Pixel PerfectΒ».

Команда Β«Π’Ρ€ΠΈΠΌΠΌΠΈΠ½Π³Β» Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅

Команда Π’Ρ€ΠΈΠΌΠΌΠΈΠ½Π³ (Trim) ΠΎΠ±Ρ€Π΅Π·Π°Π΅Ρ‚ края изобраТСния, содСрТащиС ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹Π΅ пиксСли ΠΏΠΎ всСй Π΅Π³ΠΎ Π΄Π»ΠΈΠ½Π΅ ΠΈΠ»ΠΈ ΡˆΠΈΡ€ΠΈΠ½Π΅.Β Π­Ρ‚ΠΎ своСго Ρ€ΠΎΠ΄Π°Β Ρ€Π°Π·Π½ΠΎΠ²ΠΈΠ΄Π½ΠΎΡΡ‚ΡŒ кадрирования, Π½ΠΎ со своСй спСцификой ΠΈ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠΎΠΌΒ Π°Π²Ρ‚ΠΎΠΌΠ°Ρ‚ΠΈΠ·Π°Ρ†ΠΈΠΈ.

Π”Π°, понимаю, сразу ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Ρ‚Ρ€ΡƒΠ΄Π½ΠΎ. Но Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€ΠΎΡ‰Π΅. Допустим, Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΉΒ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΉ слой. ΠŸΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΠ»ΠΈ? А Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Π² Π΅Π³ΠΎ Ρ†Π΅Π½Ρ‚Ρ€Π΅ нарисуСм ΠΆΠ΅Π»Ρ‚Ρ‹ΠΉΒ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚:

ΠŸΠΎΡ‚ΠΎΠΌ Π½Π°ΠΌ Π²Π΄Ρ€ΡƒΠ³ ΠΏΠΎΡ‚Ρ€Π΅Π±ΠΎΠ²Π°Π»ΠΎΡΡŒ Π²Ρ‹Ρ€Π΅Π·Π°Ρ‚ΡŒ этот ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚. Как это ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ? – Π’Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ:

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ – Π’Ρ€ΠΈΠΌΠΌΠΈΠ½Π³Β 

ΠŸΠΎΡΠ²ΠΈΡ‚ΡΡ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΡƒ, Ρ‡Ρ‚ΠΎ трСбуСтся ΠΎΠ±Ρ€Π΅Π·Π°Ρ‚ΡŒ:

  • Если это ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΉ Ρ„ΠΎΠ½, ΡΡ‚Π°Π²ΡŒΡ‚Π΅ Π³Π°Π»ΠΎΡ‡ΠΊΡƒ «На основС ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹Ρ… пиксСлов».
  • Если это Π½Π΅ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΉ Ρ„ΠΎΠ½, Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ содСрТит Ρ†Π²Π΅Ρ‚Π½Ρ‹Π΅ пиксСли, Ρ‚ΠΎΠ³Π΄Π° ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΡƒΠΉΡ‚Π΅ΡΡŒ Π½Π°Β Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ Π»Π΅Π²Ρ‹ΠΉ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΏΡ€Π°Π²Ρ‹ΠΉ пиксСль.

Напомню, Ρ‡Ρ‚ΠΎ пиксСли ΠΈΠΌΠ΅ΡŽΡ‚ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π½ΡƒΡŽ Ρ„ΠΎΡ€ΠΌΡƒ ΠΈ ΠΎΠ½ΠΈ располоТСны ΠΊΠ°ΠΊ ΠΊΠ»Π΅Ρ‚ΠΎΡ‡ΠΊΠΈ Π² Ρ‚Π΅Ρ‚Ρ€Π°Π΄ΠΊΠ΅. Если ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ Π’Ρ€ΠΈΠΌΠΌΠΈΠ½Π³Π° Π² Π·Π°ΠΌΠ΅Π΄Π»Π΅Π½Π½ΠΎΠΉ съСмкС, Ρ‚ΠΎ ΡƒΠ²ΠΈΠ΄ΠΈΠΌ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅:

Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏ Π²Ρ‹Π±ΠΈΡ€Π°Π΅Ρ‚ ΠΎΠ΄Π½Ρƒ ΠΈΠ· Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Ρ… сторон, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π»Π΅Π²ΡƒΡŽ, ΠΈ Π±Π΅Ρ€Π΅Ρ‚ самый ΠΊΡ€Π°ΠΉΠ½ΠΈΠΉ столбСц пиксСлСй. Если всС пиксСли этого столбца ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹Π΅, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, всС ΠΎΠ½ΠΈ Π·Π΅Π»Π΅Π½Ρ‹Π΅Β (ΠΎΡ‚Ρ‚Π΅Π½ΠΊΠΈ зСлСного это ΡƒΠΆΠ΅ считаСтся Π΄Ρ€ΡƒΠ³ΠΈΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ!), Ρ‚ΠΎ Π²Ρ‹Ρ€Π΅Π·Π°Π΅Ρ‚ Π΅Π³ΠΎ. Π—Π°Ρ‚Π΅ΠΌ снова Π±Π΅Ρ€Π΅Ρ‚ ΠΊΡ€Π°ΠΉΠ½ΠΈΠΉ столбСц ΠΈ повторяСт дСйствиС. И Ρ‚Π°ΠΊ Π΄ΠΎ Ρ‚Π΅Ρ… ΠΏΠΎΡ€ ΠΏΠΎΠΊΠ° Π½Π΅ встрСтит Ρ‚Π°ΠΊΠΎΠΉ столбСц, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ хотя Π±Ρ‹ ΠΎΠ΄ΠΈΠ½ пиксСль отличаСтся ΠΎΡ‚ ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Ρ… хотя Π±Ρ‹ Π½Π° ΠΏΠΎΠ»ΡƒΡ‚ΠΎΠ½.

Π’Π°ΠΊ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ (Π² нашСм ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΆΠ΅Π»Ρ‚Ρ‹ΠΉ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚) послС примСнСния ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ Π’Ρ€ΠΈΠΌΠΌΠΈΠ½Π³:

ΠšΠ²Π°Π΄Ρ€Π°Ρ‚ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ избавился ΠΎΡ‚ всСго ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΠ³ΠΎ Ρ„ΠΎΠ½Π°, Ρ‡Ρ‚ΠΎ Π΅Π³ΠΎ ΠΎΠΊΡ€ΡƒΠΆΠ°Π». Π­Ρ‚ΠΎ ΠΏΡ€ΠΎΠΈΠ·ΠΎΡˆΠ»ΠΎ Π·Π° считанныС сСкунды. Π― сэкономил ΠΊΡƒΡ‡Ρƒ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, Π΄ΠΎΠ²Π΅Ρ€ΠΈΠ² ΡƒΡ‚ΠΎΠΌΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ Ρ€Π°Π±ΠΎΡ‚Ρƒ срСдствам Π°Π²Ρ‚ΠΎΠΌΠ°Ρ‚ΠΈΠ·Π°Ρ†ΠΈΠΈ Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ°!

Π’Π°ΠΆΠ½ΠΎ ΠΏΠΎΠ½ΠΈΠΌΠ°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Ρ‚Ρ€ΠΈΠΌΠΌΠΈΠ½Π³ Π½ΡƒΠΆΠ΅Π½ для ΠΎΠ±Ρ€Π΅Π·ΠΊΠΈ ΠΈΠΌΠ΅Π½Π½ΠΎ ΠΊΡ€Π°Π΅Π² изобраТСния ΠΏΠΎ всСй ΠΈΡ… Π΄Π»ΠΈΠ½Π΅ (Ссли это ΠΏΡ€Π°Π²ΠΎ ΠΈΠ»ΠΈ Π»Π΅Π²ΠΎ), Π»ΠΈΠ±ΠΎ ΠΏΠΎ всСй ΡˆΠΈΡ€ΠΈΠ½Π΅ (Ссли это Π²Π²Π΅Ρ€Ρ… ΠΈΠ»ΠΈ Π½ΠΈΠ·).

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

Π•Ρ‰Π΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Ρƒ вас ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π³Π΄Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ с ΠΎΠ΄Π½ΠΎΠΉ стороны, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, свСрху ΠΈΠ΄Π΅Ρ‚ прозрачная полоса. Π’ΠΎΠ³Π΄Π° Π²Ρ‹Π±ΠΈΡ€Π°ΠΉΡ‚Π΅ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ настройки ΠΈ отсСкайтС Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π΅Π΅.

И Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ ΠΌΠΎΠΌΠ΅Π½Ρ‚, вСрнСмся ΠΊ ΠΏΠ΅Ρ€Π²ΠΎΠΌΡƒ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ, ΠΊΠΎΠ³Π΄Π° бСлая полоса со всСх Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅Ρ… сторон, Π½ΠΎ ΠΎΠ±Ρ€Π΅Π·Π°Ρ‚ΡŒ Π½ΡƒΠΆΠ½ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, слСва. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ Π’Ρ€ΠΈΠΌΠΌΠΈΠ½Π³ ΠΈ Π² появившСмся Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅ ΠΏΠΎΡΡ‚Π°Π²ΡŒΡ‚Π΅ Π³Π°Π»ΠΎΡ‡ΠΊΡƒ Β«ΠžΠ±Ρ€Π΅Π·ΠΊΠ° слСва».

Π§Π΅ΠΌ ΠΆΠ΅ Ρ…ΠΎΡ€ΠΎΡˆΠ° ΠΊΠΎΠΌΠ°Π½Π΄Π° Π’Ρ€ΠΈΠΌΠΌΠΈΠ½Π³

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

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

Π’ΠΎΡ‡Π½ΠΎ такая ΠΆΠ΅ история, ΠΊΠΎΠ³Π΄Π° края изобраТСния Ρ€Π°Π·ΠΌΡ‹Ρ‚Ρ‹Π΅ ΠΈ ΠΏΠ»Π°Π²Π½ΠΎ пСрСходят Π² Ρ„ΠΎΠ½.

03 Π’ ΠΎΠ±ΠΎΠΈΡ… случаях я ΡƒΠΏΠΎΠΌΠΈΠ½Π°Π» ΠΏΡ€ΠΎ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ, ΠΈ это Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π½Π΅ΠΏΠ»ΠΎΡ…ΠΎΠ΅ достоинство.

04 Π•Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ Π±ΠΎΠ»Π΅Π΅ Ρ€Π΅Π΄ΠΊΠΈΠΉ случай использования – поиск Π΅Π΄Π²Π° ΡƒΠ»ΠΎΠ²ΠΈΠΌΡ‹Ρ… Π³Π»Π°Π·Ρƒ пиксСлСй.

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