Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½Ρ‹ΠΉ Ρ‚Ρ€Π΅ΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ Π² Ρ„ΠΈΠ³ΠΌΠ΅: Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½Ρ‹ΠΉ Ρ‚Ρ€Π΅ΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ — svgpng.ru

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

Как Π² Figma ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΎΠ±ΡŠΡ‘ΠΌΠ½ΡƒΡŽ Ρ„ΠΈΠ³ΡƒΡ€Ρƒ ΠΈΠ· Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚ΠΎΠ² / Skillbox Media

Π”ΠΈΠ·Π°ΠΉΠ½

#Руководства

  • 0

ΠšΠΎΡ€ΠΎΡ‚ΠΊΠΎ и ясно рассказываСм, как быстро Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ интСрСсного эффСкта для вашСго ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°.

Vkontakte

Twitter

Telegram

Π‘ΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ссылку

Π˜Π»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΡ: Оля Π•ΠΆΠ°ΠΊ для Skillbox Media

ВячСслав Π›Π°Π·Π°Ρ€Π΅Π²

Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€. ΠŸΠΈΡˆΠ΅Ρ‚ ΠΏΡ€ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½, Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠ΅Ρ‚ ΠΊΠ½ΠΈΠ³ΠΈ, ΡˆΡƒΡ‚ΠΈΡ‚ ΡˆΡƒΡ‚ΠΊΠΈ, смотрит Π°Π½ΠΈΠΌΠ΅.

ΠžΠ±Ρ‹Ρ‡Π½ΠΎ Ρ‚Ρ€Ρ‘Ρ…ΠΌΠ΅Ρ€Π½Ρ‹Π΅ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ Π²Β Figma Π΄Π΅Π»Π°ΡŽΡ‚ ΡΒ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ². Но Ссли Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ простоС и быстроС, Ρ‚ΠΎΒ Ρ‚Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ врСмя Π½Π°Β ΠΏΡ€ΠΎΡ€Π°Π±ΠΎΡ‚ΠΊΡƒ пСрспСктивы и свСта — Π½Π΅Β ΠΎΡ‡Π΅Π½ΡŒ Ρ€Π°Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎ. В этой инструкции рассказываСм, ΠΊΠ°ΠΊ ΡΒ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚ΠΎΠ² ΠΈΒ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚ΠΎΠ² ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ‚Ρ€Ρ‘Ρ…ΠΌΠ΅Ρ€Π½Ρ‹ΠΉ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ.

  1. Π‘Π΄Π΅Π»Π°ΠΉΡ‚Π΅ Ρ‚Ρ€ΠΈ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π° с трСмя Ρ†Π²Π΅Ρ‚Π°ΠΌΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΠ±Ρ€Π°Π·ΡƒΡŽΡ‚ ваш Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚. Π’Β Π½Π°ΡˆΠ΅ΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ это #5C2774, #335CC5 ΠΈΒ #637FFD.
  2. Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ, Π²Β Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ настроСк Π·Π°ΠΉΠ΄ΠΈΡ‚Π΅ в свойства Π΅Π³ΠΎ Ρ†Π²Π΅Ρ‚Π° и вмСсто Solid Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Linear.
  3. Π’Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ ΠΎΠ±Ρ€Π°Π·Π΅Ρ† Ρ†Π²Π΅Ρ‚Π° Π½Π°Β Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π΅ ΠΈΒ ΡΒ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠΈΠΏΠ΅Ρ‚ΠΊΠΈ скопируйтС Ρ†Π²Π΅Ρ‚ ΠΈΠ·Β ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π°. ΠŸΠΎΠ²Ρ‚ΠΎΡ€ΠΈΡ‚Π΅ это Ρ‚Ρ€ΠΈ Ρ€Π°Π·Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ у вас получился Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚.
  4. ΠΠ°Β ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ΅ настройтС Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚ Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°Β Π½Ρ‘ΠΌ Π½Π΅Β Π±Ρ‹Π»ΠΎ Ρ€Π΅Π·ΠΊΠΈΡ… ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΎΠ² ΠΈΠ·Β ΠΎΠ΄Π½ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚Π° Π²Β Π΄Ρ€ΡƒΠ³ΠΎΠΉ.

  1. Π‘Π΄Π΅Π»Π°ΠΉΡ‚Π΅ высокий ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ ΠΈΒ Π΄Π²Π°ΠΆΠ΄Ρ‹ ΠΊΠ»ΠΈΠΊΠ½ΠΈΡ‚Π΅ ΠΏΠΎΒ Π½Π΅ΠΌΡƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ Π²Β Ρ€Π΅ΠΆΠΈΠΌ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠ³ΠΎ рСдактирования.
  2. НавСдитС курсор Π½Π°Β Π²Π΅Ρ€Ρ…Π½ΡŽΡŽ Π³Ρ€Π°Π½ΡŒ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°, Π·Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΏΠΎΡΠ²ΠΈΠ²ΡˆΡƒΡŽΡΡ Ρ‚ΠΎΡ‡ΠΊΡƒ посСрСдинС, вытянитС Π΅Ρ‘, Ρ‡Ρ‚ΠΎΠ±Ρ‹ получился ΡƒΠ³ΠΎΠ», ΠΈΒ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Done.
  3. Π’Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ с градиСнтом, Π°Β Π·Π°Ρ‚Π΅ΠΌΒ β€” ΠΊΠ»ΠΈΠΊΠ½ΠΈΡ‚Π΅ Π½Π°Β Π΅Π³ΠΎ Π·Π°Π»ΠΈΠ²ΠΊΡƒ в свойствах Ρ†Π²Π΅Ρ‚Π°. НаТмитС Ctrl (⌘) + C, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚.
  4. Π’Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ вытянутый ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ ΠΈΒ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Ctrl (⌘) + V. Π—Π°Ρ‚Π΅ΠΌΒ β€” растянитС свой Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚ по высотС Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ он занял всю Ρ„ΠΈΠ³ΡƒΡ€Ρƒ.

  1. Π‘ΠΊΠΎΠΏΠΈΡ€ΡƒΠΉΡ‚Π΅ Ρ„ΠΈΠ³ΡƒΡ€Ρƒ ΠΈΒ ΠΏΠΎΡΡ‚Π°Π²ΡŒΡ‚Π΅ Π΅Ρ‘Β Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Π΅Ρ€ΡˆΠΈΠ½Π° острого ΡƒΠ³Π»Π° совпала ΡΒ Π²Π΅Ρ€ΡˆΠΈΠ½ΠΎΠΉ Ρ‚ΡƒΠΏΠΎΠ³ΠΎ слСва. Π’ΠΎΒ ΠΆΠ΅ самоС сдСлайтС и справа.
  2. Π‘ΠΊΠΎΠΏΠΈΡ€ΡƒΠΉΡ‚Π΅ ΠΎΡΠ½ΠΎΠ²Π½ΡƒΡŽ Ρ„ΠΈΠ³ΡƒΡ€Ρƒ Ρ‡Π΅Ρ€Π΅Π· Ctrl (⌘) + C ΠΈΒ Π²ΡΡ‚Π°Π²ΡŒΡ‚Π΅ Π½Π°Β Ρ‚ΠΎΒ ΠΆΠ΅ мСсто Ρ‡Π΅Ρ€Π΅Π· Ctrl (⌘) + Shift + V.
  3. Π—Π°ΠΆΠΌΠΈΡ‚Π΅ Ctrl (⌘) ΠΈΒ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ Π»ΡŽΠ±ΡƒΡŽ ΡΠΌΠ΅Ρ‰Ρ‘Π½Π½ΡƒΡŽ Ρ„ΠΈΠ³ΡƒΡ€Ρƒ ΠΈΒ ΠΎΡΠ½ΠΎΠ²Π½ΡƒΡŽ. Π—Π°Ρ‚Π΅ΠΌ Π½Π°Β Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ Π½Π°Β ΠΈΠΊΠΎΠ½ΠΊΡƒΒ  ΠΈΒ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅Β Π½Π° . ΠŸΠΎΠ²Ρ‚ΠΎΡ€ΠΈΡ‚Π΅ это с обСими смСщёнными Ρ„ΠΈΠ³ΡƒΡ€Π°ΠΌΠΈ.
  4. Π’Β ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ²ΡˆΠ΅ΠΉΡΡ Ρ„ΠΈΠ³ΡƒΡ€Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π°. Π£Β ΠΏΡ€Π°Π²ΠΎΠΉ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Ρ‚Π΅ΠΌΠ½Π΅Π΅, Π°Β ΡƒΒ Π»Π΅Π²ΠΎΠΉΒ β€” свСтлСС.
  5. ΠŸΡ€ΠΈ нСобходимости ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π° ΡƒΒ Π²Π΅Ρ€Ρ…ΡƒΡˆΠΊΠΈ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹Β β€” ΠΎΠ½Π° Π΄ΠΎΠ»ΠΆΠ½Π° ΠΎΡΡ‚Π°Π²Π°Ρ‚ΡŒΡΡ Π·Π°ΠΌΠ΅Ρ‚Π½ΠΎΠΉ.
  6. По ТСланию Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Ρ„ΠΎΠ½ с самым Ρ‚Ρ‘ΠΌΠ½Ρ‹ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π°.

Π‘Π°ΠΌΠΎΡƒΡ‡ΠΈΡ‚Π΅Π»ΡŒ ΠΏΠΎΒ Figma

Π‘Π°ΠΌΡ‹Π΅ ΠΏΠΎΠ»Π½Ρ‹Π΅ ΠΈΒ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Π΅ инструкции, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ ΠΎΡΠ²ΠΎΠΈΡ‚ΡŒ всС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ графичСского Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°.

Π‘ΠΎΠ»ΡŒΡˆΠ΅ ΠΎΒ Figma

Vkontakte

Twitter

Telegram

Π‘ΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ссылку

ΠΠ°ΡƒΡ‡ΠΈΡ‚Π΅ΡΡŒ: Figma с нуля Π΄ΠΎ PRO
Π£Π·Π½Π°Ρ‚ΡŒ большС

Π¨ΠΈΠ³Π΅Ρ€Ρƒ Π‘Π°Π½ сдСлал выставку ΡΠ²Π΅Ρ‚ΠΈΠ»ΡŒΠ½ΠΈΠΊΠΎΠ² Ѐрэнка Π›Π»ΠΎΠΉΠ΄Π° Π Π°ΠΉΡ‚Π° Π² Ρ‚ΡƒΠ½Π½Π΅Π»Π΅ ΠΈΠ· Π±ΡƒΠΌΠ°ΠΆΠ½Ρ‹Ρ… Ρ‚Ρ€ΡƒΠ±
21 Π°ΠΏΡ€ 2023

Для кинофСстиваля «Бандэнс» сдСлали ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ долгосрочный Π±Ρ€Π΅Π½Π΄ΠΈΠ½Π³
21 Π°ΠΏΡ€ 2023

ΠžΡ€Π³Π°Π½ΠΈΠ·Π°Ρ‚ΠΎΡ€Ρ‹ фСстиваля Π½ΠΎΠ²ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Β«Π‘Ρ€Π΅Π΄Π°Β» рассказали ΠΎ Π±Ρ€Π΅Π½Π΄ΠΈΠ½Π³Π΅ этого Π³ΠΎΠ΄Π°
20 Π°ΠΏΡ€ 2023

ΠŸΠΎΠ½Ρ€Π°Π²ΠΈΠ»Π°ΡΡŒ ΡΡ‚Π°Ρ‚ΡŒΡ?

Π”Π°

Inkscape.

Π‘ΠΎΠ²Π΅Ρ‚Ρ‹

ΠœΠ°Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΡ‡Π΅ΡΠΊΠΈΠ΅ вычислСния Π² полях Π²Π²ΠΎΠ΄Π°

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

Π“Π΄Π΅ Π·Π°Π΄Π°Π²Π°Ρ‚ΡŒ вопросы ΠΏΠΎ Inkscape?

Если английский вас Π½Π΅ ΠΏΡƒΠ³Π°Π΅Ρ‚, Ρ‚ΠΎ ΡΠΏΡ€Π°ΡˆΠΈΠ²Π°ΠΉΡ‚Π΅ Π½Π° Graphic Design Stack Exchange.

ΠŸΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ просмотр SVG Π² ΠŸΡ€ΠΎΠ²ΠΎΠ΄Π½ΠΈΠΊΠ΅

Π‘ΠΊΠ°Ρ‡Π°ΠΉΡ‚Π΅ ΠΈ установитС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ SVG Explorer Extension. Π’Ρ‹Π±ΠΈΡ€Π°ΠΉΡ‚Π΅ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ для вашСй Windows. ПослС этого Ρƒ вас появится Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ SVG-Ρ„Π°ΠΉΠ»Ρ‹ Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ прСдпросмотра (ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ View | Large Icons/Π’ΠΈΠ΄ | Π‘ΠΎΠ»ΡŒΡˆΠΈΠ΅ Π·Π½Π°Ρ‡ΠΊΠΈ).

Π‘ΠΎΡ…Ρ€Π°Π½Π΅Π½ΠΈΠ΅ настроСк (устарСло)

Π’ вСрсии 1.0 Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ свой шаблон ΠΊΠ°ΠΊ шаблон ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ (File | Save Template).

Π‘Ρ‚Π°Ρ€Ρ‹ΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚: Настройки, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Π΅ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, Π½Π΅ совсСм ΡƒΠ΄ΠΎΠ±Π½Ρ‹. Π§Ρ‚ΠΎΠ±Ρ‹ Π½Π΅ ΠΌΠ΅Π½ΡΡ‚ΡŒ настройки ΠΏΠΎΠ΄ сСбя ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ€Π°Π· ΠΏΡ€ΠΈ Π½ΠΎΠ²ΠΎΠΌ запускС Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°, Π½ΡƒΠΆΠ½ΠΎ ΠΏΡ€ΠΎΠ΄Π΅Π»Π°Ρ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Ρ€Π°Π±ΠΎΡ‚Ρƒ.

ЗапуститС Inkscape ΠΈ помСняйтС настройки ΠΏΠΎΠ΄ сСбя Π² Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅ Document Properties (Shift+Ctrl+D). Π― мСняю Π΅Π΄ΠΈΠ½ΠΈΡ†Ρ‹ измСрСния Π½Π° px Π² Π΄Π²ΡƒΡ… мСстах, снимаю Ρ„Π»Π°ΠΆΠΎΠΊ Show page border.

БохраняСм пустой Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ ΠΏΠΎΠ΄ ΠΈΠΌΠ΅Π½Π΅ΠΌ default_my.svg. Π”Π°Π»Π΅Π΅ ΠΈΠ΄Ρ‘ΠΌ Π² ΠΏΠ°ΠΏΠΊΡƒ C:\Program Files\Inkscape\share\templates ΠΈ ΠΊΠΎΠΏΠΈΡ€ΡƒΠ΅ΠΌ Π² Π½Π΅Ρ‘ свой Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚. Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΏΡ€ΠΈ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° Π²Ρ‹Π·Ρ‹Π²Π°Π΅ΠΌ Π² мСню File | New from Template…, Π½Π°Ρ…ΠΎΠ΄ΠΈΠΌ свой шаблон ΠΈ Π΄Π²ΠΎΠΉΠ½Ρ‹ΠΌ Ρ‰Π΅Π»Ρ‡ΠΊΠΎΠΌ запускаСм Π΅Π³ΠΎ.

Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ сразу Π·Π°ΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ свой шаблон ΠΏΡ€ΠΈ стартС, Ρ‚ΠΎ Ρ‚ΠΎΠ³Π΄Π° сохраняйтС Π΅Π³ΠΎ ΠΏΠΎΠ΄ ΠΈΠΌΠ΅Π½Π΅ΠΌ default.svg ΠΈ Π·Π°ΠΌΠ΅Π½ΠΈΡ‚Π΅ ΠΈΠΌ ΡƒΠΆΠ΅ ΠΈΠΌΠ΅ΡŽΡ‰ΠΈΠΉΡΡ Ρ„Π°ΠΉΠ» с Ρ‚Π°ΠΊΠΈΠΌ ΠΆΠ΅ ΠΈΠΌΠ΅Π½Π΅ΠΌ (ΠΆΠ΅Π»Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π΅Π³ΠΎ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΏΠΎΠ΄ Π΄Ρ€ΡƒΠ³ΠΈΠΌ ΠΈΠΌΠ΅Π½Π΅ΠΌ).

Быстрая установка ΠΎΠ±Π²ΠΎΠ΄ΠΊΠΈ

ΠŸΠΎΠ»Π΅Π·Π½Ρ‹ΠΉ ΠΏΡ€ΠΈΡ‘ΠΌ для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ².

Как Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ Ρ‚Ρ€Π΅ΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ

ΠŸΠ΅Ρ€Π²Ρ‹ΠΉ способ — Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ инструмСнт «Π—Π²Π΅Π·Π΄Π°» ΠΈ устанавливаСм Π² настройках Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ 3 для ΠΎΠΏΡ†ΠΈΠΈ Corners. РисуСм Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ Ρ‚Ρ€Π΅ΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ.

Π’Ρ‚ΠΎΡ€ΠΎΠΉ способ — рисуСм ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ инструмСнта «ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ» . ΠŸΠ΅Ρ€Π΅Π²ΠΎΠ΄ΠΈΠΌ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ Π² ΠΊΠΎΠ½Ρ‚ΡƒΡ€ Ρ‡Π΅Ρ€Π΅Π· Path | Object to Path. Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнта «Π£Π·Π»Ρ‹» Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ Ρ‚Ρ€ΠΈ сосСдних ΡƒΠ·Π»Π° ΠΈ примСняСм ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΡŽ «Delete segment between two non-endpoint nodes».

Π’Ρ€Π΅Ρ‚ΠΈΠΉ способ — с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ΅Ρ€Π° рисуСм Ρ‚Ρ€Π΅ΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ ΠΈ Π·Π°ΠΊΡ€Π°ΡˆΠΈΠ²Π°Π΅ΠΌ Π΅Π³ΠΎ.

Π§Π΅Ρ‚Π²Ρ‘Ρ€Ρ‚Ρ‹ΠΉ способ — Extension | Render | Triangle….

Π‘Π΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΠ°Π΄Π°ΡŽΡ‰ΡƒΡŽ Ρ‚Π΅Π½ΡŒ

ΠžΠ±Ρ‰ΠΈΠΉ Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌ дСйствий Π½Π°Π΄ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°ΠΌΠΈ:

  1. ВыдСляСм всС ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹
  2. Π”ΡƒΠ±Π»ΠΈΡ€ΡƒΠ΅ΠΌ ΠΈΡ… (Ctrl+D)
  3. Π—Π°Π»ΠΈΠ²Π°Π΅ΠΌ сСрым Ρ†Π²Π΅Ρ‚ΠΎΠΌ
  4. ΠžΠΏΡƒΡΠΊΠ°Π΅ΠΌ Π·Π° всС ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ Π² самый Π½ΠΈΠ·
  5. Π”Π΅Π»Π°Π΅ΠΌ Ρ€Π°Π·ΠΌΡ‹Ρ‚ΠΈΠ΅
  6. УмСньшаСм ΠΈ сдвигаСм Π² случаС нСобходимости

Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ тСкст ΠΈΠ· рисунка

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² качСствС ΠΏΠΎΠ΄Π»ΠΎΠΆΠΊΠΈ для тСкста.

Π’Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚

Π’ вСрсии 0.91 стало Π»Π΅Π³Ρ‡Π΅ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ находятся Π½Π° Π·Π°Π΄Π½Π΅ΠΌ ΠΏΠ»Π°Π½Π΅: ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Alt + ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ° колСсиком ΠΌΡ‹ΡˆΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠ΅Ρ€Π΅Π±Ρ€Π°Ρ‚ΡŒ всС элСмСнты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ слоТСны Π΄Ρ€ΡƒΠ³ Π½Π° Π΄Ρ€ΡƒΠ³Π° ΠΏΠΎΠ΄ Ρ‚Π΅ΠΊΡƒΡ‰ΠΈΠΌ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ курсора (ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Shift + Alt + ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ° колСсиком ΠΌΡ‹ΡˆΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ ΠΊ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰Π΅ΠΌΡƒ Π²Ρ‹Π±ΠΎΡ€Ρƒ).

Как Π²Ρ€Π°Ρ‰Π°Ρ‚ΡŒ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚

ΠŸΠ΅Ρ€Π²Ρ‹ΠΉ способ самый ΠΎΡ‡Π΅Π²ΠΈΠ΄Π½Ρ‹ΠΉ — Π²Ρ‹Π±Ρ€Π°Π»ΠΈ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚, Ρ‰Ρ‘Π»ΠΊΠ½ΡƒΠ»ΠΈ Π΅Ρ‰Ρ‘ Ρ€Π°Π· для появлСния Ρ€Ρ‹Ρ‡Π°Π³ΠΎΠ² ΠΏΠΎΠ²ΠΎΡ€ΠΎΡ‚Π° ΠΈ ΠΏΠΎΠ²ΠΎΡ€Π°Ρ‡ΠΈΠ²Π°Π΅ΠΌ Π½Π° Π³Π»Π°Π·ΠΎΠΊ.

Для ΠΏΠΎΠ²ΠΎΡ€ΠΎΡ‚Π° Π½Π° ΡƒΠ³Π»Ρ‹ с ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»ΠΎΠΌ 15 градусов ΡƒΠ΄Π΅Ρ€ΠΆΠΈΠ²Π°ΠΉΡ‚Π΅ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Ctrl ΠΈ Π²Ρ€Π°Ρ‰Π°ΠΉΡ‚Π΅ Π·Π° Ρ€Ρ‹Ρ‡Π°Π³ΠΈ. Π’Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ клавиши ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π½Ρ‹Ρ… скобок [ ΠΈΠ»ΠΈ ] для Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½ΠΎΠΉ ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΈ.

Для ΠΏΠΎΠ²ΠΎΡ€ΠΎΡ‚Π° Π½Π° 90 градусов ΠΏΠΎ часовой ΠΈ ΠΏΡ€ΠΎΡ‚ΠΈΠ² часовой стрСлки ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов.

А ΠΊΠ°ΠΊ ΠΏΠΎΠ²Π΅Ρ€Π½ΡƒΡ‚ΡŒ Π½Π° Π½ΡƒΠΆΠ½ΠΎΠ΅ число градусов? Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ Object | Transform… ΠΈ Π² Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅ ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΡƒ Rotate, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°Π΄Π°Ρ‚ΡŒ Ρ‚ΠΎΡ‡Π½ΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΏΠΎΠ²ΠΎΡ€ΠΎΡ‚Π°.

ΠšΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ

Π’Π°ΠΌ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ с нуля. Π•ΡΡ‚ΡŒ Π³ΠΎΡ‚ΠΎΠ²ΠΎΠ΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ — Extensions | Render | Calendar. Π’ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅ настроСк Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°Π΄Π°Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚, названия мСсяцСв, Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅.

Π Π΅ΠΊΠ»Π°ΠΌΠ°

ΠžΡΠ½ΠΎΠ²Ρ‹ Ρ„ΠΈΠ³ΡƒΡ€ Π² Figma. Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„ΠΎΡ€ΠΌΡ‹ ΠΈ ΠΊΠ°ΠΊ ΠΈΡ… ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ.

Руководство ΠΏΠΎ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠΌΡƒ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡Π΅Π½ΠΈΡŽ Figma

Π§Ρ‚ΠΎ это Ρ‚Π°ΠΊΠΎΠ΅ ΠΈ ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹.

Π€ΠΎΡ‚ΠΎ MagicPattern Π½Π° Unsplash

ΠŸΡ€ΠΈΠ²Π΅Ρ‚, ΠΈ спасибо, Ρ‡Ρ‚ΠΎ заглянули!

БСгодня ΠΌΡ‹ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠΌ ΠΎ Ρ„ΠΈΠ³ΡƒΡ€Π°Ρ… Π² Figma.

Π‘Π»ΠΎΠ²ΠΎ Β«Ρ„ΠΎΡ€ΠΌΠ°Β» ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ относится ΠΊ гСомСтричСской Ρ„ΠΈΠ³ΡƒΡ€Π΅. Для Ρ†Π΅Π»Π΅ΠΉ Figma это Π½ΠΈΡ‡Π΅ΠΌ Π½Π΅ отличаСтся, Π·Π° ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ΠΌ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ Π»ΠΈΠ½ΠΈΠΈ Ρ‚Π°ΠΊΠΆΠ΅ ΡΡ‡ΠΈΡ‚Π°ΡŽΡ‚ΡΡ Ρ„ΠΎΡ€ΠΌΠ°ΠΌΠΈ.

Π€ΠΎΡ€ΠΌΡ‹ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для ΠΌΠ½ΠΎΠ³ΠΈΡ… Π²Π΅Ρ‰Π΅ΠΉ, ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½Ρ‹Ρ… Ρ‚ΠΎΠ»ΡŒΠΊΠΎ вашим Π²ΠΎΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ. Они ΠΏΡ€Π΅Π΄Π»Π°Π³Π°ΡŽΡ‚ быстрый способ создания гСомСтричСских Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Ρ… ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² Π² Figma, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ прСимущСство Π² своих дизайнСрских ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ….

Π₯отя Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ 5 прСдустановлСнных Ρ„ΠΈΠ³ΡƒΡ€ (ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ, Эллипс, ΠœΠ½ΠΎΠ³ΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ, Π—Π²Π΅Π·Π΄Π°, Π‘Ρ‚Ρ€Π΅Π»ΠΊΠ°), каТдая ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π° для своих Ρ†Π΅Π»Π΅ΠΉ, Figma прСдоставляСт Π²Π°ΠΌ инструмСнты для создания любой Ρ„ΠΎΡ€ΠΌΡ‹, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°Ρ…ΠΎΡ‚Π΅Ρ‚ΡŒ, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнта Π»ΠΈΠ½ΠΈΠΈ ΠΈ инструмСнтов Ρ„ΠΎΡ€ΠΌΡ‹ ( ΠΌΡ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠΌ большС Π² ΠΎΠ±Π·ΠΎΡ€Π΅ инструмСнта Ρ„ΠΎΡ€ΠΌΡ‹ Π½ΠΈΠΆΠ΅ ).

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΉΡ‚ΠΈ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов Figma ΠΈΠ»ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ сочСтания клавиш, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Β«OΒ» для эллипсов ΠΈΠ»ΠΈ Β«RΒ» для ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΎΠ².

ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ: Π‘ΠΎΠ·Π΄Π°Π΅Ρ‚ Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅Ρ…ΡƒΠ³ΠΎΠ»ΡŒΠ½Ρ‹ΠΉ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹ΠΉ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ с 4 Ρ‚ΠΎΡ‡ΠΊΠ°ΠΌΠΈ.

Эллипс: Π‘ΠΎΠ·Π΄Π°Π΅Ρ‚ ΠΊΡ€ΡƒΠ³ΠΎΠ²ΠΎΠΉ Π²Π΅ΠΊΡ‚ΠΎΡ€ с 4 Ρ‚ΠΎΡ‡ΠΊΠ°ΠΌΠΈ.

ΠœΠ½ΠΎΠ³ΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ: Π‘ΠΎΠ·Π΄Π°Π΅Ρ‚ Ρ‚Ρ€Π΅ΡƒΠ³ΠΎΠ»ΡŒΠ½Ρ‹ΠΉ Π²Π΅ΠΊΡ‚ΠΎΡ€ с 3 Ρ‚ΠΎΡ‡ΠΊΠ°ΠΌΠΈ.

Π—Π²Π΅Π·Π΄Π°: Π‘ΠΎΠ·Π΄Π°Π΅Ρ‚ Π²Π΅ΠΊΡ‚ΠΎΡ€ Π·Π²Π΅Π·Π΄Ρ‹ с 5 Ρ‚ΠΎΡ‡ΠΊΠ°ΠΌΠΈ.

Π‘Ρ‚Ρ€Π΅Π»ΠΊΠ°: Π‘ΠΎΠ·Π΄Π°Π΅Ρ‚ ΠΏΡ€ΡΠΌΡƒΡŽ стрСлку с 2 Ρ‚ΠΎΡ‡ΠΊΠ°ΠΌΠΈ.

Π‘Ρ‚Ρ€ΠΎΠΊΠ°: Π‘ΠΎΠ·Π΄Π°Π΅Ρ‚ линию ΠΊΠ°ΠΊ ΠΌΠΈΠ½ΠΈΠΌΡƒΠΌ с 2 Π²Π΅Ρ€ΡˆΠΈΠ½Π°ΠΌΠΈ, ΠΎΠ΄Π½Π°ΠΊΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°Ρ‚ΡŒ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π²Π΅Ρ€ΡˆΠΈΠ½Ρ‹, ΠΈ это создаст большС Π»ΠΈΠ½ΠΈΠΉ Ρ‚Π°ΠΌ, Π³Π΄Π΅ Π²Ρ‹ Ρ‰Π΅Π»ΠΊΠ½ΡƒΠ»ΠΈ.

Π‘ΠΎΠ²Π΅Ρ‚ ΠΏΠΎ Ρ€Π°Π±ΠΎΡ‡Π΅ΠΌΡƒ процСссу:

Если Π²Ρ‹ Π½Π°ΠΆΠΌΠ΅Ρ‚Π΅ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Π²Π²ΠΎΠ΄Π°, ΠΊΠΎΠ³Π΄Π° Ρ„ΠΈΠ³ΡƒΡ€Π° Π²Ρ‹Π±Ρ€Π°Π½Π°, Ρƒ вас Ρ‚Π°ΠΊΠΆΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ большС Π²Π΅Ρ€ΡˆΠΈΠ½ ΠΊ своим Ρ„ΠΈΠ³ΡƒΡ€Π°ΠΌ, Ρ‡Ρ‚ΠΎ даст Π²Π°ΠΌ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ количСство Π²Π΅Ρ€ΡˆΠΈΠ½ ΠΏΠΎ своСму вкусу.

Π’Π°ΠΊ Π·Π°Ρ‡Π΅ΠΌ ΠΆΠ΅ Π²Π°ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹?

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

ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π΅Ρ‰Π΅ ΠΎΠ΄Π½ΠΈΠΌ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠΌ использования являСтся Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ Π·Π½Π°Ρ‡ΠΊΠΎΠ² ΠΈΠ»ΠΈ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠΎΠ². Π­Ρ‚ΠΎΠΌΡƒ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΡƒ понадобятся Ρ„ΠΎΡ€ΠΌΡ‹ для создания своСй Ρ€Π°Π±ΠΎΡ‚Ρ‹! ΠžΠ±Ρ‹Ρ‡Π½ΠΎ я Π²ΠΈΠΆΡƒ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ ΡΠΎΠ·Π΄Π°ΡŽΡ‚ΡΡ Π² Adobe Illustrator, ΠΎΠ΄Π½Π°ΠΊΠΎ я Π΄ΡƒΠΌΠ°ΡŽ, Ρ‡Ρ‚ΠΎ Figma ΠΏΡ€ΠΎΡˆΠ»Π° Π΄ΠΎΠ»Π³ΠΈΠΉ ΠΏΡƒΡ‚ΡŒ ΠΈ являСтся довольно ΠΌΠΎΡ‰Π½Ρ‹ΠΌ инструмСнтом для этого направлСния Ρ€Π°Π±ΠΎΡ‚Ρ‹.

Когда ваша Ρ„ΠΈΠ³ΡƒΡ€Π° Π²Ρ‹Π±Ρ€Π°Π½Π° Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов (Ссли Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ сочСтаниС клавиш, ΠΎΠ½Π° автоматичСски Π²Ρ‹Π±Π΅Ρ€Π΅Ρ‚ Ρ„ΠΎΡ€ΠΌΡƒ ΠΈ ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΈΡ‚ инструмСнт), Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΌΡ‹ΡˆΡŒΡŽ ΠΈ ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚Π΅ ΠΊ ΠΆΠ΅Π»Π°Π΅ΠΌΠΎΠΌΡƒ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρƒ. Если Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ Ρ‚Ρ€Π΅ΠΊΠΏΠ°Π΄, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΈ ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚Π΅; Ссли Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚ для рисования, помСститС ΠΏΠ΅Ρ€ΠΎ Π²Π½ΠΈΠ· ΠΈ ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚Π΅.

Π£Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΠΉΡ‚Π΅ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Shift ΠΏΡ€ΠΈ пСрСтаскивании, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Ρ€Π°Π²Π½Ρ‹Π΅ ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΈ

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

Если Π²Ρ‹ Π½Π΅ создадитС Ρ„ΠΈΠ³ΡƒΡ€Ρƒ ΠΏΠΎΠ²Π΅Ρ€Ρ… Ρ„Ρ€Π΅ΠΉΠΌΠ°, ΠΎΠ½Π° Π±ΡƒΠ΄Π΅Ρ‚ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π° ​​на ваш холст Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ слоСв. И Π½Π°ΠΎΠ±ΠΎΡ€ΠΎΡ‚, Ссли Π²Ρ‹ создаСтС Ρ„ΠΈΠ³ΡƒΡ€Ρƒ ΠΏΠΎΠ²Π΅Ρ€Ρ… Ρ„Ρ€Π΅ΠΉΠΌΠ°, ΠΎΠ½Π° Π±ΡƒΠ΄Π΅Ρ‚ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π° ​​как Ρ„ΠΈΠ³ΡƒΡ€Π° ΠΏΠΎΠ΄ этим Ρ„Ρ€Π΅ΠΉΠΌΠΎΠΌ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ слоСв.

Figma Ρ‚Π°ΠΊΠΆΠ΅ Π΄Π°Π΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ эти Ρ„ΠΈΠ³ΡƒΡ€Ρ‹, ΠΏΠΎΠΌΠΈΠΌΠΎ Π²Π΅Ρ€ΡˆΠΈΠ½ ΠΈ радиусов Π³Ρ€Π°Π½ΠΈΡ†, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнтов Ρ„ΠΎΡ€ΠΌΡ‹.

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ Ρ„ΠΎΡ€ΠΌΡ‹ Π΄Π°ΡŽΡ‚ Π²Π°ΠΌ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒ Π½Π°Π΄ Ρ‚Π΅ΠΌ, ΠΊΠ°ΠΊ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ Π² зависимости ΠΎΡ‚ Π²Π°ΡˆΠΈΡ… потрСбностСй.

Π•ΡΡ‚ΡŒ 4 инструмСнта Ρ„ΠΎΡ€ΠΌΡ‹:

Union: ΠžΠ±ΡŠΠ΅Π΄ΠΈΠ½ΡΠ΅Ρ‚ 2 ΠΈΠ»ΠΈ Π±ΠΎΠ»Π΅Π΅ Ρ„ΠΈΠ³ΡƒΡ€ вмСстС, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π½ΠΎΠ²ΡƒΡŽ Ρ„ΠΈΠ³ΡƒΡ€Ρƒ.

Π’Ρ‹Ρ‡Π΅ΡΡ‚ΡŒ: Π’Ρ‹Ρ‡ΠΈΡ‚Π°Π΅Ρ‚ всС Π²Π΅Ρ€Ρ…Π½ΠΈΠ΅ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ ΠΈ ΠΈΡ… ΠΏΠ΅Ρ€Π΅ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ΡΡ области ΠΈΠ· самой Π½ΠΈΠΆΠ½Π΅ΠΉ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹.

ΠŸΠ΅Ρ€Π΅ΡΠ΅Ρ‡Π΅Π½ΠΈΠ΅: Π‘Π΅Ρ€Π΅Ρ‚ 2 Ρ„ΠΎΡ€ΠΌΡ‹ ΠΈ создаСт Π½ΠΎΠ²ΡƒΡŽ Ρ„ΠΎΡ€ΠΌΡƒ Π² Π²ΠΈΠ΄Π΅ мСста ΠΈΡ… пСрСсСчСния Π΄Ρ€ΡƒΠ³ с Π΄Ρ€ΡƒΠ³ΠΎΠΌ.

Π˜ΡΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ: УдаляСт всС ΠΏΠ΅Ρ€Π΅ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ΡΡ области ΠΈΠ· Π²Π΅Ρ€Ρ…Π½ΠΈΡ… Ρ„ΠΈΠ³ΡƒΡ€ ΠΈ создаСт Π½ΠΎΠ²ΡƒΡŽ Ρ„ΠΈΠ³ΡƒΡ€Ρƒ, ΠΈΡΠΊΠ»ΡŽΡ‡Π°Ρ ΠΏΠ΅Ρ€Π΅ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ΡΡ области.

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

Π€ΠΎΡ€ΠΌΡ‹ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎ самым Ρ€Π°Π·Π½Ρ‹ΠΌ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ, ΠΈ ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΡΡ‚Π°Ρ‚ΡŒ ΠΌΠΎΡ‰Π½Ρ‹ΠΌ инструмСнтом Π² вашСм арсСналС, ΠΊΠ°ΠΊ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π²Ρ‹ ΠΈΠ·ΡƒΡ‡ΠΈΡ‚Π΅ основы.

Π§Ρ‚ΠΎ Ρ…ΠΎΡ€ΠΎΡˆΠΎ Π² Ρ„ΠΈΠ³ΡƒΡ€Π°Ρ…, Ρ‚Π°ΠΊ это Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½ΠΈ основаны Π½Π° Π²Π΅ΠΊΡ‚ΠΎΡ€Π°Ρ…, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ SVG для своих Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ², Ρ‡Ρ‚ΠΎ Π³Π°Ρ€Π°Π½Ρ‚ΠΈΡ€ΡƒΠ΅Ρ‚, Ρ‡Ρ‚ΠΎ ваш ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅Ρ‚ΡΡ Π΄ΠΎ любого Ρ€Π°Π·ΠΌΠ΅Ρ€Π° экрана ΠΈ Π½Π΅ становится Ρ€Π°Π·ΠΌΡ‹Ρ‚Ρ‹ΠΌ. Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΊΠ½ΠΎΠΏΠΊΠΈ, Π·Π½Π°Ρ‡ΠΊΠΈ ΠΈ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ элСмСнты большС Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ Π±ΡƒΠ΄ΡƒΡ‚ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠΎΠΉ, ΠΊΠ°ΠΊ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π²Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚Π΅ эти инструмСнты Π² свой арсСнал!

Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ„ΠΈΠ³ΡƒΡ€Ρƒ, просто Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ„ΠΈΠ³ΡƒΡ€Ρƒ, ΠΈ Π½Π° ΠΏΡ€Π°Π²ΠΎΠΉ Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ (Π²Π½ΠΈΠ·Ρƒ) Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ ΠΎΠΏΡ†ΠΈΡŽ для экспорта Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ элСмСнта. Π£Π±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ Π²Ρ‹Π±Ρ€Π°Π½Π° нуТная настройка экспорта, ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ «Экспорт», Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π²Ρ‹Π±Ρ€Π°Π½ PNG, поэтому, Ссли Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ SVG, ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΠ»ΠΈ Π΅Π³ΠΎ сСйчас.

Как ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ Π² Figma? Figma для Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ…

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

Как ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ Π² Figma – содСрТаниС:

  1. Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Ρ„ΠΈΠ³ΡƒΡ€
  2. ПанСль свойств β€” Π”ΠΈΠ·Π°ΠΉΠ½
  3. Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚
  4. ЛогичСскиС Π³Ρ€ΡƒΠΏΠΏΡ‹
  5. Маски

Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Ρ„ΠΈΠ³ΡƒΡ€

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

Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ собствСнныС Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнтов рисования. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€ΡƒΡ‡ΠΊΡƒ ΠΈΠ»ΠΈ ΠΊΠ°Ρ€Π°Π½Π΄Π°Ρˆ .

Как ΠΈ Π² случаС с Ρ„Ρ€Π΅ΠΉΠΌΠ°ΠΌΠΈ, сущСствуСт мноТСство способов создания Ρ„ΠΈΠ³ΡƒΡ€:

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

КаТдая Ρ„ΠΈΠ³ΡƒΡ€Π°, тСкстовый ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ ΠΈΠ»ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π²Ρ‹ добавляСтС Π½Π° холст, Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΌ слоСм. Π­Ρ‚ΠΎ позволяСт ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ свойства ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ элСмСнта.

ПанСль свойств β€” Π”ΠΈΠ·Π°ΠΉΠ½

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ свойства ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Π”ΠΈΠ·Π°ΠΉΠ½ ΠΏΠ°Π½Π΅Π»ΠΈ Бвойства. Π’ΠΈΠΏ слоя опрСдСляСт, ΠΊΠ°ΠΊΠΈΠ΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Π±ΡƒΠ΄ΡƒΡ‚ здСсь ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ. Π‘ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹ для всСх Ρ‚ΠΈΠΏΠΎΠ² слоСв. Если Π²Ρ‹ Π½Π΅ Π²Ρ‹Π±Π΅Ρ€Π΅Ρ‚Π΅ ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ слой, Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ «Бвойства» отобразятся всС Π»ΠΎΠΊΠ°Π»ΡŒΠ½Ρ‹Π΅ стили для Ρ„Π°ΠΉΠ»Π° ΠΈ Ρ†Π²Π΅Ρ‚ холста.

На Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Π”ΠΈΠ·Π°ΠΉΠ½ ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹:

1. Π’Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ – инструмСнты выравнивания ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Π²Ρ‹Ρ€ΠΎΠ²Π½ΡΡ‚ΡŒ слои Π½Π° холстС ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π΄Ρ€ΡƒΠ³ Π΄Ρ€ΡƒΠ³Π°. Π­Ρ‚ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ доступны Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€ΠΈ Π²Ρ‹Π±ΠΎΡ€Π΅ Π΄Π²ΡƒΡ… ΠΈΠ»ΠΈ Π±ΠΎΠ»Π΅Π΅ слоСв.

2. РаспрСдСлСниС ΠΈ ΡƒΠ±ΠΎΡ€ΠΊΠ° – эта функция позволяСт ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ слои, создавая ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ Ρ€Π°Π²Π½Ρ‹Π΅ ΠΏΡ€ΠΎΠΌΠ΅ΠΆΡƒΡ‚ΠΊΠΈ. Π­Ρ‚ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ доступны Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€ΠΈ Π²Ρ‹Π±ΠΎΡ€Π΅ Π΄Π²ΡƒΡ… ΠΈΠ»ΠΈ Π±ΠΎΠ»Π΅Π΅ слоСв.

3. ПолоТСниС холста (X ΠΈ Y) – здСсь Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ слоСв Π½Π° холстС ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ (X) ΠΈ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΉ (Y) осям.

4. Π Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° (ΡˆΠΈΡ€ΠΈΠ½Π° ΠΈ высота) – здСсь ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ слоя.

5. Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΈ – позволяСт ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΈ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ ΠΏΡ€ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ высоту ΠΈΠ»ΠΈ ΡˆΠΈΡ€ΠΈΠ½Ρƒ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹, Π° Π²Ρ‚ΠΎΡ€ΠΎΠΉ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ подстроится автоматичСски.

6. Π’Ρ€Π°Ρ‰Π΅Π½ΠΈΠ΅ – здСсь ΠΌΠΎΠΆΠ½ΠΎ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΡƒΠ³ΠΎΠ» ΠΊΠ°Π΄Ρ€Π°.

7. Π£Π³Π»ΠΎΠ²ΠΎΠΉ радиус – с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ этой Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ ΡƒΠ³Π»Ρ‹ ΠΊΠ°Π΄Ρ€Π°.

8. НСзависимыС ΡƒΠ³Π»Ρ‹ – настройка нСзависимого ΡƒΠ³Π»Π° позволяСт Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ радиус ΡƒΠ³Π»Π° для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡƒΠ³Π»Π°.

9. Layer (Blend Modes) β€” здСсь Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊ Π΄Π²Π° слоя Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡΠΎΡ‡Π΅Ρ‚Π°Ρ‚ΡŒΡΡ Π΄Ρ€ΡƒΠ³ с Π΄Ρ€ΡƒΠ³ΠΎΠΌ. К ΠΊΠ°ΠΆΠ΄ΠΎΠΌΡƒ слою ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄ΠΈΠ½ Ρ€Π΅ΠΆΠΈΠΌ налоТСния.

10. Π—Π°Π»ΠΈΠ²ΠΊΠ° ΠΈ ΠΎΠ±Π²ΠΎΠ΄ΠΊΠ° β€” ΠΊ Ρ„ΠΈΠ³ΡƒΡ€Π°ΠΌ ΠΈ тСкстовым слоям ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ Π·Π°Π»ΠΈΠ²ΠΊΠΈ ΠΈ ΠΎΠ±Π²ΠΎΠ΄ΠΊΠΈ. Π§Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π·Π°Π»ΠΈΠ²ΠΊΡƒ ΠΈΠ»ΠΈ ΠΎΠ±Π²ΠΎΠ΄ΠΊΡƒ, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π½ΡƒΠΆΠ½Ρ‹ΠΉ слой ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° Π·Π½Π°Ρ‡ΠΎΠΊ +. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ нСсколько Π·Π°Π»ΠΈΠ²ΠΎΠΊ ΠΈ ΠΊΠΎΠ½Ρ‚ΡƒΡ€ΠΎΠ² ΠΊ ΠΊΠ°ΠΆΠ΄ΠΎΠΌΡƒ слою.

Для Π·Π°Π»ΠΈΠ²ΠΎΠΊ ΠΈ ΠΎΠ±Π²ΠΎΠ΄ΠΎΠΊ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ установлСн сплошной Ρ†Π²Π΅Ρ‚. Π§Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ свойства, Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΎΠ±Ρ€Π°Π·Π΅Ρ† Ρ†Π²Π΅Ρ‚Π°. Π­Ρ‚ΠΎ ΠΎΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚ Ρ†Π²Π΅Ρ‚ΠΎΠ²ΠΎΠΉ сСктор, Π³Π΄Π΅ доступны ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹: сплошной Ρ†Π²Π΅Ρ‚, Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚ (Π»ΠΈΠ½Π΅ΠΉΠ½Ρ‹ΠΉ, Ρ€Π°Π΄ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ, ΡƒΠ³Π»ΠΎΠ²ΠΎΠΉ, Ρ€ΠΎΠΌΠ±ΠΎΠ²ΠΈΠ΄Π½Ρ‹ΠΉ) ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.

Если Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ большС ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΡΡ‚ΠΈΠ»ΡŒ ΠΎΠ±Π²ΠΎΠ΄ΠΊΠΈ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ настройки ΠΎΠ±Π²ΠΎΠ΄ΠΊΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ доступны ΠΏΠΎΠ΄ Π·Π½Π°Ρ‡ΠΊΠΎΠΌ с ΠΌΠ½ΠΎΠ³ΠΎΡ‚ΠΎΡ‡ΠΈΠ΅ΠΌ.

ΠŸΠΎΠ»Π΅Π·Π½Ρ‹ΠΉ совСт: Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ ΠΈ Π²Ρ‹ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ свойства Π² Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΌ слоС с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π·Π½Π°Ρ‡ΠΊΠ° Π“Π»Π°Π·. АктивныС свойства Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Ρ‡Π΅Ρ€Π½Ρ‹ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ ΠΌΠΎΠ³Π»ΠΈ Π»Π΅Π³ΠΊΠΎ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΡ‚ΡŒ ΠΈΡ… ΠΎΡ‚ Π½Π΅Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ….

11.Π­Ρ„Ρ„Π΅ΠΊΡ‚Ρ‹ – здСсь Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ‚Π΅Π½ΡŒ ΠΈΠ»ΠΈ Ρ€Π°Π·ΠΌΡ‹Ρ‚ΠΈΠ΅ ΠΊ слою. Π§Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ значСния эффСкта, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Настройки эффСкта, располоТСнныС ΠΏΠΎΠ΄ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ со Π·Π½Π°Ρ‡ΠΊΠΎΠΌ солнца.

12. Настройки экспорта – здСсь Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹ΠΉ слой Π² Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹ΠΉ Π²Π°ΠΌΠΈ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚: PNG, JPG, SVG ΠΈ PDF.

Π—Π°Π΄Π°Ρ‡Π° 4.1. Π‘ΠΏΠ»Π°Π½ΠΈΡ€ΡƒΠΉΡ‚Π΅ располоТСниС элСмСнтов интСрфСйса вашСго прилоТСния. Π‘Π½Π°Ρ‡Π°Π»Π° создайтС каркасы, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ простыС Ρ„ΠΎΡ€ΠΌΡ‹.

ΠŸΠΎΠ»Π΅Π·Π½Ρ‹ΠΉ совСт: НС Π·Π°Π±Ρ‹Π²Π°ΠΉΡ‚Π΅ рСгулярно Π΄Π°Π²Π°Ρ‚ΡŒ ΠΊΠ°ΠΆΠ΄ΠΎΠΌΡƒ слою собствСнноС имя. Если Π²Ρ‹ Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚Π΅ ΡΠ»Π΅Π΄ΠΈΡ‚ΡŒ Π·Π° этим, Π²Ρ‹ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ сдСлаСтС бСспорядок Π² своих слоях.

НачнСм с экрана Π²Ρ…ΠΎΠ΄Π° Π² систСму:

  • Π’ Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части экрана ΠΌΡ‹ размСстим Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅ΠΌΠΎΠ³ΠΎ прилоТСния.
  • НиТС Π±ΡƒΠ΄ΡƒΡ‚ Π·Π°ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΠΈ с ΠΌΠ΅Ρ‚ΠΊΠ°ΠΌΠΈ: Π»ΠΎΠ³ΠΈΠ½ ΠΈ ΠΏΠ°Ρ€ΠΎΠ»ΡŒ. На этом этапС Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ мСсто для тСкста ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΎΠΌ.
  • Π’ Π½ΠΈΠΆΠ½Π΅ΠΉ части экрана ΠΌΡ‹ размСстим ΠΊΠ½ΠΎΠΏΠΊΡƒ Π²Ρ…ΠΎΠ΄Π°.

ΠŸΠΎΠ»Π΅Π·Π½Ρ‹ΠΉ совСт: Если Π²Ρ‹ ΠΈΡ‰Π΅Ρ‚Π΅ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ для своСго ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°, посСтитС этот Π²Π΅Π±-сайт: https://www.freepik.com/free-photos-vectors/logo ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ Π΅Π³ΠΎ бСсплатно.

ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ„Π°ΠΉΠ» Π½Π° Freepik.com ΠΈΠΌΠ΅Π΅Ρ‚ ΡƒΠ²Π΅Π΄ΠΎΠΌΠ»Π΅Π½ΠΈΠ΅ ΠΎ Π»ΠΈΡ†Π΅Π½Π·ΠΈΠΈ. ΠŸΠ΅Ρ€Π΅Π΄ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΎΠΉ ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ лицСнзия позволяСт ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π΅ ΠΏΠΎ ΠΌΠ΅Ρ€Π΅ нСобходимости.

Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ, доступный Π² ΠΏΠ»Π°Π³ΠΈΠ½Π΅ Β«Π‘ΠΎΠ·Π΄Π°Ρ‚Π΅Π»ΡŒ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ°Β».

Π’Π΅ΠΏΠ΅Ρ€ΡŒ займСмся Ρ€Π°ΠΌΠΊΠΎΠΉ Home:Β 

  • РазмСстим строку поиска Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части экрана.
  • НиТС Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ «БСстсСллСры».
  • Под Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ ΠΌΡ‹ размСстим изобраТСния Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ² Π² Π΄Π²Π΅ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ. Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ соотвСтствуСт ΠΎΠ΄Π½ΠΎΠΌΡƒ столбцу, ΠΈ ΠΏΡ€ΠΎΠ΄ΡƒΠ±Π»ΠΈΡ€ΡƒΠΉΡ‚Π΅ Π΅Π³ΠΎ нСсколько Ρ€Π°Π·.
  • Под ΠΊΠ°ΠΆΠ΄Ρ‹ΠΌ Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠΌ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ мСсто для Π΅Π³ΠΎ названия ΠΈ Ρ†Π΅Π½Ρ‹.
  • Π•Ρ‰Π΅ ΠΎΠ΄Π½ΠΈΠΌ элСмСнтом нашСго интСрфСйса Π±ΡƒΠ΄Π΅Ρ‚ ниТняя панСль, Π³Π΄Π΅ ΠΌΡ‹ размСстим ΠΈΠΊΠΎΠ½ΠΊΠΈ: Π΄ΠΎΠΌ, ΠΈΠ·Π±Ρ€Π°Π½Π½ΠΎΠ΅, ΠΏΡ€ΠΎΡ„ΠΈΠ»ΡŒ, ΠΊΠΎΡ€Π·ΠΈΠ½Π°.

ΠŸΠΎΠ»Π΅Π·Π½Ρ‹ΠΉ совСт: Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π»Π΅Π³ΠΊΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΠΈ Π² свой ΠΏΡ€ΠΎΠ΅ΠΊΡ‚, скопировав ΠΈΡ… ΠΈΠ· Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ Figma.

БообщСство. Β Π’Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ ΠΎΠ±Ρ€Π°Π·Π΅Ρ† Ρ„Π°ΠΉΠ»Π° здСсь: https://www.figma. com/community/file/1118814949321037573.

ΠŸΡ€ΠΎΡΡ‚ΠΎ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ копию , ΠΈ откроСтся Ρ„Π°ΠΉΠ» Iconia β€” ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠ΅ΠΌΡ‹ΠΉ Π½Π°Π±ΠΎΡ€ ΠΈΠ· Π±ΠΎΠ»Π΅Π΅ Ρ‡Π΅ΠΌ 1300 Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… ΠΊ использованию ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅ΠΌΡ‹Ρ… Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Ρ… Π·Π½Π°Ρ‡ΠΊΠΎΠ² Π² 6 ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Ρ… стилях. Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹Π΅ Π·Π½Π°Ρ‡ΠΊΠΈ, ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π½Π° страницу Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ Iconia Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ Β«Π‘Π»ΠΎΠΈΒ».

НайдитС Π·Π½Π°Ρ‡ΠΎΠΊ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π² своСм Ρ„Π°ΠΉΠ»Π΅, Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π΅Π³ΠΎ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Β«ΠšΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΒ». Π—Π°Ρ‚Π΅ΠΌ Π²Π΅Ρ€Π½ΠΈΡ‚Π΅ΡΡŒ ΠΊ своСму Ρ„Π°ΠΉΠ»Ρƒ, снова Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ Π² любом мСстС ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Β«Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ сюда». Π•Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ способ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΠΈ β€” ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹.

ΠŸΠΎΠΌΠ½ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ ΡΠΎΠ³Π»Π°ΡΠΎΠ²Π°Π½Π½ΠΎΡΡ‚ΡŒ интСрфСйса ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½Π°. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΎΠ΄ΠΈΠ½ ΡΡ‚ΠΈΠ»ΡŒ Π·Π½Π°Ρ‡ΠΊΠΎΠ² ΠΈ ΠΏΡ€ΠΈΠ΄Π΅Ρ€ΠΆΠΈΠ²Π°ΠΉΡ‚Π΅ΡΡŒ Π΅Π³ΠΎ Π²Π΅Π·Π΄Π΅ Π² ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ. ΠŸΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚Π΅ Ρ‚ΠΎΡ‚ ΠΆΠ΅ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏ ΠΏΠΎΠ·ΠΆΠ΅ ΠΊ стилям тСкста, Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠΌ элСмСнтам.

ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Ρ‹ спланировали располоТСниС элСмСнтов Π½Π° Π³Π»Π°Π²Π½ΠΎΠΉ страницС, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ Ρ„Ρ€Π΅ΠΉΠΌΡƒ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°:

  • Π’ Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части экрана ΠΌΡ‹ помСстим ΠΊΠ½ΠΎΠΏΠΊΡƒ «Назад» с Π»Π΅Π²ΠΎΠΉ стороны.
  • НиТС Π±ΡƒΠ΄Π΅Ρ‚ большоС Ρ„ΠΎΡ‚ΠΎ Ρ‚ΠΎΠ²Π°Ρ€Π°.
  • Π’ ΠΏΡ€Π°Π²ΠΎΠΌ ΡƒΠ³Π»Ρƒ Ρ„ΠΎΡ‚ΠΎ размСстим ΠΊΠ½ΠΎΠΏΠΊΡƒ со Π·Π½Π°Ρ‡ΠΊΠΎΠΌ Β«ΠΈΠ·Π±Ρ€Π°Π½Π½ΠΎΠ΅Β».
  • Под Ρ„ΠΎΡ‚ΠΎ ΠΌΡ‹ размСстим Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΈ Ρ†Π΅Π½Ρƒ Ρ‚ΠΎΠ²Π°Ρ€Π° ΠΈ мСсто для описания.
  • Π’Π½ΠΈΠ·Ρƒ экрана ΠΌΡ‹ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ ΠΊΠ½ΠΎΠΏΠΊΡƒ CTA Β«Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π² ΠΊΠΎΡ€Π·ΠΈΠ½ΡƒΒ».

Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚

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

Активация Ρ€Π΅ΠΆΠΈΠΌΠ° рСдактирования ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Ρ‚ ΠΊ появлСнию Π½ΠΎΠ²Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов , ΠΈ Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ ΡƒΠ³Π»ΠΎΠ²Ρ‹Π΅ Ρ‚ΠΎΡ‡ΠΊΠΈ Π½Π° Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠ΅ΠΌΠΎΠΉ Ρ„ΠΈΠ³ΡƒΡ€Π΅. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΆΠ°Ρ‚ΡŒ Π½Π° Π½ΡƒΠΆΠ½ΡƒΡŽ ΡƒΠ³Π»ΠΎΠ²ΡƒΡŽ Ρ‚ΠΎΡ‡ΠΊΡƒ ΠΈ ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚ΡŒ Π΅Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ„ΠΎΡ€ΠΌΡƒ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹.

Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊ Ρ„ΠΈΠ³ΡƒΡ€Π΅ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Ρ‚ΠΎΡ‡ΠΊΠΈ Corners с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнта Pen tool . Π­Ρ‚ΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ Π²Π°ΠΌ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ большС ΠΌΠΎΠ΄ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΉ.

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ свободно ΡΠ³ΠΈΠ±Π°Ρ‚ΡŒ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнта Bend . Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ инструмСнт Bend Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов , Π° Π·Π°Ρ‚Π΅ΠΌ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π²Ρ‹Π±Ρ€Π°Π½Π½ΡƒΡŽ ΡƒΠ³Π»ΠΎΠ²ΡƒΡŽ Ρ‚ΠΎΡ‡ΠΊΡƒ.

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ Paint Bucket позволяСт ΡƒΠ΄Π°Π»ΡΡ‚ΡŒ ΠΈ Π²ΠΎΡΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒ Π·Π°Π»ΠΈΠ²ΠΊΡƒ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹. Для этого Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π’Π΅Π΄Ρ€ΠΎ с краской , Π° Π·Π°Ρ‚Π΅ΠΌ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Ρ„ΠΈΠ³ΡƒΡ€Ρƒ, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π²Ρ‹ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠ΅Ρ‚Π΅.

Для Π²Ρ‹Ρ…ΠΎΠ΄Π° ΠΈΠ· Ρ€Π΅ΠΆΠΈΠΌΠ° рСдактирования Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π“ΠΎΡ‚ΠΎΠ²ΠΎ .

ЛогичСскиС Π³Ρ€ΡƒΠΏΠΏΡ‹

Если Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π΄Π²Π΅ ΠΈΠ»ΠΈ Π±ΠΎΠ»Π΅Π΅ Ρ„ΠΈΠ³ΡƒΡ€, Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов появится инструмСнт ЛогичСскиС Π³Ρ€ΡƒΠΏΠΏΡ‹ . Он позволяСт ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠ΅ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹, комбинируя ΠΈΡ…, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΠΎΠ΄Π½Ρƒ ΠΈΠ· Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅Ρ… доступных Ρ„ΠΎΡ€ΠΌΡƒΠ»: объСдинСниС, Π²Ρ‹Ρ‡ΠΈΡ‚Π°Π½ΠΈΠ΅, пСрСсСчСниС, ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅.

  • union selection – ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΡΠ΅Ρ‚ Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹Π΅ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ Π² ΠΎΠ΄Π½Ρƒ Π½ΠΎΠ²ΡƒΡŽ Ρ„ΠΎΡ€ΠΌΡƒ.
  • Π²Ρ‹Ρ‡Π΅ΡΡ‚ΡŒ Π²Ρ‹Π±ΠΎΡ€ β€” Π²Ρ‹Ρ‡ΠΈΡ‚Π°Π΅Ρ‚ всС Π²Π΅Ρ€Ρ…Π½ΠΈΠ΅ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ ΠΈ ΠΈΡ… ΠΏΠ΅Ρ€Π΅ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ΡΡ области ΠΈΠ· Π½ΠΈΠΆΠ½Π΅ΠΉ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹
  • ΠΏΠ΅Ρ€Π΅ΡΠ΅ΠΊΠ°ΡŽΡ‚ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ β€” новая Ρ„ΠΈΠ³ΡƒΡ€Π° состоит Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΈΠ· ΠΏΠ΅Ρ€Π΅ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ…ΡΡ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ΠΎΠ² Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… Ρ„ΠΈΠ³ΡƒΡ€
  • ΠΈΡΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ β€” созданная Ρ„ΠΈΠ³ΡƒΡ€Π° состоит Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΈΠ· Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ΠΎΠ² Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… Ρ„ΠΈΠ³ΡƒΡ€, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ ΠΏΠ΅Ρ€Π΅ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‚ΡΡ.

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

Π—Π°Π΄Π°Ρ‡Π° 4.2. ΠŸΠΎΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΡƒΠΉΡ‚Π΅ΡΡŒ Π² ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ Ρ„ΠΈΠ³ΡƒΡ€ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнтов Edit object ΠΈ Boolean group . Π”Π°ΠΆΠ΅ Ссли Π²Π°ΠΌ Π½Π΅ Π½ΡƒΠΆΠ½Ρ‹ эти Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Π½Π° Π΄Π°Π½Π½ΠΎΠΌ этапС вашСго ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°, стоит Π·Π°ΠΊΡ€Π΅ΠΏΠΈΡ‚ΡŒ свои знания ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠΎΠΉ. Π‘ΡƒΠ΄ΡŒΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π΅Ρ‚Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ ΠΈ ΠΏΠΎΠ»ΡƒΡ‡Π°ΠΉΡ‚Π΅ ΡƒΠ΄ΠΎΠ²ΠΎΠ»ΡŒΡΡ‚Π²ΠΈΠ΅. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ Π²ΠΎΡΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΎΠ±Ρ€Π°Π·Ρ†Ρ‹ Ρ„ΠΈΠ³ΡƒΡ€, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ Π²ΠΈΠ΄ΠΈΡ‚Π΅ Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ снимкС экрана. Для этого создайтС Π½ΠΎΠ²ΡƒΡŽ страницу Π² Ρ„Π°ΠΉΠ»Π΅ ΠΈΠ»ΠΈ Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ рядом с ΠΊΠ°Π΄Ρ€Π°ΠΌΠΈ с ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠΌ, Π° Π·Π°Ρ‚Π΅ΠΌ просто ΡƒΠ΄Π°Π»ΠΈΡ‚Π΅ ΠΈΡ….

Маски

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

Π§Ρ‚ΠΎΠ±Ρ‹ Π»ΡƒΡ‡ΡˆΠ΅ ΠΏΠΎΠ½ΡΡ‚ΡŒ это, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ сСбС Ρ€Π°ΠΌΠΊΡƒ с нСбольшим отвСрстиСм. Π’ Π½Π΅ΠΌ Π²Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‡Π°ΡΡ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ, Π° ΠΎΡΡ‚Π°Π»ΡŒΠ½ΠΎΠ΅ скрыто, Π½ΠΎ Ссли Π²Ρ‹ ΠΎΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚Π΅ Ρ€Π°ΠΌΠΊΡƒ, Ρ‚ΠΎ всС Ρ€Π°Π²Π½ΠΎ смоТСтС ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ†Π΅Π»ΠΈΠΊΠΎΠΌ.

Π’ качСствС маски ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ любой слой, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹, тСкстовыС слои ΠΈ изобраТСния.
ΠŸΠΎΡ€ΡΠ΄ΠΎΠΊ слоСв ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ΅Π½. Π‘Π°ΠΌΡ‹ΠΉ Π½ΠΈΠΆΠ½ΠΈΠΉ слой Π² считаСтся вмСстилищСм маски, Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ отвСрстиСм, Ρ‡Π΅Ρ€Π΅Π· ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π²Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.

Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ маску, ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ слои ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Π²Ρ‹Ρ€ΠΎΠ²Π½Π΅Π½Ρ‹. Π—Π°Ρ‚Π΅ΠΌ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΎΠ±Π° слоя ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Β«Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΊ маску» Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов.

ВсС внСшниС области слоя, находящиСся Π½Π°Π΄ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ΠΎΠΌ, Π±ΡƒΠ΄ΡƒΡ‚ скрыты. Волько Ρ‚Π΅ области, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±ΡƒΠ΄ΡƒΡ‚ Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ Π²Π½ΡƒΡ‚Ρ€ΠΈ области маски, останутся Π²ΠΈΠ΄ΠΈΠΌΡ‹ΠΌΠΈ.

Π—Π°Π΄Π°Ρ‡Π° 4.3. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ маски, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ изобраТСния ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° Π² свой Π΄ΠΈΠ·Π°ΠΉΠ½. ΠŸΠΎΠΌΠ½ΠΈΡ‚Π΅ ΠΎ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠΌ порядкС слоСв. Π‘Π»ΠΎΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±ΡƒΠ΄Π΅Ρ‚ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ΠΎΠΌ, Π΄ΠΎΠ»ΠΆΠ΅Π½ Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ Π½ΠΈΠΆΠ΅ слоя изобраТСния.

ΠŸΠΎΠ»Π΅Π·Π½Ρ‹ΠΉ совСт : Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ бСсплатно ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ изобраТСния для своих ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² с сайта https://unsplash.