Как ΡƒΠ±Ρ€Π°Ρ‚ΡŒ сСтку пСрспСктивы: ΠžΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ сСток пСрспСктивы Π² Illustrator – «Как ΡƒΠ±Ρ€Π°Ρ‚ΡŒ сСтку Π² Adobe Illustrator?Β» – ЯндСкс.Кью

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

Perspective Grid Tool β€” Навигатор ΠΏΠΎ инструмСнтам Illustrator β€” Π‘Π°ΠΉΡ‚ ΠΎ Ρ„ΠΎΡ‚ΠΎΠ±Π°Π½ΠΊΠ°Ρ… Stockers.ru

Perspective Grid Tool (Π‘Π΅Ρ‚ΠΊΠ° пСрспСктивы). Клавиши быстрого Π²Ρ‹Π·ΠΎΠ²Π° β€ΉShiftβ€Ί+β€ΉPβ€Ί.

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ Perspective Grid Tool ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ для просмотра и управлСния сСткой пСрспСктивы. А сСтка пСрспСктивы Π½ΡƒΠΆΠ½Π° для рисования ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² в пСрспСктивС ΠΈΠ»ΠΈΒ Ρ€Π°Π·ΠΌΠ΅ΡˆΠ΅Π½ΠΈΠ΅ ΡƒΠΆΠ΅ нарисованных ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² в пСрспСктивС, ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΡƒΡΡΡŒ по сСткС.

Π‘Π°ΠΌΡ‹ΠΉ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ Π²Ρ‹Π·ΠΎΠ² этого инструмСнта ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ‚ сСтку Π΄Π²ΡƒΡ…Ρ‚ΠΎΡ‡Π΅Ρ‡Π½ΠΎΠΉ пСрспСктивы ΠΈΒ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ Π΄Π»ΡΒ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΠΌΠ΅ΠΆΠ΄Ρƒ плоскостями пСрспСктивы. Π‘Π°ΠΌΠ° сСтка Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠΊΠ°Π·Π°Π½Π° Π°Β Ρ€Π°Π±ΠΎΡ‡Π΅ΠΌ ΠΏΠΎΠ»Π΅, Π°Β Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡΒ β€” слСва Π²Π²Π΅Ρ€Ρ…Ρƒ.

ДвухточСчная сСтка пСрспСктивы состоит ΠΈΠ·Β Π΄Π²ΡƒΡ… Ρ‚ΠΎΡ‡Π΅ΠΊ схода, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π»Π΅ΠΆΠ°Ρ‚ Π½Π°Β Π»ΠΈΠ½ΠΈΠΈ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°, Ρ‚ΠΎΡ‡ΠΊΠΈ отсчСта ΠΈΒ ΠΌΠ°Ρ€ΠΊΠ΅Ρ€ΠΎΠ² управлСния сСткой. ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΈΠ·Β ΠΌΠ°Ρ€ΠΊΠ΅Ρ€ΠΎΠ² ΠΌΠΎΠΆΠ½ΠΎ Π΄Π²ΠΈΠ³Π°Ρ‚ΡŒ для точной настройки.

ΠžΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ сСтки пСрспСктивы.

На самом Π΄Π΅Π»Π΅, самый популярный вопрос ΡƒΒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ Adobe Illustrator «Как Π²Ρ‹ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ сСтку пСрспСктивы?Β». ΠŸΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ это Π½Π΅Β ΠΎΡ‡Π΅Π²ΠΈΠ΄Π½ΠΎ.

Если вы случайно Π²ΠΊΠ»ΡŽΡ‡ΠΈΠ»ΠΈ сСтку, Ρ‚ΠΎ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π΅Π΅Β ΠΌΠΎΠΆΠ½ΠΎ трСмя способами:

  1. ΠΠ°ΠΆΠ°Ρ‚ΡŒ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΡŽ клавиш Β«CtrlΒ»+Β«ShiftΒ»+Β«IΒ». Π­Ρ‚ΠΎΠΉΒ ΠΆΠ΅ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΠ΅ΠΉ клавиш ΠΌΠΎΠΆΠ½ΠΎ ΠΈΒ Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒ сСтку пСрспСктивы Π²Β Ρ€Π°Π±ΠΎΡ‡ΡƒΡŽ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ. Она ТС ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ сСтку пСрспСктивы нС мСняя Ρ‚Π΅ΠΊΡƒΡ‰Π΅Π³ΠΎ инструмСнта.
  1. ΠΠ°ΠΆΠ°Ρ‚ΡŒ Π½Π° крСстик, располоТСнный Π½Π° Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Π΅ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ плоскостСй.
  1. Π’Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΏΡƒΠ½ΠΊΡ‚ мСню View->Perspective Grid->Hide Grid БоотвСтствСнно, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ сСтку пСрспСктивы Ρ‡Π΅Ρ€Π΅Π· ΠΏΡƒΠ½ΠΊΡ‚Ρ‹ мСню, Π½ΡƒΠΆΠ½ΠΎ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΏΡƒΠ½ΠΊΡ‚ мСню View->Perspective Grid->Show Grid

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π²Β ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠ΅, Π½Π° этом описаниС инструмСнта Perspective Grid Tool ΠΌΠΎΠΆΠ½ΠΎ Π±Ρ‹Π»ΠΎ Π±Ρ‹ ΠΈ Π·Π°ΠΊΠΎΠ½Ρ‡ΠΈΡ‚ΡŒ, Π½ΠΎ Ρ€Π°Π· я взялась Π·Π° ΠΏΠΎΠ»Π½Ρ‹Π΅ описания инструмСнтов, Ρ‚ΠΎ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠΈΠΌ.

Perspective Grid Tool позволяСт ΡƒΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π²ΠΈΠ΄ΠΆΠ΅Π½Π° Π½Π°Β Ρ€Π°Π±ΠΎΡ‡Π΅ΠΉ области. Для настроСк отобраТСния Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Π° Π΄Π²Π°ΠΆΠ΄Ρ‹ ΠΊΠ»ΠΈΠΊΠ½ΠΈΡ‚Π΅ Π½Π°Β ΠΈΠΊΠΎΠ½ΠΊΠ΅ инструмСнты Perspective Grid ToolΒ β€” появится Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ:

Π“Π°Π»ΠΎΡ‡ΠΊΠ° Β«Show Active Plane WidgetΒ» стоит ΠΏΠΎΒ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ. Если Π³Π°Π»ΠΎΡ‡ΠΊΡƒ ΡΠ½ΡΡ‚ΡŒ, Ρ‚ΠΎ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ Π½Π΅Β Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ.
Widget Position управляСт ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Π° на экранС. Π’Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ располоТСния:
Top-LeftΒ β€” cΠ²Π΅Ρ€Ρ…Ρƒ слСва,
Top-RightΒ β€” cΠ²Π΅Ρ€Ρ…Ρƒ справа,
Bottom-LeftΒ β€” снизу слСва,
Bottom-RightΒ β€” снизу справа.

Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ ΡƒΠ΄ΠΎΠ±Π½ΠΎΠ΅ для вас ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Π° ΠΈΒ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ OkΒ β€” он пСрСмСстится Π²Β ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠ΅ мСсто.

ΠœΠ°Ρ€ΠΊΠ΅Ρ€Ρ‹ на сСткС пСрспСктивы ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΡƒΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ Π²ΠΈΠ΄ΠΎΠΌ сСтки.

A ΠΈΒ B ΡƒΠΏΡ€Π°Π²Π»ΡΡŽΡ‚ Π»ΠΈΠ½ΠΈΠ΅ΠΉ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°.
C ΠΈΒ D ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°ΡŽΡ‚ всю сСтку ΠΏΠΎΒ Ρ€Π°Π±ΠΎΡ‡Π΅ΠΉ области.
EΒ β€” лСвая Ρ‚ΠΎΡ‡ΠΊΠ° схода.
FΒ β€” правая Ρ‚ΠΎΡ‡ΠΊΠ° схода.
Π’ΠΎΡ‡ΠΊΠΈ схода ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ ΠΏΠΎΒ Π»ΠΈΠ½ΠΈΠΈ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°, Ρ‚Π΅ΠΌ самым измСняя ΡƒΠ³ΠΎΠ» ΠΎΠ±Π·ΠΎΡ€Π°.
GΒ β€” ΠΌΠ°Ρ€ΠΊΠ΅Ρ€ управлСния ΠΏΡ€Π°Π²ΠΎΠΉ ΠΏΠ»ΠΎΡΠΊΠΎΡΡ‚ΡŒΡŽ.
HΒ β€” ΠΌΠ°Ρ€ΠΊΠ΅Ρ€ управлСния Π»Π΅Π²ΠΎΠΉ ΠΏΠ»ΠΎΡΠΊΠΎΡΡ‚ΡŒΡŽ.
IΒ β€” ΠΌΠ°Ρ€ΠΊΠ΅Ρ€ управлСния Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ ΠΏΠ»ΠΎΡΠΊΠΎΡΡ‚ΡŒΡŽ.
JΒ β€” Π³Ρ€Π°Π½ΠΈΡ†Π° видимости Π»Π΅Π²ΠΎΠΉ сСтки.
KΒ β€” Π³Ρ€Π°Π½ΠΈΡ†Π° видимости ΠΏΡ€Π°Π²ΠΎΠΉ сСтки.
Если Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ расстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ линиями сСтки большС 1px, Ρ‚ΠΎ Π»ΠΈΠ½ΠΈΠΈ сСтки Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π²ΠΏΠ»ΠΎΡ‚ΡŒ Π΄ΠΎΒ ΠΌΠ°Ρ€ΠΊΠ΅Ρ€ΠΎΠ² видимости, Ссли мСньшС, Ρ‚ΠΎ Π»ΠΈΠ½ΠΈΠΈ Π½Π΅Β ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ, Π°Β Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ сСтки ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π°ΡŽΡ‚ΡΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΌΠ°Ρ€ΠΊΠ΅Ρ€Π°ΠΌΠΈΒ β€” ΠΊΠ°ΠΊ Π½Π°Β ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ.

LΒ β€” Ρ‚ΠΎΡ‡ΠΊΠ°, ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡ΠΈΠ²Π°ΡŽΡ‰Π°Ρ высоту.
MΒ β€” ΠΌΠ°Ρ€ΠΊΠ΅Ρ€, ΡƒΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠΉ Π²Π΅Π»ΠΈΡ‡ΠΈΠ½ΠΎΠΉ ячССк сСтки. Если Π΅Π³ΠΎ ΠΏΠΎΠ΄Π½ΡΡ‚ΡŒ Π²Π²Π΅Ρ€Ρ…, Ρ‚ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€ ячССк увСличится, Ссли ΠΎΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ Π²Π½ΠΈΠ·Β β€” ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡΡ.
NΒ β€” нулСвая Ρ‚ΠΎΡ‡ΠΊΠ° отсчСта.

ΠšΡ€ΠΎΠΌΠ΅ пСрспСктивы с двумя Ρ‚ΠΎΡ‡ΠΊΠ°ΠΌΠΈ схода Π²Β ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ‚ΠΎΡ€Π΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹ с одной и трСмя Ρ‚ΠΎΡ‡ΠΊΠ°ΠΌΠΈ.

Для отобраТСния ΠΎΠ΄Π½ΠΎ-Ρ‚ΠΎΡ‡Π΅Ρ‡Π½ΠΎΠΉ сСтки Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ в мСню View->Perspective Grid->One Point Perspective->[1P-Normal View].

Для отобраТСния Ρ‚Ρ€Π΅Ρ…-Ρ‚ΠΎΡ‡Π΅Ρ‡Π½ΠΎΠΉ сСтки Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ в мСню View->Perspective Grid->Three Point Perspective->[3P-Normal View].

Для возврата ΠΊΒ Π΄Π²ΡƒΡ…-Ρ‚ΠΎΡ‡Π΅Ρ‡Π½ΠΎΠΉ сСтки Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ в мСню View->Perspective Grid->Two Point Perspective->[2P-Normal View].

Для настройки Ρ†Π²Π΅Ρ‚ΠΎΠ² плоскостСй сСтки, Ρ‚ΠΎΡ‡Π½ΠΎΠΉ настройки полоТСния и создания своих сСток пСрспСктивы ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ Define Grid. Для вызова этого ΠΎΠΊΠ½Π° Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ в мСню View->Perspective Grid-> Define Grid.

Π Π°Π·Π΄Π΅Π» Perspective Grid Settings Π·Π°Π΄Π°Π΅Ρ‚ основныС настройки сСтки:
TypeΒ β€” Ρ‚ΠΈΠΏ сСтки пСрспСктивы: ΠΎΠ΄Π½ΠΎ-, Π΄Π²ΡƒΡ…-, ΠΈΠ»ΠΈΒ Ρ‚Ρ€Π΅Ρ…-точСчная.
UnitsΒ β€” Π΅Π΄ΠΈΠ½ΠΈΡ†Ρ‹ измСрСния: Centimeters, Inches, Pixels, Points
ScaleΒ β€” ΠΌΠ°ΡΡˆΡ‚Π°Π±
Gridline everyΒ β€” Ρ€Π°Π·ΠΌΠ΅Ρ€ ячССк сСтки.
Viewing AngleΒ β€” Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΡƒΠ³Π»Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΎΠ±Ρ€Π°Π·ΡƒΠ΅Ρ‚ правая ΠΏΠ»ΠΎΡΠΊΠΎΡΡ‚ΡŒ сСтки пСрспСктивы ΡΒ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠ΅ΠΉ:

Viewing DistanceΒ β€” расстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ условным Π½Π°Π±Π»ΡŽΠ΄Π°Ρ‚Π΅Π»Π΅ΠΌ и сцСной.
Horizon HeightΒ β€” опрСдСляСт ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ Π³Π»Π°Π· условного Π½Π°Π±Π»ΡŽΠ΄Π°Ρ‚Π΅Π»Ρ.
Third Vanishing Point X Y

Π Π°Π·Π΄Π΅Π» Grid Color&Opacity управляСт Ρ†Π²Π΅Ρ‚Π°ΠΌΠΈ ΠΈΒ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒΡŽ сСток плоскостСй:
Left GridΒ β€” Π·Π°Π΄Π°Π΅Ρ‚ Ρ†Π²Π΅Ρ‚ сСтки Π»Π΅Π²ΠΎΠΉ плоскости,
Right GridΒ β€” Ρ†Π²Π΅Ρ‚ сСтки ΠΏΡ€Π°Π²ΠΎΠΉ плоскости,
Horizontal GridΒ β€” Ρ†Π²Π΅Ρ‚ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ сСтки,
OpacityΒ β€” Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ прозрачности всСх сСток ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ.

ИзмСнСния ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΊΒ Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ сСткС, Π°Β ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π½ΠΎΠ²ΡƒΡŽ с новыми настройками. Для этого Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ рядом с полСм Preset ΠΈΒ Π²Π²Π΅Π΄ΠΈΡ‚Π΅ имя для своСй сСтки:

Новая сСтка Π±ΡƒΠ΄Π΅Ρ‚ доступна в мСню View->Perspective Grid

Если вы создали сСтку с одной Ρ‚ΠΎΡ‡ΠΊΠΎΠΉ схода, Ρ‚ΠΎ ΠΈΡ‰ΠΈΡ‚Π΅ свою сСтку ΠΏΠΎΒ ΠΏΡƒΡ‚ΠΈ View->Perspective Grid->One Point Perspective->ИМЯ ВАШЕЙ Π‘Π•Π’ΠšΠ˜, Ссли с двумя, Ρ‚ΠΎ View->Perspective Grid->Two Point Perspective->ИМЯ ВАШЕЙ Π‘Π•Π’ΠšΠ˜, Ссли Ρ‚ΠΎΡ‡ΠΊΠΈ схода Ρ‚Ρ€ΠΈ, Ρ‚ΠΎ View->Perspective Grid->Three Point Perspective->ИМЯ ВАШЕЙ Π‘Π•Π’ΠšΠ˜

Π”Ρ€ΡƒΠ³ΠΈΠ΅ инструмСнты Illustrator


Как ΡƒΠ±Ρ€Π°Ρ‚ΡŒ инструмСнт сСтка пСрспСктивы Π² ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ‚ΠΎΡ€Π΅. РазбираСмся с сСткой Π² Adobe Illustrator

ЦСль ΡƒΡ€ΠΎΠΊΠ°

Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ ΠΌΡ‹ научимся ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΡƒΡŽ ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΡŽ Π½ΠΎΡ‡Π½ΠΎΠ³ΠΎ Π³ΠΎΡ€ΠΎΠ΄Π° ΠΈ свСчСниС ΠΎΠ³Π½Π΅ΠΉ автострады, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Ρ‚Π°ΠΊΠΈΠ΅ инструмСнты Adobe Illustrator ΠΊΠ°ΠΊ: Perspective Grid Tool, Blend Tool, 3D ΠΌΠΎΠ΄Π΅Π»ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅, Phantasm CS.

Π¨Π°Π³ 1

НачнСм с самого Π±Π»ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊ Π·Ρ€ΠΈΡ‚Π΅Π»ΡŽ здания. ΠŸΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ Π΅Π³ΠΎ Π² Π»ΠΈΠ½Π΅ΠΉΠ½ΠΎΠΉ пСрспСктивС ΠΌΡ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ стСны ΠΈ элСмСнты фасада Π½Π° плоскости. Π‘Π΅Ρ€Π΅ΠΌ Rectangle Tool (M) ΠΈ создаСм ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ.

Π­Ρ‚ΠΎΡ‚ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ собой ΠΎΠ΄Π½Ρƒ ΠΈΠ· стСн здания. ΠŸΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ Rectangle Tool (M) создадим Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ малСнький ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ ΠΈ помСстим Π΅Π³ΠΎ Ρƒ Π»Π΅Π²ΠΎΠ³ΠΎ края большСго ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°. Π­Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠ΄Π½ΠΎ ΠΈΠ· ΠΎΠΊΠΎΠ½ здания.

Π¨Π°Π³ 2

УдСрТивая клавиши Shift + Opt / Alt, ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΠΌ этот ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ ΠΊ ΠΏΡ€Π°Π²ΠΎΠΉ сторонС здания, дублируя Π΅Π³ΠΎ.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΠΌ Object > Blend > Blend Options… ΠΈ устанавливаСм количСство Specified Steps. ВыдСляСм ΠΎΠ±Π° ΠΎΠΊΠ½Π° ΠΈ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΠΌ Object > Blend > Make, создавая ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ ряд ΠΎΠΊΠΎΠ½.

Π¨Π°Π³ 3

УдСрТивая клавиши Shift + Opt / Alt, ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΠΌ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ ряд ΠΎΠΊΠΎΠ½ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎ Π²Π½ΠΈΠ·, дублируя Π΅Π³ΠΎ.

НаТимаСм Cmd / Ctrl + D (Transform Again) нСсколько Ρ€Π°Π·, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΠ΅ количСство рядов ΠΎΠΊΠΎΠ½.

ВыдСляСм всС ΠΎΠΊΠ½Π° этой стСны ΠΈ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΠΌ Object > Expand. Π”Π²Π° Ρ€Π°Π·Π° Ρ€Π°Π·Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²Ρ‹Π²Π°Π΅ΠΌ ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½Π½Ρ‹Π΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ (Shift + Cmd / Ctrl + G) ΠΈ ΠΎΠ΄ΠΈΠ½ Ρ€Π°Π· Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΡƒΠ΅ΠΌ (Cmd / Ctrl + G). Нам Π½Π΅ Π½ΡƒΠΆΠ½Ρ‹ лишниС Π³Ρ€ΡƒΠΏΠΏΡ‹ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ², Ρ‚Π°ΠΊ ΡƒΠ΄ΠΎΠ±Π½Π΅ΠΉ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ. ВыдСляСм всС созданныС ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ (стСну ΠΈ Π³Ρ€ΡƒΠΏΠΏΡƒ ΠΎΠΊΠ½Π°) ΠΈ Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΡƒΠ΅ΠΌ ΠΈΡ… (Cmd / Ctrl + G).

Π¨Π°Π³ 4

ΠŸΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ Rectangle Tool (M) создадим Π²Ρ‚ΠΎΡ€ΡƒΡŽ стСну здания. Высота Π΅Π΅ Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ Ρ‚Π°ΠΊΠΎΠΉ ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΈ ΠΏΠ΅Ρ€Π²ΠΎΠΉ стСны.

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΠΎΠΏΠΈΡΠ°Π½Π½ΡƒΡŽ Π²Ρ‹ΡˆΠ΅ Ρ‚Π΅Ρ…Π½ΠΈΠΊΡƒ, создадим ΠΎΠΊΠ½Π° Π½Π° этой сторонС здания.

ВыдСляСм ΠΈ Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΡƒΠ΅ΠΌ всС элСмСнты этой стороны здания.

Π¨Π°Π³ 5

ΠŸΡ€ΠΈΡˆΠ»ΠΎ врСмя Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ созданныС элСмСнты здания Π² пСрспСктивС. Π‘Π΅Ρ€Π΅ΠΌ Perspective Grid Tool (Shift + P) ΠΈ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΠΌ View > Perspective Grid > Two Point Perspective > , ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, Ссли Ρ‚Π°ΠΊΠΎΠΉ Π²ΠΈΠ΄ сСтки Π½Π΅ установлСн ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ.

Управляя линиями сСтки ΠΈ пСрСмСщая Vanishing Points, ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅ΠΌ ΠΏΠ΅Ρ€ΡΠΏΠ΅ΠΊΡ‚ΠΈΠ²Π½ΡƒΡŽ сСтку ΠΊ Π²ΠΈΠ΄Ρƒ, ΠΏΠΎΠΊΠ°Π·Π°Π½Π½ΠΎΠΌΡƒ Π½Π° рисункС Π½ΠΈΠΆΠ΅.

Π¨Π°Π³ 6

Π’ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌ Π½Π° «Active Panel Widget” «Right Grid”, Π±Π΅Ρ€Π΅ΠΌ Perspective Selection Tool (Shift + V) ΠΈ пСрСносим ΠΏΠ΅Ρ€Π²ΡƒΡŽ стСну здания Π² ΠΏΠ΅Ρ€ΡΠΏΠ΅ΠΊΡ‚ΠΈΠ²Π½ΡƒΡŽ сСтку.

Для удобства ΠΌΠΎΠ½Ρ‚Π°ΠΆΠ° ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ Ρ€Π΅ΠΆΠΈΠΌ Snap to Grid (View > Perspective Grid > Snap to Grid)

Π¨Π°Π³ 7

Π’ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌ Π½Π° «Active Panel Widget” «Left Grid”, Π±Π΅Ρ€Π΅ΠΌ Perspective Selection Tool (Shift + V) ΠΈ пСрСносим Π²Ρ‚ΠΎΡ€ΡƒΡŽ стСну здания Π² ΠΏΠ΅Ρ€ΡΠΏΠ΅ΠΊΡ‚ΠΈΠ²Π½ΡƒΡŽ сСтку.

Π¨Π°Π³ 8

Для ΡΡ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒΡΡ‚Π²Π° стСны Π²Ρ‚ΠΎΡ€ΠΎΠ³ΠΎ здания пСрСмСстим Left Grid Panel Control Π²ΠΏΡ€Π°Π²ΠΎ ΠΈ Π²Π²Π΅Ρ€Ρ…, пСрСнося Left Grid Π² Π³Π»ΡƒΠ±ΠΈΠ½Ρƒ ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Ρ‚Π΅Ρ…Π½ΠΈΠΊΡƒ, ΠΎΠΏΠΈΡΠ°Π½Π½ΡƒΡŽ Π² 1-3 ΡˆΠ°Π³Π°Ρ…, создадим Π½ΠΎΠ²ΡƒΡŽ ΠΏΠ»ΠΎΡΠΊΡƒΡŽ стСну здания ΠΈ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ Perspective Selection Tool (Shift + V) пСрСнСсСм Π΅Π΅ Π² Left Grid. НС Π·Π°Π±ΡƒΠ΄ΡŒΡ‚Π΅ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ Ρ€Π΅ΠΆΠΈΠΌ Π½Π° Active Panel Widget.

Π¨Π°Π³ 9

Π‘ΠΎΠ·Π΄Π°Π΄ΠΈΠΌ Π΄ΠΎΡ€ΠΎΠΆΠ½ΠΎΠ΅ ΠΏΠΎΠ»ΠΎΡ‚Π½ΠΎ. Π’ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌ Horizontal Grid Π½Π° Active Panel Widget, Π±Π΅Ρ€Π΅ΠΌ Rectangle Tool (M) ΠΈ создаСм ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ. Π­Ρ‚ΠΎΡ‚ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ Π±ΡƒΠ΄Π΅Ρ‚ сразу Π΄Π΅Ρ„ΠΎΡ€ΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ, ΠΏΠΎΠ΄Ρ‡ΠΈΠ½ΡΡΡΡŒ Π·Π°ΠΊΠΎΠ½Ρƒ Π»ΠΈΠ½Π΅ΠΉΠ½ΠΎΠΉ пСрспСктивы.

НС Ρ€Π°ΡΡΡ‚Ρ€Π°ΠΈΠ²Π°ΠΉΡ‚Π΅ΡΡŒ, Ссли Ρƒ вас сразу Π½Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΎΡΡŒ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π·Π°Π΄ΡƒΠΌΠ°Π»ΠΈ. Π’ΠΎΠ·ΡŒΠΌΠΈΡ‚Π΅ Perspective Selection Tool (Shift + V) ΠΈ ΠΎΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠΉΡ‚Π΅ Π΅Π³ΠΎ Ρ„ΠΎΡ€ΠΌΡƒ ΠΏΠΎ своСму ΡƒΡΠΌΠΎΡ‚Ρ€Π΅Π½ΠΈΡŽ.

Π’Π°ΠΊΠΈΠΌ ΠΆΠ΅ способом создайтС Π²Ρ‚ΠΎΡ€ΠΎΠ΅ ΠΏΠΎΠ»ΠΎΡ‚Π½ΠΎ Π΄ΠΎΡ€ΠΎΠ³ΠΈ.

Π¨Π°Π³ 10

ΠŸΡ€ΠΎΠ΄Π²ΠΈΠ³Π°Π΅ΠΌΡΡ Π²Π³Π»ΡƒΠ±ΡŒ ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ. ΠŸΠ΅Ρ€Π΅Π½ΠΎΡΠΈΠΌ Left Grid ΠΈ создаСм Π΅Ρ‰Π΅ ΠΎΠ΄Π½ΠΎ Π·Π΄Π°Π½ΠΈΠ΅.

Π’Π±Π»ΠΈΠ·ΠΈ Π»ΠΈΠ½ΠΈΠΈ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π° пСрспСктивныС искаТСния Π±ΡƒΠ΄ΡƒΡ‚ практичСски Π½Π΅Π·Π°ΠΌΠ΅Ρ‚Π½Ρ‹, поэтому Π΄Π²Π° Π΄Π°Π»ΡŒΠ½ΠΈΡ… здания создадим ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ Rectangle Tool (M) ΠΈ Pen Tool (P)

Окна, ΠΊΠ°ΠΊ ΠΈ Ρ€Π°Π½ΡŒΡˆΠ΅, создадим ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ Rectangle Tool (M) Blend Tool.

Π¨Π°Π³ 11

Для Ρ‚ΠΎΠ³ΠΎ Ρ‡Ρ‚ΠΎΠ±Ρ‹ внСсти Ρ€Π°Π·Π½ΠΎΠΎΠ±Ρ€Π°Π·ΠΈΠ΅ Π² Π½Π°ΡˆΡƒ ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΡŽ создадим ΠΎΠ΄Π½ΠΎ Π·Π΄Π°Π½ΠΈΠ΅ Π² Π²ΠΈΠ΄Π΅ башни. Π‘Π΅Ρ€Π΅ΠΌ Pen Tool (P) ΠΈ создаСм ΡΡ‚ΡƒΠΏΠ΅Π½Ρ‡Π°Ρ‚ΡƒΡŽ Ρ„ΠΈΠ³ΡƒΡ€Ρƒ, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° рисункС Π½ΠΈΠΆΠ΅.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ создадим Π·Π°Π³ΠΎΡ‚ΠΎΠ²ΠΊΡƒ для ΠΎΠΊΠΎΠ½ башни, способом, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±Ρ‹Π» описан Π² Π½Π°Ρ‡Π°Π»Π΅ этого ΡƒΡ€ΠΎΠΊΠ°. ΠžΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ панСль Symbols (Window > Symbols) ΠΈ сохраним созданныС ΠΎΠΊΠ½Π° ΠΊΠ°ΠΊ Π½ΠΎΠ²Ρ‹Π΅ символы.

ПослС сохранСния символов Π·Π°Π³ΠΎΡ‚ΠΎΠ²ΠΊΠΈ ΠΎΠΊΠΎΠ½ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΡƒΠ΄Π°Π»Π΅Π½Ρ‹ ΠΈΠ· Ρ€Π°Π±ΠΎΡ‡Π΅ΠΉ области Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°.

Π¨Π°Π³ 12

ВыдСляСм ΡΡ‚ΡƒΠΏΠ΅Π½Ρ‡Π°Ρ‚ΡƒΡŽ Ρ„ΠΈΠ³ΡƒΡ€Ρƒ ΠΈ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΠΌ Object > 3D > Revolve… ΠΈ устанавливаСм ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹, ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹Π΅ Π½Π° рисункС Π½ΠΈΠΆΠ΅.

НаТимаСм Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ Map Art Π² Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅ «3D Revolve Options” ΠΈ устанавливаСм сохранСнныС символы для Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅Ρ… Π±ΠΎΠΊΠΎΠ²Ρ‹Ρ… повСрхностСй башни.

Π¨Π°Π³ 13

НС снимая выдСлСния с башни, ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΠΌ Object > Expand Appearance. ПослС этой ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΈ башня Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ Clipping Masks ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ лишниС элСмСнты. Для Ρ‚ΠΎΠ³ΠΎ Ρ‡Ρ‚ΠΎΠ±Ρ‹ бСспрСпятствСнно Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°ΠΌΠΈ башни Π² дальнСйшСм Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΠΌ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΈ. ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΠΌ Object > Clipping Mask > Release, Π·Π°Ρ‚Π΅ΠΌ Object > Path > Clean Up…

Π’Π΅ΠΏΠ΅Ρ€ΡŒ наша башня прСдставляСт собой Π³Ρ€ΡƒΠΏΠΏΡƒ простых Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Ρ… ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ².

Π¨Π°Π³ 14

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ созданы, ΠΎΡΡ‚Π°Π»ΠΎΡΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΈΡ… ΠΎΠΊΡ€Π°ΡΠΈΡ‚ΡŒ. ΠŸΠ΅Ρ€Π΅Π΄ окраской я всСгда создаю Ρ„ΠΎΠ½, это позволяСт ΠΌΠ½Π΅ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с Ρ†Π²Π΅Ρ‚ΠΎΠΌ ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Ρ… ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ². Π‘Π΅Ρ€Π΅ΠΌ Rectangle Tool (M) ΠΈ создаСм ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ с Π·Π°Π»ΠΈΠ²ΠΊΠΎΠΉ Ρ‚Π΅ΠΌΠ½ΠΎ-синСго Ρ†Π²Π΅Ρ‚Π°.

ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΠΌ Object > Create Gradient Mesh… ΠΈ устанавливаСм количСство строк ΠΈ столбцов Π² Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅.

Π¨Π°Π³ 15

Π‘Π΅Ρ€Π΅ΠΌ Direct Selection Tool (A) ΠΈ, выдСляя ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ ΡƒΠ·Π»Ρ‹ сСтки, ΠΎΠΊΡ€Π°ΡˆΠΈΠ²Π°Π΅ΠΌ ΠΈΡ… Π² Π±ΠΎΠ»Π΅Π΅ свСтлыС ΠΎΡ‚Ρ‚Π΅Π½ΠΊΠΈ синСго Ρ†Π²Π΅Ρ‚Π°. Π­Ρ‚ΠΈΠΌ ΠΆΠ΅ инструмСнтом ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Π΅ΠΌ ΡƒΠ·Π»Ρ‹ ΠΈ ΠΈΡ… Ρ€ΡƒΡ‡ΠΊΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΏΠΎΠ΄ΠΎΠ±ΠΈΠ΅ свСчСния Π½ΠΎΡ‡Π½ΠΎΠ³ΠΎ Π½Π΅Π±Π° Π½Π°Π΄ Π³ΠΎΡ€ΠΎΠ΄ΠΎΠΌ.

Π¨Π°Π³ 16

Π—Π°Π»ΠΈΠ²Π°Π΅ΠΌ стСны Π·Π΄Π°Π½ΠΈΠΉ Π»ΠΈΠ½Π΅ΠΉΠ½Ρ‹ΠΌ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚ΠΎΠΌ ΠΎΡ‚ Ρ‚Π΅ΠΌΠ½ΠΎ-синСго Ρ†Π²Π΅Ρ‚Π° ΠΊ Ρ‡Π΅Ρ€Π½ΠΎΠΌΡƒ Ρ†Π²Π΅Ρ‚Ρƒ. Π’Π΅Ρ€Ρ… Π·Π΄Π°Π½ΠΈΠΉ выглядит Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ свСтлСС ΠΈΠ·-Π·Π° свСчСния Π½Π΅Π±Π°.

ВыдСляСм всС ΠΎΠΊΠ½Π° ΠΈ Π·Π°Π»ΠΈΠ²Π°Π΅ΠΌ ΠΈΡ… Ρ‡Π΅Ρ€Π½Ρ‹ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ.

Π¨Π°Π³ 17

17. Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π±Π΅Ρ€Π΅ΠΌ Direct Selection Tool (A) ΠΈ, удСрТивая ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Shift, выдСляСм ΠΎΠΊΠ½Π° Π² ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½ΠΎΠΌ порядкС.

Π—Π°Π»ΠΈΠ²Π°Π΅ΠΌ Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ ΠΎΠΊΠ½Π° Ρ€Π°Π΄ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΌ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚ΠΎΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ состоит ΠΈΠ· Π±Π΅Π»ΠΎΠ³ΠΎ, синСго ΠΈ Ρ‡Π΅Ρ€Π½ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚ΠΎΠ².

Π¨Π°Π³ 18

ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, освСщСниС Π²ΠΎ всСх ΠΎΠΊΠ½Π°Ρ… Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹ΠΌ (источник свСта Π² ΠΎΠΊΠ½Π°Ρ… находится Π² Ρ€Π°Π·Π½Ρ‹Ρ… мСстах). ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Π½Π°ΠΌ придСтся

ΠžΡ‚Ρ€ΠΈΡΠΎΠ²ΠΊΠ° Π·Π΄Π°Π½ΠΈΠΉ с использованиСм Perspective Grid Tool Π² Illustrator β€” PhotoDrum.com β€” сайт Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°

Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ ΠΌΡ‹ ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠ΅ΠΌ ΠΎΡ‚Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ Π² Illustrator эскиз городского ΠΊΠ²Π°Ρ€Ρ‚Π°Π»Π°Β ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ инструмСнт Perspective Grid Tool . Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Perspective Grid ToolΒ ΠΌΠΎΠΆΠ½ΠΎ Π½Π΅ Π·Π°Π±ΠΎΡ‚ΠΈΡ‚ΡŒΡΡ ΠΎ Π½Π΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹Ρ… искаТСниях пСрспСктивы ΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π±Π΅. Π˜Ρ‚Π°ΠΊ, Π΄Π°Π²Π°ΠΉΡ‚Π΅ Π½Π°Ρ‡Π½Π΅ΠΌ.

Π’ ΠΌΠΎΠ΅ΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π²ΠΎΡ‚ Ρ‚Π°ΠΊΠΎΠΉ набросок:

ΠŸΠ΅Ρ€Π²Ρ‹ΠΌ Π΄Π΅Π»ΠΎΠΌ ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΡƒΠ΅ΠΌ эскиз Π² Illustrator – File> PlaceΒ . ПослС этого, создадим ΠΈ ΠΏΠΎΠ΄Π³ΠΎΠ½ΠΈΠΌ сСтку пСрспСктивы инструмСнта Perspective Grid Tool , для этого ΠΏΠ΅Ρ€Π΅ΠΉΠ΄Π΅ΠΌ ΠΊΒ View> Perspective Grid ΠΈ Π²Ρ‹Π±Π΅Ρ€Π΅ΠΌ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Β Two Point Perspective .

two-point-perspective1 ΠžΡ‚Ρ€ΠΈΡΠΎΠ²ΠΊΠ° Π·Π΄Π°Π½ΠΈΠΉ с использованиСм Perspective Grid Tool Π² Illustrator

Π£ вас получится Π½Π΅Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠ΅, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° рисункС Π½ΠΈΠΆΠ΅. Как Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ, Ρƒ сСтки Π΅ΡΡ‚ΡŒΒ ΠΌΠ½ΠΎΠ³ΠΎ манипуляторов, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΅Π΅Β Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ. ΠŸΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ Π²Ρ‹Ρ€ΠΎΠ²Π½ΡΡ‚ΡŒ пСрспСктиву с эскизом ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ Π±ΠΎΠ»Π΅Π΅ Ρ‚ΠΎΡ‡Π½ΠΎ. Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π½Π΅ идСально Ρ‚ΠΎΡ‡Π½ΠΎ.

grid-view1 ΠžΡ‚Ρ€ΠΈΡΠΎΠ²ΠΊΠ° Π·Π΄Π°Π½ΠΈΠΉ с использованиСм Perspective Grid Tool Π² Illustrator

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ появлСниС малСнького Π·Π½Π°Ρ‡ΠΊΠ° Π² Π»Π΅Π²ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΠ³Π»Ρƒ Ρ€Π°Π±ΠΎΡ‡Π΅ΠΉ области Illustrator, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ содСрТит ΠΊΡƒΠ±. ЦвСтная сторона ΠΊΡƒΠ±Π° ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚, какая имСнно сторона пСрспСктивы Π²Ρ‹Π±Ρ€Π°Π½Π° Π² настоящСС врСмя. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅Β  Rectangle Β ToolΒ Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅, ΠΊΠ°ΠΊ всС рисуСмыС Ρ„ΠΈΠ³ΡƒΡ€Ρ‹Β Π±ΡƒΠ΄ΡƒΡ‚ Π²Ρ‹ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒΡΡ Π² плоскости выбранной стороны сСтки.

orange-side-grid1 ΠžΡ‚Ρ€ΠΈΡΠΎΠ²ΠΊΠ° Π·Π΄Π°Π½ΠΈΠΉ с использованиСм Perspective Grid Tool Π² Illustrator

Для ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ мСТду сСтками пСрспСктивы Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ «быстрыС» клавиши 1, 2 ΠΈΠ»ΠΈ 3 , ΠΈΠ»ΠΈ выбирая нСпосрСдствСнно Π½ΡƒΠΆΠ½ΡƒΡŽ сторону Π½Π° ΠΏΠΈΠΊΡ‚ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ ΠΊΡƒΠ±Π°. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΌΠ°Π½ΠΈΠΏΡƒΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°ΠΌΠΈ Π½Π° Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠΉ плоскости Π½ΡƒΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ инструмСнт Perspective Selection ToolΒ (ShiftΒ +Β V)Β .

05_perspective-selection-tool1 ΠžΡ‚Ρ€ΠΈΡΠΎΠ²ΠΊΠ° Π·Π΄Π°Π½ΠΈΠΉ с использованиСм Perspective Grid Tool Π² Illustrator

БСйчас, ΠΊΠΎΠ³Π΄Π° ΠΌΡ‹ Ρ€Π°Π·ΠΎΠ±Ρ€Π°Π»ΠΈΡΡŒ с Π±Π°Π·ΠΎΠ²Ρ‹ΠΌΠΈ ΠΏΡ€ΠΈΠ½Ρ†Π°ΠΌΠΈ Ρ€Π°Π±ΠΎΡ‚Ρ‹ инструмСнта Perspective Grid Tool , приступим ΠΊ отрисовки наброска Π³ΠΎΡ€ΠΎΠ΄Π°. ΠΠ°Ρ‡ΠΈΠ½Π°Ρ‚ΡŒ Π»ΡƒΡ‡ΡˆΠ΅ с элСмСнтов располоТСнных Π½Π° ΠΏΠ΅Ρ€Π΅Π΄Π½Π΅ΠΌ ΠΏΠ»Π°Π½Π΅.

blue-side-grid1 ΠžΡ‚Ρ€ΠΈΡΠΎΠ²ΠΊΠ° Π·Π΄Π°Π½ΠΈΠΉ с использованиСм Perspective Grid Tool Π² Illustrator

Начало ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΎ, Ρƒ нас ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΎΡΡŒ Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ ΡƒΠ³Π»ΠΎΠ²ΠΎΠ΅ Π·Π΄Π°Π½ΠΈΠ΅. Π’Π΅ΠΏΠ΅Ρ€ΡŒ, Π²Ρ‹Π±Ρ€Π°Π² ниТнюю сторону ΠΏΠΈΠΊΡ‚ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ ΠΊΡƒΠ±Π°, ΠΌΡ‹ нарисуСм ΠΏΠ΅ΡˆΠ΅Ρ…ΠΎΠ΄Π½Ρ‹ΠΉ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄.

green-side-grid1 ΠžΡ‚Ρ€ΠΈΡΠΎΠ²ΠΊΠ° Π·Π΄Π°Π½ΠΈΠΉ с использованиСм Perspective Grid Tool Π² Illustrator

УдСрТивая AltΒ , ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΠΌ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнта Perspective Selection ToolΒ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ ΠΏΠ΅ΡˆΠ΅Ρ…ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° Π½Π° Π½ΡƒΠΆΠ½ΠΎΠ΅ расстояниС, ΠΌΡ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠΌ копию с сохранСниСм ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠΉ пСрспСктивы ΠΈ Π½Π°ΠΆΠ°Π² Ctrl + D нСсколько Ρ€Π°Π·,Β Ρƒ нас появятся ΠΊΠΎΠΏΠΈΠΈ с ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹ΠΌ расстояниСм ΠΌΠ΅ΠΆΠ΄Ρƒ Π΄Ρ€ΡƒΠ³ Π΄Ρ€ΡƒΠ³ΠΎΠΌ.Β ΠŸΠΎΠ²Ρ‚ΠΎΡ€ΠΈΡ‚Π΅ ΠΏΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Ρƒ для Π΄Ρ€ΡƒΠ³ΠΎΠΉ сторонС Π΄ΠΎΡ€ΠΎΠ³ΠΈ.

pedestrian-walk011 ΠžΡ‚Ρ€ΠΈΡΠΎΠ²ΠΊΠ° Π·Π΄Π°Π½ΠΈΠΉ с использованиСм Perspective Grid Tool Π² Illustrator

ΠŸΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°ΠΉΡ‚Π΅ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΈ ΠΏΠΎ Ρ„ΠΎΡ€ΠΌΠ΅ Π·Π΄Π°Π½ΠΈΠΉ, ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°ΡΡΡŒ,Β ΠΏΠΎ ΠΌΠ΅Ρ€Π΅ нСобходимости, ΠΌΠ΅ΠΆΠ΄Ρƒ сторонами сСтки. Если Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π±ΠΎΠ»Π΅Π΅ Ρ‚ΠΎΡ‡Π½ΠΎΒ Π²Π·Π³Π»ΡΠ½ΡƒΡ‚ΡŒ Π½Π° эскиз, ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ ΠΊΒ View> Outline , ΠΈΠ»ΠΈ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΠ΅ΠΉ клавиши CtrlΒ +Β YΒ .

outline-view1 ΠžΡ‚Ρ€ΠΈΡΠΎΠ²ΠΊΠ° Π·Π΄Π°Π½ΠΈΠΉ с использованиСм Perspective Grid Tool Π² Illustrator

Π§Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ сСтку пСрспСктивы, просто ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ ΠΊ View> Perspective Grid> Hide GridΒ . Когда ΠΎΠ½Π° Π²Π°ΠΌ понадобится снова, просто ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ ΠΏΠΎ Ρ‚ΠΎΠΌΡƒ ΠΆΠ΅ мСню, ΠΈ Π²Ρ‹Β Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ Π΅Π΅ снова. Для ускорСния этой ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΈ ΠΌΠΎΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ сочСтаниС клавиш Shift + Ctrl + I .

07_hide-grid1 ΠžΡ‚Ρ€ΠΈΡΠΎΠ²ΠΊΠ° Π·Π΄Π°Π½ΠΈΠΉ с использованиСм Perspective Grid Tool Π² Illustrator

front-view1 ΠžΡ‚Ρ€ΠΈΡΠΎΠ²ΠΊΠ° Π·Π΄Π°Π½ΠΈΠΉ с использованиСм Perspective Grid Tool Π² Illustrator

ΠŸΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°ΠΉΡ‚Π΅ ΠΎΡ‚Ρ€ΠΈΡΠΎΠ²Ρ‹Π²Π°Ρ‚ΡŒ городской ΠΏΠ΅ΠΉΠ·Π°ΠΆ, добавляя большС Ρ„ΠΎΡ€ΠΌ ΠΈ Π΄Π΅Ρ‚Π°Π»Π΅ΠΉ. Как Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ, я Π½Π΅ стал Π² точности ΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚ΡŒ своСму эскизу. Π’ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… мСстах нарисованная мной пСрспСктива оказалось вСсьма Π΄Π°Π»Π΅ΠΊΠ° ΠΎΡ‚ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΉ, ΠΈ это Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½ΠΎΒ Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½ΠΎ. Эскиз слуТит Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π±Π°Π·ΠΎΠΉ для Π½Π°Ρ‡Π°Π»Π°.

big-shapes-done1 ΠžΡ‚Ρ€ΠΈΡΠΎΠ²ΠΊΠ° Π·Π΄Π°Π½ΠΈΠΉ с использованиСм Perspective Grid Tool Π² Illustrator

Π’Π΅ΠΏΠ΅Ρ€ΡŒΒ Π½Π°ΡΡ‚Π°Π»ΠΎΒ Π²Ρ€Π΅ΠΌΡ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ окна на здания. Π― нарисовал ΠΎΠ΄Π½ΠΎ ΠΎΠΊΠ½ΠΎ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡΒ  Rectangle Tool .

window-design1 ΠžΡ‚Ρ€ΠΈΡΠΎΠ²ΠΊΠ° Π·Π΄Π°Π½ΠΈΠΉ с использованиСм Perspective Grid Tool Π² Illustrator

Π—Π°Ρ‚Π΅ΠΌ,Β Π²Ρ‹Π±Ρ€Π°Π² инструмСнт Perspective Selection ToolΒ (Shift +Β V) , ΠΈ удСрТивая  Alt,Β ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚Π΅ ΠΎΠΊΠ½ΠΎ Π½Π° Π½ΡƒΠΆΠ½ΡƒΡŽ Π½Π°ΠΌ сСтку пСрспСктивы.

window-perspective-view1 ΠžΡ‚Ρ€ΠΈΡΠΎΠ²ΠΊΠ° Π·Π΄Π°Π½ΠΈΠΉ с использованиСм Perspective Grid Tool Π² Illustrator

Π― дСлаю Π΅Ρ‰Π΅ ΠΎΠ΄Π½Ρƒ копию ΠΎΠΊΠ½Π° Π½Π° этой ΠΆΠ΅ сторонС здания, Π° Π·Π°Ρ‚Π΅ΠΌ, пСрСйдя ΠΊ другой сторонС сСтки, я ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΡΡŽ манипуляции, Π½ΠΎ Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ с этой стороны ΡˆΠΈΡ€ΠΈΠ½Π° фасада большС, Ρ‚ΠΎ Π½Π°Ρ€ΠΈΡΡƒΡŽ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΊΡ€Π°ΠΉΠ½ΠΈΠ΅ ΠΎΠΊΠ½Π°.Β Π”Π°Π»Π΅Π΅,Β Π²Ρ‹Π±Ρ€Π°Π² ΠΎΠ±Π° ΠΎΠΊΠ½Π°, ΠΏΠ΅Ρ€Π΅ΠΉΠ΄Π΅ΠΌ ΠΊΒ Object> Blend> Make Β (Alt +Β CtrlΒ +Β B), с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ этого ΠΌΡ‹Β Π΄ΠΎΠ±Π°Π²ΠΈΠΌ ΠΊΠΎΠΏΠΈΠΈ ΠΎΠΊΠΎΠ½ Π² пространствС ΠΌΠ΅ΠΆΠ΄Ρƒ ΡƒΠΆΠ΅ созданными.

window-blend1 ΠžΡ‚Ρ€ΠΈΡΠΎΠ²ΠΊΠ° Π·Π΄Π°Π½ΠΈΠΉ с использованиСм Perspective Grid Tool Π² Illustrator

Π—Π΄Π΅ΡΡŒ оказалось слишком ΠΌΠ½ΠΎΠ³ΠΎ ΠΎΠΊΠΎΠ½! Π― ΠΈΠ΄Ρƒ ΠΊΒ Β Object> Blend> Blend Options , ΡƒΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°ΡŽΒ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΡŽ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»Π° Specified StepsΒ , ΠΈ задаю Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅Β 1.

blend-options-settings1 ΠžΡ‚Ρ€ΠΈΡΠΎΠ²ΠΊΠ° Π·Π΄Π°Π½ΠΈΠΉ с использованиСм Perspective Grid Tool Π² Illustrator

Π’Π΅ΠΏΠ΅Ρ€ΡŒ, Π²Ρ‹Π±Π΅Ρ€Π΅ΠΌ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ²ΡˆΠΈΠΉΡΡΒ Ρ€ΡΠ΄ ΠΎΠΊΠΎΠ½ ΠΈ с Π½Π°ΠΆΠ°Ρ‚ΠΎΠΉ клавишСй Alt пСрСтаскиваСм ΠΈΡ… Π²Π½ΠΈΠ·, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ ряд. Волько ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ Ρƒ вас Π²Ρ‹Π±Ρ€Π°Π½ Perspective Selection ToolΒ ΠŸΠ΅Ρ€ΡΠΏΠ΅ΠΊΡ‚ΠΈΠ²Π°Β , это Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹Β Π² Π·Π°Π΄Π°Π½Π½ΠΎΠΉ плоскости пСрспСктивы.

window-extra-rows1 ΠžΡ‚Ρ€ΠΈΡΠΎΠ²ΠΊΠ° Π·Π΄Π°Π½ΠΈΠΉ с использованиСм Perspective Grid Tool Π² Illustrator

Π”Π°Π»ΡŒΡˆΠ΅ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π½Π°Ρ‡Π°Ρ‚ΡŒ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Π½ΠΎΠ²Ρ‹Π΅ Ρ‚ΠΈΠΏΡ‹ ΠΎΠΊΠΎΠ½ Π½Π° Π΄Ρ€ΡƒΠ³ΠΈΠ΅ здания, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Ρ‚Ρƒ ΠΆΠ΅ Ρ‚Π΅Ρ…Π½ΠΈΠΊΡƒ.

smaller-windows1 ΠžΡ‚Ρ€ΠΈΡΠΎΠ²ΠΊΠ° Π·Π΄Π°Π½ΠΈΠΉ с использованиСм Perspective Grid Tool Π² Illustrator

Для ΠΎΠΊΠΎΠ½ Π·Π΄Π°Π½ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ находятся Π½Π° Π·Π°Π΄Π½Π΅ΠΌ ΠΏΠ»Π°Π½Π΅, я ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ простой Π΄ΠΈΠ·Π°ΠΉΠ½. И всС Ρ‚Π°ΠΊ ΠΆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡŽ Blend для Ρ€Π°Π²Π½ΠΎΠΌΠ΅Ρ€Π½ΠΎΠ³ΠΎ заполнСния фасада здания ΠΎΠΊΠ½Π°ΠΌΠΈ.

blend-windows1 ΠžΡ‚Ρ€ΠΈΡΠΎΠ²ΠΊΠ° Π·Π΄Π°Π½ΠΈΠΉ с использованиСм Perspective Grid Tool Π² Illustrator

Π’ процСссС Ρ€Π°Π±ΠΎΡ‚Ρ‹, Π²Π°ΠΌ, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, потрСбуСтся Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ сСтку пСрспСктивы для ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠ³ΠΎ здания, поэтому Π½Π΅ ΡΡ‚Π΅ΡΠ½ΡΠΉΡ‚Π΅ΡΡŒ ΠΈ смСло Π΅Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠΉΡ‚Π΅ ΠΏΠΎΠ΄ сСбя.

change-perspective1 ΠžΡ‚Ρ€ΠΈΡΠΎΠ²ΠΊΠ° Π·Π΄Π°Π½ΠΈΠΉ с использованиСм Perspective Grid Tool Π² Illustrator

Для Π·Π΄Π°Π½ΠΈΠΉ, располоТСнных Π΄Π°Π»Π΅ΠΊΠΎ ΠΏΠΎΠ·Π°Π΄ΠΈ, я ΠΏΡ€Π΅Π΄Π»Π°Π³Π°ΡŽ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½Π΅ ΠΎΠΊΠ½Π°, Π° Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Π΅ Π»ΠΈΠ½ΠΈΠΈ.Β ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅Β ΠΊΒ  Window> Swatch Libraries> Patterns> Basic Graphics> Basic Graphics_LinesΒ ΠΈ Π² вашСм располоТСнии будут разныС Π»ΠΈΠ½ΠΈΠΈΒ Π½Π° Π²Ρ‹Π±ΠΎΡ€.

basic-graphic-lines1 ΠžΡ‚Ρ€ΠΈΡΠΎΠ²ΠΊΠ° Π·Π΄Π°Π½ΠΈΠΉ с использованиСм Perspective Grid Tool Π² Illustrator

Π£ нас Π½Π°Ρ‡Π°Π» получатся достойный городской ΠΏΠ΅ΠΉΠ·Π°ΠΆ с ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠΉ пСрспСктивой, Π½ΠΎ ΠΎΠ½ ΠΏΠΎ-ΠΏΡ€Π΅ΠΆΠ½Π΅ΠΌΡƒ нуТдаСтся Π² большСм количСствС Π΄Π΅Ρ‚Π°Π»Π΅ΠΉ. НС ΠΏΠΎΠΆΠ°Π»Π΅ΠΉΡ‚Π΅ своСго врСмСни, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½Ρƒ Π»ΠΈΠ½ΠΈΠΉ. Π₯ΠΎΡ€ΠΎΡˆΠ΅Π΅ эмпиричСскоС ΠΏΡ€Π°Π²ΠΈΠ»ΠΎΒ β€“Β ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ Π²Π΄Π°Π»ΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΈΠΌΠ΅Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ Ρ‚ΠΎΠ½ΠΊΠΈΠ΅ Π»ΠΈΠ½ΠΈΠΈ, Π° ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ Π²Π±Π»ΠΈΠ·ΠΈ Ρ‚ΠΎΠ»Ρ‰Π΅.

lineart-cityscape1 ΠžΡ‚Ρ€ΠΈΡΠΎΠ²ΠΊΠ° Π·Π΄Π°Π½ΠΈΠΉ с использованиСм Perspective Grid Tool Π² Illustrator

Π§Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½Π΅Π±ΠΎΠ»ΡŒΡˆΠΈΠ΅Β Π³Ρ€Π°Ρ„ΠΈΡ‡Π΅ΡΠΊΠΈΠ΅ элСмСнты, я Π±ΡƒΠ΄ΡƒΒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ я Π΄Π΅Π»Π°Π» Ρ€Π°Π½ΡŒΡˆΠ΅. Π― сдСлал Ρ€Π°ΠΌΠΊΡƒ Π²ΠΎΠΊΡ€ΡƒΠ³ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ сгруппировал ΠΈΡ… вмСстС.

ΠœΡ‹ Π±ΡƒΠ΄Π΅ΠΌΒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ инструмСнт Envelope Distort , Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ Π²Π½ΡƒΡ‚Ρ€ΠΈ Π·Π½Π°ΠΊΠ° (Π½Π°ΠΊΡ€Ρ‹ΡˆΠ½ΠΎΠ³ΠΎ Ρ‰ΠΈΡ‚Π°). Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ и скопируйтС Π΅Π³ΠΎ ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉΒ Β CtrlΒ +Β Π‘ Β ΠΈ Π²ΡΡ‚Π°Π²ΡŒΡ‚Π΅ ΠΏΠΎΠ²Π΅Ρ€Ρ… ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉΒ  CtrlΒ +Β F . Π£Π±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ скопированный ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ находится Π²Ρ‹ΡˆΠ΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° проСцирования.

star-poster1 ΠžΡ‚Ρ€ΠΈΡΠΎΠ²ΠΊΠ° Π·Π΄Π°Π½ΠΈΠΉ с использованиСм Perspective Grid Tool Π² Illustrator

Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΎΠ±Π° ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° ΠΈ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ Object> Envelope Distort> Make with Top ObjectΒ .

envelope-distort1 ΠžΡ‚Ρ€ΠΈΡΠΎΠ²ΠΊΠ° Π·Π΄Π°Π½ΠΈΠΉ с использованиСм Perspective Grid Tool Π² Illustrator

Π­Ρ‚ΠΎ дСйствиС Π²ΠΏΠΈΡΡ‹Π²Π°Π΅Ρ‚Β Π²Π°Ρˆ Π΄ΠΈΠ·Π°ΠΉΠ½ с Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌΠΈ Π·Π½Π°ΠΊΠ°.

star-poster-perspective1 ΠžΡ‚Ρ€ΠΈΡΠΎΠ²ΠΊΠ° Π·Π΄Π°Π½ΠΈΠΉ с использованиСм Perspective Grid Tool Π² Illustrator

Π― ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΡΡŽ этот процСсс для Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ Π·Π½Π°ΠΊΠ°:

unicorn-poster1 ΠžΡ‚Ρ€ΠΈΡΠΎΠ²ΠΊΠ° Π·Π΄Π°Π½ΠΈΠΉ с использованиСм Perspective Grid Tool Π² Illustrator

Для быстрого вписывания ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° Π² Π·Π°Π΄Π°Π½Π½ΡƒΡŽ Ρ„ΠΎΡ€ΠΌΡƒ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΡŽ клавиш Ctrl + Alt + C .

unicorn-poster-perspective1 ΠžΡ‚Ρ€ΠΈΡΠΎΠ²ΠΊΠ° Π·Π΄Π°Π½ΠΈΠΉ с использованиСм Perspective Grid Tool Π² Illustrator

Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎΒ Ρ‚Ρ€Π΅Ρ‰ΠΈΠ½ ΠΈ Ρ†Π°Ρ€Π°ΠΏΠΈΠ½Β Π½Π° фасады Π·Π΄Π°Π½ΠΈΠΉ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π³ΠΎΡ€ΠΎΠ΄ Π½Π΅ выглядСл слишком искусствСнным.

city-details1 ΠžΡ‚Ρ€ΠΈΡΠΎΠ²ΠΊΠ° Π·Π΄Π°Π½ΠΈΠΉ с использованиСм Perspective Grid Tool Π² Illustrator

НаконСц, я ΠΏΠΎΠΊΡ€Π°ΡΠΈΠ»Β Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² Π² Ρ‡Π΅Ρ€Π½Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚ ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΠ» тСкст ΠΈ символы на вывСски ΠΈ Π΄ΠΎΡ€ΠΎΠΆΠ½Ρ‹ΠΉ Π·Π½Π°ΠΊ. Π­Ρ‚ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ Π³Π»ΡƒΠ±ΠΈΠ½Ρƒ Π½Π°ΡˆΠ΅ΠΌΡƒ Π³ΠΎΡ€ΠΎΠ΄Ρƒ.

Π”Π°Π»Π΅Π΅, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ€Π°ΡΠΊΡ€Π°ΡΠΈΡ‚ΡŒ Π³ΠΎΡ€ΠΎΠ΄ Π² соотвСтствии с Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹ΠΌ Π²Π°ΠΌΠΈ стилСм.

city-finished1 ΠžΡ‚Ρ€ΠΈΡΠΎΠ²ΠΊΠ° Π·Π΄Π°Π½ΠΈΠΉ с использованиСм Perspective Grid Tool Π² Illustrator

Β 

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

ВсС вопросы, возникшиС Π² процСссС ΡƒΡ€ΠΎΠΊΠ° Π²Ρ‹ всСгда ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°Π΄Π°Ρ‚ΡŒ Π² коммСнтариях. Π£Π΄Π°Ρ‡ΠΈ!

Автор здСсь.

correct_error ΠžΡ‚Ρ€ΠΈΡΠΎΠ²ΠΊΠ° Π·Π΄Π°Π½ΠΈΠΉ с использованиСм Perspective Grid Tool Π² Illustrator

ΠŸΠΎΡ…ΠΎΠΆΠΈΠ΅ ΡƒΡ€ΠΎΠΊΠΈ ΠΈ ΡΡ‚Π°Ρ‚ΡŒΠΈ

ΠžΡ†Π΅Π½ΠΊΠ° посСтитСлСй

[ВсСго: 12 Π‘Ρ€Π΅Π΄Π½Π΅Π΅: 4.4]

РазбираСмся с сСткой Π² Adobe Illustrator / Habr

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


ΠŸΡ€ΠΈΠ²Π΅Ρ‚, %ΡŽΠ·Π΅Ρ€Π½Π΅ΠΉΠΌ%!

Π­Ρ‚ΠΎΡ‚ ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄ ΠΊΠ°ΠΊ Π±Ρ‹ дополняСт мою ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΡƒΡŽ ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΡŽ ΠΏΡ€ΠΎ Pixel Perfect, Π±Π΅Π· ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΎΠ½Π° Π±Ρ‹Π»Π° Π±Ρ‹ Π½Π΅ΠΏΠΎΠ»Π½ΠΎΠΉ, Ρ‚Π΅ΠΌ Π±ΠΎΠ»Π΅Π΅ Ρ‡Ρ‚ΠΎ ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½Π°Ρ ΡΡ‚Π°Ρ‚ΡŒΡ ΠΏΡ€ΠΎ Pixel Perfect ссылаСтся Π½Π° ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½ΡƒΡŽ ΡΡ‚Π°Ρ‚ΡŒΡŽ этого ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄Π°.

ΠœΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» расчитан Π½Π° Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ², ΠΈ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ рассказываСт ΠΎ Π΄Π²ΡƒΡ… Π²Π΅Ρ‰Π°Ρ…:

  1. Как ΠΈΠ·Π±Π΅ΠΆΠ°Ρ‚ΡŒ Ρ‚ΠΎΠΉ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹, ΠΈΠ·-Π·Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Ρƒ вас Π² ΠΌΠ°ΠΊΠ΅Ρ‚Π°Ρ… расстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ элСмСнтами ΠΈΠ»ΠΈ Π³Π°ΠΉΠ΄Π°ΠΌΠΈ Π½Π°Ρ‡ΠΈΠ½Π°Π΅Ρ‚ Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ Π² сСбя Π΄Ρ€ΠΎΠ±Π½Ρ‹Π΅ части пиксСлСй;
  2. Как ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ сСтки для прототипирования Π² Adobe Photoshop ΠΈ Adobe Illustrator.

МнС этот ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» интСрСсСн с Ρ‚ΠΎΠΉ Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния, Ρ‡Ρ‚ΠΎ я Π±Ρ‹Π» Π±Ρ‹ ΠΎΡ‡Π΅Π½ΡŒ Π±Π»Π°Π³ΠΎΠ΄Π°Ρ€Π΅Π½, Ссли Π±Ρ‹ Π² самом Π½Π°Ρ‡Π°Π»Π΅ ΠΌΠΎΠ΅ΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠΌ интСрфСйсов ΠΌΠ½Π΅ ΠΊΡ‚ΠΎ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ рассказал ΠΎ пиксСльной сСткС. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ, я надСюсь, Ρ‡Ρ‚ΠΎ ΠΎΠ±Π»Π΅Π³Ρ‡Ρƒ ΠΊΠΎΠΌΡƒ-Ρ‚ΠΎ Тизнь, публикуя этот ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄.

Как ΠΈ Π² ΠΏΡ€ΠΎΡˆΠ»Ρ‹ΠΉ Ρ€Π°Π·, ΠΎΠ΄Π½Π° ΠΈΠ· Ρ†Π΅Π»Π΅ΠΉ, ΠΏΠΎΡ‡Π΅ΠΌΡƒ я ΠΏΠΈΡˆΡƒ эту ΡΡ‚Π°Ρ‚ΡŒΡŽ Π½Π° Π₯Π°Π±Ρ€ (Π° Π½Π΅ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡ΠΈΠ²Π°ΡŽΡΡŒ, ΠΊ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ, ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄ΠΎΠΌ Π½Π° Tuts+) β€” это составлСниС послС ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄Π° ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… ссылок ΠΏΠΎ Ρ‚Π΅ΠΌΠ΅. ΠŸΡ€ΠΈΠ·Ρ‹Π²Π°ΡŽ Ρ…Π°Π±Ρ€Π°ΠΆΠΈΡ‚Π΅Π»Π΅ΠΉ Ρ‚Π°ΠΊ ΠΆΠ΅ Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ своими сообраТСниями ΠΈ инструмСнтами, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ Π²Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ΡΡŒ ΠΏΡ€ΠΈ создании сСток, ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΊΠ°ΠΊΠΈΠΌΠΈ-Ρ‚ΠΎ Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°ΠΌΠΈ. Один ΠΌΠΎΠΉ Π·Π½Π°ΠΊΠΎΠΌΡ‹ΠΉ Ρ‚ΠΎΠ²Π°Ρ€ΠΈΡ‰ ΠΏΡ€ΠΎΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π» ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΡƒΡŽ ΡΡ‚Π°Ρ‚ΡŒΡŽ Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ‡Ρ‚ΠΎ, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» ΠΏΡ€ΠΈΠΊΠΎΠ»ΡŒΠ½Ρ‹ΠΉ, Π½ΠΎ сам ΠΎΠ½ ΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Sketch’Π΅ΠΌ, Π° Ρ‚Π°ΠΌ это всё ΠΈΠ· ΠΊΠΎΡ€ΠΎΠ±ΠΊΠΈ. РасскаТитС, Ρ‡Π΅ΠΌ ΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ΡΡŒ Π²Ρ‹?

ΠšΡΡ‚Π°Ρ‚ΠΈ, хотя Π² ΡΡ‚Π°Ρ‚ΡŒΠ΅ Ρ€Π΅Ρ‡ΡŒ ΠΈΠ΄Ρ‘Ρ‚ ΠΎΠ± Adobe Illustrator, Π² Adobe Photoshop ΠΌΠΎΠΆΠ½ΠΎ Ρ‚Π°ΠΊ ΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ ΠΏΠΈΠΊΡΠ΅Π»ΡŒΠ½ΡƒΡŽ сСтку, ΠΈ привязку ΠΊ пиксСлям, ΠΈ свою ΡΠΎΠ±ΡΡ‚Π²Π΅Π½Π½ΡƒΡŽ Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Π΅ΠΌΡƒΡŽ сСтку.

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

  • Π§Ρ‚ΠΎΠ±Ρ‹ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ/Π²Ρ‹ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ сСтку Π² Adobe Illustrator/Photoshop, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Ctrl + ‘
  • Π§Ρ‚ΠΎΠ±Ρ‹ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ/Π²Ρ‹ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π³Π°ΠΉΠ΄Ρ‹ Π² Adobe Illustrator/Photoshop, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Ctrl + ;

Ну, ΠΏΠΎΠ΅Ρ…Π°Π»ΠΈ.

РазбираСмся с сСткой Π² Adobe Illustrator

На сСгодня Adobe Illustrator β€” ΠΎΠ΄ΠΈΠ½ ΠΈΠ· самых популярных Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Ρ… Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ². Π­Ρ‚ΠΎ такая Π±ΠΎΠ»ΡŒΡˆΡƒΡ‰Π°Ρ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°, ΠΈ Ссли Π²Ρ‹ Π½ΠΎΠ²ΠΈΡ‡ΠΎΠΊ, Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€ΠΎΠΉΡ‚ΠΈ довольно ΠΌΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, Ссли Π²Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ Π²Π½ΠΈΠΊΠ°Ρ‚ΡŒ Π² Ρ‚ΠΎ, Π·Π° Ρ‡Ρ‚ΠΎ Ρ‚Π° ΠΈΠ»ΠΈ иная ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΈΠ»ΠΈ опция ΠΎΡ‚Π²Π΅Ρ‡Π°ΡŽΡ‚.

Π’Π°ΠΊ получаСтся, Ρ‡Ρ‚ΠΎ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ ΡƒΠΏΡƒΡΠΊΠ°ΡŽΡ‚ΡΡ ΠΈΠ· Π²ΠΈΠ΄Ρƒ Π½ΠΎΠ²ΠΈΡ‡ΠΊΠ°ΠΌΠΈ, ΠΈ я Ρ…ΠΎΡ‚Π΅Π» Π±Ρ‹ ΠΏΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ с Π²Π°ΠΌΠΈ ΠΎΠ΄Π½ΠΎΠΉ ΠΈΠ· Π½ΠΈΡ…. Π›ΠΈΡ‡Π½ΠΎ я Π±Ρ‹Π» Π±Ρ‹ ΠΎΡ‡Π΅Π½ΡŒ Ρ€Π°Π΄, Ссли Π±Ρ‹ ΠΌΠ½Π΅ ΠΊΡ‚ΠΎ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ рассказал ΠΎΠ± этой Ρ‚Π΅ΠΌΠ΅ Π² Ρ‚Ρƒ ΠΏΠΎΡ€Ρƒ, ΠΊΠΎΠ³Π΄Π° я Π±Ρ‹Π» Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠΌ.

Π”Π°, я ΡΠΎΠ±ΠΈΡ€Π°ΡŽΡΡŒ Ρ€Π°ΡΡΠΊΠ°Π·Π°Ρ‚ΡŒ Π²Π°ΠΌ ΠΎ Π‘Π΅Ρ‚ΠΊΠ΅.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Π‘Π΅Ρ‚ΠΊΠ°?

Как ΠΈ Π² ΠΈΠ·ΡƒΡ‡Π΅Π½ΠΈΠΈ любого Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ вопроса Π΄Π°Π²Π°ΠΉΡ‚Π΅ сначала Π΄Π°Π΄ΠΈΠΌ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΈΠ·ΡƒΡ‡Π°Π΅ΠΌΠΎΠΌΡƒ Ρ‚Π΅Ρ€ΠΌΠΈΠ½Ρƒ.
Если ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚ΡŒΡΡ ΠΊ ΠΎΠ½Π»Π°ΠΉΠ½-ΡΠ»ΠΎΠ²Π°Ρ€ΡŽ Merriam-Webster, сСтка β€” это ΡΠ΅Ρ‚ΡŒ Ρ€Π°Π²Π½ΠΎΠΌΠ΅Ρ€Π½ΠΎ располоТСнных Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΈ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹Ρ… Π»ΠΈΠ½ΠΈΠΉ(Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, для позиционирования Ρ‚ΠΎΡ‡Π΅ΠΊ Π½Π° ΠΊΠ°Ρ€Ρ‚Π΅).

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

ΠšΡΡ‚Π°Ρ‚ΠΈ, сСтка Adobe Illustrator состоит Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΈΠ· строго Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΈ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹Ρ… Π»ΠΈΠ½ΠΈΠΉ. Если Π²Π°ΠΌ для Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π½ΡƒΠΆΠ½Ρ‹ ΠΊΡ€ΠΈΠ²Ρ‹Π΅ ΠΈΠ»ΠΈ Π΅Ρ‰Ρ‘ ΠΊΠ°ΠΊΠΈΠ΅-Ρ‚ΠΎ Π±ΠΎΠ»Π΅Π΅ слоТныС сСтки, Ρ‚ΠΎ Π²Ρ‹ смоТСтС ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΈΡ… с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π³Π°ΠΉΠ΄ΠΎΠ²-Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΡ…, это Π½Π° самом Π΄Π΅Π»Π΅ довольно нСслоТно.

ΠŸΠΎΡ‡Π΅ΠΌΡƒ Π·Π½Π°Π½ΠΈΠ΅ Π‘Π΅Ρ‚ΠΊΠΈ Π²Π°ΠΆΠ½ΠΎ?

ΠœΡ‹ Π΄Π°Π»ΠΈ ΠΎΠ±Ρ‰Π΅Π΅ прСдставлСниС Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ ΠΈΠ· сСбя прСдставляСт Π‘Π΅Ρ‚ΠΊΠ°. Но Π·Π°Ρ‡Π΅ΠΌ Π΅ΠΉ Π²ΠΎΠΎΠ±Ρ‰Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ? Если Π΅Ρ‰Ρ‘ Ρ€Π°Π· ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΠΈΡ‚ΡŒ ΠΊΡ€Π°Ρ‚ΠΊΠΎ, Ρ‚ΠΎ Π‘Π΅Ρ‚ΠΊΠ° β€” это Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Π½Π°ΠΌ Ρ€Π°ΡΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚ΡŒ элСмСнты Π΄Ρ€ΡƒΠ³ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π΄Ρ€ΡƒΠ³Π° ΠΈ Π²Ρ‹ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡ ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌΠΈ ΠΈ располоТСниями ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ². Π‘Π΅Ρ‚ΠΊΠ° ΠΊΠ°ΠΊ Π±Ρ‹ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ Π½Π°ΠΌ ΠΏΡ€Π°Π²ΠΈΠ»Π°, ΠΏΠΎ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Ρ€Π°ΡΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚ΡŒ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ Π½Π° ΠΌΠ°ΠΊΠ΅Ρ‚Π΅, Π° самоС Π³Π»Π°Π²Π½ΠΎΠ΅ β€” ΡΡ‚Ρ€ΡƒΠΊΡ‚ΡƒΡ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚.

ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π‘Π΅Ρ‚ΠΊΠ° ΠΊΠ°ΠΊ инструмСнт ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Pixel Perfect изобраТСния, Ρ‡Ρ‚ΠΎ ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½ΠΎ (Π½Π° ΠΌΠΎΠΉ взгляд Ρ‚Π°ΠΊ Π²ΠΎΠΎΠ±Ρ‰Π΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ) ΠΏΡ€ΠΈ создании ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ для Ρ€Π°Π·Π½Ρ‹Ρ… устройств с Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ экранами.

ΠŸΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ я ΡƒΠ³Π»ΡƒΠ±Π»ΡŽΡΡŒ Π² рассказ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ Π‘Π΅Ρ‚ΠΊΠ° ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ качСствСнныС Ρ€Π΅Π·ΠΊΠΈΠ΅ изобраТСния, ΠΌΠ½Π΅ Π±Ρ‹ Ρ…ΠΎΡ‚Π΅Π»ΠΎΡΡŒ Π²ΠΊΡ€Π°Ρ‚Ρ†Π΅ Ρ€Π°ΡΡΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΎ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Ρ… ΠΌΠΎΠΌΠ΅Π½Ρ‚Π°Ρ…, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ Ρ€Π°Π·Π»ΠΈΡ‡Π°ΡŽΡ‚ΡΡ Π΄Π²Π° Ρ‚ΠΈΠΏΠ° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ β€” Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹Π΅ изобраТСния Π½Π° экранС, ΠΈ Π½Π°ΠΏΠ΅Ρ‡Π°Ρ‚Π°Π½Π½Ρ‹Π΅ изобраТСния.

Π¦ΠΈΡ„Ρ€Π° VS ΠŸΠ΅Ρ‡Π°Ρ‚ΡŒ

Ни для ΠΊΠΎΠ³ΠΎ Π½Π΅ сСкрСт, Ρ‡Ρ‚ΠΎ Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹Π΅ изобраТСния Π½Π° экранах ΠΌΠ½ΠΎΠ³ΠΎ Ρ‡Π΅ΠΌ ΠΎΡ‚Π»ΠΈΡ‡Π°ΡŽΡ‚ΡΡ ΠΎΡ‚ Π½Π°ΠΏΠ΅Ρ‡Π°Ρ‚Π°Π½Π½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π½Π° Π±ΡƒΠΌΠ°Π³Π΅. Π£ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Ρ‚ΠΈΠΏΠ° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ своя цвСтовая схСма (RGB Ρƒ Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ CMYK Ρƒ ΠΏΠ΅Ρ‡Π°Ρ‚Π½Ρ‹Ρ… ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ), ΠΈ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ‚ΠΈΠΏ ΠΈΠΌΠ΅Π΅Ρ‚ своё Π²Ρ‹Ρ…ΠΎΠ΄Π½ΠΎΠ΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ (Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ экрана ΠΈ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ ΠΏΡ€ΠΈ ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ). Всё это создаёт Ρ€Π°Π·Π½ΠΈΡ†Ρƒ Π² Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ ΡΠΎΠ·Π΄Π°ΡŽΡ‚ΡΡ эти Π΄Π²Π° Ρ‚ΠΈΠΏΠ° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Π² особСнности Ρ‚ΠΎ, ΠΊΠ°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ ΠΏΠΎΠ»ΡƒΡ‡Π°ΡŽΡ‚ΡΡ ΠΈΠ·ΠΎΠ³Π½ΡƒΡ‚Ρ‹Π΅, ΠΊΡ€ΠΈΠ²Ρ‹Π΅ Π»ΠΈΠ½ΠΈΠΈ.

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

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

ИспользованиС привязок

Один ΠΈΠ· самых интСрСсных вопросов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ поднят Π² этой Ρ‚Π΅ΠΌΠ΅. Если Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ привязки, Ρ‚ΠΎ Π²Ρ‹ ΠΊΠ°ΠΊ Π±Ρ‹ Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚Π΅ Illustrator’Ρƒ Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Ρ‚ΡŒ ваши ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ Π½Π° холстС ΠΊ вашСй сСткС Π»ΠΈΠ±ΠΎ пиксСльной сСткС.

ΠŸΠΎΠΌΠ½ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ Π½Π΅Π΄Π°Π²Π½ΠΎ я заикнулся ΠΎ Pixel Perfect ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ? Π’Π΅ΠΏΠ΅Ρ€ΡŒ, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ Π·Π½Π°Π΅Ρ‚Π΅, Π² Ρ‡Ρ‘ΠΌ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ Π½Π°ΠΏΠ΅Ρ‡Π°Ρ‚Π°Π½Π½Ρ‹Ρ… ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ ΠΎΡ‚ Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹Ρ…, ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΡ‹Ρ… Π½Π° экранС, самоС врСмя ΠΏΠΎΠ²Π΅Π΄Π°Ρ‚ΡŒ ΠΎ Ρ‚ΠΎΠΌ, Π² Ρ‡Ρ‘ΠΌ Π½Π° ΠΌΠΎΠΉ взгляд главная Ρ€ΠΎΠ»ΡŒ Π‘Π΅Ρ‚ΠΊΠΈ.

Π― ΡƒΠ²Π΅Ρ€Π΅Π½, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Ρ€Π°Π½Π΅Π΅ навСрняка Π²ΠΈΠ΄Π΅Π»ΠΈ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ Π½Π° Dribbble ΠΈΠ»ΠΈ Behance с супСр-Ρ‡Ρ‘Ρ‚ΠΊΠΈΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ. Π›ΠΈΡ‡Π½ΠΎ я всСгда удивлялся, ΠΊΠ°ΠΊ Π°Π²Ρ‚ΠΎΡ€Ρƒ ΡƒΠ΄Π°Π»ΠΎΡΡŒ вывСсти Ρ‚Π°ΠΊΠΈΠ΅ Ρ‡Ρ‘Ρ‚ΠΊΠΈΠ΅ Π»ΠΈΠ½ΠΈΠΈ? Как оказалось, Π² этом Π½Π΅Ρ‚ Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠ³ΠΎ! Он ΠΈΠ»ΠΈ ΠΎΠ½Π° просто привязывали всС ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ ΠΊ пиксСльной сСткС ΠΈ создавали ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ элСмСнт с Ρ†Π΅Π»Ρ‹ΠΌΠΈ значСниями Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² Π² пиксСлях!

На всякий случай ΡƒΡ‚ΠΎΡ‡Π½ΡŽ, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ΄ Ρ†Π΅Π»Ρ‹ΠΌΠΈ значСниями я имСю Π²Π²ΠΈΠ΄Ρƒ числовыС значСния Π±Π΅Π· Π΄Ρ€ΠΎΠ±Π½Ρ‹Ρ… частСй, Ρ‚.Π΅. Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Ссли ΠΌΡ‹ собираСмся Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ, Ρ‚ΠΎ ΠΌΡ‹ Π±ΡƒΠ΄Π΅ΠΌ Π΅Π³ΠΎ Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ с ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ 200 пиксСлСй ΠΈ высотой 100 пиксСлСй, Π° Π½Π΅ 200.84 пиксСля Π½Π° 99.8 пиксСлСй.

Π Π°ΡΡˆΠΈΡ€Π΅Π½Π½ΠΎΠ΅ понятиС сСтки

ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° Π»ΡƒΡ‡ΡˆΠ΅ тысячи слов. Π”Π°Π²Π°ΠΉΡ‚Π΅ я ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΡŽ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π²Π°ΠΌ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅, ΠΊΠ°ΠΊ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ сСтку. Π”Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΡ€ΠΎΠ΄Π΅Π»Π°Π΅ΠΌ шаг Π·Π° шагом Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ ΠΏΡ€ΠΎΠ΄Π΅Π»Ρ‹Π²Π°Ρ‚ΡŒ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ€Π°Π· ΠΏΡ€ΠΈ создании Π½ΠΎΠ²ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° Π² Illustrator. Π― ΡƒΠ²Π΅Ρ€Π΅Π½, Π²Π°ΠΌ это понравится.
Π¨Π°Π³ 1

ΠŸΡ€ΠΈ стартС любого Π½ΠΎΠ²ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° Π² Illustrator, ΠΌΡ‹ всСгда Π½Π°Ρ‡ΠΈΠ½Π°Π΅ΠΌ с настроСк Π½ΠΎΠ²ΠΎΠ³ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°. Π”Π°Π²Π°ΠΉΡ‚Π΅ ΠΎΡ‚ΠΊΡ€ΠΎΠ΅ΠΌ Illustrator ΠΈ создадим Π½ΠΎΠ²Ρ‹ΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ со ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌΠΈ настройками:
  • ΠšΠΎΠ»ΠΈΡ‡Π΅ΡΡ‚Π²ΠΎ холстов: 1
  • Π¨ΠΈΡ€ΠΈΠ½Π°: 800 пиксСлСй
  • Высота: 800 пиксСлСй
  • Π•Π΄ΠΈΠ½ΠΈΡ†Ρ‹ измСрСния: пиксСли

На Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… настроСк:
  • Π¦Π²Π΅Ρ‚ΠΎΠ²ΠΎΠΉ Ρ€Π΅ΠΆΠΈΠΌ: RGB
  • Π Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ ΠΏΡ€ΠΈ растСризации: 300 пиксСлСй Π½Π° дюйм
  • ΠŸΡ€ΠΈΡ€Π°Π²Π½ΠΈΠ²Π°Ρ‚ΡŒ Π½ΠΎΠ²Ρ‹Π΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ ΠΊ пиксСльной сСткС: ΠΎΡ‚ΠΌΠ΅Ρ‡Π΅Π½ΠΎ

На Π·Π°ΠΌΠ΅Ρ‚ΠΊΡƒ: Π²Ρ‹ навСрняка ΠΎΠ±Ρ€Π°Ρ‚ΠΈΠ»ΠΈ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ поставили значСния эффСкта растСризации 300 PPI, хотя ΠΌΡ‹ собираСмся ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ наш Π΄ΠΈΠ·Π°ΠΉΠ½ Π½Π° экранС ΠΌΠΎΠ½ΠΈΡ‚ΠΎΡ€Π°. Π‘ΠΊΠ°ΠΆΠ΅ΠΌ Ρ‚Π°ΠΊ, Ссли ΠΌΡ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ бОльшиС значСния Ρ€Π°Π·Ρ€Π°ΡˆΠ΅Π½ΠΈΡ, Ρ‚ΠΎ это Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ сильно Π·Π°ΠΌΠ΅Ρ‚Π½ΠΎ Π½Π° экранС, Π½ΠΎ Ссли Π²Π΄Ρ€ΡƒΠ³ случится Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π·Π°Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π½Π°ΠΏΠ΅Ρ‡Π°Ρ‚Π°Ρ‚ΡŒ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ нарисовали (ΠΏΠΎΠΊΠ° Π½Π΅ ΠΎΠ±Ρ€Π°Ρ‰Π°ΠΉΡ‚Π΅ внимания Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ создали Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ Π² RGB), всС ваши эффСкты Π²Ρ€ΠΎΠ΄Π΅ Ρ‚Π΅Π½Π΅ΠΉ Π²Ρ‹ΠΉΠ΄ΡƒΡ‚ Π² ΠΏΠ»ΠΎΡ…ΠΎΠΌ качСствС, Ссли Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ PPI Π±Ρ‹Π»ΠΎ Π²Ρ‹Π±Ρ€Π°Π½ΠΎ мСньшС 300.

Π’ самом Π΄Π΅Π»Π΅, Π²Ρ‹ Π² любой ΠΌΠΎΠΌΠ΅Π½Ρ‚ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ PPI, Ссли Π·Π°ΠΉΠ΄Ρ‘Ρ‚Π΅ Π² Effect > Document Raster Effects Settings.

Π¨Π°Π³ 2

ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Ρ‹ настроили Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚, создайтС Ρ‡Ρ‘Ρ€Π½Ρ‹ΠΉ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌΠΈ 100Ρ…100 пиксСлСй, ΠΈ размСститС Π΅Π³ΠΎ Ρ‚ΠΎΡ‡Π½ΠΎ Π² Π»Π΅Π²ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΠ³Π»Ρƒ Π₯олста, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρƒ Align.

Π¨Π°Π³ 3

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ½ΡΡ‚ΡŒ, ΠΊΠ°ΠΊ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ сСтка, Π΄Π°Π²ΠΉΡ‚Π΅ посмотрим Π½Π° это. ΠžΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ мСню View > Show Grid (ΠΈΠ»ΠΈ Π½Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ Ctrl + β€ž), ΠΈ Ρ‚ΡƒΡ‚ ΠΆΠ΅ Π½Π° экранС появляСтся стандартная сСтка 1000Ρ…4.

Π¨Π°Π³ 4

Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΌΡ‹ Π²ΠΈΠ΄ΠΈΠΌ сСтку, Π½ΠΎ ΠΊΠ°ΠΊ ΠΆΠ΅ ΠΎΠ½Π° Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚? Π”Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠ΅ΠΌ ΠΏΠΎΠ΄Π²ΠΈΠ³Π°Ρ‚ΡŒ малСнький ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚ΠΈΠΊ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ стрСлок Π½Π° ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Π΅ ΠΈ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ получится.

Наш малСнький ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚ΠΈΠΊ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒΡΡ Π½Π° нСсколько пиксСлСй с ΠΊΠ°ΠΆΠ΄Ρ‹ΠΌ Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ΠΌ, Π½ΠΈΡ‡Π΅Π³ΠΎ особСнного. НичСго Π½Π΅ происходит, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΌΡ‹ Π½Π΅ Π²ΠΊΠ»ΡŽΡ‡ΠΈΠ»ΠΈ ΠΎΠΏΡ†ΠΈΡŽ ΠŸΡ€ΠΈΠ²ΡΠ·ΠΊΠΈ ΠΊ Π‘Π΅Ρ‚ΠΊΠ΅.

Π”Π°Π²Π°ΠΉΡ‚Π΅ ΠΎΡ‚ΠΌΠ΅Π½ΠΈΠΌ наши послСдниС шаги, Π²Π΅Ρ€Π½Ρ‘ΠΌ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚ΠΈΠΊ Π½Π° своё мСсто, ΠΈ Π·Π°ΠΉΠ΄Ρ‘ΠΌ Π² мСню View β†’ Snap to Grid (Shift + Ctrl + Y), Π° ΠΏΠΎΡ‚ΠΎΠΌ снова ΠΎΠΏΠΏΡ€ΠΎΠ±ΡƒΠ΅ΠΌ ΠΏΠΎΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ наш ΠΎΠ±ΡŠΠ΅ΠΊΡ‚.

Π’ΠΎΡ‚ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Ρ€Π°Π·Π½ΠΈΡ†Ρƒ. ΠŸΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ ΠΏΠΎΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ½ΡΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ происходит. КаТдоС ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠ΅ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π° происходит с привязкой ΠΊ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ ΠΈΠ»ΠΈ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ Π‘Π΅Ρ‚ΠΊΠΈ.

Π”Π°Π²Π°ΠΉΡ‚Π΅ разбСрёмся, ΠΏΠΎΡ‡Π΅ΠΌΡƒ Illustrator Π²Π΅Π΄Ρ‘Ρ‚ сСбя ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ‚Π°ΠΊ, ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠ΅ΠΌ ΠΏΠΎΠ½ΡΡ‚ΡŒ устройство Π‘Π΅Ρ‚ΠΊΠΈ. Как я Π³ΠΎΠ²ΠΎΡ€ΠΈΠ» Ρ€Π°Π½Π΅Π΅, Π΅ΡΡ‚ΡŒ прСдустановлСнныС настройки Π‘Π΅Ρ‚ΠΊΠΈ, Π²ΠΎΡ‚ ΠΎΠ½ΠΈ:

  • Π¨Π°Π³ сСтки Ρ‡Π΅Ρ€Π΅Π· ΠΊΠ°ΠΆΠ΄Ρ‹Π΅: 1000px
  • ДСлСния Π²Π½ΡƒΡ‚Ρ€ΠΈ шага сСтки: 4

Π§Ρ‚ΠΎ Π² самом Π΄Π΅Π»Π΅ ΠΎΠ·Π½Π°Ρ‡Π°ΡŽΡ‚ эти настройки?

Π­Ρ‚ΠΎ ΠΎΡ‡Π΅Π½ΡŒ Π»Π΅Π³ΠΊΠΎ, смотритС. Π§Π΅Ρ€Π΅Π· ΠΊΠ°ΠΆΠ΄Ρ‹Π΅ 1000 пиксСлСй Illustrator Π±ΡƒΠ΄Π΅Ρ‚ Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ»Π΅Ρ‚ΠΊΡƒ, ΠΏΠΎΠ΄Π΅Π»Π΅Π½Π½ΡƒΡŽ Π½Π° 4 части (Ρ‚Π΅ΠΌ самым Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΊΠ»Π΅Ρ‚ΠΊΠΈ появится сСтка 2Ρ…2), Ρ‚.Π΅. получатся ΠΊΠ»Π΅Ρ‚ΠΊΠΈ, каТдая ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 1000 Ρ… 1000 пиксСлСй, ΠΈ Π² свою ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ ΠΏΠΎΠ΄Π΅Π»Π΅Π½Π° Π΅Ρ‰Ρ‘ Π½Π° 4 ΠΊΠ»Π΅Ρ‚ΠΊΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌΠΈ 250 Ρ… 250 пиксСлСй (1000/4 = 250).

Π’.ΠΊ. наш холст ΠΈΠΌΠ΅Π΅Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ всСго лишь 800Ρ…800 пиксСлСй (Ρ‚.Π΅. ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ умСщаСтся Ρ‚Ρ€ΠΈ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π° сСтки ΠΏΠΎ 250 пиксСлСй ΠΈ Π΅Ρ‰Ρ‘ остаётся 50 пиксСлСй), привязка Π±ΡƒΠ΄Π΅Ρ‚ ΡΡ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ Π½Π° Π²Π΅Ρ€Ρ…Π½ΡŽΡŽ ΠΈ Π»Π΅Π²ΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ этого пространства, которая умСщаСтся Π² 1000 Ρ… 1000 пиксСлСй. А ниТняя ΠΈ правая Ρ‡Π°ΡΡ‚ΡŒ пространства Π½Π° Π»ΠΈΠ½ΠΈΠΈ Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½ΠΎΠΉ 200 пиксСлСй, Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½ΠΎΠΉ красным, остаётся нСзадСйствованной.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ Ссли ΠΌΡ‹ вСрнёмся ΠΊ Π½Π°ΡˆΠ΅ΠΌΡƒ ΠΌΠ°Π»Π΅Π½ΡŒΠΊΠΎΠΌΡƒ Ρ‡Ρ‘Ρ€Π½ΠΎΠΌΡƒ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Ρƒ, Ρ‚ΠΎ ΠΌΡ‹ ΡƒΠ²ΠΈΠ΄ΠΈΠΌ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ ΠΏΡ€ΠΈΠ»ΠΈΠΏΠ°Π΅Ρ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΊ линиям сСтки, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ€Π°ΡΠΏΠΎΠ»Π°Π³Π°ΡŽΡ‚ΡΡ Π² 250 пиксСлях Π΄Ρ€ΡƒΠ³ ΠΎΡ‚ Π΄Ρ€ΡƒΠ³Π°, ΠΏΡ€ΠΈ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ сам ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚ΠΈΠΊ 100Ρ…100 пиксСлСй. Если Π±Ρ‹ Ρ‡Ρ‘Ρ€Π½Ρ‹ΠΉ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚ Π±Ρ‹Π» Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 250Ρ…250 пиксСлСй, Ρ‚ΠΎ ΠΎΠ½ Π±Ρ‹ Π·Π°Π½ΠΈΠΌΠ°Π» Ρ†Π΅Π»ΡƒΡŽ ΠΊΠ»Π΅Ρ‚ΠΊΡƒ сСтки, ΠΈ ΠΏΡ€Ρ‹Π³Π°Π» Π±Ρ‹ Ρ‚ΠΎΡ‡Π½ΠΎ Π² ΠΎΠ΄Π½Ρƒ ΠΈΠ· 16 ΠΌΠ°Π»Π΅Π½ΡŒΠΊΠΈΡ… ΠΊΠ»Π΅Ρ‚ΠΎΠΊ.

Настройки сСтки

Π― надСюсь, Ρ‡Ρ‚ΠΎ Π² ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅ΠΌ шагС Π²Π°ΠΌ стало всё понятно ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ сСтки, Π½ΠΎ Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΏΠΎΠ½ΠΈΠΌΠ°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π² Ρ€Π°Π·Π½Ρ‹Ρ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ… Π²Π°ΠΌ придётся Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ Ρ€Π°Π·Π½Ρ‹Π΅ сСтки ΠΏΠΎΠ΄ Ρ€Π°Π·Π½Ρ‹Π΅ Π½ΡƒΠΆΠ΄Ρ‹, Π² зависимости ΠΎΡ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² вашСго холста, ΠΈ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΈ ΠΏΠΎ ΠΊΠ°ΠΊΠΎΠΌΡƒ Π·Π°ΠΊΠΎΠ½Ρƒ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ ваши элСмСнты Π½Π° холстС.

Π›ΠΈΡ‡Π½ΠΎ для сСбя я Ρ€Π΅ΡˆΠΈΠ», Ρ‡Ρ‚ΠΎ использованиС ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹Ρ… Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹Ρ… Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ являСтся самым ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΌ, ΠΈ Ссли ΡΠΎΠ²ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ всю ΠΌΠΎΡ‰ΡŒ возмоТностСй Π‘Π΅Ρ‚ΠΊΠΈ ΠΈ инструмСнта PathFinder, Ρ‚ΠΎ я ΠΏΠΎΠ»ΡƒΡ‡Π°ΡŽ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ супСрбыстро Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ всС свои ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ Ρ‚Π°ΠΊ, ΠΊΠ°ΠΊ ΠΌΠ½Π΅ ΡƒΠ΄ΠΎΠ±Π½ΠΎ.

Мои настройки сСтки Ρ‚Π°ΠΊΠΈΠ΅:

  • Линия сСтки Ρ‡Π΅Ρ€Π΅Π· ΠΊΠ°ΠΆΠ΄Ρ‹Π΅: 1 пиксСль
  • ДСлСния Π²Π½ΡƒΡ‚Ρ€ΠΈ шага сСтки: 1

Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠΎΡΠΊΡΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π‘Π΅Ρ‚ΠΊΡƒ ΠΏΠΎΠ΄ сСбя, Π²Π°ΠΌ просто Π½ΡƒΠΆΠ½ΠΎ Π·Π°ΠΉΡ‚ΠΈ Π² мСню Edit > Preferences > Guides & Grid ΠΈ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ всё Ρ‚Π°ΠΊ, ΠΊΠ°ΠΊ Π²Π°ΠΌ хочСтся.

БыстроС ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ с использованиСм сСтки

Π”Π°Π²Π°ΠΉΡ‚Π΅ Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΠΌ нСбольшоС ΡƒΠΏΡ€Π°ΠΆΠ½Π΅Π½ΠΈΠ΅ ΠΈ ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠ΅ΠΌ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ быстрый ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ Π²Π΅Π±-сайта с использованиСм сСтки Ρ‡Π΅Ρ€Π΅Π· ΠΊΠ°ΠΆΠ΄Ρ‹Π΅ 800 пиксСлСй с Ρ€Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ΠΌ Π½Π° 4 шага Π½Π° холстС Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 800 Ρ… 800 пиксСлСй.

Π”Π°, я знаю, Ρ‡Ρ‚ΠΎ Π΄Π΅Ρ„ΠΎΠ»Ρ‚Π½Ρ‹ΠΌ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ для Π²Π΅Π±-сайта Π² наши Π΄Π½ΠΈ считаСтся Ρ€Π°Π·ΠΌΠ΅Ρ€ Π² 960 пиксСлСй, Π½ΠΎ ΠΌΠ½Π΅ хочСтся просто ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π²Π°ΠΌ нСбольшой ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΊΠ°ΠΊ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ сСтку для быстрого прототипирования.

Π¨Π°Π³ 1

Π‘ΠΎΠ·Π΄Π°Ρ‘ΠΌ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 800Ρ…200 пиксСлСй ΠΈ распологаСм Π΅Π³ΠΎ свСрху нашСго холста, раскрасим Π΅Π³ΠΎ Ρ†Π²Π΅Ρ‚ΠΎΠΌ #191919. Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π²ΠΎΠ·ΡŒΠΌΡ‘ΠΌ инструмСнт ВСкст ΠΈ подпишСм этот элСмСнт ΠΊΠ°ΠΊ Π¨Π°ΠΏΠΊΡƒ нашСго Π²Π΅Π±-сайта.

На Π·Π°ΠΌΠ΅Ρ‚ΠΊΡƒ: Если Ρƒ вас Π΅ΡΡ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ ΠΌΠ΅Π»ΠΊΠΈΠ΅ элСмСнты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ обязаны Π±Ρ‹Ρ‚ΡŒ привязаны ΠΊ сСткС, Π² нашСм ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ это тСксты-подписи ΠΊ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°ΠΌ, просто Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ ΠΈΡ…, Π·Π°ΠΉΠ΄ΠΈΡ‚Π΅ Π² мСню View ΠΈ снимитС Π³Π°Π»ΠΎΡ‡ΠΊΡƒ с ΠΎΠΏΡ†ΠΈΠΈ Snap to Grid.

Π¨Π°Π³ 2

Π‘ΠΎΠ·Π΄Π°Π΄ΠΈΠΌ нСбольшой ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 600Ρ…400 пиксСлСй ΠΈ Ρ†Π²Π΅Ρ‚ΠΎΠΌ #191919 ΠΈ ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠ΅ΠΌ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π΅Π³ΠΎ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π½Π° ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Π΅, Π² Π»Π΅Π²ΠΎΠΉ части нашСго холста, сразу ΠΏΠΎΠ΄ шапкой. Π­Ρ‚ΠΎΡ‚ ΠΆΠ»Π΅ΠΌΠ΅Π½Ρ‚ Ρ‚Π°ΠΊ ΠΆΠ΅ слСдуСт ΠΏΠΎΠ΄ΠΏΠΈΡΠ°Ρ‚ΡŒ, это Π±ΡƒΠ΄Π΅Ρ‚ Content.

Π¨Π°Π³ 3

Π”Π°Π²Π°ΠΉΡ‚Π΅ создадим ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ помСньшС Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 200Ρ…400 пиксСлСй Ρ†Π²Π΅Ρ‚ΠΎΠΌ #B24747 ΠΈ ΠΏΠΎΡ‚ΠΎΠΌ размСстим Π΅Π³ΠΎ Π² ΠΏΡ€Π°Π²ΠΎΠΉ части, справа ΠΎΡ‚ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, Π° ΠΏΠΎΡ‚ΠΎΠΌ подпишСм Π΅Π³ΠΎ Sidebar.

Π¨Π°Π³ 4

Π—Π°Π²Π΅Ρ€ΡˆΠ°Π΅ΠΌ нашС ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ послСднСго элСмСнта 800Ρ…200 пиксСлСй ΠΈ Ρ†Π²Π΅Ρ‚ΠΎΠΌ #191919. РасполоТим этот ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ Π²Π½ΠΈΠ·Ρƒ холста ΠΈ Π½Π°Π·ΠΎΠ²Ρ‘ΠΌ Π΅Π³ΠΎ Footer.

Π“Ρ€ΡƒΠ±ΠΎ говоря, Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‡Ρ‚ΠΎ Π·Π° нСсколько сСкунд Π½Π°ΠΌ ΡƒΠ΄Π°Π»ΠΎΡΡŒ Π½Π°Π±Ρ€ΠΎΡΠ°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ сайта. Π—Π΄ΠΎΡ€ΠΎΠ²ΠΎ Ρ‚Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Π½Π° Ρ‚Π°ΠΊΠΈΠ΅ Π²Π΅Ρ‰ΠΈ Ρ‚Π°ΠΊ ΠΌΠ°Π»ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, Π½Π΅ ΠΏΡ€Π°Π²Π΄Π° Π»ΠΈ?

ДвойствСнная привязка

ΠŸΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ Π²Ρ‹ Π±Ρ€ΠΎΡΠΈΡ‚Π΅ΡΡŒ ΡΠΊΡΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ с сСткой, я Ρ…ΠΎΡ‚Π΅Π» Π±Ρ‹ Ρ€Π°ΡΡΠΊΠ°Π·Π°Ρ‚ΡŒ Π²Π°ΠΌ ΠΎ Ρ€Π°Π·Π½ΠΈΡ†Π΅ ΠΌΠ΅ΠΆΠ΄Ρƒ ΠŸΡ€ΠΈΠ²ΡΠ·ΠΊΠΎΠΉ ΠΊ настраиваСмой сСткС ΠΈ ΠŸΡ€ΠΈΠ²ΡΠ·ΠΊΠΎΠΉ ΠΊ пиксСльной сСткС.

По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, Ссли Π²Ρ‹ создаётС Π½ΠΎΠ²Ρ‹ΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚, Ρ€Π΅ΠΆΠΈΠΌ Preview ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ выставлСн Π² ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Default. Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ создаётС β€” это Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π²ΠΈΠ΄ΠΈΡ‚Π΅. (Π’.Π΅. Π²Ρ‹ Π²ΠΈΠ΄ΠΈΡ‚Π΅ Π²Π΅ΠΊΡ‚ΠΎΡ€ Ρ‚Π°ΠΊΠΈΠΌ, ΠΊΠ°ΠΊΠΎΠΉ ΠΎΠ½ Π΅ΡΡ‚ΡŒ, Π½Π΅ расстрированным). Π’ этом случаС опция Snap to относится ΠΊ Π‘Π΅Ρ‚ΠΊΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π²Ρ‹ настраиваСтС, ΠΈ Π‘Π΅Ρ‚ΠΊΠ° зависит ΠΎΡ‚ Ρ‚Π΅Ρ… Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ выставитС Π² ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π°Ρ….

Если Π²Ρ‹ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ Pixel Preview (View β†’ Pixel Preview) ΠΈ ΠΏΡ€ΠΈΠ±Π»ΠΈΠ·ΠΈΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Illustrator ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ‚ Π²Π°ΠΌ пиксСли, ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… состоит вашС Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Когда Ρ€Π΅ΠΆΠΈΠΌ привязок Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ Π½Π° пиксСли, ΠΊΠ°ΠΆΠ΄ΠΎΠ΅ Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ Π½Π° стрСлки ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ ваш ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ Π½Π° фиксированноС число пиксСлСй, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ выставлСно Π² настройках Keyboard Increment.

На Π·Π°ΠΌΠ΅Ρ‚ΠΊΡƒ: Π”Π°, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Keyboard Increment Π½Π° любоС ΠΊΠΎΠ»-Π²ΠΎ пиксСлСй, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π²Π°ΠΌ ΡƒΠ΄ΠΎΠ±Π½ΠΎ. Π­Ρ‚Π° опция располагаСтся Π² мСню Edit > Preferences > General > Keyboard Increment.

ΠšΠ»ΡŽΡ‡Π΅Π²ΠΎΠ΅ Ρ€Π°Π·Π»ΠΈΡ‡ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρƒ двумя способами привязки Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Ссли Π²Ρ‹ ΠΊΠ°ΠΊΠΈΠΌ Π»ΠΈΠ±ΠΎ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ создали ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ с Π½Π΅Ρ†Π΅Π»Ρ‹ΠΌΠΈ значСниями Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ², Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ 200.9Ρ…60.40 пиксСлСй, привязка ΠΊ пиксСлям измСнят это, ΠΈ сама автоматичСски ΠΎΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ ваши значСния.

Π― Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽ Π²Π°ΠΌ, Ссли Π²Ρ‹ создаётС ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ привязки ΠΊ сСткС, всСгда ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒΡΡ Π² Ρ€Π΅ΠΆΠΈΠΌ Pixel Preview ΠΈ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡΡ‚ΡŒ, Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½ΠΎ Π»ΠΈ ваши ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ Π²ΡΡ‚Ρ€Π°ΠΈΠ²Π°ΡŽΡ‚ΡΡ Π² ΠŸΠΈΠΊΡΠ΅Π»ΡŒΠ½ΡƒΡŽ сСтку. Π’ этом случаС ΠΊ ΠΌΠΎΠΌΠ΅Π½Ρ‚Ρƒ окончания Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π½Π°Π΄ вашим Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ Ρƒ вас получится Ρ€Π΅Π·ΠΊΠΎΠ΅ качСствСнноС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΈ Π²Π°ΠΌ Π½Π΅ придётся Ρ€Π΅ΡˆΠ°Ρ‚ΡŒ Π½ΠΈΠΊΠ°ΠΊΠΈΡ… ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ.

ΠŸΠΎΠ»Π΅Π·Π½Ρ‹Π΅ рСсурсы


  • Π§ΠΎΠΈ Π’ΠΈΠ½. Как ΡΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ соврСмСнный сайт. ΠŸΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ Π½Π° основС сСтки. Π±.ΠΌ.: ΠŸΠΈΡ‚Π΅Ρ€, 2012.
    БущСствуСт мноТСство ΠΊΠ½ΠΈΠ³ ΠΏΡ€ΠΎ сСтки. популярныС ΠΈ Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ, Π½ΠΎ я Ρ‡ΠΈΡ‚Π°Π» ΠΈΠΌΠ΅Π½Π½ΠΎ эту, поэтому ΠΈΠΌΠ΅Π½Π½ΠΎ Π΅Ρ‘ ΠΈ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽ. Π—Π΄Π΅ΡΡŒ ΠΏΠΎ шагам ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ описываСтся процСсс Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½ΠΎΠΉ сСтки (которая Π² Π³ΠΎΡ‚ΠΎΠΌ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π΅ раздаётся ΠΌΠ½ΠΎΠ³ΠΎ Π³Π΄Π΅). Π’ΠΎΠ±Ρ‰Π΅ΠΌ-Ρ‚ΠΎ послС прочтСния Ρ‚ΠΎΡ‡Π½ΠΎ всё встаёт Π½Π° свои мСста, становится понятно Ρ‡Ρ‚ΠΎ, ΠΏΠΎΡ‡Π΅ΠΌΡƒ ΠΈ Π·Π°Ρ‡Π΅ΠΌ.
  • 960 Grid System β€” ΠΎΠ΄ΠΈΠ½ ΠΈΠ· всСвозмоТных Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… Π½Π°Π±ΠΎΡ€ΠΎΠ² сСток. Π—Π΄Π΅ΡΡŒ Π΅ΡΡ‚ΡŒ ΡƒΠΆΠ΅ созданныС ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² ΠΏΠΎΠ΄ всС популярныС Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ Π²Ρ€ΠΎΠ΄Π΅ Photoshop, Illustrator, InDesign ΠΈ Ρ‚.Π΄. Бписок ΠΎΡ‡Π΅Π½ΡŒ большой, ΠΎΠ·Π½Π°ΠΊΠΎΠΌΡŒΡ‚Π΅ΡΡŒ.
  • GuideGuide ΠΈ Griddify β€” ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ для Photoshop для создания сСток.

photoshop ΠΊΠ°ΠΊ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ сСтку ΠΏΡ€ΠΈ большом ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½ΠΈΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ

Π’Π°ΠΊ-Ρ‚Π°ΠΊΠΈ ΠΈ Π½Π΅ Π±Ρ‹Π»ΠΎ! Если ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π΄ΠΎ Ρ‚Π°ΠΊΠΎΠ³ΠΎ ΠΏΡ€Π΅Π΄Π΅Π»Π°, ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ΠΎ Ρ€Π°Π·ΠΎΠ±ΡŠΠ΅Ρ‚ΡΡ Π½Π° ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ пиксСлы, Ρ‚ΠΎ Ρ‚Π°ΠΊ ΠΎΠ½ΠΎ всС ΠΈ Π±Ρ‹Π»ΠΎ. Пользовался Π΅Ρ‰Π΅ Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠΎΠΌ 7.0, ΠΈ хотя Π΄ΠΎ пиксСлизации вСсьма нСчасто ΠΏΡ€ΠΈΡ…ΠΎΠ΄ΠΈΠ»ΠΎΡΡŒ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°Ρ‚ΡŒ, Π½ΠΎ я помню Ρ‚ΠΎΡ‡Π½ΠΎ, Ρ‡Ρ‚ΠΎ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚ΠΈΠΊΠΈ-пиксСлы всСгда Π±Ρ‹Π»ΠΈ.

это Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π½ΠΈΠ·ΠΊΠΎΠ΅

Π§Ρ‚ΠΎ Π·Π° ΠΏΡ€ΠΎΠ΅ΠΊΡ‚-Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠΉ? Одни «ΡƒΠΌΠ½ΠΈΠΊΠΈ» Ρ‚ΡƒΡ‚! Π•Ρ‰Ρ‘ ΠΈ нравится 43 Ρ€Π°Π·Π° (!!!) понаставили. Ни ΠΎΠ΄ΠΈΠ½ ΠΎΡ‚Π²Π΅Ρ‚ Π½Π΅ Π²Π΅Ρ€Π½Ρ‹ΠΉ! Π’ΠΎΡ€ ΠΆΠ΅: View -> Show -> Pixel Grid!

Π’ русском Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€->ΠŸΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ->ПиксСльная сСтка

3 способа исправлСния пСрспСктивы с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Adobe Photoshop: muph β€” LiveJournal

НС мастак я ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΏΠΎΡˆΠ°Π³ΠΎΠ²Ρ‹Π΅ инструкции, Ссли чСстно. Π”Π°Π²Π½Ρ‹ΠΌ-Π΄Π°Π²Π½ΠΎ, помнится, написал Ρ‚Ρ€Π°ΠΊΡ‚Π°Ρ‚ ΠΎ Π²Ρ‹Π΄Ρ‘Ρ€Π³ΠΈΠ²Π°Π½ΠΈΠΈ mp3-Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΈΠ· ΠΎΠ½Π»Π°ΠΉΠ½ΠΎΠ²Ρ‹Ρ… ΠΏΡ€ΠΎΠΈΠ³Ρ€Ρ‹Π²Π°Ρ‚Π΅Π»Π΅ΠΉ. БСгодняшний ΠΆΠ΅ ΠΏΠΎΠ²ΠΎΠ΄ Π²Π·ΡΡ‚ΡŒ Π² Ρ€ΡƒΠΊΠΈ ΡˆΠ°ΡˆΠΊΡƒ Π²Ρ‹Π·Π²Π°Π½ Π²ΠΎΠΏΠΈΡŽΡ‰Π΅ΠΉ Π½Π΅ΡΠΏΡ€Π°Π²Π΅Π΄Π»ΠΈΠ²ΠΎΡΡ‚ΡŒΡŽ, царящСй Π½Π° просторах фотосайтов, ΠΆΠ΅ΠΆΠ΅ΡˆΠ΅Ρ‡ΠΊΠΈ ΠΈ ΠΏΡ€ΠΎΡ‡ΠΈΡ… мСст скоплСния Ρ„ΠΎΡ‚ΠΎΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ. ВсС ΠΌΡ‹ с Π²Π°ΠΌΠΈ Π±Π΅Π»Ρ‹Π΅, ΠΏΡƒΡˆΠΈΡΡ‚Ρ‹Π΅ ΠΈ Π·Π½Π°Π΅ΠΌ, Ρ‡Ρ‚ΠΎ Π·Π°Π²Π°Π» Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π° Π΅ΡΡ‚ΡŒ ΡΡ‚Ρ€Π°ΡˆΠ½Ρ‹ΠΉ Π³Ρ€Π΅Ρ… ΠΈ ΡƒΠ΄Π΅Π» Π½ΡƒΠ±ΠΎΠ² ΠΈ Π»ΡƒΠ·Π΅Ρ€ΠΎΠ². Бплошь ΠΈ рядом ΠΌΡ‹ наблюдаСм Π»Π°ΠΊΠΎΠ½ΠΈΡ‡Π½Ρ‹ΠΉ ΠΊΠ°ΠΌΠ΅Π½Ρ‚ Π΄ΠΎΠΌΠΎΡ€ΠΎΡ‰Π΅Π½Π½Ρ‹Ρ… Ρ„ΠΎΡ‚ΠΎΠΊΡ€ΠΈΡ‚ΠΈΠΊΠΎΠ² «Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚ Π·Π°Π²Π°Π»Π΅Π½» ΠΈ Π·Π°Ρ‡Π°ΡΡ‚ΡƒΡŽ сами одобряСм ΠΈΡ… Π²Π΅Ρ€Π΄ΠΈΠΊΡ‚, Π½ΠΎ ΠΏΠΎΡ‡Π΅ΠΌΡƒ-Ρ‚ΠΎ Π²ΠΎΡ‚ ΠΌΠ°Π»ΠΎ ΠΊΠΎΠ³ΠΎ Π²ΠΎΠ»Π½ΡƒΠ΅Ρ‚ искривлСнная пСрспСктива. Π”Π°-Π΄Π°, я ΠΎ Ρ‚Π΅Ρ… странных ΠΏΠ°Ρ€Π°Π»Π»Π΅Π»Π΅ΠΏΠΈΠΏΠ΅Π΄Π°Ρ…, ΠΏΠ°Ρ€Π°Π»Π»Π΅Π»ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°Ρ… ΠΈ ΠΏΡ€ΠΎΡ‡ΠΈΡ… трапСциях Π½Π° фотографиях, Π³Π΄Π΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ здания ΠΈ сооруТСния. Как ΠΏΠΎ ΠΌΠ½Π΅, Π·Π°Ρ‡Π°ΡΡ‚ΡƒΡŽ Π½Π° Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Π½Ρ‹Ρ… фотографиях ΠΎΠ½ΠΈ выглядят Ρ‚Π°ΠΊ ΠΆΠ΅ ΠΏΠΎΠ·ΠΎΡ€Π½ΠΎ, ΠΊΠ°ΠΊ ΠΈ Π·Π°Π²Π°Π»Π΅Π½Π½Ρ‹ΠΉ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚. Π’Π΅ΠΌ Π±ΠΎΠ»Π΅Π΅, Ρ‡Ρ‚ΠΎ ΠΈΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ это Π½Π΅Π΄ΠΎΡ€Π°Π·ΡƒΠΌΠ΅Π½ΠΈΠ΅, Π² ΠΎΠ±Ρ‰Π΅ΠΌ, Π½Π΅ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ слоТнСС «Π²Ρ‹ΠΏΡ€ΡΠΌΠ»Π΅Π½ΠΈΡ» прСсловутого Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°. И сСгодня я расскаТу Π²Π°ΠΌ ΠΎ Ρ‚Ρ€Ρ‘Ρ… простых способах ΠΈΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ пСрспСктивныС искаТСния.


Для ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°, самым Π½Π°Π³Π»Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, возьмСм случайноС Ρ„ΠΎΡ‚ΠΎ извСстного Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„Π°-ΠΏΡƒΡ‚Π΅ΡˆΠ΅ΡΡ‚Π²Π΅Π½Π½ΠΈΠΊΠ° frantsouzov ΠΈΠ· Π΅Π³ΠΎ поста ΠΏΡ€ΠΎ ΡƒΡΠ°Π΄ΡŒΠ±Ρƒ Ляхово. Π’ΠΎΡ‚ хотя Π±Ρ‹ это ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ фасада здания:

Π§Ρ‚ΠΎ я ΠΈ Π³ΠΎΠ²ΠΎΡ€ΠΈΠ» — Π΅Ρ‰Π΅ Ρ‡ΡƒΡ‚ΡŒ-Ρ‡ΡƒΡ‚ΡŒ ΠΈ ΠΏΠΎ Ρ„ΠΎΡ€ΠΌΠ΅ Π·Π΄Π°Π½ΠΈΠ΅ Π½Π°Ρ‡Π½Ρ‘Ρ‚ Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°Ρ‚ΡŒ СгипСтскиС ΠΏΠΈΡ€Π°ΠΌΠΈΠ΄Ρ‹. Π‘Π°ΠΌΠΎΠ΅ врСмя ΠΈΡΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ способ Π½Π°ΠΌΠ±Π° ΡƒΠ°Π½. ΠŸΠΎΡ‡Ρ‚ΠΈ всё, Ρ‡Ρ‚ΠΎ Π½Π°ΠΌ понадобится — это инструмСнт Crop (ΠΎΠ±Ρ€Π΅Π·ΠΊΠ°). ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π΄Π°Π½Π½Ρ‹ΠΉ инструмСнт ΠΈ ΠΊΠ°ΠΊ Π±Ρ‹ ΠΎΡ‡Π΅Ρ€Ρ‚ΠΈΡ‚Π΅ ΠΈΠΌ всё ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Π”Π°Π»Π΅Π΅ ΠΏΠΎΡΡ‚Π°Π²ΡŒΡ‚Π΅ Π³Π°Π»ΠΎΡ‡ΠΊΡƒ Perspective Π² ΠΏΠ°Π½Π΅Π»ΠΈ настроСк инструмСнта.

Π”Π°, Ρ‡ΡƒΡ‚ΡŒ Π½Π΅ Π·Π°Π±Ρ‹Π». Π’Π°ΠΌ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΡ€ΠΈΠ³ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅. Π­Ρ‚ΠΎ Π»ΠΈΠ½ΠΈΠΈ, ΠΏΠΎ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ Π½Π°ΠΌ ΠΏΠ°Ρ€Π°Π»Π»Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ ΠΈ ΠΏΠ΅Ρ€ΠΏΠ΅Π½Π΄ΠΈΠΊΡƒΠ»ΡΡ€Π½ΠΎΡΡ‚ΡŒ. Если Ρƒ вас Π² ΠΎΠΊΠ½Π΅ Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ° Π½Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ (см. ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚ Π½ΠΈΠΆΠ΅), ΠΆΠΌΠΈΡ‚Π΅ Ctrl+R. Π”Π°Π»Π΅Π΅ просто Ρ‚ΠΊΠ½ΠΈΡ‚Π΅ Π² любом мСстС Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ ΠΌΡ‹ΡˆΠΊΠΎΠΉ ΠΈ, Π½Π΅ отпуская, ΠΏΡ€ΠΎΡ‚Π°Ρ‰ΠΈΡ‚Π΅ Π΅Ρ‘ ΠΊ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅. ΠžΡ‚ΠΏΡƒΡΡ‚ΠΈΡ‚Π΅ ΠΌΡ‹ΡˆΠΊΡƒ Π² Π½ΡƒΠΆΠ½ΠΎΠΉ ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ. ΠŸΠΎΡΠ²ΠΈΡ‚ΡΡ пСрвая Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰Π°Ρ. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΈΡ… любоС количСство. Если ΠΎΠ½ΠΈ Π²Π°ΠΌ ΠΌΠ΅ΡˆΠ°ΡŽΡ‚, ΠΆΠΌΠΈΡ‚Π΅ Ctrl+H ΠΈ ΠΎΠ½ΠΈ исчСзнут. Π–ΠΌΠΈΡ‚Π΅ Π΅Ρ‰Π΅ Ρ€Π°Π· ΠΈ ΠΎΠ½ΠΈ появятся снова.

ПослС этой Π½Π΅ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΊΠΈ Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ, собствСнно, описанный Π²Ρ‹ΡˆΠ΅ ΠΊΡ€ΠΎΠΏ-Ρ‚ΡƒΠ». Π₯ватаСмся ΠΌΡ‹ΡˆΠΊΠΎΠΉ Π·Π° ΡƒΠ³ΠΎΠ»ΠΊΠΈ Ρ„ΠΎΡ‚ΠΎ ΠΈ Π΄Π΅Π»Π°Π΅ΠΌ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠ΅.

Как Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Π³ΠΎΡ‚ΠΎΠ²ΠΎ, Ρ‚Ρ‹Ρ‡Π΅ΠΌ enter ΠΈ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅ΠΌ Π²ΠΎΡ‚ Ρ‚Π°ΠΊΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ.

Π‘Ρ‚Π΅Π½Ρ‹ ΠΌΡ‹ «Π²Ρ‹ΠΏΡ€ΡΠΌΠΈΠ»ΠΈ», Π½ΠΎ Π·Π΄Π°Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΎΡΡŒ ΠΊΠ°ΠΊΠΈΠΌ-Ρ‚ΠΎ ΠΏΡ€ΠΈΠΏΠ»ΡŽΡΠ½ΡƒΡ‚Ρ‹ΠΌ. НС айс. Π”Π΅Π»Π°Π΅ΠΌ Π±ΡƒΠΊΠ²Π°Π»ΡŒΠ½ΠΎ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅: выдСляСм всю ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ (Ctrl+A), Π²ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌ инструмСнт «Free transform» (свободная трансформация) ΠΈ просто тянСм наш Π΄ΠΆΠΈΠΏΠ΅Π³ ΠΌΡ‹ΡˆΠΊΠΎΠΉ Π·Π° Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΡΠΊΠΎΡ€ΡŒ, ΠΏΠΎΠΊΠ° высота здания нас Π½Π΅ устроит.

Π’ΠΎΡ‚ Ρ‡Ρ‚ΠΎ Ρƒ нас ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΎΡΡŒ Π² ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠΌ ΠΈΡ‚ΠΎΠ³Π΅. ВсС эти манипуляции Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π·Π°ΠΌΡ‹Π»ΠΈΠ²Π°ΡŽΡ‚ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ, поэтому Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π½ΡƒΠΆΠ½ΠΎ с ΠΏΠΎΠ»Π½ΠΎΡ€Π°Π·ΠΌΠ΅Ρ€Π½Ρ‹ΠΌ Ρ„Π°ΠΉΠ»ΠΎΠΌ, Π° Π½Π΅ ΠΊΠ°ΠΊ я с малСнькой ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΎΠΉ с Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ 72 Ρ‚ΠΎΡ‡ΠΊΠΈ Π½Π° дюйм. Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΌΡ‹ Π²ΠΈΠ΄ΠΈΠΌ Π·Π΄Π°Π½ΠΈΠ΅, Ρ‚Π°ΠΊ ΡΠΊΠ°Π·Π°Ρ‚ΡŒ, ΠΏΠΎΡ‡Ρ‚ΠΈ Ρ‚Π°ΠΊ ΠΆΠ΅ ΠΊΠ°ΠΊ Π²ΠΈΠ΄ΠΈΡ‚ Π΅Π³ΠΎ чСловСчСский Π³Π»Π°Π·. Π’ΠΎ всяком случаС я Π½Π° это надСюсь. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, «Ρ‚Ссновато» ΠΎΠ±Ρ€Π΅Π·Π°Π½Π°, Π½ΠΎ Ρ‚Π°ΠΊ вСдь это Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€ΠΈΠΌΠ΅Ρ€. К Ρ‚ΠΎΠΌΡƒ ΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ, Π½Π° этапС ΡΡŠΡ‘ΠΌΠΊΠΈ, ΡΡ‚Π°Ρ€Π°Ρ‚ΡŒΡΡ «Π±Ρ€Π°Ρ‚ΡŒ» Ρ‡ΡƒΡ‚ΡŒ ΡˆΠΈΡ€Π΅, подразумСвая Π±ΡƒΠ΄ΡƒΡ‰ΡƒΡŽ ΠΎΠ±Ρ€Π΅Π·ΠΊΡƒ.

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

ΠžΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ ΠΎΠΊΠ½ΠΎ Ρ„ΠΈΠ»ΡŒΡ‚Ρ€Π° Lens Correction. Двигая ΠΏΠΎΠ»Π·ΡƒΠ½ΠΊΠΈ Π±Π»ΠΎΠΊΠ° Transform ΠΈ контролируя Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ ΠΏΠΎ сСткС, ΡƒΠ±Π΅Ρ€ΠΈΡ‚Π΅ искаТСния пСрспСктивы. Π’ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅ΠΌ спискС Edge Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ с Ρ‚Π΅ΠΌΠΈ участками Ρ„ΠΎΡ‚ΠΎ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΊΠ°ΠΊ Π±Ρ‹ Π½Π΅ Ρ…Π²Π°Ρ‚Π°Π΅Ρ‚. Π― Π²Ρ‹Π±Ρ€Π°Π» Π²Π°Ρ€ΠΈΠ°Π½Ρ‚, ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ΠΈ Π±ΡƒΠ΄ΡƒΡ‚ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΌΠΈ. Π’Π°Ρ€ΠΈΠ°Π½Ρ‚ Edge Extension, ΠΊΠΎΠ³Π΄Π° края автоматичСски Π·Π°ΠΏΠΎΠ»Π½ΡΡŽΡ‚ΡΡ растягиваниСм ΡƒΠ³Π»ΠΎΠ², Π² Π΄Π°Π½Π½ΠΎΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Π½Π΅ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚. Блишком ΡƒΠΆ Π½Π΅ рСалистично это ΠΏΠΎΡ‚ΠΎΠΌ выглядит. ΠŸΡ€ΠΈ ΠΌΠ΅Π½ΡŒΡˆΠΈΡ… искаТСниях ΠΈΠ½ΠΎΠ³Π΄Π° Π²Ρ‹Ρ…ΠΎΠ΄ΠΈΡ‚ сносный Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚, поэтому ΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ ΠΎΠ±Π° Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π° ΠΈ Π²Ρ‹Π±ΠΈΡ€Π°ΠΉΡ‚Π΅ Π»ΡƒΡ‡ΡˆΠΈΠΉ. ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Ρ‚Π°ΠΊΠΆΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΈ Π½Π° ΠΏΠΎΠ»Π·ΡƒΠ½ΠΎΠΊ Remove Distortion. Иногда послС манипуляций с пСрспСктивой ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° становится ΠΊΠ°ΠΊ Π±Ρ‹ Π²Ρ‹ΠΏΡƒΠΊΠ»ΠΎΠΉ. Π­Ρ‚ΠΎ Π½Π΅Π΄ΠΎΡ€Π°Π·ΡƒΠΌΠ΅Π½ΠΈΠ΅ Π»Π΅Π³ΠΊΠΎ убираСтся этим самым ΠΏΠΎΠ»Π·ΡƒΠ½ΠΊΠΎΠΌ. Π’ нашСм ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ этого Π½Π΅ ΠΏΠΎΡ‚Ρ€Π΅Π±ΠΎΠ²Π°Π»ΠΎΡΡŒ.

Π”Π°Π»ΡŒΡˆΠ΅ Π½Π°ΠΌ ΠΎΠΏΡΡ‚ΡŒ Π½ΡƒΠΆΠ΅Π½ инструмСнт Crop tool. Π“Π°Π»ΠΎΡ‡ΠΊΡƒ с Perspective Π½ΡƒΠΆΠ½ΠΎ ΡΠ½ΡΡ‚ΡŒ. ΠŸΡ€ΠΎΡΡ‚ΠΎ ΠΎΠ±Ρ€Π΅Π·Π°Π΅ΠΌ Π½Π° Ρ„ΠΎΡ‚ΠΎ, Ρ‚Π°ΠΊ ΡΠΊΠ°Π·Π°Ρ‚ΡŒ, Π½Π΅ΠΏΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½Ρ‹Π΅ участки. Π― Ρ‚Π°ΠΊ ΠΆΠ΅ срСзал Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ пространства Π½Π°Π΄ ΠΊΡ€Ρ‹ΡˆΠ΅ΠΉ здания.

Π˜Ρ‚Π°ΠΊ, ΠΈΡ‚ΠΎΠ³ Π²Ρ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΌΠ΅Ρ‚ΠΎΠ΄Π°.

Для ΠΏΡƒΡ‰Π΅ΠΉ наглядности Π΄Π°Π²Π°ΠΉΡ‚Π΅ сравним исходноС Ρ„ΠΎΡ‚ΠΎ ΠΈ ΠΎΠ±Π΅ ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½Π½Ρ‹Π΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ.

ΠŸΠ΅Ρ€Π²Ρ‹ΠΉ ΠΈ Π²Ρ‚ΠΎΡ€ΠΎΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚, ΠΊΠ°ΠΊ ΠΏΠΎ ΠΌΠ½Π΅, ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΡ…ΠΎΠΆΠΈ, Π° Π²ΠΎΡ‚ исходник ΠΏΡ€ΠΈ Ρ‚Π°ΠΊΠΈΡ… «ΡΠΎΡΠ΅Π΄ΡΡ…» каТСтся Π΅Ρ‰Ρ‘ Π±ΠΎΠ»Π΅Π΅ странным. Π‘ΡƒΠ΄Ρ‚ΠΎ Π±Ρ‹, Π½Π°ΠΎΠ±ΠΎΡ€ΠΎΡ‚, Π΅Π³ΠΎ ΠΊΡ‚ΠΎ-Ρ‚ΠΎ Ρ‚Π΅Ρ€Π·Π°Π» Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅, ΠΏΡ‹Ρ‚Π°ΡΡΡŒ ΡΠ²Π°Π»ΠΈΡ‚ΡŒ Π½Π° зСмлю. Π’ΠΏΡ€ΠΎΡ‡Π΅ΠΌ, Π΄Π°Π²Π°ΠΉΡ‚Π΅ ΠΆΠ΅ Π΅Ρ‰Π΅ глянСм, Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΌ Π·Π° Ρ‚Ρ€Π΅Ρ‚ΠΈΠΉ ΠΌΠ΅Ρ‚ΠΎΠ΄ исправлСния пСрспСктивных искаТСний. ДСлаСтся ΠΎΠ½, Π² ΠΎΠ±Ρ‰Π΅ΠΌ, ΠΏΠΎ Ρ‚ΠΎΠΌΡƒ ΠΆΠ΅ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΡƒ. Π’Π΅ ΠΆΠ΅ яйца, Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² ΠΏΡ€ΠΎΡ„ΠΈΠ»ΡŒ. ВыдСляСм всю ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ(Ctrl+A), Π² мСню Edit Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ ΠΏΡƒΠ½ΠΊΡ‚ Transform, Π° Ρ‚Π°ΠΌ, Π²Ρ‹ Π½Π΅ ΠΏΠΎΠ²Π΅Ρ€ΠΈΡ‚Π΅, ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ Perspective. Π”Π°Π»Π΅Π΅ слСдуСт ΠΏΠΎΡ‚ΡΠ½ΡƒΡ‚ΡŒ ΠΌΡ‹ΡˆΠΊΠΎΠΉ Π·Π° ΡƒΠ³ΠΎΠ»ΠΊΠΈ Ρ„ΠΎΡ‚ΠΎΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ ΠΈ Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ Π½Π΅Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠ΅ ΠΌΠΎΠ΅ΠΉ ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ. НаТимаСм enter, наблюдаСм ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ ΠΎΠΏΡΡ‚ΡŒ ΠΆΠ΅ ΠΏΠΎΡ…ΠΎΠΆΡƒΡŽ Π½Π° ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½Π½Ρ‹Π΅ ΠΏΠ΅Ρ€Π²Ρ‹ΠΌΠΈ двумя способами.

Какой Ρ‚ΡƒΡ‚ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π²Ρ‹Π²ΠΎΠ΄? ВсС Ρ‚Ρ€ΠΈ способа, ΠΏΠΎΠΆΠ°Π»ΡƒΠΉ, ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ‡Π½Ρ‹ ΠΏΠΎ Ρ‚Ρ€ΡƒΠ΄ΠΎΠ·Π°Ρ‚Ρ€Π°Ρ‚Π°ΠΌ, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ Π²Ρ‹Π±ΠΈΡ€Π°ΠΉΡ‚Π΅ сСбС Π² пользованиС любой ΠΈΡ… Π½ΠΈΡ…. Π—Π°ΠΌΠ΅Ρ‡Ρƒ, Ρ‡Ρ‚ΠΎ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ ΠΌΠ΅Ρ‚ΠΎΠ΄ особСнно Ρ…ΠΎΡ€ΠΎΡˆ для «Ρ€Π°ΡΠΏΡ€ΡΠΌΠ»Π΅Π½ΠΈΡ» снятых сбоку ΠΊΠ°Ρ€Ρ‚ΠΈΠ½, Ρ‚Π°Π±Π»ΠΈΡ‡Π΅ΠΊ ΠΈ Ρ‚ΠΎΠΌΡƒ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠ³ΠΎ. Выглядит это Π±ΡƒΠ΄Π΅Ρ‚ ΠΊΠ°ΠΊ-Ρ‚ΠΎ Ρ‚Π°ΠΊ:

Π˜Ρ‚ΠΎΠ³ΠΎΠΌ Π±ΡƒΠ΄Π΅Ρ‚ Π²ΠΎΡ‚ эта ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°.

Π”ΠΆΠΈΠΏΠ΅Π³, кстати, случайный ΠΈΠ· Π²Ρ‹Π΄Π°Π½Π½Ρ‹Ρ… яндСксом ΠΏΠΎ запросу «ΠΊΠ°Ρ€Ρ‚ΠΈΠ½Π° Π² ΠΌΡƒΠ·Π΅Π΅». Π’ΠΎΡ‚ Π°Π²Ρ‚ΠΎΡ€ Ρ„ΠΎΡ‚ΠΎ, Ссли Ρ‡Ρ‚ΠΎ.
Ну, Π° я ΠΏΡ€ΠΎΡ‰Π°ΡŽΡΡŒ с Π²Π°ΠΌΠΈ. НадСюсь, ΡƒΡ€ΠΎΠΊ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΌ. Π’ΠΎΡ‡Π½ΠΎ знаю ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΡŽΠ·Π΅Ρ€Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΡƒΠΆΠ΅ послСдовал ΠΌΠΎΠΈΠΌ совСтам ΠΈ Π΅Π³ΠΎ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ стали Π΅Ρ‰Ρ‘ Π»ΡƒΡ‡ΡˆΠ΅. Π­Ρ‚ΠΎ d_a_ck9. Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽ, Π° Ссли Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π½Π΅ понятно — ΡΠΏΡ€Π°ΡˆΠΈΠ²Π°ΠΉΡ‚Π΅.

NB. Если ΠΆΠ΅ Π²Ρ‹ ΠΏΠΎ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π΅ ΠΊΠ°ΠΊΠΈΡ…-Ρ‚ΠΎ своих ΠΌΠΎΡ€Π°Π»ΡŒΠ½Ρ‹Ρ…, этичСских ΠΈΠ»ΠΈ Π΄Π°ΠΆΠ΅ политичСских ΡƒΠ±Π΅ΠΆΠ΄Π΅Π½ΠΈΠΉ ΠΏΡ€ΠΈΠ΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚Π΅ΡΡŒ мнСния, Ρ‡Ρ‚ΠΎ ΠΈΡΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ пСрспСктивныС искаТСния Π½Π΅ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, я Π²Π°ΠΌ ΠΎΡ‚Π²Π΅Ρ‡Ρƒ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ просто Π»Π΅Π½ΠΈΠ²Ρ‹ ΠΈ Π½Π΅ Π±ΠΎΠ»Π΅Π΅ Ρ‚ΠΎΠ³ΠΎ. Π”Π°, Π±Ρ‹Π²Π°ΡŽΡ‚ случаи, ΠΊΠΎΠ³Π΄Π° искаТСния, Π½Π°ΠΎΠ±ΠΎΡ€ΠΎΡ‚, Π΄ΠΎΠ±Π°Π²Π»ΡΡŽΡ‚ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ ΡˆΠ°Ρ€ΠΌΠ° (Ρ‚ΠΎΡ‚ ΠΆΠ΅ Ρ„ΠΈΡˆΠ°ΠΉ), Π½ΠΎ я ΠΏΠΎ большСй стСпСни ΠΎ, Ρ‚Π°ΠΊ ΡΠΊΠ°Π·Π°Ρ‚ΡŒ, ΠΏΡ€ΠΎΡ‚ΠΎΠΊΠΎΠ»ΡŒΠ½ΠΎΠΉ Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Π½ΠΎΠΉ ΠΈ ΠΈΠ½Ρ‚Π΅Ρ€ΡŒΠ΅Ρ€Π½ΠΎΠΉ ΡΡŠΡ‘ΠΌΠΊΠ΅. Π¦ΠΈΡ‚ΠΈΡ€ΡƒΡŽ пСдивикию для самых ΡƒΠΏΡ‘Ρ€Ρ‚Ρ‹Ρ…: «ΠŸΡ€ΠΈ Π΄Π°Π½Π½ΠΎΠΌ Π²ΠΈΠ΄Π΅ Ρ„ΠΎΡ‚ΠΎΡΡŠΡ‘ΠΌΠΊΠΈ основная Π·Π°Π΄Π°Ρ‡Π° состоит Π² ΠΏΡ€Π°Π²Π΄ΠΈΠ²ΠΎΠΌ ΠΈ Ρ‚ΠΎΡ‡Π½ΠΎΠΌ ΠΏΠΎΠΊΠ°Π·Π΅ Ρ„ΠΎΡ€ΠΌΡ‹ здания, ΠΎΡ‚Π΄Π΅Π»ΠΊΠΈ, ΡΠΊΡƒΠ»ΡŒΠΏΡ‚ΡƒΡ€ ΠΈ элСмСнтов Π΄Π΅ΠΊΠΎΡ€Π°. ΠŸΡ€ΠΈΠ½Ρ†ΠΈΠΏΠΈΠ°Π»ΡŒΠ½ΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ для Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Π½ΠΎΠΉ ΡΡŠΡ‘ΠΌΠΊΠΈ ΠΈΠΌΠ΅Π΅Ρ‚ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ ΠΈ ΠΏΡ€ΡΠΌΠΎΠ»ΠΈΠ½Π΅ΠΉΠ½ΠΎΡΡ‚ΡŒ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΈ прямых Π»ΠΈΠ½ΠΈΠΉ. Для этого оптичСская ось ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΈΠ²Π° Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Π°, Π° ΠΏΠ»ΠΎΡΠΊΠΎΡΡ‚ΡŒ Ρ„ΠΎΡ‚ΠΎΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π° ΠΈΠ»ΠΈ ΠΌΠ°Ρ‚Ρ€ΠΈΡ†Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Π° ΠΈ Π½ΠΈ Π² ΠΊΠΎΠ΅ΠΌ случаС Π½Π΅ Π½Π°ΠΊΠ»ΠΎΠ½Π΅Π½Π°.«

Π§Π°ΠΎ!

Бсылки для ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ изучСния:
АрхитСктурная фотография
ΠšΠΎΡ€Ρ€Π΅ΠΊΡ†ΠΈΡ пСрспСктивы
Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π² Π΄Ρ€ΡƒΠ·ΡŒΡ

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

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