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

12 совСтов ΠΏΠΎ созданию ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ / Π₯Π°Π±Ρ€

ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄ ΡΡ‚Π°Ρ‚ΡŒΠΈ:

12 Killer Tips for Designing in the Browser
Как Π’Ρ‹ создаСтС ΠΌΠ°ΠΊΠ΅Ρ‚ сайта?

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

Основная идСя

Meagan Fisher Π½Π° 24ways.org прСдставил

Π½Π΅ΠΎΡ‚Ρ€Π°Π·ΠΈΠΌΡ‹ΠΉ Π΄ΠΎΠ²ΠΎΠ΄

проСктирования Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. Π₯отя я ΠΈ Π½Π΅ Ρ€Π°Π·Π΄Π΅Π»ΡΡŽ Π΅Π³ΠΎ ΠΏΡ€Π΅Π·Ρ€Π΅Π½ΠΈΠ΅ ΠΊ Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΡƒ (Π― люблю Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ большС любого Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ ПО Π½Π° ΠΏΠ»Π°Π½Π΅Ρ‚Π΅), я согласСн с Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ Π΅Π³ΠΎ ΠΏΡƒΠ½ΠΊΡ‚Π°ΠΌΠΈ. Π€ΠΈΡˆΠ΅Ρ€ Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚, Ρ‡Ρ‚ΠΎ статичСскоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π΅ Π΄Π°Π΅Ρ‚ ΠΏΠΎ настоящСму ΠΎΡ‰ΡƒΡ‚ΠΈΡ‚ΡŒ, ΠΊΠ°ΠΊ сайт Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ ΠΈ Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ направляСт Ρ‚Π²ΠΎΠΈ силы Π½Π° ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΡŽ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° Π΄ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Ρ‡Ρ‚ΠΎ Π³Π°Ρ€Π°Π½Ρ‚ΠΈΡ€ΡƒΠ΅Ρ‚ большСС удобство ΠΈ созданиС ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠΉ структуры

ΠœΡ‹ Π±ΡƒΠ΄Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΡΡ‚Π°Ρ‚ΡŒΡŽ Π€ΠΈΡˆΠ΅Ρ€Π° ΠΊΠ°ΠΊ Π·Π°Ρ‚Ρ€Π°Π²ΠΊΡƒ для Π½Π°ΡˆΠΈΡ… Π·Π°ΠΌΠ΅Ρ‚ΠΎΠΊ ΠΏΠΎ ΠΏΡ€Π΅Π²Ρ€Π°Ρ‰Π΅Π½ΠΈΡŽ Π² профСссионала Π² создании фантастичСских in-browser ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… ΠΊ Ρ€Π°Π±ΠΎΡ‚Π΅ сразу ΠΏΠΎ ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½ΠΈΡŽ одобрСния ΠΎΡ‚ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°.

1. Начни с простого ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉ сСтку

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

Π‘Ρ‚Π°Ρ‚ΡŒΡ ΠΏΠΎ CSS Ρ„Ρ€Π΅ΠΉΠΌΠΎΠ²Ρ€ΠΊΠ°ΠΌ (eng)

2. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€.

Если Ρ‚Ρ‹ кодишь сайты Ρ€ΡƒΠΊΠ°ΠΌΠΈ, ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ β€” основа Ρ‚Π²ΠΎΠ΅Π³ΠΎ Ρ€Π°Π±ΠΎΡ‡Π΅Π³ΠΎ процСсса. Π― ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ (ΠΈ ΠΎΡ‡Π΅Π½ΡŒ люблю)

Espresso from MacRabbit

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

Π’ΠΎΡ‚ нСбольшой список Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ²:


  • Aptana: Mac, Windows Linux (бСзусловно ΠΌΠΎΠΉ Π»ΡŽΠ±ΠΈΠΌΡ‹ΠΉ бСсплатный Π²Π°Ρ€ΠΈΠ°Π½Ρ‚)
  • Komodo IDE: Mac, Windows, Linux
  • NetBeans: Mac, Windows, Linux
  • Coda: Mac (достойная Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π° Espresso)
  • Text Wrangler & BBEdit: Mac
3. ΠŸΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Ρ‚Π΅Π½ΠΈ ΠΊ элСмСнту

Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π΄ΠΎΡΡ‚ΠΎΠΉΠ½ΡƒΡŽ Ρ‚Π΅Π½ΡŒ для Π²Π΅Π±Π° ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ°. Π‘ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ (Π½ΠΎ Π½Π΅ всС) Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ сСйчас ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ CSS3 Ρ‡Ρ‚ΠΎ Π΄Π°Π΅Ρ‚ Π½Π°ΠΌ нСсколько Π½ΠΎΠ²Ρ‹Ρ… свойств для создания ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Одно ΠΈΠ· Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… β€” box-shadow, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰Π΅Π΅ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Ρ‚Π΅Π½ΠΈ ΠΊ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ CSS. Π•Π³ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚: box-shadow:5px 5px 20px #000000.

Π­Ρ‚ΠΈ значСния ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ высоту ΠΈ Π΄Π»ΠΈΠ½Ρƒ Ρ‚Π΅Π½ΠΈ, Π° Ρ‚Π°ΠΊΠΆΠ΅ радиус размытия ΠΈ Ρ†Π²Π΅Ρ‚.


ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ΠΎ box-shadow Π½Π° CSS.flepstudio.org
4. Π—Π°Ρ‚Π΅Π½Π΅Π½ΠΈΠ΅ тСкста

Если Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Ρ‚Π΅Π½ΡŒ Π½Π° тСкст ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉ свойство text-shadow ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π²

Kremalicious tutorial

. Π€ΠΎΡ€ΠΌΠ°Ρ‚: text-shadow: 1px 1px 1px #000. ΠŸΠ΅Ρ€Π²Ρ‹Π΅ Π΄Π²Π° значСния ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‚ офсСт Ρ‚Π΅Π½ΠΈ (Ρ… ΠΈ Ρƒ соотвСтствСнно), Ρ‚Ρ€Π΅Ρ‚ΡŒΠ΅ β€” радиус размытия ΠΈ послСднСС β€” Ρ†Π²Π΅Ρ‚ Ρ‚Π΅Π½ΠΈ.

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

5. ΠžΠΊΡ€ΡƒΠ³Π»Π΅Π½ΠΈΠ΅ ΡƒΠ³Π»ΠΎΠ²

Π‘ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹Π΅ ΡƒΠ³Π»Ρ‹ β€” Π΅Ρ‰Π΅ ΠΎΠ΄Π½ΠΎ свойство, Π½Π°ΠΊΠΎΠ½Π΅Ρ† Π°Π΄Π°ΠΏΡ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ΅ Π² CSS. Бвойство border-radius Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π² Safari ΠΈ Firefox. ΠŸΡ€ΠΎΡΡ‚ΠΎ ΡƒΠΊΠ°ΠΆΠΈ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Π² пиксСлях -moz-border-radius ΠΈ/ΠΈΠ»ΠΈ -webkit-border-radius для округлСния Ρ€Π°ΠΌΠΊΠΈ.


Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ Π² 25 Rounded Corners Techniques with CSS.
5. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Ρ†Π²Π΅Ρ‚ΠΎΠ²ΠΎΠΉ схСмы

Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ прСдоставляСт Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ для ΡƒΠ΄ΠΎΠ±Π½ΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΠΏΠΎ Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΈ экспСримСнтирования с Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ Ρ†Π²Π΅Ρ‚Π°ΠΌΠΈ, Π½ΠΎ сущСствуСт мноТСство бСсплатных рСсурсов ΠΏΠΎ созданию Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Ρ… схСм Π² сСти. По ΠΌΠΎΠ΅ΠΌΡƒ, Π»ΡƒΡ‡ΡˆΠΈΠΉ ΠΈΠ· Π½ΠΈΡ… β€”

Adobe Kuler

. Kuler это ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ интСрфСйс для быстрого создания красивых Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Ρ… схСм, Π° Ρ‚Π°ΠΊΠΆΠ΅ огромная Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° с поиском Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… схСм. НуТно ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ сайт осСнним? ΠŸΡ€ΠΎΡΡ‚ΠΎ Π²Π²Π΅Π΄ΠΈ Β«fallΒ» ΠΈ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡˆΡŒ Π½Π° Π²Ρ‹Π±ΠΎΡ€ 2600 схСм. Kuler ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΠΎΡ‡Π΅Π½ΡŒ быстро ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΡƒΠ΄ΠΈΠ²ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ схСмы ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ сразу ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π² CSS.


25 Awesome Tools for Choosing a Website Color Scheme
7. ВСкст с Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚ΠΎΠΌ

Π’Π°ΠΊΠΆΠ΅, для особо ΠΎΠ΄Π°Ρ€Π΅Π½Π½Ρ‹Ρ…, Π΅ΡΡ‚ΡŒ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Ρ‹ прямо ΠΊ тСксту Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. Π§Ρ‚ΠΎ Π·Π° ΡˆΠ°ΠΌΠ°Π½ΡΡ‚Π²ΠΎ, ΡΠΏΡ€ΠΎΡΠΈΡˆΡŒ Ρ‚Ρ‹? ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈ ΡƒΡ€ΠΎΠΊ

WebDesignerWall

ΠΏΠΎ этой Ρ‚Π΅ΠΌΠ΅. Π‘ΡƒΡ‚ΡŒ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Ρ‚Ρ‹ создаСшь span Π²ΠΎΠΊΡ€ΡƒΠ³ тСкста ΠΊ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌΡƒ Ρ…ΠΎΡ‡Π΅ΡˆΡŒ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚, Π° ΠΏΠΎΡ‚ΠΎΠΌ ΡƒΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Π΅ΡˆΡŒ Ρ„ΠΎΠ½ для spanΠ° ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΡΡŽΡ‰ΠΈΠΌΡΡ PNG с Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚ΠΎΠΌ. ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, Ρ‡Ρ‚ΠΎΠ± ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ PNG Ρ‚Π΅Π±Π΅ понадобится графичСский Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ (Π΄Π°, Ρ‚Ρ‹ Π·Π½Π°Π», Ρ‡Ρ‚ΠΎ Ρ‚Π΅Π±Π΅ придСтся Ρ‚ΠΎ ΠΈ Π΄Π΅Π»ΠΎ ΠΎΠ±Ρ€Π°Ρ‰Π°Ρ‚ΡŒΡΡ ΠΊ ΠΏΠΎΠΌΠΎΡ‰ΠΈ старого Π΄ΠΎΠ±Ρ€ΠΎΠ³ΠΎ Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ°)

8. ИспользованиС RGBA ΠΊ экранным Ρ†Π²Π΅Ρ‚Π°ΠΌ

CSS Π²Π²ΠΎΠ΄ΠΈΡ‚ Π½ΠΎΠ²ΡƒΡŽ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ, Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΡƒΡŽ RGBA (Β«AΒ» Π·Π½Π°Ρ‡ΠΈΡ‚ Π°Π»ΡŒΡ„Π°). Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ значСния «А», Ρ‚Ρ‹ моТСшь Π½Π°Π·Π½Π°Ρ‡Π°Ρ‚ΡŒ Π½Π΅ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ Π·Π°Π»ΠΈΠ²ΠΊΠΈ. Π­Ρ‚Π° удобная Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π½Π΅ просто позволяСт Ρ‚Π΅Π±Π΅ ΡƒΠ΄ΠΎΠ±Π½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΎΠ΄Π½ΠΎΡ†Π²Π΅Ρ‚Π½Ρ‹Π΅ Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ схСмы с Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ значСниями Π°Π»ΡŒΡ„Π°, Π½ΠΎ ΠΈ Π΄Π΅Π»Π°Π΅Ρ‚ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹Π΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹, сквозь ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ просвСчиваСтся ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΠΎΠ΄ Π½ΠΈΠΌΠΈ, ΠΊΠ°ΠΊ ΠΏΡ€ΠΈ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΠΈ нСпрозрачности слоя Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅.


ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ΠΎ RGBA Π² The Right Way to Declare RGBA Colors.
9. Π—Π½Π°ΠΉ Π²Π΅Π±-ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹

НС попадайся Π² Π»ΠΎΠ²ΡƒΡˆΠΊΡƒ использования ΠΎΠ΄Π½ΠΎΠΉ ΠΈ Ρ‚ΠΎΠΉ ΠΆΠ΅ ΠΏΠ°Ρ€Ρ‹ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² Π²ΠΎ всСх своих ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ…. ИзмСни ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ β€” ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ прСимущСство всСго спСктра Π²Π΅Π±-бСзопасных ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ².

Typetester

β€” Π²Π΅Π»ΠΈΠΊΠΎΠ»Π΅ΠΏΠ½Ρ‹ΠΉ инструмСнт для этого. Π’ Π½Π΅ΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ Π±Π»ΠΎΠΊΠΈ тСкста с Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ ΡˆΡ€ΠΈΡ„Ρ‚Π°ΠΌΠΈ ΠΈ настройками (Ρ€Π°Π·ΠΌΠ΅Ρ€, Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΈΡ‚Π΄) нСпосрСдствСнно Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. И самоС интСрСсно β€” ΠΊΠΎΠ³Π΄Π° Ρ‚Ρ‹ ΠΏΠΎΠ΄Π±Π΅Ρ€Π΅ΡˆΡŒ подходящиС настройки Typetester экспортируСт ΠΈΡ… Π² CSS.

10. ΠŸΠΎΠ»ΡƒΡ‡ΠΈ Π±ΠΎΠ»Π΅Π΅ ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚Ρ‹Π΅ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ тСкста ΠΊΠ°ΠΊ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ Π΄Π°Π΅Ρ‚ свободу использования любого ΡˆΡ€ΠΈΡ„Ρ‚Π° Π±Π΅Π· Π·Π°Π±ΠΎΡ‚Ρ‹ ΠΎ совмСстимости. К соТалСнию, этот ΠΌΠ΅Ρ‚ΠΎΠ΄ ΠΏΡ€ΠΈΠ²ΠΎΠ΄ΠΈΡ‚ ΠΊ Π½Π΅ Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌΠΎΠΌΡƒ тСксту, ΠΏΠΎ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌΡƒ нСльзя ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚ΡŒ поиск. Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, Π½Π΅ Ρ‚Π°ΠΊ слоТно Ρ€Π΅ΡˆΠΈΡ‚ΡŒ эту ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ. БСгодня Π΅ΡΡ‚ΡŒ нСсколько Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ для установки собствСнных ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² с Β«ΠΆΠΈΠ²Ρ‹ΠΌΒ» Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌΡ‹ΠΌ тСкстом с использованиСм ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ @font-face.


ΡƒΠ΄ΠΈΠ²ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ Π½Π° Ρ‚Π²ΠΎΠ΅ΠΌ сайтС: step-by-step TypeKit tutorial
11. Π”Ρ€ΡƒΠΆΠΈ со стоками

ΠžΡ‡Π΅Π½ΡŒ часто, особСнно Π² Π½Π°Ρ‡Π°Π»Π΅ Ρ€Π°Π±ΠΎΡ‚Ρ‹, Ρ‚Π΅Π±Π΅ Π½ΡƒΠΆΠ½Ρ‹ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΊΠ½ΠΎΠΏΠΎΠΊ ΠΈΠ»ΠΈ Π»ΡŽΠ±Ρ‹Π΅ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ элСмСнты ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ‚Ρ‹ Π½Π΅ Ρ…ΠΎΡ‡Π΅ΡˆΡŒ сСйчас Π΄Π΅Π»Π°Ρ‚ΡŒ. Π‘Ρ‚ΠΎΠΊΠΈ (Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ

GraphicRiver

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

12. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉ инструмСнты для тСстирования

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

Adobe Browserlab

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

Π—Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅

Ну ΠΊΠ°ΠΊ? Π“ΠΎΡ‚ΠΎΠ² ΡΠΌΠ΅Π½ΠΈΡ‚ΡŒ свои взгляды ΠΈ Π½Π°Ρ‡Π°Ρ‚ΡŒ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ сайты Π²ΠΎΠΎΡ€ΡƒΠΆΠΈΠ²ΡˆΠΈΡΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ тСкстовым Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠΌ ΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠΌ? Или Ρ…ΠΎΡ‡Π΅ΡˆΡŒ Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π΄ΠΎΠΏΡ€Π°ΡˆΠΈΠ²Π°Π» мСня ΠΎ ΠΊΠΎΡ€ΠΎΠ±ΠΊΠ΅ ΠΈΠ· ΠΏΠΎΠ΄ Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ° ΠΈΠ·Π²Π»Π΅Ρ‡Π΅Π½Π½ΠΎΠΉ ΠΈΠ· Ρ‚Π²ΠΎΠΈΡ… Ρ…ΠΎΠ»ΠΎΠ΄Π½Ρ‹Ρ… ΠΌΠ΅Ρ€Ρ‚Π²Ρ‹Ρ… ΠΏΠ°Π»ΡŒΡ†Π΅Π²? ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ всС Ρ‡Ρ‚ΠΎ здСсь написано Π½Π΅ Π°Π±ΡΠΎΠ»ΡŽΡ‚. НСмного ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΡΠΎΠ·Π΄Π°ΡŽΡ‚ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ Π±Π΅Π· ΠΏΠΎΠΌΠΎΡ‰ΠΈ, ΠΊΠ°ΠΊΠΈΡ… Π±Ρ‹ Ρ‚ΠΎ Π½ΠΈ Π±Ρ‹Π»ΠΎ графичСских Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ². Основной вопрос Π² Ρ‚ΠΎΠΌ, Π½Π° Ρ‡Ρ‚ΠΎ ΠΊΠ°ΠΊ Ρ‚Ρ‹ Π΄ΡƒΠΌΠ°Π΅ΡˆΡŒ Π½ΡƒΠΆΠ½ΠΎ Π² ΠΏΠ΅Ρ€Π²ΡƒΡŽ ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ Ρ‚Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ врСмя Π½Π° стадии Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ наброска? Π₯ΠΎΡ‚Π΅Π»ΠΎΡΡŒ Π±Ρ‹ Π·Π½Π°Ρ‚ΡŒ. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ для отстаивания своСй ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ Π΄ΠΎ ΠΊΠΎΠ½Ρ†Π°. По ΠΌΠΎΠ΅ΠΌΡƒ, это Π·Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ становится всС Π±ΠΎΠ»Π΅Π΅ ΠΈ Π±ΠΎΠ»Π΅Π΅ ΠΆΡƒΡ‚ΠΊΠΈΠΌ, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ Π»ΡƒΡ‡ΡˆΠ΅ я ΠΎΡΡ‚Π°Π½ΠΎΠ²Π»ΡŽΡΡŒ здСсь.

Как Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚.

Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Π΄Π΅Ρ‚Π°Π»Π΅ΠΉ сСрвиса. Иконки ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… Π·Π°ΠΊΠ»Π°Π΄ΠΎΠΊ.

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

Π˜ΡΡ…ΠΎΠ΄Π½Ρ‹Π΅ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹:

Π¨Π°Π³ 1 — Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Ρ„ΠΎΠ½Π°

Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ Π½ΠΎΠ²Ρ‹ΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ (Ctrl+N ) 1200 Ρ… 1140 px с Π±Π΅Π»Ρ‹ΠΌ Ρ„ΠΎΠ½ΠΎΠΌ. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ инструмСнт ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½Π°Ρ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ (Rectangular Marquee Tool ) (M) ΠΈ сдСлайтС Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части холста. Π—Π°Ρ‚Π΅ΠΌ Π·Π°Π»Π΅ΠΉΡ‚Π΅ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ (G ) Ρ‡Π΅Ρ€Π½Ρ‹ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ #000000 .

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

Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ для вашСго сайта Π΄ΠΈΠ·Π°ΠΉΠ½-студии

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

Π­Ρ‚ΠΎΡ‚ ΡƒΡ‡Π΅Π±Π½ΠΈΠΊ ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π°ΡƒΡ‡ΠΈΡ‚ΡŒ вас ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ этот ΡƒΠ΄ΠΈΠ²ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΡƒΡ‡Π΅Π±Π½ΠΈΠΊ
Для этого ΡƒΡ€ΠΎΠΊΠ° Π½Π°ΠΌ Π½ΡƒΠΆΠ΅Π½ Π½ΠΎΠ²Ρ‹ΠΉ Π½Π°Π±ΠΎΡ€ кистСй. Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ классный сайт, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΠΏΡ€ΠΎΡ…Π»Π°Π΄Π½ΡƒΡŽ тСкстуру Π±ΡƒΠΌΠ°Π³ΠΈ. Π­Ρ‚ΠΎ ΡƒΡ‡Π΅Π±Π½ΠΈΠΊ, ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉ, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π²Π΅Π±-ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΆΡƒΡ€Π½Π°Π»Π°. ΠœΡ‹ Ρ‚Π°ΠΊΠΆΠ΅ обсуТдаСм, Ρ‡Ρ‚ΠΎ Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΈ Ρ‡Ρ‚ΠΎ ΠΌΡ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΈΠ³Π½ΠΎΡ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ.
Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ Π² стилС ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ для вашСй Π³Π°Π»Π΅Ρ€Π΅ΠΈ студий Π΄ΠΈΠ·Π°ΠΉΠ½Π°
ΠžΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ ΡƒΡ‡Π΅Π±Π½ΠΈΠΊ ΠΏΠΎ созданию чистого бизнСс-ΠΌΠ°ΠΊΠ΅Ρ‚Π°. Π’ этом ΡƒΡ‡Π΅Π±Π½ΠΎΠΌ пособии Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ классный ΡˆΠ΅Ρ€ΠΎΡ…ΠΎΠ²Π°Ρ‚Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ сайта. Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ ΠΎΠ½ Π½Π°ΡƒΡ‡ΠΈΡ‚ вас, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ соврСмСнный Π²Π΅Π±-ΡΡ‚ΠΈΠ»ΡŒ с Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ с нуля.
Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ‚Π΅ΠΌΠ½Ρ‹ΠΉ Π³Π»Π°Π΄ΠΊΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ сайта
Π­Ρ‚ΠΎΡ‚ ΡƒΡ‡Π΅Π±Π½ΠΈΠΊ ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ‚ Π²Π°ΠΌ, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ чисто выглядящий ΠΌΠ°ΠΊΠ΅Ρ‚ для вашСго ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ.
ΠŸΡ€ΠΎΡ…Π»Π°Π΄Π½Ρ‹ΠΉ ΡƒΡ‡Π΅Π±Π½ΠΈΠΊ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ классный ΡƒΡ‡Π΅Π±Π½ΠΈΠΊ Ρ€ΡƒΡ‡Π½ΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹. Π£Ρ‡Π΅Π±Π½ΠΈΠΊ, ΡΠΎΠ·Π΄Π°ΡŽΡ‰ΠΈΠΉ ΠΊΡ€ΡƒΡ‚ΡƒΡŽ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΡƒΡŽ схСму. ΠžΡ‡Π΅Π½ΡŒ ΠΊΡ€ΡƒΡ‚ΠΎΠΉ ΡƒΡ‡Π΅Π±Π½ΠΈΠΊ для ΠΎΡ‡Π΅Π½ΡŒ классной ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°.
Π’ ΡƒΡ‡Π΅Π±Π½ΠΎΠΌ пособии ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π²Π΅Π±-сайт с ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ для дСмонстрации вашСй Ρ€Π°Π±ΠΎΡ‚Ρ‹
Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ красиво выглядящий ΠΌΠ°ΠΊΠ΅Ρ‚. Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ ΠΌΡ‹ собираСм высококачСствСнный Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ с использованиСм Ρ‡Π΅Ρ‚ΠΊΠΎΠ³ΠΎ Ρ‚ΠΎΠ½ΠΊΠΎΠ³ΠΎ ΡˆΡ€ΠΈΡ„Ρ‚Π°, Π²Π΅Π»ΠΈΠΊΠΎΠ»Π΅ΠΏΠ½Ρ‹Ρ… Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ ΡƒΠΌΠ½ΠΎΠ³ΠΎ использования пространства ΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚Π°. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π»Π΅Π³ΠΊΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ эту Ρ‚Π΅Ρ…Π½ΠΈΠΊΡƒ для создания своих ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Ρ… конструкций. ΠœΡ‹ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π΅ΠΌ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, Π±ΠΎΠΊΠΎΠ²ΡƒΡŽ панСль, ΠΊΡƒΠ·ΠΎΠ², Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» ΠΈ ΡΡ‚ΠΈΠ»ΡŒ для совмСстной Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π² сильно тСкстурированном ΠΈ изношСнном Π΄ΠΈΠ·Π°ΠΉΠ½Π΅. ΠžΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ ΡƒΡ‡Π΅Π±Π½ΠΈΠΊ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π²Π°ΠΌ, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ классный ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ для Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏ. Π’ этом ΡƒΡ‡Π΅Π±Π½ΠΎΠΌ пособии Ρ€Π°ΡΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°ΡŽΡ‚ΡΡ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ области, с ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ Π½ΡƒΠΆΠ½ΠΎ ΡΠΎΡΡ€Π΅Π΄ΠΎΡ‚ΠΎΡ‡ΠΈΡ‚ΡŒΡΡ ΠΏΡ€ΠΈ создании Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π²Π΅Π±-сайта. Π­Ρ‚ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½ Π² стилС Π±Π»ΠΎΠ³Π°, Π½ΠΎ ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ ΠΈ стратСгии, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Π΅ Π² этом ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅, ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒΡΡ ΠΈ Π² Π΄Ρ€ΡƒΠ³ΠΈΡ… мСстах Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅. Π£Π·Π½Π°ΠΉΡ‚Π΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ красочный Π΄ΠΈΠ·Π°ΠΉΠ½ Π½Π° Ρ‚Π΅ΠΌΠ½ΠΎΠΌ Ρ„ΠΎΠ½Π΅.
  • Π¨Π°Π±Π»ΠΎΠ½ — это Ρ„Π°ΠΉΠ», ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΡƒΠΆΠ΅ Π±Ρ‹Π» ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ для вас.
  • Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π΄Π°Ρ‚ΡŒ Π²Π°ΠΌ ΠΏΡ€Π΅Π΄ΡƒΠΏΡ€Π΅ΠΆΠ΄Π΅Π½ΠΈΠ΅, просто ΠΏΡ€ΠΎΠΈΠ³Π½ΠΎΡ€ΠΈΡ€ΡƒΠΉΡ‚Π΅ Π΅Π³ΠΎ.
  • Π­Ρ‚ΠΎ ΠΎΠ½ΠΎ!
Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ ΠΎΠ½ ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ‚ Π²Π°ΠΌ, ΠΊΠ°ΠΊ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ простой Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ.


ПослС Π·Π°Π»ΠΈΠ²ΠΊΠΈ Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ НалоТСниС Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π° (Gradient Overlay ), ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½ΠΈΠΆΠ΅.

Π”Π°Π»Π΅Π΅, снова Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ инструмСнт ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½Π°Ρ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ (Rectangular Marquee Tool ) (M), Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π° этот Ρ€Π°Π· Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ Π² Π΄Π²Π° Ρ€Π°Π·Π° мСньшС ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ. Π—Π°Π»Π΅ΠΉΡ‚Π΅ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ (G ) Ρ‡Π΅Ρ€Π½Ρ‹ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ #000000 . ПослС этого ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² мСню Π€ΠΈΠ»ΡŒΡ‚Ρ€>Π Π΅Π½Π΄Π΅Ρ€ΠΈΠ½Π³>Π‘Π»ΠΈΠΊ (Filter>Render>Lens Flare ), размСститС Π±Π»ΠΈΠΊ Π² Π»Π΅Π²ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΠ³Π»Ρƒ Π½ΠΎΠ²ΠΎΠ³ΠΎ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°.

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

Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ ΠΌΡ‹ научимся ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΏΡ€ΠΈΡΡ‚Π½ΡƒΡŽ ΠΏΠ΅Ρ€ΡΠΎΠ½Π°Π»ΡŒΠ½ΡƒΡŽ Π²Π΅Π±-страницу ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ. ПошаговоС руководство ΠΏΠΎ созданию ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Π΅Π±-ΠΌΠ°ΠΊΠ΅Ρ‚Π°. Π£Ρ‡Π΅Π±Π½ΠΈΠΊ ΠΏΠΎ ΠΌΠ°ΠΊΠ΅Ρ‚Ρƒ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π²Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ ΠΏΡ€Π΅ΠΏΠΎΠ΄Π°Π²Π°Ρ‚ΡŒ ΠΈ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π²Π°ΠΌ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Π΅ ΠΏΡ€ΠΈΠ΅ΠΌΡ‹. Π­Ρ‚ΠΎΡ‚ ΡƒΡ‡Π΅Π±Π½ΠΈΠΊ ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ‚ Π²Π°ΠΌ, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ чистый Π²Π΅Π±-ΠΌΠ°ΠΊΠ΅Ρ‚ для вашСго ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ.

ПослС добавлСния Π±Π»ΠΈΠΊΠ° установитС Ρ€Π΅ΠΆΠΈΠΌ смСшивания Π½Π° Π­ΠΊΡ€Π°Π½ (Screen ). Π£ вас Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Ρ‚Π°ΠΊ:


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

Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° Ρ…ΠΎΡ€ΠΎΡˆΠΎ выглядящих чистых ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… Π²Π΅Π±-ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² являСтся Π½Π΅ΠΎΡ‚ΡŠΠ΅ΠΌΠ»Π΅ΠΌΠΎΠΉ Ρ‡Π°ΡΡ‚ΡŒΡŽ ΠΆΠΈΠ·Π½ΠΈ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ². По ΠΏΡƒΡ‚ΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ·Π½Π°Ρ‚ΡŒ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Π΅ ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ для создания ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ². ΠŸΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ ΠΌΡ‹ Π½Π°Ρ‡Π½Π΅ΠΌ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅, Π½Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡΠΏΠ»Π°Π½ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ трСбования, внСшний Π²ΠΈΠ΄ ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ. Π—Π°Ρ‚Π΅ΠΌ ΠΌΡ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΏΠΎΠ΄Π³ΠΎΠ½ΡΡ‚ΡŒ эти ΠΈΠ΄Π΅ΠΈ Π² ΠΌΠ°ΠΊΠ΅Ρ‚, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΡ… Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ. ΠœΠ°ΠΊΠ΅Ρ‚Ρ‹ ΠΈ ΠΏΡ€ΠΎΠ²ΠΎΠ΄Π½Ρ‹Π΅ Ρ€Π°ΠΌΠΊΠΈ ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ для создания ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² с большой Π³ΠΈΠ±ΠΊΠΎΡΡ‚ΡŒΡŽ. Π­Ρ‚ΠΎ Π»ΡƒΡ‡ΡˆΠ°Ρ ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ° ΠΈ ΠΎΡ‡Π΅Π½ΡŒ вострСбована Π² ΠΏΡ€ΠΎΠΌΡ‹ΡˆΠ»Π΅Π½Π½ΠΎΡΡ‚ΠΈ.

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



НС Π±Π΅ΡΠΏΠΎΠΊΠΎΠΉΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ Π² сСрСдинС Π±ΡƒΠ΄Π΅Ρ‚ Π²ΠΈΠ΄Π½Π° Π³Ρ€Π°Π½ΠΈΡ†Π° края, Ρ‚.ΠΊ. ΠΎΠ½Π° Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°ΠΊΡ€Ρ‹Ρ‚Π° ΠΎΡΡ‚Π°Π»ΡŒΠ½ΠΎΠΉ Ρ‡Π°ΡΡ‚ΡŒΡŽ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°.

Π¨Π°Π³ 2 — Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ области Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°

Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ инструмСнт (Rounded Rectangle Tool ) (U) с радиусом ΠΎΠΊΠΎΠ»ΠΎ 20px .

ΠŸΡ€ΠΎΡΡ‚ΠΎ ΠΊΡ€Π°Ρ‚ΠΊΠΎ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΠΌ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΈ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΌ происходит. Π˜Ρ‚Π°ΠΊ, Ρƒ нас Π΅ΡΡ‚ΡŒ синяя ΠΏΠ΅Ρ‡Π°Ρ‚ΡŒ для нашСго ΠΌΠ°ΠΊΠ΅Ρ‚Π°. Π”Π°Π²Π°ΠΉΡ‚Π΅ Π½Π° самом Π΄Π΅Π»Π΅ ΡΠΎΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚! ΠœΡ‹ собираСмся ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ 960 пиксСлСй. Π­Ρ‚ΠΎ ΠΌΠ°ΠΊΠ΅Ρ‚ ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ 960 пиксСлСй, поэтому Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‡ΡƒΡŽ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ, Π΄ΠΎΠ±Π°Π²ΠΈΠ² Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ.

Π£ΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚Π΅ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π΄ΠΎ 960 пиксСлСй Π² ΡˆΠΈΡ€ΠΈΠ½Ρƒ. Π­Ρ‚ΠΎ рабочая ΠΎΠ±Π»Π°ΡΡ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚Π°. Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅ Π»ΠΈΠ½ΠΈΠΈ ΠΊ Π²Ρ‹Π±ΠΎΡ€Ρƒ. Нам Π½ΡƒΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρƒ Π³Ρ€Π°Π½ΠΈΡ†Π΅ΠΉ ΠΈ содСрТимым, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΌΡ‹ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ ΠΏΠΎΠ·ΠΆΠ΅! ΠŸΡ€ΠΈ ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎΠΌ Π²Ρ‹Π±ΠΎΡ€Π΅ Π²Ρ‹Π±ΠΎΡ€Π° Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Β«Π’Ρ‹Π±ΠΎΡ€ трансформации». Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ Π΄ΠΎ 920 пиксСлСй Π² ΡˆΠΈΡ€ΠΈΠ½Ρƒ. Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ 20 пиксСлСй с ΠΊΠ°ΠΆΠ΄ΠΎΠΉ стороны ΡΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ 40 пиксСлСй отступов.


РастянитС ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ, оставляя достаточно мСста для Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° сайта.


Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π½ΡƒΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ. Для этого ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ инструмСнт ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ со скруглСнными ΡƒΠ³Π»Π°ΠΌΠΈ (Rounded Rectangle Tool ) (U) ΠΈ растянитС Π΄Π²Π° Π½ΠΎΠ²Ρ‹Ρ… ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°, ΠΎΠ΄ΠΈΠ½ Π²Π²Π΅Ρ€Ρ…Ρƒ ΠΈ ΠΎΠ΄ΠΈΠ½ Π²Π½ΠΈΠ·Ρƒ. Π‘Π΄Π΅Π»Π°ΠΉΡ‚Π΅ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ Π² Π½ΠΈΠΆΠ½Π΅ΠΉ части Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ мСньшС, Ρ‡Π΅ΠΌ Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ. Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ ΠΏΡ€ΠΈΠ»Π΅Π³Π°Π΅Ρ‚ ΠΊ слою с Ρ„ΠΎΡ€ΠΌΠΎΠΉ, ΡƒΠ΄Π΅Ρ€ΠΆΠΈΠ²Π°ΠΉΡ‚Π΅ Π½Π°ΠΆΠ°Ρ‚ΠΎΠΉ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Shift ΠΏΠ΅Ρ€Π΅Π΄ рисованиСм Π΄Π²ΡƒΡ… Π½ΠΎΠ²Ρ‹Ρ… ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΎΠ².

Π”Π°Π²Π°ΠΉΡ‚Π΅ создадим Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΌΠ°ΠΊΠ΅Ρ‚Π°! Π‘Π΄Π΅Π»Π°ΠΉΡ‚Π΅ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ высотой 465 пиксСлСй. Π—Π°ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ сСрым Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ, Π° Π·Π°Ρ‚Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ стили слоя, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ†Π²Π΅Ρ‚Π° ΠΈ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Ρ‹. Π‘Π»Π΅Π΄ΡƒΠΉΡ‚Π΅ этому Π²ΠΎ всСй конструкции, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΡƒΡŽ ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΡŽ.

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


На Π΄Π²ΡƒΡ… Π½ΠΎΠ²Ρ‹Ρ… ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° Π½ΡƒΠΆΠ½ΠΎ ΠΎΡ‚Ρ€Π΅Π·Π°Ρ‚ΡŒ ΡƒΠ³Π»Ρ‹. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ инструмСнт ΠŸΠ΅Ρ€ΠΎ (Pen Tool ) ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части Π½Π° Π’Ρ‹Ρ‡Π΅ΡΡ‚ΡŒ ΠΈΠ· области Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ (Subtract From Shape Area ).


ΠžΠ±Ρ€Π΅ΠΆΡŒΡ‚Π΅ Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹ΠΉ ΡƒΠ³ΠΎΠ» Ρƒ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΎΠ², просто ΡƒΠ΄Π΅Ρ€ΠΆΠΈΠ²Π°ΠΉΡ‚Π΅ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Shift , Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠ½Ρ‚ΡƒΡ€ ΠΊ Ρ„ΠΎΡ€ΠΌΠ΅, Π·Π°Ρ‚Π΅ΠΌ сдСлайтС малСнький Ρ‚Ρ€Π΅ΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ.

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ шаблона тСкстуры

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

ПанСль с ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠ΅ΠΉ

Π‘ΠΌΠ΅ΡˆΠ°ΠΉΡ‚Π΅ шаблон ΠΏΠ»Π°Π²Π½ΠΎ Π² Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ΅. Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ маску слоя ΠΊ слою шаблона. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΌΡΠ³ΠΊΡƒΡŽ ΠΊΠΈΡΡ‚ΡŒ ΠΈ нарисуйтС большой мягкой Ρ‰Π΅Ρ‚ΠΊΠΎΠΉ. Π£ΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚Π΅ Π½Π΅ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ кисти ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Π½Π° 60% ΠΈ ΠΏΠΎΠΊΡ€Π°ΡΡŒΡ‚Π΅. Если Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ Π΅Π³ΠΎ слишком ΡΠΈΠ»ΡŒΠ½Ρ‹ΠΌ, настройтС Π½Π΅ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ слоя ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡƒΠ°Π»ΡŒΠ½ΠΎ.


Π’Π΅ΠΏΠ΅Ρ€ΡŒ, ΠΊΠΎΠ³Π΄Π° ΡƒΠ³Π»Ρ‹ Π±Ρ‹Π»ΠΈ ΠΎΠ±Ρ€Π΅Π·Π°Π½Ρ‹, скачайтС ΠΈ ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ синиС абстрактныС ΠΎΠ±ΠΎΠΈ (см. рСсурсы ΠΊ ΡƒΡ€ΠΎΠΊΡƒ).

Π‘ΠΊΠΎΠΏΠΈΡ€ΡƒΠΉΡ‚Π΅ ΠΎΠ±ΠΎΠΈ Π² Π±ΡƒΡ„Π΅Ρ€ ΠΎΠ±ΠΌΠ΅Π½Π°, Π° Π·Π°Ρ‚Π΅ΠΌ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π²ΠΎΠΊΡ€ΡƒΠ³ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‡Ρ‚ΠΎ измСняли. Π§Ρ‚ΠΎΠ±Ρ‹ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ слой с Ρ„ΠΈΠ³ΡƒΡ€ΠΎΠΉ, Π·Π°Ρ‚Π΅ΠΌ ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² мСню Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ > (Select > Load Selection ). ПослС Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ выдСлСния ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² мСню Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ > Π‘ΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Π°Ρ вставка > Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ (Edit > Paste Special > Paste Into ).

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

Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Ρ‚Π΅Π½Π΅Π²ΠΎΠΉ эффСкт Π² слайдСр. ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρƒ Β«ΠšΠΈΡΡ‚ΠΈΒ», ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚Π΅ ΠΎΠΊΡ€ΡƒΠ³Π»ΠΎΡΡ‚ΡŒ. ΠŸΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚Π΅ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Ρ€Π°Π·ΠΌΡ‹Ρ‚ΠΈΠ΅ ΠΏΠΎ Гауссу, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΌΡΠ³Ρ‡ΠΈΡ‚ΡŒ края. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ниТнюю ΠΏΠΎΠ»ΠΎΠ²ΠΈΠ½Ρƒ Ρ‚Π΅Π½ΠΈ ΠΈ ΡƒΠ΄Π°Π»ΠΈΡ‚Π΅ Π΅Π΅. ΠŸΠ΅Ρ€Π΅ΠΌΠ΅ΡΡ‚ΠΈΡ‚Π΅ Ρ‚Π΅Π½ΡŒ Ρ‡ΡƒΡ‚ΡŒ Π²Ρ‹ΡˆΠ΅ ΠΏΠΎΠ»Π·ΡƒΠ½ΠΊΠ°. Π—Π°Ρ‚Π΅ΠΌ выровняйтС Π΅Π³ΠΎ ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠΎΠ»Π·ΡƒΠ½ΠΊΠ°.


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

Π¨Π°Π³ 9: Π—Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΠ΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°

Π”ΡƒΠ±Π»ΠΈΡ€ΡƒΠΉΡ‚Π΅ Ρ‚Π΅Π½ΡŒ ΠΈ ΠΏΠΎΠ²Π΅Ρ€Π½ΠΈΡ‚Π΅ Π΅Π΅ ΠΏΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ. ΠŸΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚Π΅ Π΅Π³ΠΎ Π½Π° Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΡ€Π°ΠΉ ΠΏΠΎΠ»Π·ΡƒΠ½ΠΊΠ°. ΠžΠΏΡƒΡΡ‚ΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΠ΅ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ Π΄ΠΎ 50%. ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ автоматичСскиС Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ эту стрСлку. Π—Π΄Π΅ΡΡŒ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ описаниС ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°. ΠœΡ‹ ΠΏΠΎΡ‡Ρ‚ΠΈ Π·Π°ΠΊΠΎΠ½Ρ‡ΠΈΠ»ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ. Π”Π°Π²Π°ΠΉΡ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ Ρ‚ΠΎΠ½ΠΊΠΈΠΉ эффСкт Ρ‚Π΅Π½ΠΈ ΠΊ Ρ„ΠΈΠ½ΠΈΡˆΡƒ!

Π¨Π°Π³ 10: ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚ ΠΊ Ρ„ΠΎΠ½Ρƒ

Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚ ΠΎΡ‚ свСтло-сСрого Π΄ΠΎ Π±Π΅Π»ΠΎΠ³ΠΎ. Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ Π½ΠΎΠ²Ρ‹ΠΉ слой ΠΏΠΎΠ΄ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ ΠΈ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚Π΅ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚.

Π¨Π°Π³ 11: Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ элСмСнты управлСния ΠΏΠΎΠ²ΠΎΡ€ΠΎΡ‚Π½Ρ‹ΠΌ ΠΌΠ΅Ρ…Π°Π½ΠΈΠ·ΠΌΠΎΠΌ
Π¨Π°Π³ 12: Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ раздСлитСля содСрТимого. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ инструмСнт Β«ΠšΠ°Ρ€Π°Π½Π΄Π°ΡˆΒ» ΠΈ нарисуйтС 1 ΠΏΠΈΠΊΡΠ΅Π»ΡŒΠ½ΡƒΡŽ линию.

ВСнь:

ВнутрСнняя Ρ‚Π΅Π½ΡŒ:

Обводка:

Π”ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π²Ρ€ΠΎΠ΄Π΅ этого:


Π¨Π°Π³ 13: Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ основного содСрТимого

Настало врСмя ΠΏΠΎΠΏΠ°ΡΡ‚ΡŒ Π² Ρ„Π°ΠΊΡ‚ΠΈΡ‡Π΅ΡΠΊΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°. Нам Π½ΡƒΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ 3 Ρ€Π°Π²Π½Ρ‹Ρ… столбца с Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ΠΌ ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ. ΠžΡ‚Π±Ρ€ΠΎΡΡŒΡ‚Π΅ Π·Π½Π°Ρ‡ΠΊΠΈ ΠΈΠ· Π·Π½Π°Ρ‡ΠΊΠ° Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ. ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ расстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°ΠΌΠΈ Ρ€Π°Π²Π½ΠΎΠΌΠ΅Ρ€Π½ΠΎ. Π”Π°Π²Π°ΠΉΡ‚Π΅ создадим ΠΏΡ€ΠΎΡΡ‚ΡƒΡŽ ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«Π§ΠΈΡ‚Π°Ρ‚ΡŒ дальшС». Π£Π±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ это слой Ρ„ΠΎΡ€ΠΌΡ‹. ΠœΡ‹ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½ΠΎΠ²Ρ‹Π΅ Ρ€Π°Π±ΠΎΡ‡ΠΈΠ΅ элСмСнты.

Π¨Π°Π³ 14: Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π° ΠΈ Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΠ΅

Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ для получСния Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Ρ‚Π²ΠΈΡ‚ΠΎΠ². Π‘Π΄Π΅Π»Π°ΠΉΡ‚Π΅ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ для Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π° ΠΈ Π·Π°ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅ Π΅Π³ΠΎ сСрым Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ. НаконСц Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΡŽ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π° ΠΈ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎΠ± авторских ΠΏΡ€Π°Π²Π°Ρ…. И это Π·Π°Π²Π΅Ρ€ΡˆΠ°Π΅Ρ‚ сСссию. ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ Π½Π° ΠΎΠΊΠΎΠ½Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.

Π¨Π°Π³ 3 — Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ тСкста Π² ΠΎΠ±Π»Π°ΡΡ‚ΡŒ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°

Π’ Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΏΠΎΠ²Π΅Ρ€Ρ… Π±Π»ΠΈΠΊΠΎΠ² Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ сайта. Π― использовал ΡˆΡ€ΠΈΡ„Ρ‚ Verdana , Π° синий Ρ†Π²Π΅Ρ‚ Π²Ρ‹Π±Ρ€Π°Π» ΠΈΠ· ΠΎΠ±ΠΎΠ΅Π² с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнта ΠŸΠΈΠΏΠ΅Ρ‚ΠΊΠ° (Eye Dropper Tool ) (I).



Π¨ΠΈΡ€ΠΎΠΊΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Π» Π² индустрии Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Π‘Π»Π°Π³ΠΎΠ΄Π°Ρ€ΠΈΠΌ вас Π·Π° этот ΡƒΡ€ΠΎΠΊ. НадСюсь, Π²Ρ‹ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ ΡƒΠ·Π½Π°Π»ΠΈ ΠΈ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΈ ΡƒΠ΄ΠΎΠ²ΠΎΠ»ΡŒΡΡ‚Π²ΠΈΠ΅ ΠΎΡ‚ чтСния этого ΡƒΡ€ΠΎΠΊΠ°. Π’ послСдниС Π³ΠΎΠ΄Ρ‹ Ρ‚Π°Ρ‚ΡƒΠΈΡ€ΠΎΠ²ΠΊΠΈ стали ΠΌΠ΅Π½Π΅Π΅ Ρ‚Π°Π±Ρƒ ΠΈ большС Ρ‚Π΅Π½Π΄Π΅Π½Ρ†ΠΈΠΉ. Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, ΠΎΠ΄Π½Π° Π²Π΅Ρ‰ΡŒ, которая остаСтся Ρ‚Π΅ΠΌ ΠΆΠ΅ самым Π² ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½ΠΈΠΈ подписСй, — это ΡΠΏΠΎΡΠΎΠ±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ свою ΡΠΎΠ±ΡΡ‚Π²Π΅Π½Π½ΡƒΡŽ Π·Π½Π°Ρ‡ΠΈΠΌΡƒΡŽ Ρ‚Π°Ρ‚ΡƒΠΈΡ€ΠΎΠ²ΠΊΡƒ. Π₯ΡƒΠ΄ΠΎΠΆΠ½ΠΈΠΊΠΈ Ρ‚Π°Ρ‚ΡƒΠΈΡ€ΠΎΠ²ΠΊΠΈ ΠΏΠ΅Ρ‡Π°Ρ‚Π°ΡŽΡ‚ Π΄ΠΈΠ·Π°ΠΉΠ½ Π½Π° ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠΉ Π±ΡƒΠΌΠ°Π³Π΅ пСрСноса, Π° Π·Π°Ρ‚Π΅ΠΌ пСрСносят Π΅Π³ΠΎ Π½Π° ΠΊΠΎΠΆΡƒ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°. Π Π΅ΡˆΠΈΡ‚Π΅, ΠΊΡƒΠ΄Π° ΠΏΠΎΠΉΠ΄Π΅Ρ‚ Ρ‚Π°Ρ‚ΡƒΠΈΡ€ΠΎΠ²ΠΊΠ°. Π£Ρ‡ΠΈΡ‚Ρ‹Π²Π°ΠΉΡ‚Π΅ ΠΊΡ€ΠΈΠ²Ρ‹Π΅ Ρ‚Π΅Π»Π°; Π ΡƒΠΊΠΈ ΠΈ Π½ΠΎΠ³ΠΈ ΠΈΠΌΠ΅ΡŽΡ‚ ΠΊΡ€ΠΈΠ²ΡƒΡŽ, Π° задняя ΠΈ плСчСвая области ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ плоскиС.

Π¨Π°Π³ 4 — Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ

Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ инструмСнт ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ со скруглСнными ΡƒΠ³Π»Π°ΠΌΠΈ (Rounded Rectangle Tool ) (U), создайтС слой ΠΏΠΎΠ·Π°Π΄ΠΈ Ρ„ΠΎΡ€ΠΌΡ‹ с синими обоями ΠΈ нарисуйтС ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ ΠΏΡ€Π°Π²ΠΎΠΉ части. ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ Π΄ΠΎΠ»ΠΆΠ΅Π½ стройно Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Ρ‚ΡŒΡΡ с ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹ΠΌΠΈ областями.


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

Π—Π°Ρ‚Π΅ΠΌ Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ стили слоя:

ВнутрСнняя Ρ‚Π΅Π½ΡŒ:

НалоТСниС Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π°:

Обводка:

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

Π’Π½ΡƒΡ‚Ρ€ΠΈ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° с Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠ΅ΠΉ Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ тСкст.


Π¨Π°Π³ 5 — Π—Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΠ΅ создания области Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°

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


Для ΠΊΠ½ΠΎΠΏΠΊΠΈ связи Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ стили слоя.

ВСнь:

ВнутрСнняя Ρ‚Π΅Π½ΡŒ:

Обводка:

Π£ вас Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π²Ρ€ΠΎΠ΄Π΅ этого:


НаконСц Π½Π° ΠΏΡ€Π°Π²ΠΎΠΉ сторонС области Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ 4 ΠΌΠ°Π»Π΅Π½ΡŒΠΊΠΈΡ… ΠΊΡ€ΡƒΠΆΠΊΠ° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнта Эллипс (Ellipse Tool ) (U).


Π­Ρ‚ΠΈ 4 ΠΊΡ€ΡƒΠ³Π° Π±ΡƒΠ΄ΡƒΡ‚ ΠΈΠΌΠΈΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ показываСтся Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ слайд, Ρ‡Ρ‚ΠΎ это JQuery слайдСр.

Π¨Π°Π³ 6 — Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ области ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°

ΠžΠ±Π»Π°ΡΡ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΎΡΡ‚ΠΎΡΡ‚ΡŒ ΠΈΠ· 3 Π±Π»ΠΎΠΊΠΎΠ² с содСрТаниСм ΠΈ нСбольшой Π³Π°Π»Π΅Ρ€Π΅ΠΈ. НачнитС с Ρ„ΠΎΠ½Π° областСй, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ инструмСнт ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ со скруглСнными ΡƒΠ³Π»Π°ΠΌΠΈ (Rounded Rectangle Tool ) (U).


Для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΈΠ· 3 ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΎΠ² Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ стили слоя.

ВнутрСнняя Ρ‚Π΅Π½ΡŒ:

НалоТСниС Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π°:

Обводка:

Π”ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ, ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ, ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅:


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


Π¨Π°Π³ 7 — Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π³Π°Π»Π΅Ρ€Π΅ΠΈ

Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ 4 ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнта ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ (Rectangle Tool ) (U), Π·Π°Π»Π΅ΠΉΡ‚Π΅ (G ) ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ с сСрым Ρ†Π²Π΅Ρ‚ΠΎΠΌ #f1f1f1 .


Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π²ΠΎΠΊΡ€ΡƒΠ³ ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ > Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½ΡƒΡŽ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ (Layer > Load Selection ), Π·Π°Ρ‚Π΅ΠΌ ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² мСню Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ > ΠœΠΎΠ΄ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΡ > Π‘ΠΆΠ°Ρ‚ΡŒ (Select > Modify > Contract ) Π³Ρ€Π°Π½ΠΈΡ†Ρƒ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΎΠΊΠΎΠ»ΠΎ 5-10 пиксСлСй. Π‘ΠΊΠΎΠΏΠΈΡ€ΡƒΠΉΡ‚Π΅ ΠΈ Π²ΡΡ‚Π°Π²ΡŒΡ‚Π΅ ΠΎΠ΄Π½ΠΎ ΠΈΠ· ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π³Π°Π»Π΅Ρ€Π΅ΠΈ Π² ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ, пСрСйдя Π² Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ > Π‘ΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Π°Ρ вставка > Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ (Edit > Paste Special > Paste ).


ΠŸΠΎΠ²Ρ‚ΠΎΡ€ΠΈΡ‚Π΅ эти дСйствия для ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… 3 ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΎΠ². Π£ вас Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Ρ‚Π°ΠΊ:


Π¨Π°Π³ 8 — Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Ρ„ΡƒΡ‚Π΅Ρ€Π° (Π½ΠΈΠΆΠ½Π΅ΠΉ области)

ΠŸΡ€ΠΎΠ΄ΡƒΠ±Π»ΠΈΡ€ΡƒΠΉΡ‚Π΅ слой с Ρ„ΠΎΡ€ΠΌΠΎΠΉ области Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°, Π·Π°Ρ‚Π΅ΠΌ пСрСмСститС Ρ„ΠΎΡ€ΠΌΡƒ Π² ниТнюю Ρ‡Π°ΡΡ‚ΡŒ холста. ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² мСню Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ > Врансформация > ΠžΡ‚Ρ€Π°Π·ΠΈΡ‚ΡŒ ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ (Edit > Transform > Flip Horizontal ), Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠ΅Ρ€Π΅Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒ Ρ„ΠΎΡ€ΠΌΡƒ ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ.


Π’Π½ΡƒΡ‚Ρ€ΠΈ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°, Π² мСстС выступа, Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΈΠ· сборника элСгантных ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΈΠΊΠΎΠ½ΠΎΠΊ (см. рСсурсы ΠΊ ΡƒΡ€ΠΎΠΊΡƒ). Π’Π½ΡƒΡ‚Ρ€ΠΈ ΠΎΡΡ‚Π°Π»ΡŒΠ½ΠΎΠΉ части Ρ„ΡƒΡ‚Π΅Ρ€Π° Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎΠ± авторских ΠΏΡ€Π°Π²Π°Ρ….


НадСюсь, ΡƒΡ€ΠΎΠΊ Π²Π°ΠΌ понравился ΠΈ ТСлаю ΡƒΠ΄Π°Ρ‡ΠΈ Π² Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠΈ.

Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π²Π΅Π±-страницу, Ρ€Π°Π·Π±Π΅Ρ€ΠΈΡ‚Π΅ΡΡŒ, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ сайт Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅. — это графичСский Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€. Π’ Π½Ρ‘ΠΌ ΠΌΠΎΠΆΠ½ΠΎ Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ ΠΈ ΠΈΡ… ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ элСмСнты. Π­Ρ‚ΠΎ достаточно Π΄ΠΎΠ»Π³ΠΈΠΉ ΠΈ слоТный процСсс. Π’Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ Π³ΠΎΠ΄Π°ΠΌΠΈ учатся ΠΎΡ„ΠΎΡ€ΠΌΠ»ΡΡ‚ΡŒ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ ΠΈ Π²Π΅Ρ€ΡΡ‚Π°Ρ‚ΡŒ ΠΏΠΎ Π½ΠΈΠΌ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-страницы. Но простой ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΠ±Ρ€Π°Ρ‚ΡŒ любой Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ. НуТны лишь Π±Π°Π·ΠΎΠ²Ρ‹Π΅ знания Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ° ΠΈ фантазия.

Π’ Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ нСслоТный Π΄ΠΈΠ·Π°ΠΉΠ½ сайта ΠΏΠΎΠ΄ силу Π΄Π°ΠΆΠ΅ Π½ΠΎΠ²ΠΈΡ‡ΠΊΡƒ

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

Π Π°ΡΡˆΠΈΡ„Ρ€ΠΎΠ²ΠΊΠ° Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Ρ‚Π΅Ρ€ΠΌΠΈΠ½ΠΎΠ².

  • CSS (Cascading Style Sheets) ΠΈ HTML (HyperText Markup Language) — ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π½Ρ‹Π΅ языки, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ ΠΏΡ€ΠΈ создании Π²Π΅Π±-рСсурсов. Если ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ исходный ΠΊΠΎΠ΄ любой страницы Π² ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅, Ρ‚Π°ΠΌ Π±ΡƒΠ΄ΡƒΡ‚ HTML-тэги.
  • Вёрстка — ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠ° ΠΈ ΠΌΠΎΠ½Ρ‚Π°ΠΆ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ² ΠΈΠ· ΠΌΠ°ΠΊΠ΅Ρ‚Π°, ΠΏΡ€Π΅Π²Ρ€Π°Ρ‰Π΅Π½ΠΈΠ΅ Π΅Π³ΠΎ Π² html-шаблон. ΠžΡ‚ этого зависит, ΠΊΠ°ΠΊ Ρ€Π°ΡΠΏΠΎΠ»Π°Π³Π°ΡŽΡ‚ΡΡ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹, красиво Π»ΠΈ ΠΎΠ½ΠΈ выглядят Π² ΠΎΠ±Ρ‰Π΅ΠΉ ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ, ΡƒΠ΄ΠΎΠ±Π½ΠΎ Π»ΠΈ Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ тСкст ΠΈ Ρ‚ΠΎΠΌΡƒ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠ΅.
  • Π‘Π»ΠΎΠΈ — части ΠΌΠ°ΠΊΠ΅Ρ‚Π°. Они вмСстС ΡΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ ΠΎΠ±Ρ‰ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½Ρƒ. Но ΠΈΡ… ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ Π΄Ρ€ΡƒΠ³ ΠΎΡ‚ Π΄Ρ€ΡƒΠ³Π°.
  • Π’Π΅Π»ΠΎ — мСсто, Π³Π΄Π΅ находится ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚. Π’ΠΎΠΊΡ€ΡƒΠ³ Π½Π΅Π³ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Ρ„ΠΎΠ½.
  • Π€Ρ€Π΅ΠΉΠΌ (Frame) — элСмСнт страницы. Π‘Π»ΠΎΠΊ с ΠΊΠ°ΠΊΠΎΠΉ-Ρ‚ΠΎ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠ΅ΠΉ, ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΎΠΉ, Ρ„ΠΎΡ€ΠΌΠΎΠΉ.

Π‘Π΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΠΎΡ‚Ρ€ΡΡΠ°ΡŽΡ‰ΠΈΠΉ сайт с нуля ΠΌΠΎΠΆΠ΅Ρ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ профСссионал. Для этого Π½ΡƒΠΆΠ½ΠΎ Ρ€Π°Π·Π±ΠΈΡ€Π°Ρ‚ΡŒΡΡ Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ ΠΈ Π·Π½Π°Ρ‚ΡŒ HTML. Π’Π°ΠΊ ΠΊΠ°ΠΊ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ Π½Π°Π΄ΠΎ Π΅Ρ‰Ρ‘ Π³Ρ€Π°ΠΌΠΎΡ‚Π½ΠΎ ΡΠ²Π΅Ρ€ΡΡ‚Π°Ρ‚ΡŒ.


Но Π΅ΡΡ‚ΡŒ ΠΈ Π±ΠΎΠ»Π΅Π΅ простыС способы. Π‘ΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ ΠΎΠ½Π»Π°ΠΉΠ½-сСрвисы ΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ автоматичСски ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΡƒΡŽΡ‚.psd (Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Ρ„Π°ΠΉΠ»ΠΎΠ² Photoshop) Π² HTML ΠΈ CSS. Π’Π°ΠΌ останСтся лишь ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ ΡΠΎΠ±Ρ€Π°Ρ‚ΡŒ шаблон.

Для использования Photoshop Π½Π΅ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ Ρ…ΡƒΠ΄ΠΎΠΆΠ½ΠΈΠΊΠΎΠΌ ΠΈ Ρ€Π°Π·Π±ΠΈΡ€Π°Ρ‚ΡŒΡΡ Π²ΠΎ всСх опциях ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹. Но Ссли Π²Ρ‹ Π²ΠΏΠ΅Ρ€Π²Ρ‹Π΅ запустили Π΅Ρ‘ ΠΈ Π½Π΅ Π·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ тСкст, Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ Π³Π΅ΠΎΠΌΠ΅Ρ‚Ρ€ΠΈΡ‡Π΅ΡΠΊΡƒΡŽ Ρ„ΠΈΠ³ΡƒΡ€Ρƒ, ΠΏΡ€ΠΎΠ΄ΡƒΠ±Π»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ слой, ΠΏΠΎΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ†Π²Π΅Ρ‚ ΠΈΠ»ΠΈ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½ΡƒΡŽ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ, стоит Π½Π°Ρ‡Π°Ρ‚ΡŒ с Ρ‡Π΅Π³ΠΎ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ ΠΏΠΎΠΏΡ€ΠΎΡ‰Π΅. Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ , Π½ΡƒΠΆΠ½Ρ‹ хотя Π±Ρ‹ Π½Π°Ρ‡Π°Π»ΡŒΠ½Ρ‹Π΅ Π½Π°Π²Ρ‹ΠΊΠΈ Ρ€Π°Π±ΠΎΡ‚Ρ‹ с ΡƒΡ‚ΠΈΠ»ΠΈΡ‚ΠΎΠΉ ΠΈ ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π±Π°Π·ΠΎΠ²Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ (ΠΊΠ°ΠΊ Π½Π°Ρ‡Π΅Ρ€Ρ‚ΠΈΡ‚ΡŒ линию, ΠΏΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΡƒΡŽ, Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΡˆΡ€ΠΈΡ„Ρ‚ ΠΈ Ρ‚ΠΎΠΌΡƒ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠ΅).

ΠžΠ±Ρ‰Π°Ρ информация ΠΎ сСтСвых сСрвисах Ρ‚ΠΎΠΆΠ΅ пригодится. Π‘Π°ΠΉΡ‚ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡ…Π°Ρ€Π°ΠΊΡ‚Π΅Ρ€ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ критСриям:

  • ΠžΠ΄Π½ΠΎΡΡ‚Ρ€Π°Π½ΠΈΡ‡Π½Ρ‹ΠΉ. ВсС элСмСнты, ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚, всё Π½Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ рСсурса находится Π² ΠΎΠ΄Π½ΠΎΠΌ мСстС. На ΠΎΠ΄Π½ΠΎΠΉ страницС. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ содСрТимоС сСрвиса, Π½Π΅ Π½Π°Π΄ΠΎ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΏΠΎ ссылкам ΠΈΠ»ΠΈ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ Π½ΠΎΠ²Ρ‹Π΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ. ΠŸΡ€ΠΈ этом сам сайт ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ сколь ΡƒΠ³ΠΎΠ΄Π½ΠΎ большим. Π’ Π½Ρ‘ΠΌ помСстится ΠΈ малСнькая рСкламная Π±Ρ€ΠΎΡˆΡŽΡ€Π°, ΠΈ ΠΎΠ³Ρ€ΠΎΠΌΠ½Ρ‹ΠΉ Ρ€ΠΎΠΌΠ°Π½ Π½Π° 600 листов.
  • ΠœΠ½ΠΎΠ³ΠΎΡΡ‚Ρ€Π°Π½ΠΈΡ‡Π½Ρ‹ΠΉ. БоотвСтствСнно, Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ ΠΌΠ½ΠΎΠ³ΠΎ страниц. Π­Ρ‚ΠΎ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, «Главная», Β«Π€ΠΎΡ€ΡƒΠΌΒ», «ГостСвая ΠΊΠ½ΠΈΠ³Π°Β», Β«ΠžΡ‚Π²Π΅Ρ‚Ρ‹ Π½Π° часто Π·Π°Π΄Π°Π²Π°Π΅ΠΌΡ‹Π΅ вопросы», Β«ΠšΠΎΠ½Ρ‚Π°ΠΊΡ‚Ρ‹Β». Для ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΈΠ· Π½ΠΈΡ… Π½ΡƒΠΆΠ½ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚. Π•Ρ‰Ρ‘ ΠΏΠΎΡ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ΡΡ навигация ΠΈ ΠΊΠ°Ρ€Ρ‚Π° сайта: ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π·Π΄Π΅Π» со ссылками Π½Π° всС части сСрвиса. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΌΠΎΠ³ быстро Π½Π°ΠΉΡ‚ΠΈ Π½ΡƒΠΆΠ½ΡƒΡŽ Π΅ΠΌΡƒ Π·Π°ΠΊΠ»Π°Π΄ΠΊΡƒ.
  • Β«Π Π΅Π·ΠΈΠ½ΠΎΠ²Ρ‹ΠΉΒ». ΠœΠ΅Π½ΡΠ΅Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€ Π² зависимости ΠΎΡ‚ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ экрана. РастягиваСтся вмСстС с ΠΎΠΊΠ½ΠΎΠΌ обозрСватСля. Надо Π·Π°Ρ€Π°Π½Π΅Π΅ Ρ€Π°ΡΡΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ сайт. Если ΠΏΡ€ΠΈ ΡˆΠΈΡ€ΠΈΠ½Π΅ 1300 всё отобраТаСтся Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½ΠΎ, Ρ‚ΠΎ Π² 900 пиксСлях Ρ‡Π°ΡΡ‚ΡŒ ΡΡ‚Π°Ρ‚ΡŒΠΈ ΠΌΠΎΠΆΠ΅Ρ‚ Β«ΡƒΠ΅Ρ…Π°Ρ‚ΡŒΒ» Π·Π° Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ Ρ„Ρ€Π΅ΠΉΠΌΠ°, изобраТСния встанут Π½Π΅ Ρ‚Π°ΠΊ, ΠΊΠ°ΠΊ Π½Π°Π΄ΠΎ, Π° flash-анимация Π·Π°ΠΊΡ€ΠΎΠ΅Ρ‚ Ρ„ΠΎΡ€ΠΌΡƒ для Π²Π²ΠΎΠ΄Π°.
  • Ѐиксированный. Π’Π΅Π»ΠΎ сайта Π½Π΅ мСняСт Ρ€Π°Π·ΠΌΠ΅Ρ€. Π‘Π°ΠΌΡ‹ΠΉ Π»Ρ‘Π³ΠΊΠΈΠΉ ΠΈ ΠΏΡ€Π°ΠΊΡ‚ΠΈΡ‡Π½Ρ‹ΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚. Π§Ρ‚ΠΎΠ±Ρ‹ страница выглядСла Ρ†Π΅Π»ΡŒΠ½ΠΎΠΉ, ΠΈ ΠΏΡ€ΠΈ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΈ ΠΎΠΊΠ½Π° Π½Π΅ Π±Ρ‹Π»ΠΎ «пустого» мСста ΠΏΠΎ краям, ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ€Π΅Π·ΠΈΠ½ΠΎΠ²Ρ‹ΠΌ Ρ„ΠΎΠ½.


ΠœΠ°ΠΊΠ΅Ρ‚

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

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ страниц Π² ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅. ΠŸΠΎΠ΄ΡƒΠΌΠ°ΠΉΡ‚Π΅, ΠΊΠ°ΠΊΠΈΠ΅ ΠΈΠ· Π½ΠΈΡ… Π²Π°ΠΌ нравятся ΠΈ ΠΏΠΎΡ‡Π΅ΠΌΡƒ. Π£Π΄ΠΎΠ±Π½ΠΎΠ΅ Π»ΠΈ это располоТСниС Ρ„Ρ€Π΅ΠΉΠΌΠΎΠ², приятныС Ρ†Π²Π΅Ρ‚Π° ΠΈΠ»ΠΈ интСрСсный ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ ΠΊ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΡŽ. ΠšΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ‡ΡƒΠΆΠΎΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Π½Π΅ стоит. Достаточно ΠΏΠΎΠ΄Ρ‡Π΅Ρ€ΠΏΠ½ΡƒΡ‚ΡŒ ΠΈΠ· Π½Π΅Π³ΠΎ Β«Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π΅Π½ΠΈΠ΅Β». ПослС этого ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ, ΠΊΠ°ΠΊ Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ сайт Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅.

  • Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ Π½ΠΎΠ²Ρ‹ΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ (Π€Π°ΠΉΠ» — Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ). Π Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΏΠΎΠ΄Π±ΠΈΡ€Π°ΡŽΡ‚ΡΡ с расчётом Π½Π° малСнькиС ΠΌΠΎΠ½ΠΈΡ‚ΠΎΡ€Ρ‹ ΠΈΠ»ΠΈ Π½ΠΈΠ·ΠΊΠΎΠ΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅: 1024Γ—720 пиксСлСй. Π­Ρ‚ΠΎ ΡˆΠΈΡ€ΠΈΠ½Π° Β«ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉΒ» части, Π° Π½Π΅ всСго рисунка. Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ страницу Π² 1100 пиксСлСй, Ρ‚ΠΎ Π½Π°Π΄ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ ΠΎΡ‚ 1300 пиксСлСй. Π”Π»ΠΈΠ½Π°, ΠΏΠΎ сути, Π½Π΅ фиксирована — ΠΎΠ½Π° зависит ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, сколько ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π½Π° рСсурсС. Π­Ρ‚ΠΎ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ, Π° Π½Π΅ ΠΏΡ€Π°Π²ΠΈΠ»Π°. ΠœΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ±Ρ€Π°Ρ‚ΡŒ большой ΠΌΠ°ΠΊΠ΅Ρ‚, Ссли Ρ…ΠΎΡ‚ΠΈΡ‚Π΅.
  • Π’ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ. НаТмитС Ctrl+R ΠΈΠ»ΠΈ ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² мСню ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ — Π›ΠΈΠ½Π΅ΠΉΠΊΠΈ. Π­Ρ‚ΠΎ ΠΈΠ·ΠΌΠ΅Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ шкала. Она появляСтся снаруТи рисунка. Π‘Π΅Π· Π½Π΅Ρ‘ придётся ΠΏΡ€ΠΈΠΊΠΈΠ΄Ρ‹Π²Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΈ расстояния Β«Π½Π° Π³Π»Π°Π·Β», Ρ‡Ρ‚ΠΎ Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠΎ скаТСтся Π½Π° ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠΌ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅. ΠΠ°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ эту Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ ΠΌΠΎΠΆΠ½ΠΎ Π² мСню Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ — Установки — Π•Π΄ΠΈΠ½ΠΈΡ†Ρ‹ измСрСния ΠΈ Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ. Π’Π°ΠΌ Π»ΡƒΡ‡ΡˆΠ΅ ΠΏΠΎΠΌΠ΅Π½ΡΡ‚ΡŒ сантимСтры Π½Π° пиксСли, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с ΠΎΠ΄Π½ΠΈΠΌ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠΌ, Π° Π½Π΅ Π²Ρ‹ΡΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ, сколько Ρ‚ΠΎΡ‡Π΅ΠΊ Π² ΠΎΠ΄Π½ΠΎΠΌ дюймС.
  • Π’Π°ΠΊΠΆΠ΅ слСдуСт Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ сСтку. ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ — ΠŸΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ — Π‘Π΅Ρ‚ΠΊΠ° ΠΈΠ»ΠΈ Ctrl+Π­ (ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π΅Ρ‘ ΠΌΠΎΠΆΠ½ΠΎ Ρ‚Π°ΠΊΠΆΠ΅). Π­Ρ‚ΠΎ Π½Π΅ΠΊΠΈΠΉ Π°Π½Π°Π»ΠΎΠ³ Ρ‚Π΅Ρ‚Ρ€Π°Π΄ΠΈ Π² ΠΊΠ»Π΅Ρ‚ΠΊΡƒ. Π’ Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΈ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹Π΅ Π»ΠΈΠ½ΠΈΠΈ. На самом рисункС ΠΎΠ½ΠΈ Π½Π΅ появятся. Π˜Ρ… ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ. Π­Ρ‚Π° функция Π½ΡƒΠΆΠ½Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€ΠΎΠ²Π½ΠΎ Ρ€Π°ΡΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ элСмСнты шаблона. ΠšΠΎΠΌΡƒ-Ρ‚ΠΎ ΡƒΠ΄ΠΎΠ±Π½Π΅Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с сСткой, ΠΊΠΎΠΌΡƒ-Ρ‚ΠΎ Π±Π΅Π· Π½Π΅Ρ‘. Π›ΡƒΡ‡ΡˆΠ΅Π΅ Π΅Ρ‘ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ, Ссли Π²Ρ‹ Π²ΠΏΠ΅Ρ€Π²Ρ‹Π΅ Π΄Π΅Π»Π°Π΅Ρ‚Π΅ сайт.
  • Π§Ρ‚ΠΎΠ±Ρ‹ Π΅Ρ‘ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ, ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ — Установки — ΠΠ°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅, сСтка ΠΈ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹. Π’Π°ΠΌ ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠ»Π΅Ρ‚ΠΎΠΊ, Π° Ρ‚Π°ΠΊΠΆΠ΅ Ρ†Π²Π΅Ρ‚ ΠΈ Ρ‚ΠΈΠΏ Π»ΠΈΠ½ΠΈΠΉ (сплошная, пунктирная, ΠΈΠ· Ρ‚ΠΎΡ‡Π΅ΠΊ).


  • УстановитС Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅. ΠœΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ Π±ΡƒΠ΄Π΅Ρ‚ Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ основной ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚-рСсурса — фиксированноС Ρ‚Π΅Π»ΠΎ сайта. А Π·Π° Π½ΠΈΠΌΠΈ — Ρ€Π΅Π·ΠΈΠ½ΠΎΠ²Ρ‹ΠΉ Ρ„ΠΎΠ½. Π§Ρ‚ΠΎΠ±Ρ‹ это ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ — Новая Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰Π°Ρ. Π’ Π±Π»ΠΎΠΊΠ΅ Β«ΠžΡ€ΠΈΠ΅Π½Ρ‚Π°Ρ†ΠΈΡΒ» ΠΎΡ‚ΠΌΠ΅Ρ‚ΡŒΡ‚Π΅ ΠΏΡƒΠ½ΠΊΡ‚ Β«Π’Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉΒ». Π’ ΠΏΠΎΠ»Π΅ «ПолоТСниС» Π½Π°ΠΏΠΈΡˆΠΈΡ‚Π΅, Π½Π° ΠΊΠ°ΠΊΠΎΠΌ расстояниС ΠΎΡ‚ Π»Π΅Π²ΠΎΠ³ΠΎ края Π±ΡƒΠ΄Π΅Ρ‚ Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚. ΠžΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΡƒΠΉΡ‚Π΅ΡΡŒ ΠΏΠΎ шкалС Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ.
  • НуТны Π΄Π²Π΅ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅ — справа ΠΈ слСва ΠΎΡ‚ Ρ‚Π΅Π»Π° страницы. РасстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΡΠΎΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ максимум 1003 пиксСлСй для дисплССв с Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ 1024Γ—720. ΠœΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Π΄Ρ€ΡƒΠ³ΡƒΡŽ ΡˆΠΈΡ€ΠΈΠ½Ρƒ. Но большиС рСсурсы Π½Π΅ΡƒΠ΄ΠΎΠ±Π½ΠΎ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ Π½Π° ΠΌΠ°Π»Π΅Π½ΡŒΠΊΠΈΡ… ΠΌΠΎΠ½ΠΈΡ‚ΠΎΡ€Π°Ρ….
  • ΠŸΠΎΡ‡Π΅ΠΌΡƒ 1003, Π° Π½Π΅ 1024? Если сайт Π½Π°Π΄ΠΎ ΠΏΡ€ΠΎΠ»ΠΈΡΡ‚Ρ‹Π²Π°Ρ‚ΡŒ (Β«ΡΠΊΡ€ΠΎΠ»Π»ΠΈΡ‚ΡŒΒ») Π²Π½ΠΈΠ·, Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΠΎΠ»Π·ΡƒΠ½ΠΎΠΊ для ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ. Π Π°Π·ΠΌΠ΅Ρ€ этого ΠΏΠΎΠ»Π·ΡƒΠ½ΠΊΠ° — ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ 21 пиксСль. Если Π΅Π³ΠΎ Π½Π΅ ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ, появится Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ скролл. И ΠΏΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅Π»ΡŽ рСсурса придётся Π΄Π²ΠΈΠ³Π°Ρ‚ΡŒ страницу Π²ΠΏΡ€Π°Π²ΠΎ-Π²Π»Π΅Π²ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ всю ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ.
  • Π’Π΅Π»ΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ Π² Ρ†Π΅Π½Ρ‚Ρ€Π΅ холста.

Π­Ρ‚ΠΎ ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ этапы Ρ€Π°Π±ΠΎΡ‚Ρ‹. Как ΠΎΡ„ΠΎΡ€ΠΌΠΈΡ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅, зависит ΠΎΡ‚ вашСго вообраТСния ΠΈ вкуса. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ дальшС Π±ΡƒΠ΄ΡƒΡ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ±Ρ‰ΠΈΠ΅ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ тСхничСского Ρ…Π°Ρ€Π°ΠΊΡ‚Π΅Ρ€Π°.

  • Для Π½Π°Ρ‡Π°Π»Π° Π²Π°ΡˆΠ΅ΠΌΡƒ ΠΌΠ°ΠΊΠ΅Ρ‚Ρƒ Π½ΡƒΠΆΠ΅Π½ Ρ„ΠΎΠ½. Π•Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΈΠ»ΠΈ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠΈΠ· сСти. БущСствуСт ΠΌΠ½ΠΎΠ³ΠΎ рСсурсов с бСсплатными тСкстурами. НС ΡΡ‚Π°Π²ΡŒΡ‚Π΅ Π½Π° сайт изобраТСния, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ€Π°ΡΠΏΡ€ΠΎΡΡ‚Ρ€Π°Π½ΡΡŽΡ‚ΡΡ авторскиС ΠΏΡ€Π°Π²Π°. НС стоит Π±Ρ€Π°Ρ‚ΡŒ яркий ΠΈΠ»ΠΈ контрастный Ρ„ΠΎΠ½. Π›ΡƒΡ‡ΡˆΠ΅ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ тСкстуры с большим количСством ΠΌΠ΅Π»ΠΊΠΈΡ… Π²Ρ‹Π΄Π΅Π»ΡΡŽΡ‰ΠΈΡ…ΡΡ Π΄Π΅Ρ‚Π°Π»Π΅ΠΉ. Они Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΡ‚Π²Π»Π΅ΠΊΠ°Ρ‚ΡŒ посСтитСля ΠΎΡ‚ Ρ‚Π΅Π»Π° страницы.
  • Если просто ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ рисунок Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ , ΠΎΠ½ окаТСтся Π½Π° Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅, Π° Π½Π΅ добавится Π² ΠΌΠ°ΠΊΠ΅Ρ‚. Π’Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ вСсь Ρ„ΠΎΠ½. Для этого Π½ΡƒΠΆΠ½ΠΎ сочСтаниС клавиш Ctrl+A ΠΈΠ»ΠΈ инструмСнт Β«Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅Β» (ΠΎΠ½ находится Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ слСва). Π‘ΠΊΠΎΠΏΠΈΡ€ΡƒΠΉΡ‚Π΅ Π΅Π³ΠΎ ΠΈ Π²ΡΡ‚Π°Π²ΡŒΡ‚Π΅ Π² шаблон.
  • Π’Π°ΠΊΠΆΠ΅ эта опция доступна, Ссли Π½Π°ΠΆΠ°Ρ‚ΡŒ Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ — Вставка.


  • Π’ спискС справа Π²Π½ΠΈΠ·Ρƒ появится Π½ΠΎΠ²Ρ‹ΠΉ слой. ΠšΠ»ΠΈΠΊΠ½ΠΈΡ‚Π΅ ΠΏΠΎ Π½Π΅ΠΌΡƒ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹Π΅ дСйствия. Π’ мСню Β«ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ слоя» ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π΅Π³ΠΎ имя. Π’ Β«ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ налоТСния» находятся основныС настройки изобраТСния. МоТно ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π΅ΠΌΡƒ свСчСниС, тиснСниС, глянСц, ΠΎΠ±Π²ΠΎΠ΄ΠΊΡƒ, Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚. Если Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΊΠ°ΠΊΡƒΡŽ-Ρ‚ΠΎ ΠΎΠΏΡ†ΠΈΡŽ, измСнСния сразу отобразятся Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅. Π•ΡΡ‚ΡŒ Π½Π°Π±ΠΎΡ€ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… стилСй. Π’Π°ΠΊ ΠΈΠ· стандартной тСкстуры ΡΠΎΠ·Π΄Π°ΡŽΡ‚ΡΡ ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ дизайнСрскиС Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ. И Π½ΠΈΡ‡Π΅Π³ΠΎ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ Π½Π΅ Π½Π°Π΄ΠΎ.
  • Кнопка Β«Π€ΠΈΠ»ΡŒΡ‚Ρ€Ρ‹Β» Π΅ΡΡ‚ΡŒ Π² строкС мСню. Π’Π°ΠΌ Π²Ρ‹ Π½Π°ΠΉΠ΄Ρ‘Ρ‚Π΅ Ρ€Π°Π·Π½ΠΎΠΎΠ±Ρ€Π°Π·Π½Ρ‹Π΅ ΠΈΠΌΠΈΡ‚Π°Ρ†ΠΈΠΈ (ΠΏΠ°ΡΡ‚Π΅Π»ΡŒ, Π°ΠΊΠ²Π°Ρ€Π΅Π»ΡŒ, ΠΊΠ°Ρ€Π°Π½Π΄Π°ΡˆΠΈ), стилизации, тСкстуры, эскизы, Π±Π»ΠΈΠΊΠΈ, Ρ€Π°Π·ΠΌΡ‹Ρ‚ΠΈΠ΅.
  • МоТно Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΎΠ΄Π½ΠΎΡ‚ΠΎΠ½Π½Ρ‹ΠΉ Ρ„ΠΎΠ½. Π¦Π²Π΅Ρ‚ зависит ΠΎΡ‚ Π²Π°ΡˆΠΈΡ… Π»ΠΈΡ‡Π½Ρ‹Ρ… ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Ρ‚Π΅Π½ΠΈΠΉ. Но Π»ΡƒΡ‡ΡˆΠ΅ Π½Π΅ Π΄Π΅Π»Π°Ρ‚ΡŒ Π΅Π³ΠΎ Ρ‡Ρ‘Ρ€Π½Ρ‹ΠΌ ΠΈΠ»ΠΈ ядовитым. ΠŸΠΎΠ΄ΠΎΠΉΠ΄ΡƒΡ‚ ΠΏΠΎΡΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΈ мягкиС Ρ‚ΠΎΠ½Π° ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹Π΅ Ρ…ΠΎΠ»ΠΎΠ΄Π½Ρ‹Π΅ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, свСтло-сСрый, Π½Π΅ΠΆΠ½ΠΎ-Π³ΠΎΠ»ΡƒΠ±ΠΎΠΉ).
  • ПослС тСкстур ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ±ΠΈΡ€Π°Ρ‚ΡŒ сам сайт. Π’ΠΎΡ‚ Ρ‚ΡƒΡ‚ Π²Π°ΠΌ прСдоставлСна свобода для творчСства.
  • Π§Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ°ΠΊΡƒΡŽ-Ρ‚ΠΎ Ρ„ΠΈΠ³ΡƒΡ€Ρƒ (ΠΎΡ‚Ρ€Π΅Π·ΠΎΠΊ, ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚, ΠΎΠ²Π°Π»), Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΡƒΡŽ ΠΊΠ½ΠΎΠΏΠΊΡƒ справа. Она Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ Π²ΠΈΠ΄ ΠΈ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Ρ‚ΠΎΠ³ΠΎ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π² Π΄Π°Π½Π½Ρ‹ΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚ Π²Ρ‹Π±Ρ€Π°Π½ для рисования. НапримСр, Β«Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ Эллипс», Β«Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ ΠœΠ½ΠΎΠ³ΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΒ». Π’ Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ количСство Ρ„ΠΈΠ³ΡƒΡ€ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΎ. Но ΠΈΡ… ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡ‚ΠΈ Π² ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅, ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠΈ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Ρ‡Π΅Ρ€Π΅Π· мСню Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ — Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ Π½Π°Π±ΠΎΡ€Π°ΠΌΠΈ. Π’ ΠΏΠΎΠ»Π΅ Β«Π’ΠΈΠΏΒ» ΡƒΠΊΠ°ΠΆΠΈΡ‚Π΅, ΠΊΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΡŽ ΠΊΠ°ΠΊΠΈΡ… ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² Π²Ρ‹ Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅Ρ‚Π΅.
  • Π’ Ρ€Π°Π·Π½Ρ‹Ρ… вСрсиях ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ эти Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ Π²Ρ‹Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ ΠΏΠΎ-Ρ€Π°Π·Π½ΠΎΠΌΡƒ. Π›ΠΈΠ±ΠΎ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ Π² Π²ΠΈΠ΄Π΅ малСнького Ρ‡Ρ‘Ρ€Π½ΠΎΠ³ΠΎ Ρ‚Ρ€Π΅ΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° (ΠΎΠ½Π° справа), Π»ΠΈΠ±ΠΎ ΠΏΠΈΠΊΡ‚ΠΎΠ³Ρ€Π°ΠΌΠΌΠΎΠΉ Π² Π²ΠΈΠ΄Π΅ ΡˆΠ΅ΡΡ‚Π΅Ρ€Ρ‘Π½ΠΊΠΈ, Π»ΠΈΠ±ΠΎ ΠΏΡƒΠ½ΠΊΡ‚ΠΎΠΌ Β«Π€ΠΎΡ€ΠΌΠ° растровой Ρ‚ΠΎΡ‡ΠΊΠΈΒ» (ΠΎΠ½Π° ΠΏΠΎΠ΄ строкой мСню). ΠžΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ ΠΌΠΎΠΆΠ½ΠΎ ΠΊΠΎΠΌΠ±ΠΈΠ½ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, Π΄Π΅Π»Π°Ρ‚ΡŒ ΠΈΠ· Π½ΠΈΡ… ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ.
  • Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ тСкстовый Ρ„Ρ€Π΅ΠΉΠΌ, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ Π² Π²ΠΈΠ΄Π΅ Π·Π°Π³Π»Π°Π²Π½ΠΎΠΉ Π±ΡƒΠΊΠ²Ρ‹ Β«TΒ». ΠŸΠΎΡ‚ΠΎΠΌ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ мСсто, Π³Π΄Π΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Ρ€Π°ΡΠΏΠΎΠ»Π°Π³Π°Ρ‚ΡŒΡΡ символы, ΠΊΠ»ΠΈΠΊΠ½ΠΈΡ‚Π΅ Ρ‚ΡƒΠ΄Π° ΠΈ Π½Π°ΠΏΠ΅Ρ‡Π°Ρ‚Π°ΠΉΡ‚Π΅ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ.
  • ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ элСмСнт Π»ΡƒΡ‡ΡˆΠ΅ ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π½Π° ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ слой. Π’Π°ΠΊ Π±ΡƒΠ΄Π΅Ρ‚ ΡƒΠ΄ΠΎΠ±Π½Π΅Π΅ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, Π½Π΅ «задСвая» вСсь сайт. Π§Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ этот ΠΎΠ±ΡŠΠ΅ΠΊΡ‚, ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² Π‘Π»ΠΎΠΈ — Новый.


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

МоТно ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ качСствСнный рСсурс Π΄Π°ΠΆΠ΅ ΠΈΠ· простых гСомСтричСских ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ².

Π‘ΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ рСсурсы с бСсплатными ΠΌΠ°ΠΊΠ΅Ρ‚Π°ΠΌΠΈ. Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ ΠΈΡ… Π² Photoshop ΠΈ ΠΎΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠΉΡ‚Π΅, Ссли Π½Π°Π΄ΠΎ. Π­Ρ‚ΠΎ ΠΏΡ€ΠΎΡ‰Π΅ ΠΈ быстрСС, Ρ‡Π΅ΠΌ Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ с нуля.

Как ΠΏΡ€Π΅Π²Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ Π² html-Ρ„Π°ΠΉΠ»?

Π’Ρ‹ Ρ€Π°Π·ΠΎΠ±Ρ€Π°Π»ΠΈΡΡŒ, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ сайт Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅, ΠΈ ΠΎΡ„ΠΎΡ€ΠΌΠΈΠ»ΠΈ свой ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚. Π§Ρ‚ΠΎ с Π½ΠΈΠΌ Π΄Π΅Π»Π°Ρ‚ΡŒ дальшС? Π’Π΅Π΄ΡŒ Π΅Π³ΠΎ нСльзя просто Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Π½Π° хостинг.


Π•Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡ‚Π΄Π°Ρ‚ΡŒ Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΡƒ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ сдСлаСт качСствСнный html-шаблон. Но Π΅ΡΡ‚ΡŒ ΠΈ Π΄Ρ€ΡƒΠ³ΠΎΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚. Π’ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ сСрвисами для ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚Π°Ρ†ΠΈΠΈ PSD-Ρ„Π°ΠΉΠ»Π° Π² HTML ΠΈ CSS.

  • Psd2Html Converter. ΠŸΠ»Π°Ρ‚Π½Ρ‹ΠΉ ΠΎΠ½Π»Π°ΠΉΠ½-сСрвис. Быстро ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΡƒΠ΅Ρ‚ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Photoshop Π² шаблон ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-страницы. Π‘ этим рСсурсом Π΄Π°ΠΆΠ΅ ΠΈΠ· нСкачСствСнного ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΏΡ€ΠΈΠ»ΠΈΡ‡Π½Ρ‹ΠΉ сайт.
  • PSDCenter
  • 40 Dollar Markup.

ΠšΠΎΠ½ΡΡ‚Ρ€ΡƒΠΊΡ‚ΠΎΡ€Ρ‹

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

Π’ Photoshop Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ€ΠΈΡΡƒΡŽΡ‚. Π’ Π½Ρ‘ΠΌ ΡΠΎΠ±ΠΈΡ€Π°ΡŽΡ‚ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ для сайтов. Π’ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ случаСв это Π΄Π΅Π»Π°ΡŽΡ‚ мастСра. Но простой шаблон ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΡ„ΠΎΡ€ΠΌΠΈΡ‚ΡŒ любой Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ. НСобходимы лишь Π±Π°Π·ΠΎΠ²Ρ‹Π΅ знания ΠΎ Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅.

Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ Ρ‚Π°ΠΊΠΆΠ΅

Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° ΠΌΠ°ΠΊΠ΅Ρ‚Π° бизнСс сайта Π² Photoshop

Π¨Π°Π³ 1.Β Π‘ΠΎΠ·Π΄Π°Π΅ΠΌ Π½ΠΎΠ²Ρ‹ΠΉ Ρ„Π°ΠΉΠ» Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅, Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌΒ 960px Π½Π° 900pxΒ ΠΈ Π±Π΅Π»Ρ‹ΠΌ Ρ„ΠΎΠ½ΠΎΠΌ. Π’ Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части ΠΌΠ°ΠΊΠ΅Ρ‚Π° рисуСм ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ (Ρ€Π°Π·ΠΌΠ΅Ρ€:Β 961px Π½Π° 95px, Ρ†Π²Π΅Ρ‚#303123).



Π¨Π°Π³ 2. ПослС этого добавляСм Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ ΠΈ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΡŽ. Π£ нас для Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ° использовался ΡˆΡ€ΠΈΡ„Ρ‚ Bauhaus93, Π½ΠΎ ΠΎΠ½ Π½Π΅ являСтся свободно распространяСмым. Π’Ρ‹ ΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ свои ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ ΠΈΠ»ΠΈ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· бСсплатных ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ², Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, с этого сайта dafont.com. Для Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ Π±ΡƒΠ΄Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ сСрый Ρ†Π²Π΅Ρ‚ для тСкста ΠΈ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ со скруглСнными краями для выдСлСния ΠΏΡƒΠ½ΠΊΡ‚ΠΎΠ² мСню. Для этого ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ Π‘Ρ‚ΠΈΠ»ΠΈ Блоя (Color Overlay, Outer Glow)




Π¨Π°Π³ 3.Β ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΠΌ ΠΊ шапкС сайта. Для этого ΠΎΠΏΡΡ‚ΡŒ рисуСм ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ (ΠΏΠΎΠ΄ сСрым ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΎΠΌ) Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 960 Π½Π° 234 пиксСлСй со ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌΠΈ Бтиля Π‘Π»ΠΎΠ΅Π²:Β Inner Glow ΠΈ Gradient OverlayΒ (см. рисунок, для Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π° ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ Ρ†Π²Π΅Ρ‚Π° —Β #fc6200 ΠΈ #ff9e40). ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ для ΠΏΡ€ΠΈ рисовании ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΎΠΉ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ ΠΌΠΎΠΆΠ½ΠΎ просто Π·Π°Π΄Π°Ρ‚ΡŒ фиксированный Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ (см. рисунок).

Π¨Π°Π³ 4.Β Π”ΠΎΠ±Π°Π²ΠΈΠΌ тСст ΠΈ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π½Π° ΡˆΠ°ΠΏΠΊΡƒ. Π’Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠΊΡ€Π°ΡΠΈΡ‚ΡŒ Π΅Ρ‘ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠšΠΈΡΡ‚Π΅ΠΉ с этого сайта BrushMix. com.

Π¨Π°Π³ 5. ДобавляСм основноС Π½Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ сайта. Для этого ΠΎΠΏΡΡ‚ΡŒ рисуСм ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΡƒΡŽ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌΒ 960px ΠΈ 530pxΒ ΠΈ примСняСм ΠΊ Π½Π΅ΠΉ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅Β Π‘Ρ‚ΠΈΠ»ΠΈ Блоя

Π¨Π°Π³ 6.Β ΠžΡΡ‚Π°Π»ΠΎΡΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΏΠΎΠ΄Π²Π°Π». РисуСм ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ (Ρ†Π²Π΅Ρ‚ —Β #303123, Ρ€Π°Π·ΠΌΠ΅Ρ€ —Β 960px Π½Π° 46px) ΠΈ заполняСм Π΅Π³ΠΎ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠ΅ΠΉ. Ну Π²ΠΎΡ‚ ΠΈ всё! Наш бизнСс-ΠΌΠ°ΠΊΠ΅Ρ‚ Π³ΠΎΡ‚ΠΎΠ². ΠŸΡ€Π°Π²Π΄Π° Π»Π΅

Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° Π΄ΠΈΠ·Π°ΠΉΠ½Π° посадочной страницы (Landing Page) Π² Photoshop для стартапа Π² сфСрС ΠΏΡƒΡ‚Π΅ΡˆΠ΅ΡΡ‚Π²ΠΈΠΉ

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

ΠœΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹ ΡƒΡ€ΠΎΠΊΠ°.Β 

Π’ΠΎ врСмя прохоТдСния этого ΡƒΡ€ΠΎΠΊΠ° Π²Π°ΠΌ понадобятся ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹:Β 

ΠŸΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΊΠ° Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°

Π¨Π°Π³ 1

Для Π½Π°Ρ‡Π°Π»Π° создадим Π½ΠΎΠ²Ρ‹ΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ File (Π€Π°ΠΉΠ») > New (Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ) ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ настройки, ΠΏΠΎΠΊΠ°Π·Π°Π½Π½Ρ‹Π΅ Π½ΠΈΠΆΠ΅:

Π£Π±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ для поля Resolution (Π Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅) установлСно Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ 72 pixels/inch (пиксСль/дюйм)

Π¨Π°Π³ 2

Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π΄Π°Π²Π°ΠΉΡ‚Π΅ установим нСсколько Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΡ…, Ρ‡Ρ‚ΠΎΠ±Ρ‹ наш ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΈΠΌΠ΅Π» достаточно свободного пространства ΠΈ выглядСл сбалансированным. Π― Ρ€Π΅Π΄ΠΊΠΎ ΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡΡŒ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΌΠΈ сСтками,Β Π½ΠΎ установка Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΡ… обСспСчиваСт ΠΏΠΈΠΊΡΠ΅Π»ΡŒΠ½ΡƒΡŽ Ρ‚ΠΎΡ‡Π½ΠΎΡΡ‚ΡŒ ΠΏΡ€ΠΈ создании ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΈ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΡˆΠΈΡ€ΠΈΠ½Ρƒ для нашСго ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π²Π΅Π±-сайта.Β  РаздСляя Ρ€Π°Π±ΠΎΡ‡ΡƒΡŽ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ Π½Π° Π΄Π²Π΅ части Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΉ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰Π΅ΠΉ, ΠΌΡ‹ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅ΠΌ Ρ†Π΅Π½Ρ‚Ρ€ для нашСй ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ. Π’ Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ мСню ΠΏΡ€ΠΎΠΉΠ΄ΠΈΡ‚Π΅ Π² View (ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€) > New guide (Новая Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰Π°Ρ) ΠΈ установитС Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΎΠ½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΡ…. ΠžΠ±Ρ‹Ρ‡Π½ΠΎ Π² качСствС ΡˆΠΈΡ€ΠΈΠ½Ρ‹ сайта я ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Π² 1000px ΠΈ добавляю Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅ ΠΎΡ‚ ΠΊΡ€Π°Ρ‘Π² ΠΌΠ°ΠΊΠ΅Ρ‚Π°, создавая Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ достаточноС пространство для творчСства.Β 

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: значСния для Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΡ… для нашСго ΠΌΠ°ΠΊΠ΅Ρ‚Π°: 200Ρ€Ρ…, 260Ρ€Ρ…, 700Ρ€Ρ…, 1140Ρ€Ρ…, ΠΈ 1200Ρ€Ρ….

Π‘ΠΎΠ²Π΅Ρ‚: Π’Π°ΠΊΠΆΠ΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠΌ GuideGuide Ρ‡Ρ‚ΠΎ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ эту Ρ€Π°Π±ΠΎΡ‚Ρƒ Π΅Ρ‰Π΅ быстрСС.

Π¨Π°Π³ 3

ΠœΡ‹ Π±ΡƒΠ΄Π΅ΠΌ ΡΠΎΠ±Π»ΡŽΠ΄Π°Ρ‚ΡŒ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ порядок Π²Π½ΡƒΡ‚Ρ€ΠΈ нашСго Ρ€Π°Π±ΠΎΡ‡Π΅Π³ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, поэтому Π΄Π°Π²Π°ΠΉΡ‚Π΅ создадим нСсколько Π³Ρ€ΡƒΠΏΠΏ для Π½Π°ΡˆΠΈΡ… слоёв ΠΈ Π½Π°Π·ΠΎΠ²Π΅ΠΌ ΠΈΡ… Header, Features, Social Proof, Final CTA ΠΈ Footer.Β  ΠŸΡ€ΠΈΠ΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡΡΡŒ этого Photoshop этикСта Π²Ρ‹ Β Π±ΡƒΠ΄Π΅Ρ‚Π΅ ΠΈΠΌΠ΅Ρ‚ΡŒ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Π½ΠΎ слоТСнный ΠΈ Π»Π΅Π³ΠΊΠΈΠΉ для Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ список Π²Π°ΡˆΠΈΡ… слоСв. Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π³Ρ€ΡƒΠΏΠΏΡ‹ слоёв ΠΏΡ€ΠΎΠΉΠ΄ΠΈΡ‚Π΅ Π² Layer (Π‘Π»ΠΎΠΉ) > New (Новый) > Group (Π“Ρ€ΡƒΠΏΠΏΠ°) ΠΈ Π΄Π°ΠΉΡ‚Π΅Β Π½ΠΎΠ²Ρ‹ΠΌ Π³Ρ€ΡƒΠΏΠΏΠ°ΠΌ Π²Ρ‹ΡˆΠ΅ΡƒΠΏΠΎΠΌΡΠ½ΡƒΡ‚Ρ‹Π΅ названия. Для Π±ΠΎΠ»Π΅Π΅ быстрого создания Π³Ρ€ΡƒΠΏΠΏ просто Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° эту ΠΈΠΊΠΎΠ½ΠΊΡƒ:Β 

Π”ΠΈΠ·Π°ΠΉΠ½ области Header (Ρ…Π΅Π΄Π΅Ρ€Π°)

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

Π¨Π°Π³ 1

ΠŸΠ΅Ρ€Π²Ρ‹ΠΌ Π΄Π΅Π»ΠΎΠΌ ΠΈΠ·ΠΌΠ΅Π½ΠΈΠΌ Ρ†Π²Π΅Ρ‚ Π·Π°Π΄Π½Π΅Π³ΠΎ Ρ„ΠΎΠ½Π° Π½Π° ΠΊΠ°ΠΊΠΎΠΉ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ Π±ΠΎΠ»Π΅Π΅ Π»Π΅Π³ΠΊΠΈΠΉ для Π³Π»Π°Π·, Π² ΠΌΠΎΠ΅ΠΌ случаС я Π±ΡƒΠ΄Ρƒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ свСтло сСрый Ρ†Π²Π΅Ρ‚ #ebebeb. ПослС этого, Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ слоёв Π²Ρ‹Π±Ρ€Π°Π² Π³Ρ€ΡƒΠΏΠΏΡƒ Header ΠΈ Π²Ρ‹Π±Ρ€Π°Π² инструмСнт Rectangle Tool (U), нарисуСм ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 1000*600px ΠΈ размСстим Π΅Π³ΠΎ ΠΌΠ΅ΠΆΠ΄Ρƒ двумя Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠΌΠΈ. ПослС этого Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ Π²Π΅Π»ΠΎΠΏΡƒΡ‚Π΅ΡˆΠ΅ΡΡ‚Π²Π΅Π½Π½ΠΈΠΊΠ°, пСрСмСститС Π΅Ρ‘ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏ ΠΈ размСститС Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ слоёв Π½Π°Π΄ слоСм с нашим ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΎΠΌ. Π”Π°Π»Π΅Π΅, ΡƒΠ΄Π΅Ρ€ΠΆΠΈΠ²Π°ΠΉΡ‚Π΅ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Alt ΠΈ Π½Π°Π²Π΅Π΄ΠΈΡ‚Π΅ курсор ΠΌΠ΅ΠΆΠ΄Ρƒ двумя слоями, Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ стрСлку Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½Π½ΡƒΡŽ Π²Π½ΠΈΠ· — Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π»Π΅Π²ΡƒΡŽ ΠΊΠ½ΠΎΠΏΠΊΡƒ ΠΌΡ‹ΡˆΠΈ.Β  Волько Ρ‡Ρ‚ΠΎ Π²Ρ‹ создали Clipping Mask (обтравочная маска).

На ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Π΅ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚Π΅ сочСтаниС клавиш Ctrl+T (CMD+T для Mac), Π²ΠΊΠ»ΡŽΡ‡ΠΈΠ² Ρ€Π΅ΠΆΠΈΠΌ трансформации, ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„ΠΎΡ‚ΠΎ Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ. Β 

Π‘ΠΎΠ²Π΅Ρ‚: ΡƒΠ΄Π΅Ρ€ΠΆΠΈΠ²Π°ΠΉΡ‚Π΅ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Shift Ρ‡Ρ‚ΠΎ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΈ изобраТСния.Β 

Π¨Π°Π³ 2

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

Π¨Π°Π³ 3

Π”Π°Π²Π°ΠΉΡ‚Π΅ размСстим Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части сайта простой Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ, ΡΠ²Π»ΡΡŽΡ‰ΠΈΠΉΡΡ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΌ тСкстом. Π”Π°Π²Π°ΠΉΡ‚Π΅ размСстим Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части сайта простой Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ, ΡΠ²Π»ΡΡŽΡ‰ΠΈΠΉΡΡ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΌ тСкстом. На ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Horizontal Type Tool (T) ΠΈ Π½Π°ΠΏΠΈΡˆΠΈΡ‚Π΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ вашСго стартапа, размСстив Π΅Π³ΠΎ Π² Π»Π΅Π²ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΠ³Π»Ρƒ сайта.Β  Π£Π±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ Ρ‡Ρ‚ΠΎΠ±Ρ‹ ваш Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ Π±Ρ‹Π» Ρ‡ΠΈΡ‚Π°Π΅ΠΌΡ‹ΠΌ ΠΈ ΠΈΠΌΠ΅Π» Π²ΠΎΠΊΡ€ΡƒΠ³ сСбя достаточно свободного мСста.Β  Π Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠ΅ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ° Π² этой части сайта являСтся самой распространСнной ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠΎΠΉ Π² web-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ ΠΈ Ρ‚Π°ΠΌ Π΅Π³ΠΎ ΠΎΠΆΠΈΠ΄Π°ΡŽΡ‚ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ сами посСтитСли. Β 

Π― использовал ΡˆΡ€ΠΈΡ„Ρ‚ Aller для Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ° ΠΈ ΡˆΡ€ΠΈΡ„Ρ‚ Open Sans для ΠΏΡƒΠ½ΠΊΡ‚ΠΎΠ² мСню.Β 

Π¨Π°Π³ 4

Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π΄Π°Π²Π°ΠΉΡ‚Π΅ займСмся основным описаниСм сайта, Π΅Π³ΠΎ слоганом. Π’Π°ΠΌ всСгда Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΡ€ΠΈΠ΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒΡΡ ΠΏΡ€Π°Π²ΠΈΠ»Π° для Ρ€Π°Π·ΠΌΠ΅Ρ€Π° слогана Π² ΠΎΠ΄Π½ΠΎ ΠΈΠ»ΠΈ Π΄Π²Π° прСдлоТСния, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ Π±Ρ‹Π» ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΈΠΌ ΠΈ Π»Π΅Π³ΠΊΠΎΡ‡ΠΈΡ‚Π°Π΅ΠΌΡ‹ΠΌ. Β  Π― использовал ΡˆΡ€ΠΈΡ„Ρ‚ Open Sans Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ Π² 32px для написания слогана, дСлая Π°ΠΊΡ†Π΅Π½Ρ‚ Π½Π° «you travel» ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΠΆΠΈΡ€Π½ΠΎΠ΅ Π½Π°Ρ‡Π΅Ρ€Ρ‚Π°Π½ΠΈΠ΅.Β 

Вторая строчка слогана являСтся Π±ΠΎΠ»Π΅Π΅ ΠΌΠ΅Π»ΠΊΠΎΠΉ, Ρ‚Π°ΠΊ ΠΌΡ‹ Π΄Π°Ρ‘ΠΌ ΠΏΠΎΠ½ΡΡ‚ΡŒ посСтитСлям, Ρ‡Ρ‚ΠΎ ΠΎΠ½Π° ΠΈΠΌΠ΅Π΅Ρ‚ второстСпСнноС Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΈ сначала ΠΎΠ½ΠΈ ΠΏΡ€ΠΎΡ‡Ρ‚ΡƒΡ‚ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ, основной слоган. Для этого тСкста я ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΠ» ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½Π½ΠΎΠ΅ мСТбуквСнноС расстояниС ΠΈ написаниС Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ рСгистрС.Β 

ΠžΡ‚ΠΌΠ΅Ρ‡Ρƒ, Ρ‡Ρ‚ΠΎ я размСстил наш слоган Ρ‚Π°ΠΌ, Π³Π΄Π΅ ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒΡΡ контрастно ΠΈ Π»Π΅Π³ΠΊΠΎ воспринимаСмым посСтитСлями сайта.Β 

Π¨Π°Π³ 5

ΠΠ°ΠΏΠΈΡˆΠΈΡ‚Π΅ простой ΠΏΡ€ΠΈΠ·Ρ‹Π² ΠΊ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ (call to action), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠ³ΡƒΡ‚ ΡΠΎΠ²Π΅Ρ€ΡˆΠΈΡ‚ΡŒ ваши посСтитСли. Π’ ΠΌΠΎΠ΅ΠΌ случаС это ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для посСтитСлСй ΠΎΡ„ΠΎΡ€ΠΌΠΈΡ‚ΡŒ подписку Π½Π° новости. Для этого я использовал ΡˆΡ€ΠΈΡ„Ρ‚ PT Serif (Italic)Β Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ Π² 14px.Β 

Π¨Π°Π³ 6

Π‘ΠΎΠ·Π΄Π°Π΄ΠΈΠΌ ΠΏΡ€ΠΎΡΡ‚ΡƒΡŽ email Ρ„ΠΎΡ€ΠΌΡƒ которая ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ нашим посСтитСлям внСсти Π² Π½Π΅Ρ‘ ΠΈΡ… email адрСса ΠΈ ΠΏΠΎΠ΄ΠΏΠΈΡΠ°Ρ‚ΡŒΡΡ Π½Π° рассылку. Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ Π½ΠΎΠ²ΡƒΡŽ Π³Ρ€ΡƒΠΏΠΏΡƒ слоСв ΠΈ Π½Π°Π·ΠΎΠ²ΠΈΡ‚Π΅ Π΅Ρ‘ Email form. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ инструмСнт Rounded Rectangle Tool (U) с Π·Π°Π³Ρ€ΡƒΠ³Π»Π΅Π½ΠΈΠ΅ΠΌ Π² 3px, Ρ‡Ρ‚ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΡΡ‚ΡƒΡŽ Π±Π΅Π»ΡƒΡŽ (#FFFFFF) ΠΎΠ±Π»Π°ΡΡ‚ΡŒ для Π²Π²ΠΎΠ΄Π° тСкста.Β 

Π¨Π°Π³ 7

Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ подпись Π²Π½ΡƒΡ‚Ρ€ΠΈ Ρ„ΠΎΡ€ΠΌΡ‹ для посСтитСлСй Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ΠΈ ΠΌΠΎΠ³Π»ΠΈ ΠΏΠΎΠ½ΡΡ‚ΡŒ ΠΊΡƒΠ΄Π° Π½ΡƒΠΆΠ½ΠΎ Π²Π²ΠΎΠ΄ΠΈΡ‚ΡŒ email адрСс ΠΈ создайтС ΠΏΡ€ΠΈΠ·Ρ‹Π²Π°ΡŽΡ‰ΡƒΡŽ ΠΊ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ ΠΊΠ½ΠΎΠΏΠΊΡƒ.Β  Π― использовал ΡˆΡ€ΠΈΡ„Ρ‚ Open Sans (Semibold) Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ Π² 13px сСрого Ρ†Π²Π΅Ρ‚Π° #bdbdbd для тСкста внутри Ρ„ΠΎΡ€ΠΌΡ‹ ΠΈ ΡˆΡ€ΠΈΡ„Ρ‚ Open Sans (Bold) Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 13px Π±Π΅Π»ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚Π°Β (#FFFFFF) для тСкста ΠΊΠ½ΠΎΠΏΠΊΠΈ. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π±Ρ€ΠΎΡΠ°ΡŽΡ‰ΠΈΠΉΡΡ Π² Π³Π»Π°Π·Π° Ρ†Π²Π΅Ρ‚ для вашСй ΠΊΠ½ΠΎΠΏΠΊΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ Π΅Ρ‘ ΠΈ ΠΏΡ€ΠΈΠ²Π»Π΅Ρ‡ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ посСтитСля.Β 

Для этого я использовал Π·Π΅Π»Π΅Π½Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚ (#51a200). Β  Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов Rectangle Tool (U) ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚Π΅ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΡƒΡŽ Ρ„ΠΈΠ³ΡƒΡ€Ρƒ ΠΈΠ΄ΡƒΡ‰ΡƒΡŽ сразу послС тСкстовой Ρ„ΠΎΡ€ΠΌΡ‹. ПослС этого Π·Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Alt ΠΈ слой с Π·Π΅Π»Ρ‘Π½Ρ‹ΠΌ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΎΠΌΒ ΡΠ΄Π΅Π»Π°ΠΉΡ‚Π΅ Π΅Π³ΠΎ Clipping Mask (ΠΎΠ±Ρ‚Ρ€Π°Π²ΠΎΡ‡Π½ΠΎΠΉ маской)

Π”ΠΈΠ·Π°ΠΉΠ½ Ρ€Π°Π·Π΄Π΅Π»Π° ΠΎ прСимущСствах.

Π­Ρ‚ΠΎ ваТная Ρ‡Π°ΡΡ‚ΡŒ сайта, располоТСнная сразу послС Ρ…Π΅Π΄Π΅Ρ€Π°. Если посСтитСля сайта заинтСрСсовала информация ΠΈΠ· Ρ…Π΅Π΄Π΅Ρ€Π° ΠΎΠ½ Π½Π΅ΠΏΡ€Π΅ΠΌΠ΅Π½Π½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Ρ‚ΡŒ страницу Π²Π½ΠΈΠ· Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ΡŒΡΡ с дСталями нашСго прСдлоТСния.

Π¨Π°Π³ 1

Π‘Π²Π΅Ρ€Π½ΠΈΡ‚Π΅ Π³Ρ€ΡƒΠΏΠΏΡƒ слоСв Header, Π½Π°ΠΆΠ°Π² Π½Π° ΠΌΠ°Π»Π΅Π½ΡŒΠΊΡƒΡŽ стрСлку Π²ΠΎΠ·Π»Π΅ названия Π³Ρ€ΡƒΠΏΠΏΡ‹.Β  Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π½Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π·Π°Π΄Π½ΠΈΠΉ Ρ„ΠΎΠ½ для области, Π³Π΄Π΅ Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ вСсь ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ нашСго сайта. Π― использовал инструмСнт Rounded Rectangle Tool (ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ со скруглСнными ΡƒΠ³Π»Π°ΠΌΠΈ) (U) с радиусом Π² 5px ΠΈ Ρ†Π²Π΅Ρ‚ΠΎΠΌ #ffffff

РазмСститС ваш Π½ΠΎΠ²Ρ‹ΠΉ слой с ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½Π½ΠΎΠΉ Ρ„ΠΈΠ³ΡƒΡ€ΠΎΠΉ Π½Π°Π΄ слоСм с основным бэкграундом нашСго ΠΌΠ°ΠΊΠ΅Ρ‚Π°.Β 

Π¨Π°Π³ 2

Π’ Π³Ρ€ΡƒΠΏΠΏΡƒ Features Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ нСсколько слоёв ΠΈ Π½Π°ΠΏΠΈΡˆΠΈΡ‚Π΅ ΠΎΠ± особСнностях вашСго стартапа. Π’ ΠΌΠΎΡ‘ΠΌ случаС этот Π±Π»ΠΎΠΊ состоит ΠΈΠ· Π³Π»Π°Π²Π½ΠΎΠ³ΠΎ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΠΈ двумя ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ°ΠΌΠΈ особСнностСй, Π² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… располоТСн ΠΏΠΎΠ΄Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΈ нСбольшоС описаниС.Β 

Когда Π²Ρ‹ ΠΏΠΈΡˆΠΈΡ‚Π΅ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ описаниС для вашСго стартапа, ΡΡ‚Π°Ρ€Π°ΠΉΡ‚Π΅ΡΡŒ Ρ‡Ρ‚ΠΎΠ±Ρ‹ ваш тСкст Π±Ρ‹Π» Π»Π΅Π³ΠΊΠΎ усваиваСмым ΠΈ Π½Π΅ слишком Π΄Π»ΠΈΠ½Π½Ρ‹ΠΌ. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Β Ρ€Π°Π·Π»ΠΈΡ‡Π½ΡƒΡŽ Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½Ρƒ ΡˆΡ€ΠΈΡ„Ρ‚Π°, Π΅Π³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΈ Ρ†Π²Π΅Ρ‚, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΡƒΡŽ ΠΈ ΡΠΌΡ‹ΡΠ»ΠΎΠ²ΡƒΡŽΒ ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΡŽ вашСго тСкста. ΠžΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ достаточноС количСство отступов ΠΌΠ΅ΠΆΠ΄Ρƒ словами.Β  Для ΠΌΠΎΠ΅Π³ΠΎ тСкста я использовал ΡˆΡ€ΠΈΡ„Ρ‚ Open Sans Ρ‚Π΅ΠΌΠ½ΠΎ-сСрого #545454 ΠΈ свСтло-сСрого #a2a2a2 Ρ†Π²Π΅Ρ‚Π°.

Π”ΠΈΠ·Π°ΠΉΠ½ Ρ€Π°Π·Π΄Π΅Π»Π° с ΠΎΡ‚Π·Ρ‹Π²Π°ΠΌΠΈ.Β 

Π¨Π°Π³ 1

Π’Π΅ΠΏΠ΅Ρ€ΡŒ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π΅ΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½ для Π²Ρ‚ΠΎΡ€ΠΎΠΉ области нашСго ΠΌΠ°ΠΊΠ΅Ρ‚Π°, которая Π΄ΠΎΠ»ΠΆΠ½Π° ΠΏΠΎΠΌΠΎΡ‡ΡŒ посСтитСлям нашСго сайта ΡΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ своё ΠΌΠ½Π΅Π½ΠΈΠ΅ ΠΎ нас ΠΈ ΠΏΡ€ΠΈΠ½ΡΡ‚ΡŒ Π²Π΅Ρ€Π½ΠΎΠ΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅. Β  ΠœΡ‹ ΠΈΠ·ΠΎΠ±Ρ€Π°Π·ΠΈΠΌ Π΄Π°Π½Π½ΡƒΡŽ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ ΠΊΠ°ΠΊ Π΄Π²Π΅ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ с ΠΎΡ‚Π·Ρ‹Π²Π°ΠΌΠΈ.Β 

ΠŸΠ΅Ρ€Π²Ρ‹ΠΌ Π΄Π΅Π»ΠΎΠΌ Π½Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΎΡ‚Π΄Π΅Π»ΠΈΡ‚ΡŒ ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΡƒΡŽ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ изящным ΠΈ Π°ΠΊΠΊΡƒΡ€Π°Ρ‚Π½Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ.Β  Для этого я использовал инструмСнт Line Tool (U) ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°Π·ΠΈΠ» линию Π² 1px свСтлого сСрого Ρ†Π²Π΅Ρ‚Π° #e8e8e8.

Π¨Π°Π³ 2

Π‘Π²Π΅Ρ€Π½ΠΈΡ‚Π΅ Π³Ρ€ΡƒΠΏΠΏΡƒ слоёв Features ΠΈ Ρ€Π°Π·Π²Π΅Ρ€Π½ΠΈΡ‚Π΅ Π³Ρ€ΡƒΠΏΠΏΡƒ слоёв Social Proof. Π”Π°ΠΉΡ‚Π΅ Ρ€Π°Π·Π΄Π΅Π»Ρƒ ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠΉ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Ρ‚Π΅ ΠΆΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹, Ρ‡Ρ‚ΠΎ использовали Π΄ΠΎ этого. ΠšΠ»ΡŽΡ‡Π΅Π²Ρ‹ΠΌ Β Ρ„Π°ΠΊΡ‚ΠΎΡ€ΠΎΠΌ Π² достиТСнии Π°ΠΊΠΊΡƒΡ€Π°Ρ‚Π½ΠΎΠ³ΠΎ ΠΈ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° являСтся ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ, поэтому ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½Π½Ρ‹Π΅ Ρ€Π°Π½Π΅Π΅ Ρ†Π²Π΅Ρ‚Π° ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ примСняйтС для ΠΏΠΎΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½Ρ‹Ρ… элСмСнтов.

Для нашСго Ρ€Π°Π·Π΄Π΅Π»Π° я использовал Π΄Π²Π° Ρ„ΠΈΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΎΡ‚Π·Ρ‹Π²Π° ΠΎΡ‚ Π΄Π²ΡƒΡ… Ρ„ΠΈΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… людСй. Для Π°Π±Π·Π°Ρ†Π° Π² ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΠ°Ρ… я использовал ΡˆΡ€ΠΈΡ„Ρ‚ PT Serif, для ΠΎΡΡ‚Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ тСкст использовался Ρ€Π°Π½Π΅Π΅ упомянутый Open Sans с Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ значСниями Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½Ρ‹ ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌΠΈ ΡˆΡ€ΠΈΡ„Ρ‚Π°.

Π¨Π°Π³ 3

Как Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, я оставил Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ мСста ΠΏΠ΅Ρ€Π΅Π΄ ΠΈΠΌΠ΅Π½Π°ΠΌΠΈ Π½Π°ΡˆΠΈΡ… Ρ„ΠΈΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ сСрвис User Inter Faces Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠΏΠ°Ρ€Ρƒ Π°Π²Π°Ρ‚Π°Ρ€ΠΎΠΊ. ПослС этого, Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Elipse Tool (U) ΠΈ удСрТивая ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Shift ΠΈΠ·ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚Π΅ Ρ€ΠΎΠ²Π½Ρ‹ΠΉ ΠΊΡ€ΡƒΠ³. ПослС этого скопируйтС ΠΈ Π²ΡΡ‚Π°Π²ΡŒΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с Π°Π²Π°Ρ‚Π°Ρ€ΠΊΠΎΠΉ Π½Π°Π΄ слоСм с ΠΊΡ€ΡƒΠ³ΠΎΠΌ ΠΈ сдСлайтС Π΅Π³ΠΎ Clipping Mask (ΠžΠ±Ρ‚Ρ€Π°Π²ΠΎΡ‡Π½ΠΎΠΉ маской), ΠΊΠ°ΠΊ Π΄Π΅Π»Π°Π»ΠΈ это Π΄ΠΎ этого. Β 

Π‘Π΄Π΅Π»Π°ΠΉΡ‚Π΅ Π²Π½ΡƒΡ‚Ρ€ΠΈ Π³Ρ€ΡƒΠΏΠΏΡ‹ слоёв Social Proof Π΅Ρ‰Π΅ Π΄Π²Π΅ ΠΏΠΎΠ΄Π³Ρ€ΡƒΠΏΠΏΡ‹ ΠΈ размСститС Π² Π½ΠΈΡ… слои, ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ ΠΊΠ°ΠΆΠ΄ΠΎΠΌΡƒ ΠΎΡ‚Π·Ρ‹Π²Ρƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π±Ρ‹Π»ΠΎ Π»Π΅Π³Ρ‡Π΅ ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π² Π½ΠΈΡ….Β 

Π”ΠΈΠ·Π°ΠΉΠ½ области Ρ„ΠΈΠ½Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ ΠΏΡ€ΠΈΠ·Ρ‹Π²Π° ΠΊ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ

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

Π¨Π°Π³ 1

Π”Π°Π²Π°ΠΉΡ‚Π΅ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ ΠΎΡ‚Π΄Π΅Π»ΠΈΠΌ ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΠΉ Ρ€Π°Π·Π΄Π΅Π» ΠΎΡ‚ Π½ΠΎΠ²ΠΎΠ³ΠΎ Ρ€Π°Π·Π΄Π΅Π»Π°, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½Ρ‹ΠΉ способ, Ρ‡Ρ‚ΠΎ ΠΈ Π² описании Π²Ρ‹ΡˆΠ΅. На ΠΏΠ°Π½Π΅Π»ΠΈ слоёв Π½Π°ΠΉΠ΄ΠΈΡ‚Π΅ слой слой с нашСй Π»ΠΈΠ½ΠΈΠ΅ΠΉ-Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚Π΅Π»Π΅ΠΌ, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π΅Π³ΠΎ ΠΈ просто Π½Π°ΠΆΠΌΠΈΡ‚Π΅Β ctrl+j (CMD+j для Mac) Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ ΠΈ послС этого пСрСмСститС Π½Π°ΡˆΡƒ линию Π½ΠΈΠΆΠ΅ ΠΏΠΎΠ΄ ΠΎΡ‚Π·Ρ‹Π²Ρ‹, отставит достаточно мСста свСрху.

ПослС этого, Π½Π°ΠΏΠΈΡˆΠΈΡ‚Π΅ основной Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ для создаваСмой области ΠΈ нСбольшой ΠΏΠΎΠ΄Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ-описаниС Π΄Π°ΡŽΡ‰ΠΈΠΉ большС Ρ€Π°Π·ΡŠΡΡΠ½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ. Β  Как Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ, я использовал Ρ‚ΠΎΡ‡Π½ΠΎ Ρ‚Π°ΠΊΠΈΠ΅ ΠΆΠ΅ стили для тСкста, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Π» для оформлСния ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅ΠΉ сСкции.Β  ΠŸΡ€ΠΈΠ΄Π΅Ρ€ΠΆΠΈΠ²Π°ΠΉΡ‚Π΅ΡΡŒ Ρ‚ΠΎΠ³ΠΎ ΠΆΠ΅ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠ° для оформлСния своСго ΠΌΠ°ΠΊΠ΅Ρ‚Π°.Β 

Π¨Π°Π³ 2

На ΠΏΠ°Π½Π΅Π»ΠΈ слоСв ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Π³Ρ€ΡƒΠΏΠΏΡƒ Header, Π½Π°ΠΉΠ΄ΠΈΡ‚Π΅ Π² Π½Π΅ΠΉ ΠΏΠΎΠ΄Π³Ρ€ΡƒΠΏΠΏΡƒ со слоями для Ρ„ΠΎΡ€ΠΌΡ‹ подписки Π½Π° рассылку ΠΈ скопируйтС Π΅Ρ‘, пСрСмСстив Π² Π³Ρ€ΡƒΠΏΠΏΡƒ Final CTA. РазмСстим Ρ„ΠΎΡ€ΠΌΡƒ ΠΏΠΎΠ΄ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ ΠΈ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΌΠΎΠ΄ΠΈΡ„ΠΈΡ†ΠΈΡ€ΡƒΠ΅ΠΌ Π΅Ρ‘, Π΄ΠΎΠ±Π°Π²ΠΈΠ²Β Π·Π΅Π»Π΅Π½ΡƒΡŽ ΠΎΠ±Π²ΠΎΠ΄ΠΊΡƒ Π²ΠΎΠΊΡ€ΡƒΠ³ области для Π²Π²ΠΎΠ΄Π° email.Β 

Для этого Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ слой с ΠΎΠ±Π»Π°ΡΡ‚ΡŒΡŽ для Π²Π²ΠΎΠ΄Π° email адрСса, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΏΡ€Π°Π²ΡƒΡŽ ΠΊΠ½ΠΎΠΏΠΊΡƒ ΠΌΡ‹ΡˆΠΈ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Blending Options (ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ налоТСния)… для ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π° Stroke (Обводка) Π·Π°Π΄Π°ΠΉΡ‚Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ значСния. Π¦Π²Π΅Ρ‚ я использовал Ρ‚Π°ΠΊΠΎΠΉ: #51a200

Π”ΠΈΠ·Π°ΠΉΠ½ Ρ„ΡƒΡ‚Π΅Ρ€Π°

ΠœΡ‹ Π·Π°ΠΊΠΎΠ½Ρ‡ΠΈΠ»ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ Π΄ΠΈΠ·Π°ΠΉΠ½Π° для Ρ„ΠΈΠ½Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ ΠΏΡ€ΠΈΠ·Ρ‹Π²Π° ΠΊ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ, Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ слоСв свСрнитС Π³Ρ€ΡƒΠΏΠΏΡƒ Final CTA ΠΈ раскройтС Π³Ρ€ΡƒΠΏΠΏΡƒ Footer.Β  Π—Π°Π²Π΅Ρ€ΡˆΠ°Ρ Ρ€Π°Π±ΠΎΡ‚Ρƒ Π½Π°Π΄ нашим ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠΌ, Π΄Π°Π²Π°ΠΉΡ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ нСсколько ссылок Π½Π° Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠ΅ страницы нашСго сайта ΠΈ ΠΏΠΎΠ΄ Π½ΠΈΠΌΠΈ напишСм ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΉ тСкст ΠΎ ΠΊΠΎΠΏΠΈΡ€Π°ΠΉΡ‚Π΅. Β  Для написания ссылок я использовал ΡˆΡ€ΠΈΡ„Ρ‚ Open Sans (Semibold).

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ тСкст Ρ„ΡƒΡ‚Π΅Ρ€Π° Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ Π·Π° ΠΏΡ€Π΅Π΄Π΅Π»Π°ΠΌΠΈ Π·Π°Π΄Π½Π΅Π³ΠΎ Ρ„ΠΎΠ½Π° для основного ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π½Π° ΠΎΠ±Ρ‰Π΅ΠΌ Ρ„ΠΎΠ½Π΅. Π£Π±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ отступы свСрху ΠΈ снизу Π±Ρ‹Π»ΠΈ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹ΠΌΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ всё выглядСло Π°ΠΊΠΊΡƒΡ€Π°Ρ‚Π½ΠΎ ΠΈ сбалансировано.Β 

И Π²ΠΎΡ‚ ΠΌΡ‹ Π·Π°ΠΊΠΎΠ½Ρ‡ΠΈΠ»ΠΈ Ρ€Π°Π±ΠΎΡ‚Ρƒ Π½Π°Π΄ нашим ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠΌ.Β  ΠŸΡ€ΠΈΠΌΠΈΡ‚Π΅ ΠΌΠΎΠΈ поздравлСния.Β 

Π—Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅

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

На Π²Ρ‹Ρ…ΠΎΠ΄Π΅ ΠΌΡ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΈ Π³Π°Ρ€ΠΌΠΎΠ½ΠΈΡ‡Π½Ρ‹ΠΉ ΠΈ Π»Π΅Π³ΠΊΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°ΠΊΠ΅Ρ‚Π° с ΡΠΈΠ»ΡŒΠ½Ρ‹ΠΌ фокусом Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части сайта ΠΈ Π°ΠΊΠΊΡƒΡ€Π°Ρ‚Π½Ρ‹ΠΌ ΠΈ ясным тСкстом Π² Ρ‚Π΅Π»Π΅ ΠΌΠ°ΠΊΠ΅Ρ‚Π°. Если Ρƒ вас ΠΊΠ°ΠΊΠΈΠ΅-Π»ΠΈΠ±ΠΎ вопросы ΠΈΠ»ΠΈ совСты, поТалуйста, оставляйтС ΠΈΡ… Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ с коммСнтариями.Β 

Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹

Если Π²Ρ‹ Π½ΠΎΠ²ΠΈΡ‡ΠΎΠΊ Π² области Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π° для посадочных страниц, ΠΌΡ‹ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ нСсколько ΠΎΠ±Π·ΠΎΡ€Π½Ρ‹Ρ… статСй, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Ρ‚Π΅Π±Π΅ быстро ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ свои Π½Π°Π²Ρ‹ΠΊΠΈ:

Если Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠ° Β ΠΏΠΎΠΌΠΎΡ‰ΡŒ Π² создании вашСго Π΄ΠΈΠ·Π°ΠΉΠ½Π° для посадочной страницы, Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ΡΡŒ ΠΏΠΎΡ‚Ρ€ΡΡΠ°ΡŽΡ‰Π΅ΠΉ ΠΊΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΠ΅ΠΉ Envato Studio, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΉΡ‚ΠΈ для сСбя Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠ΅. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Π·Π³Π»ΡΠ½ΡƒΡ‚ΡŒ Π½Π° ΠΊΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΡŽ шаблонов посадочных страниц Π² Envato Market

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ ΠΈ Π³Π΄Π΅ ΠΎΠ½ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ? ΠŸΠΎΡ‡Π΅ΠΌΡƒ Photoshop….

Π’Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠ½ΠΎΠ³ΠΎΠ³Ρ€Π°Π½Π΅Π½ ΠΈ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ€Π°Π±ΠΎΡ‚Ρƒ Π½Π°Π΄ ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠΌ ΠΏΠΎ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΡƒ Β«Ρ‡Ρ‚ΠΎ Π³Π΄Π΅ Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°ΡΠΏΠΎΠ»Π°Π³Π°Ρ‚ΡŒΡΡΒ», Π½ΠΎ ΠΈ созданиС Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ, Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… элСмСнтов ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса, ΠΈΠΊΠΎΠ½ΠΎΠΊ, ΠΊΠ»ΠΈΠΏΠ°Ρ€Ρ‚ΠΎΠ², ΠΏΡ€ΠΎΠ΄ΡƒΠΌΡ‹Π²Π°Π½ΠΈΠ΅ Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠΈ ΠΈ сочСтания ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅-ΠΌΠ½ΠΎΠ³ΠΎΠ΅ ΠΈΠ½ΠΎΠ΅. ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ ΡΠΎΠ·Π΄Π°ΡŽΡ‚ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚, Ρ‚ΠΎ использованиС Photoshop Π±ΠΎΠ»Π΅Π΅ Ρ‡Π΅ΠΌ ΡƒΠ΄ΠΎΠ±Π½ΠΎ ΠΈ понятно. Но ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ‚Π΅ΠΌ, Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ мастСра Π² ΠΌΠΈΡ€Π΅ ΡΡ‚Π°Ρ€Π°ΡŽΡ‚ΡΡ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΎΠ³Ρ€ΠΎΠΌΠ½Ρ‹ΠΌ Π½Π°Π±ΠΎΡ€ΠΎΠΌ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Adobe ΠΈ ΠΏΡ€ΠΈ создании ΠΎΠ΄Π½ΠΎΠ³ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π·Π°Π΄Π΅ΠΉΡΡ‚Π²ΡƒΡŽΡ‚ ΠΈ Illustrator, ΠΈ Fireworks, ΠΈ InDesign, Π΄Π°ΠΆΠ΅ новСйший Experience Design (XD).

«Но Π·Π°Ρ‡Π΅ΠΌ Ρ‚Π°ΠΊ ΠΌΠ½ΠΎΠ³ΠΎ? Β» — спроситС Π²Ρ‹. «Какой ΠΎΡ‚ Π½ΠΈΡ… ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Ρ‚ΠΎΠ»ΠΊ ΠΈ Π΅ΡΡ‚ΡŒ Π»ΠΈ ΠΎΠ½ Π²ΠΎΠΎΠ±Ρ‰Π΅? Β». ΠžΡ‚Π²Π΅Ρ‚ ΠΈ прост ΠΈ слоТСн. Π”Π΅Π»ΠΎ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ с ΠΎΠ΄Π½ΠΎΠΉ стороны, всС ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρ‹ Adobe ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Ρ‹ для Ρ€Π°Π·Π½Ρ‹Ρ… Ρ†Π΅Π»Π΅ΠΉ, с Π΄Ρ€ΡƒΠ³ΠΎΠΉ — ΠΊΡ‚ΠΎ ΠΊ Ρ‡Π΅ΠΌΡƒ ΠΏΡ€ΠΈΠ²Ρ‹ΠΊ, Π° с Ρ‚Ρ€Π΅Ρ‚ΡŒΠ΅ΠΉ — ΠΎΠ½ΠΈ ΠΈΠΌΠ΅ΡŽΡ‚ ΠΈΠ½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΡŽ Π΄Ρ€ΡƒΠ³ с Π΄Ρ€ΡƒΠ³ΠΎΠΌ. Π’ΠΏΡ€ΠΎΡ‡Π΅ΠΌ, ΠΎΡ‚Π»ΠΈΡ‡ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΈ особСнныС Π½ΡŽΠ°Π½ΡΡ‹ Ρƒ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ прилоТСния всС ΠΆΠ΅ Π΅ΡΡ‚ΡŒ ΠΈ ΠΌΡ‹ Π½ΠΈΠΆΠ΅ постараСмся ΠΈΡ… Ρ€Π°ΡΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ. Если Π³Ρ€Π°ΠΌΠΎΡ‚Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ возмоТности ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°, Ρ‚ΠΎ созданиС Π΄ΠΈΠ·Π°ΠΉΠ½Π° сайтов станСт ΠΏΡ€ΠΎΡ‰Π΅, Π° ΠΌΠΎΠΆΠ΅Ρ‚, ΠΈ быстрСС Π² Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΌΠΎΠΌΠ΅Π½Ρ‚Π°Ρ….

Наша Ρ†Π΅Π»ΡŒ Π½Π΅ Ρ€Π°ΡΡΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΎ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Π΅ Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΌ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ, Π½ΠΎ ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° ΠΈΡ… особСнности, Ρ†Π΅Π»ΠΈ, Π·Π°Π΄Π°Ρ‡ΠΈ, Ρ€Π΅ΡˆΠ°Π΅ΠΌΡ‹Π΅ ΠΈΠΌΠΈ. Если Π²Ρ‹ ΡƒΠΆΠ΅ Π²Ρ‹Π±Ρ€Π°Π»ΠΈ Π² Ρ‡Π΅ΠΌ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ, Π° это 99,9% Photoshop, Ρ‚ΠΎ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°ΠΉΡ‚Π΅ ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΈΠΌΠ΅Π½Π½ΠΎ Π² этом, Π° ΠΏΡ€ΠΎΡ‡Π΅Π΅ оставляйтС для Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Π΅ΠΉ ΠΈ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ Π½Π°Π²Ρ‹ΠΊΠΎΠ².

Photoshop Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅

Π˜Π·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π±Ρ‹Π»ΠΎ создано для рСдактирования ΠΈ Ρ€Π΅Ρ‚ΡƒΡˆΠΈ растровых ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ Ρ€Π°Π±ΠΎΡ‚Π΅ с фотографиями. Бпустя 25 Π»Π΅Ρ‚ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ позволяСт ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ 3D-ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹, Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с освСщСниСм Π² изобраТСниях, Ρ†Π²Π΅Ρ‚Π½ΠΎΡΡ‚ΡŒΡŽ, слоями, ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ ΠΈ ΠΏΡ€ΠΎΡ‡Π΅Π΅.

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

Illustrator Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅

ΠŸΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ. ΠŸΡ€ΠΈ этом ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΊΠ°ΠΊ ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹Π΅ ΠΊΠ»ΠΈΠΏΠ°Ρ€Ρ‚Ρ‹, Ρ‚Π°ΠΊ ΠΈ ΠΈΠΊΠΎΠ½ΠΊΠΈ, ΠΊΡ€ΠΎΡˆΠ΅Ρ‡Π½Ρ‹Π΅ favicon Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΠΈ качСства ΠΈ появлСния пиксСлСй, ΠΊΠ°ΠΊ Π² случаС с растровой Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠΉ. РазумССтся, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΈ нСобходимости ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ°, Ρ‚Π°ΠΊ ΠΆΠ΅ ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ Π΄Π°Π½Π½ΠΎΠ΅ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅.

Но Ссли Ρ€Π°ΡΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ Illustrator с Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚Π° сайта, Ρ‚ΠΎ ΠΎΠ½ Π½Π΅ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ ΠΊΠ°ΠΊ Ρ‚Π°ΠΊΠΎΠ²ΠΎΠΉ. Как ΠΌΠΈΠ½ΠΈΠΌΡƒΠΌ, ΠΎΡ‚ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ Π²Ρ‹ Π½Π΅ смоТСтС ΠΈ со ΡˆΡ€ΠΈΡ„Ρ‚Π°ΠΌΠΈ Β«ΠΏΠΎΠΈΠ³Ρ€Π°Ρ‚ΡŒΡΡΒ» Ρ‚ΠΎΠΆΠ΅. Π§Ρ‚ΠΎ ΡƒΠΆ Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ΡŒ ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠ΅ ΠΈ вёрсткС, Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ. Π’ΠΏΡ€ΠΎΡ‡Π΅ΠΌ, послСднСС ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅ Illustrator CC (2017.1) ΠΎΡ‚ 5 апрСля 2017 Π³ΠΎΠ΄Π° позволяСт ΠΎΠ±Ρ€Π΅Π·Π°Ρ‚ΡŒ растровоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±Π΅Π· сторонних ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ. Π’ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅, ΠΎΠ±Ρ€Π΅Π·Π°Π½Π½Ρ‹Π΅ части Π½Π΅ ΡΠΎΡ…Ρ€Π°Π½ΡΡŽΡ‚ΡΡ, Π° Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΎΠ±Ρ‰Π΅Π³ΠΎ Ρ„Π°ΠΉΠ»Π° ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°Π΅Ρ‚ΡΡ. Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, ΠΏΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с изобраТСниями Π² Π˜Π»Π»ΡŽΡΡ‚Ρ€Π°Ρ‚ΠΎΡ€Π΅ всС ΠΆΠ΅ Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π½ΠΎ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Π΅Π±-мастСра ΡƒΠΌΡƒΠ΄Ρ€ΡΡŽΡ‚ΡΡ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ сайтов Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ AI ΠΈ ΠΎΡ‚ΡΡ‹Π»Π°Ρ‚ΡŒ ΠΈΡ… Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΠ°ΠΌ.

InDesign Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅

ΠŸΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π΄ΠΎ сих ΠΏΠΎΡ€ поддСрТиваСтся Adobe ΠΈ ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ΠΎ для ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² ΠΏΠ΅Ρ‡Π°Ρ‚Π½ΠΎΠΉ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ†ΠΈΠΈ (Π±Ρ€ΠΎΡˆΡŽΡ€, ΠΏΠ»Π°ΠΊΠ°Ρ‚ΠΎΠ², ΠΆΡƒΡ€Π½Π°Π»ΠΎΠ², листовок). Но ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ‚Π΅ΠΌ, Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с сайтом Ρ‚ΠΎΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ, хотя слоТнСС ΠΈ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Π² PSD Π½Π΅ получится, Π° ΠΈΠΌΠΏΠΎΡ€Ρ‚ этого Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° Π±Ρ‹Π²Π°Π΅Ρ‚ корявым Ρ‡Π°ΡΡ‚Π΅Π½ΡŒΠΊΠΎ. Π—Π°Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ большиС ΠΎΠ±ΡŠΠ΅ΠΌΡ‹ тСкста. ΠΠ°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ, поля, ΡΡ‚ΠΈΠ»ΡŒ. ΠΠ°Π·Π½Π°Ρ‡ΠΈΡ‚ΡŒ Π½ΡƒΠΌΠ΅Ρ€Π°Ρ†ΠΈΡŽ для страниц, ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹, ΡƒΠΏΠΎΡ€ΡΠ΄ΠΎΡ‡ΠΈΠ²Π°Ρ‚ΡŒ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅.

ΠŸΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΎΠ±Π»Π°Π΄Π°Π΅Ρ‚ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΌΠΈ ΠΌΠΎΠ΄ΡƒΠ»ΡŒΠ½Ρ‹ΠΌΠΈ сСтками, Π΅ΡΡ‚ΡŒ панСлька для просмотра Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… страниц, Π΄Π°ΠΆΠ΅, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ шаблон footer ΠΈ Π·Π°ΠΊΡ€Π΅ΠΏΠΈΡ‚ΡŒ Π΅Π³ΠΎ ΠΎΠ΄ΠΈΠ½ Ρ€Π°Π· Π½Π° всС страницы. МоТно Π΄Π°ΠΆΠ΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ AI ΠΈ PSD. Но для Ρ€Π°Π±ΠΎΡ‚Ρ‹ Landing Page, с ΠΏΡ€ΠΎΠΌΠΎ-станицами всС Ρ€Π°Π²Π½ΠΎ потрСбуСтся Photoshop. Если ΠΆΠ΅ ваш сайт прСдназначаСтся для большого количСства тСкста ΠΈΠ»ΠΈ Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊ Π·Π°ΠΊΠ°Π·Π°Π» ΠΌΠ°ΠΊΠ΅Ρ‚ мноТСства страниц (Π±ΠΎΠ»Π΅Π΅3-4) ΠΈ Π³ΠΎΡ‚ΠΎΠ² ΠΈΡ… ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Π΄Π°ΠΆΠ΅ Π² PDF Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅, Ρ‚ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π² InDesign Ρ€Π΅Π°Π»ΡŒΠ½ΠΎ ΠΈ ΡƒΠ΄ΠΎΠ±Π½ΠΎ.

Π“Π»ΡƒΠ±ΠΎΠΊΠΈΠΉ Π°Π½Π°Π»ΠΈΠ·

ΠœΡ‹ΡΠ»ΡŒ ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΡ‹ ΠΈ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΏΡ€ΠΎΡ‰Π΅ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π² Photoshop — Π½Π΅ самая Π»ΡƒΡ‡ΡˆΠ°Ρ, ΠΈΠ±ΠΎ вСкторная Π³Ρ€Π°Ρ„ΠΈΠΊΠ° Π² ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ прСвращаСтся Π² растр. Для Ρ‚ΠΎΠ³ΠΎ Ρ‡Ρ‚ΠΎΠ±Ρ‹ искаТСния ΠΈ пиксСли Π±Ρ‹Π»ΠΈ Π½Π΅ Π²ΠΈΠ΄Π½Ρ‹, Ρ‚Π°ΠΊΠΎΠΉ растр Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΈΠΌΠ΅Ρ‚ΡŒ ΠΎΡ‡Π΅Π½ΡŒ высокоС Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΡΠ²Π»ΡΡ‚ΡŒΡΡ, ΠΏΠΎ сути, ΡƒΠΆΠ΅ вСксСльной Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠΉ . Если Π³ΠΎΡ‚ΠΎΠ²ΡƒΡŽ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ· Illustrator — ΠΎΠ½Π° Π±ΡƒΠ΄Π΅Ρ‚ пиксСльной. ИмСнно поэтому ΡƒΠ΄ΠΎΠ±Π½Π΅Π΅ ΠΈΠΌΠ΅Ρ‚ΡŒ ΠΈΠ»ΠΈ Π½Π°Π±ΠΎΡ€Ρ‹ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² Π²Π΅ΠΊΡ‚ΠΎΡ€Π΅ ΠΈΠ»ΠΈ Illustrator Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅, Π΄Π°Π±Ρ‹ Π±Ρ‹Π»Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Π²Π΅ΠΊΡ‚ΠΎΡ€ΠΎΠΌ.

InDesign, нСсмотря Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ для вСрстки ΠΏΠ΅Ρ‡Π°Ρ‚Π½ΠΎΠΉ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ†ΠΈΠΈ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠΈΡ‚ΡŒ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π½Π°Π±ΠΎΡ€ для создания элСмСнтов Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°. ΠΠ°ΡΡ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ, Ρ‡Ρ‚ΠΎ всС Ρ€Π°Π²Π½ΠΎ придСтся ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ сторонниС ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹. НСт Π΄Π°ΠΆΠ΅ ΠΏΠΎΠ΄ΠΎΠ±Π°ΡŽΡ‰Π΅Π³ΠΎ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»Π° для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с фотографиями ΠΈ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ°ΠΌΠΈ, Ρ„ΠΈΠ»ΡŒΡ‚Ρ€ΠΎΠ².

Но Π²ΠΎΡ‚ Π² Ρ‡Π΅ΠΌ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ°. InDesign создаСт ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ страницы Π½Π° основС Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… ΠΈ ΠΈΠΌΠ΅ΡŽΡ‰ΠΈΡ…ΡΡ Ρƒ Π½Π΅Π³ΠΎ шаблонов. Π”Π°ΠΆΠ΅ ΡΠ²Π΅Ρ€ΡΡ‚Π°Ρ‚ΡŒ ΠΈΡ… ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈ ΡΠ³Π΅Π½Π΅Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ CSS ΠΈ HTML. НО! Π­Ρ‚ΠΎΡ‚ ΠΊΠΎΠ΄ Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½ для Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ². Как говорится: Β«ΠΊΠΎΠ΄ Π±ΡƒΠ΄Π΅Ρ‚ грязным». ΠžΡ‡ΠΈΡΡ‚ΠΊΠ° Π΅Π³ΠΎ ΠΏΡ€Π΅Π²Ρ€Π°Ρ‚ΠΈΡ‚ΡŒΡΡ Π² ΡΠ»ΠΎΠΆΠ½ΡƒΡŽ Ρ€ΡƒΡ‚ΠΈΠ½Ρƒ, которая Ρƒ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° ΠΎΡ‚Π½ΠΈΠΌΠ΅Ρ‚ колоссальноС количСство Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, Π° автоматичСский Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ Π½Π΅ справится ΠΈ вовсС. ИмСнно поэтому Photoshop ΠΈΠΌΠ΅Π΅Ρ‚ большСС прСимущСство, Π΄Π°ΠΆΠ΅ нСсмотря Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ творчСский процСсс Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ большСС количСство Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ. InDesign ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‚ΠΎΠ³Π΄Π°, ΠΊΠΎΠ³Π΄Π° Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΡƒ Π½ΡƒΠΆΠ΅Π½ ΠΌΠ°ΠΊΠ΅Ρ‚ большого сайта с нСсколькими страницами, Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ ΠΏΠΎ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΡŽ ΠΈ с большим количСством тСкста.

ΠŸΠΎΡ‡Π΅ΠΌΡƒ Π½Π΅ ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ Photoshop? ΠŸΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ придСтся ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ PSD для ΠΊΠ°ΠΆΠ΄ΠΎΠΉ страницы ΠΈ ΠΏΡ€ΠΎΡ€ΠΈΡΠΎΠ²Ρ‹Π²Π°Ρ‚ΡŒ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ (InDesign Π΅ΡΡ‚ΡŒ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹), Π° Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ (страницами) связь ΠΈ Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ ссылки Π½Π΅ получится. Π‘ΠΎΠ»Π΅Π΅ Ρ‚ΠΎΠ³ΠΎ, ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ всС страницы Π² ΠΎΠ΄Π½ΠΎΠΌ PSD Ρ‚ΠΎΠΆΠ΅ Π½Π΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ — Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° Π±ΡƒΠ΄Π΅Ρ‚ большим ΠΈ Π·Π°Ρ‚Π΅ΠΌ ΡƒΠΆΠ΅ Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΠ°ΠΌ Π±ΡƒΠ΄Π΅Ρ‚ Π½Π΅ΡƒΠ΄ΠΎΠ±Π½ΠΎ Ρ€Π°Π·Π±ΠΈΡ€Π°Ρ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ ΠΈ Π³Π΄Π΅. ИмСнно поэтому ΠΏΡ€ΠΈ Ρ€Π°Π±ΠΎΡ‚Π΅ Π½Π°Π΄ большими страницами, Π½Π°Π΄ Landing Page — Photoshop Π»ΡƒΡ‡ΡˆΠ΅Π΅, Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ.

Если Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ΡŒ ΠΎ Illustrator ΠΈ InDesign , Ρ‚ΠΎ ΠΎΠ½ΠΈ ΠΏΠΎΡ…ΠΎΠΆΠΈ, с Ρ‚ΠΎΠΉ Ρ€Π°Π·Π½ΠΈΡ†Π΅ΠΉ, Ρ‡Ρ‚ΠΎ Π˜Π»Π»ΡŽΡΡ‚Ρ€Π°Ρ‚ΠΎΡ€ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ возмоТности создания Π½ΡƒΠΌΠ΅Ρ€Π°Ρ†ΠΈΠΈ страниц ΠΈ шаблонов ΠΊΠ½ΠΈΠ³. Но Π·Π°Ρ‚ΠΎ AI ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ ΠΌΠΎΠ½Ρ‚Π°ΠΆΠ½Ρ‹Π΅ области для создания Π±Ρ€ΠΎΡˆΡŽΡ€ ΠΈΠ»ΠΈ ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄Π° ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ PDF. Π’ дальнСйшСм Ρ‚Π°ΠΊΠΎΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ ΡƒΠ΄ΠΎΠ±Π½ΠΎ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΠ°ΠΌ/ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°ΠΌ/ΠΏΠ°Ρ€Ρ‚Π½Π΅Ρ€Π°ΠΌ. Π’ΠΎ Π΅ΡΡ‚ΡŒ Illustrator дСрТится Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ особняком ΠΎΡ‚ ΠΏΡ€ΠΎΡ‡ΠΈΡ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΈ выполняСт ΠΎΡΠΎΠ±ΡƒΡŽ Ρ€ΠΎΠ»ΡŒ Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅.

БущСствуСт ΠΈ Ρ‚Π°ΠΊΠΎΠ΅ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Ρƒ Adobe, ΠΊΠ°ΠΊ Fireworks . Π’ΠΎΡ‡Π½Π΅Π΅ сущСствовал, Π½ΠΎ ΠΎΠ± этом Ρ‡ΡƒΡ‚ΡŒ ΠΏΠΎΠ·ΠΆΠ΅. Π—Π°Π΄Π°Ρ‡Π° прилоТСния — ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° растровых ΠΈ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ для сайтов. ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΡŒ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Π² Π½Π΅ΠΌ ΡƒΠ΄ΠΎΠ±Π½ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ элСмСнты ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса. Π”Π°ΠΆΠ΅ Π΅ΡΡ‚ΡŒ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ ΠΈΡ… Ρ€Π°Π±ΠΎΡ‚ΠΎΡΠΏΠΎΡΠΎΠ±Π½ΠΎΡΡ‚ΡŒ, Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ ΠΈ ΠΏΡ€ΠΎΡ‡Π΅Π΅. Π’ Photoshop это Π΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΡ€ΠΎΠΏΠΎΡ‚Π»ΠΈΠ²Π΅Π΅. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ извСстныС Π²Π΅Π±-мастСра ΠΈΠΌΠ΅ΡŽΡ‚ это ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Ρ‚ΠΎΠΆΠ΅ Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅ ΠΈ ΡΠΎΡ‡Π΅Ρ‚Π°ΡŽΡ‚ Π² создании ΠΌΠ°ΠΊΠ΅Ρ‚Π° сайтов ΠΈ PS, ΠΈ Fw. Плюсом являСтся Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹, созданныС Π² Fw ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄ΠΈΡ‚ΡŒ Π² CSS ΠΈ HTML ΠΈ Π·Π°Ρ‚Π΅ΠΌ ΡƒΠΆΠ΅ Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ нСпосрСдствСнно Π½Π° страницы сайта. Π”Π° ΠΈ ΠΊΠΎΠ΄ создаСтся чистым.

Adobe Experience Design

Но сСйчас ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° Π±ΠΎΠ»Π΅Π΅ Π½Π΅ поддСрТиваСтся ΠΈ Π½Π° смСну Π΅ΠΉ ΡƒΠΆΠ΅ ΠΏΡ€ΠΈΡ…ΠΎΠ΄ΠΈΡ‚ Adobe Experience Design ΠΈΠ»ΠΈ XD . Доступна ΠΎΠ½Π° Π² Π±Π΅Ρ‚Π°-вСрсии для Windows ΠΈ Mac бСсплатно Π½Π° ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠΌ сайтС . Π§Ρ‚ΠΎ это Π·Π° Π·Π²Π΅Ρ€ΡŒ? Adobe XD создаётся для ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² интСрфСйсов ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, сайтов. Π’ΠΎ Π΅ΡΡ‚ΡŒ, Ссли InDesign создан всС ΠΆΠ΅ для ΠΏΠΎΠ»ΠΈΠ³Ρ€Π°Ρ„ΠΈΠΈ ΠΈ ΠΏΠ΅Ρ‡Π°Ρ‚Π½ΠΎΠΉ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ†ΠΈΠΈ, Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ создания Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² для Web ΠΊΠ°ΠΊ бонус, Ρ‚ΠΎ Adobe XD создаСтся, Π½Π°ΠΎΠ±ΠΎΡ€ΠΎΡ‚, для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Β«Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠΉ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ†ΠΈΠΈΒ», ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… интСрфСйсов, дСсктопных. БущСствуСт ΡΠΎΠ²ΠΌΠ΅ΡΡ‚ΠΈΠΌΠΎΡΡ‚ΡŒ с Illustrator, Photoshop, ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΎΡ‡ΠΊΠΈ, ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹, элСмСнты, Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с ссылками, ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π°ΠΌΠΈ, Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠ΅ΠΉ, Π²ΠΈΠ΄Π΅ΠΎ. И Π΅Ρ‰Π΅ ΠΌΠ½ΠΎΠ³ΠΎ всСго. МоТно ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΈ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ Π΅Π³ΠΎ Π² дСйствии.

ΠœΠ΅ΠΆΠ΄Ρƒ Ρ‚Π΅ΠΌ, Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ Π½Π΅ стрСмятся Π½Π° Π½Π΅Π³ΠΎ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ. Выглядит ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΡƒΠΆ больно «сырым» ΠΈ ΠΌΠ½ΠΎΠ³ΠΈΡ… возмоТностСй, ΠΊ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ люди ΡƒΠΆΠ΅ ΠΏΡ€ΠΈΠ²Ρ‹ΠΊΠ»ΠΈ ΠΈ Π² Fireworks, ΠΈ Π² Photoshop попросту Π½Π΅Ρ‚. Π”Π°, ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ ΠΈ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΡ‹ создания ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π»ΠΈΡΡŒ Adobe ΠΏΡ€ΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ΅ ΠΌΠ½ΠΎΠ³ΠΈΡ… ΠΈΠΌΠ΅Π½ΠΈΡ‚Ρ‹Ρ… спСциалистов, Π½ΠΎ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½ΠΎ всС это Π΅Ρ‰Π΅ Π½Π΅ слишком ΡƒΡΠΏΠ΅ΡˆΠ½ΠΎ. ΠŸΡ€ΠΈ ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½ΠΈΠΈ Π·Π°ΠΊΠ°Π·Π° Π½Π° созданиС Π΄ΠΈΠ·Π°ΠΉΠ½Π° сайта Π³ΠΎΡ€Π°Π·Π΄ΠΎ быстрСС ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ PS ΠΈ Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ Π² Π½Π΅ΠΌ, Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΈ пСрСнСсти ΠΈΠ· Fw ΠΈΠ»ΠΈ AI. Π’Ρ€Π΅ΠΌΠ΅Π½ΠΈ затрачиваСтся Π³ΠΎΡ€Π°Π·Π΄ΠΎ мСньшС.

Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ

Π˜Ρ‚Π°ΠΊ, Adobe для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ большой ассортимСнт ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, ΠΊΠ°ΠΆΠ΄ΠΎΠ΅ ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΡƒΠ΄ΠΎΠ±Π½ΠΎ ΠΏΠΎ-своСму ΠΈ выполняСт Ρ€Π°Π·Π½Ρ‹Π΅ Π·Π°Π΄Π°Ρ‡ΠΈ. Но ΠΏΡ€ΠΈ этом Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΠ½ΠΈΠΌΠ°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π³Π»Π°Π²Π½ΠΎΠ΅ ΠΏΡ€ΠΈ создании Π΄ΠΈΠ·Π°ΠΉΠ½Π° сайтов — ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ быстро ΠΈ качСствСнно. БоотвСтствСнно, Π²Ρ‹Π±ΠΎΡ€ ΠΏΠ°Π΄Π°Π΅Ρ‚ Π½Π° ΠΏΡ€ΠΈΠ²Ρ‹Ρ‡Π½Ρ‹ΠΉ ΠΈ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ Photoshop ΠΈ Illustrator для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Π²Π΅ΠΊΡ‚ΠΎΡ€ΠΎΠΌ. Но Π½Π΅ стоит Π·Π°Π±Ρ‹Π²Π°Ρ‚ΡŒ ΠΈ ΠΎ Fireworks, Π΄Π°ΠΆΠ΅ Π½Π΅ смотря Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ Π½Π΅ поддСрТиваСтся ΡƒΠΆΠ΅, ΠΈΠΌ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°ΡŽΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π²ΠΎ всСм ΠΌΠΈΡ€Π΅. Π‘Π²ΠΎΠΈ нСпосрСдствСнныС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ ΠΈ Π·Π°Π΄Π°Ρ‡ΠΈ ΠΎΠ½ выполняСт. А ΡΡ‚Ρ€Π΅ΠΌΠΈΡ‚ΡŒΡΡ Π·Π°ΠΌΠ΅Π½ΡΡ‚ΡŒ Π΅Π³ΠΎ Π½Π° Adobe Experience Design Ρ‚ΠΎΠΆΠ΅ вопрос спорный, ΠΈΠ±ΠΎ Π΄ΠΎ сих ΠΏΠΎΡ€ Π² вСрсии для Mac Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»Π° большС, Ρ‡Π΅ΠΌ Π² вСрсии для Windows.

ЦСль нашСго ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π° Π±Ρ‹Π»Π° Π½Π΅ Ρ€Π°ΡΡΠΊΠ°Π·Π°Ρ‚ΡŒ Π²Π°ΠΌ: «О, смотритС, это ΠΆΠ΅ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Π°Ρ Π²Π΅Ρ‰ΡŒ, ΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ΡΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Сю! Β». НСт! ΠœΡ‹ Ρ…ΠΎΡ‚Π΅Π»ΠΈ просто Π½Π°ΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ, ΠΊΠ°ΠΊΠΈΠ΅ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρ‹ Ρƒ Adobe ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ для упрощСния ΠΈ ускорСния Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° ΠΈ Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΠ°. Π Π°ΡΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ заблуТдСния ΠΈ Π½ΡŽΠ°Π½ΡΡ‹ этих ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ становятся явными Ρ‚ΠΎΠ»ΡŒΠΊΠΎ послС Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… часов ΠΊΡ€ΠΎΠΏΠΎΡ‚Π»ΠΈΠ²ΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π² Π½ΠΈΡ….

Photoshop Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ самая удобная ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° для Π΄ΠΈΠ·Π°ΠΉΠ½Π°-сайта, InDesign ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ для ΠΌΠ°ΠΊΠ΅Ρ‚Π°, Illustrator — для Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Ρ… ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ, Fireworks/ Adobe Experience Design — совокупноС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°, растровых ΠΈ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. Π—Π΄Π΅ΡΡŒ ΠΆΠ΅ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΠΌ, Ρ‡Ρ‚ΠΎ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Π΅Π±-мастСра Π²ΠΎΠΎΠ±Ρ‰Π΅ ΡΡ‚Π°Ρ€Π°ΡŽΡ‚ΡΡ Π² своСй Ρ€Π°Π±ΠΎΡ‚Π΅ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Photoshop Π²ΠΎΠΎΠ±Ρ‰Π΅ ΠΈ всС Π΄Π΅Π»Π°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² Fireworks, Π΄Π°ΠΆΠ΅ Π² Π½Ρ‹Π½Π΅ΡˆΠ½Π΅Π΅ врСмя. Или Π½Π΅ ΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°ΠΌΠΈ Adobe, Π½ΠΎ это ΠΆΠ΅ Π²Π½ΡƒΡ‚Ρ€ΠΈΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹Π΅ особСнности. Π’Π°ΠΊ ΠΈΠ»ΠΈ ΠΈΠ½Π°Ρ‡Π΅, это ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Π°Ρ Ρ‚Π΅ΠΌΠ°, Ρ‚Π΅ΠΌ Π±ΠΎΠ»Π΅Π΅ Ρ‡Ρ‚ΠΎ с ΠΊΠ°ΠΆΠ΄Ρ‹ΠΌ Π³ΠΎΠ΄ΠΎΠΌ Photoshop ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°Π΅Ρ‚ ΡƒΠ»ΡƒΡ‡ΡˆΠ°Ρ‚ΡŒΡΡ, Π° Fireworks ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΡ‚ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ XD.

БСгодня ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ€Π΅Π±Ρ‘Π½ΠΎΠΊ Π·Π½Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ΄Π°Π²Π»ΡΡŽΡ‰Π΅Π΅ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ, ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ ΠΈ ΠΊΠΎΠ»Π»Π°ΠΆΠ΅ΠΉ, ΡΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‰ΠΈΡ… ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… сайтов, ΡΠΎΠ·Π΄Π°ΡŽΡ‚ΡΡ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ.

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

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Adobe Photoshop?

Одно ΠΈΠ· нСсомнСнных достоинств ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Adobe Photoshop – Π΅Ρ‘ ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ. Она ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для использования домашним ΡƒΠΌΠ΅Π»ΡŒΡ†Π΅ΠΌ ΠΈ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠΌ, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Π΅Ρ‘ инструмСнтарий Ρ‡Ρ€Π΅Π·Π²Ρ‹Ρ‡Π°ΠΉΠ½ΠΎ ΡˆΠΈΡ€ΠΎΠΊ ΠΈ Ρ€Π°Π·Π½ΠΎΠΎΠ±Ρ€Π°Π·Π΅Π½. ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ для ΠΎΠ±Ρ€Π΅Π·ΠΊΠΈ ΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ – это всё Ρ€Π°Π²Π½ΠΎ Ρ‡Ρ‚ΠΎ ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ·ΠΈΡ‚ΡŒ ΠΏΠ°Ρ‡ΠΊΡƒ чипсов Π½Π° ΠšΠ°ΠΌΠΠ—Π΅. ΠŸΠΎΠ΄Π»ΠΈΠ½Π½Ρ‹Π΅ возмоТности Photoshop ΠΎΡ…Π²Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‚ Π±ΡƒΠΊΠ²Π°Π»ΡŒΠ½ΠΎ всС направлСния ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π½ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ.

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

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

ВозмоТности Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ°

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


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

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

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

Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ°

Если Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΊΠΈΠ΅-Ρ‚ΠΎ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ изобраТСния, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π½Π΅Ρ‚ Π² Π±Π°Π·ΠΎΠ²ΠΎΠΌ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π΅ Adobe Photoshop, ΠΈΡ… ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡ‚Ρ‹ΡΠΊΠ°Ρ‚ΡŒ ΠΈ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π² качСствС Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… ΠΌΠΎΠ΄ΡƒΠ»Π΅ΠΉ.

БСгодня ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ тысячи Ρ‚Π°ΠΊΠΈΡ… ΠΌΠΎΠ΄ΡƒΠ»ΡŒΠ½Ρ‹Ρ… Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ, Π»Π΅Π³ΠΊΠΎ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΡ‹Ρ… ΠΊ Π±Π°Π·ΠΎΠ²ΠΎΠΉ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅, ΠΏΡ€ΠΈΡ‡Ρ‘ΠΌ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ ΠΈΠ· Π½ΠΈΡ… распространяСтся бСсплатно. ΠžΡ‚Ρ‹ΡΠΊΠ°Ρ‚ΡŒ Π² ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ ΠΈ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠΌΠΎΠ΄ΡƒΠ»ΡŒ с Π½ΡƒΠΆΠ½Ρ‹ΠΌΠΈ свойствами – Π½Π΅ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ° для Ρ‚ΠΎΠ³ΠΎ, ΠΊΡ‚ΠΎ Ρ‚ΠΎΡ‡Π½ΠΎ Π·Π½Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Ρ…ΠΎΡ‡Π΅Ρ‚ Π½Π°ΠΉΡ‚ΠΈ.

Для Ρ‡Π΅Π³ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ?

ВозмоТности Adobe Photoshop Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠΊΠΎ ΡˆΠΈΡ€ΠΎΠΊΠΈ ΠΈ Ρ€Π°Π·Π½ΠΎΠΎΠ±Ρ€Π°Π·Π½Ρ‹, Ρ‡Ρ‚ΠΎ ΠΈΠΌ ΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Π±ΡƒΠΊΠ²Π°Π»ΡŒΠ½ΠΎ всС ΠΈ для Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ Π»ΡŽΠ±Ρ‹Ρ… ΠΈΠ΄Π΅ΠΉ. Π‘ Π΅Π³ΠΎ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ:

β€” ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‚ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ ΠΈΠ· домашнСго альбома – ΡƒΠ±ΠΈΡ€Π°ΡŽΡ‚ красныС Π·Ρ€Π°Ρ‡ΠΊΠΈ, ΠΎΡΠ²Π΅Ρ‚Π»ΡΡŽΡ‚ ΠΈΠ»ΠΈ Π·Π°Ρ‚Π΅ΠΌΠ½ΡΡŽΡ‚ Ρ„ΠΎΡ‚ΠΎ, Π΄ΠΎΠ±Π°Π²Π»ΡΡŽΡ‚ Π²ΠΈΠ½ΡŒΠ΅Ρ‚ΠΊΠΈ ΠΈ надписи, ΡΠΎΠ·Π΄Π°ΡŽΡ‚ Π·Π°Π±Π°Π²Π½Ρ‹Π΅ эффСкты;

β€” Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‚ Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ для сайтов;

β€” ΡΠΎΠ·Π΄Π°ΡŽΡ‚ пСрсонаТСй ΠΈ Π»Π°Π½Π΄ΡˆΠ°Ρ„Ρ‚Ρ‹ для ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π½Ρ‹Ρ… ΠΈΠ³Ρ€;

β€” Ρ€ΠΈΡΡƒΡŽΡ‚ ΠΈΠΊΠΎΠ½ΠΊΠΈ, ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΊΠΈ, ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ ΠΈ Ρ‚.Π΄.


Π¨ΠΈΡ€ΠΎΡ‡Π°ΠΉΡˆΠΈΠΉ инструмСнтарий Π² сочСтании с удобством Π΅Π³ΠΎ использования – Π²ΠΎΡ‚ Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Π΅Ρ‚ Π² Π·Π½Π°ΠΌΠ΅Π½ΠΈΡ‚ΠΎΠΌ графичСском Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ ΠΊΠ°ΠΊ ΠΎΠΏΡ‹Ρ‚Π½Ρ‹Ρ… Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², Ρ‚Π°ΠΊ ΠΈ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Ρ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ.

ΠŸΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ Π²Ρ‹ приступитС ΠΊ ΠΈΠ·ΡƒΡ‡Π΅Π½ΠΈΡŽ этой Π·Π°ΠΌΠ΅Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, ΡΠΎΠ²Π΅Ρ‚ΡƒΡŽ ΠΏΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΏΠ΅Ρ€Π΅Π΄ собой Ρ†Π΅Π»ΡŒ, которая Ρ‡Ρ‘Ρ‚ΠΊΠΎ даст Π·Π½Π°Ρ‚ΡŒ – Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΎΡ‚ этого ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅.

Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ – это ΠΎΠ³Ρ€ΠΎΠΌΠ½Ρ‹ΠΉ Π°Π³Ρ€Π΅Π³Π°Ρ‚ для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с растровой Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠΉ. НС Ρ‚Π°ΠΊ Π΄Π°Π²Π½ΠΎ это Π±Ρ‹Π»Π° практичСски СдинствСнная ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° Π² своём Ρ€ΠΎΠ΄Π΅, Π½ΠΎ сСгодня Ρƒ Π½Π΅Ρ‘ растут ΠΊΠΎΠ½ΠΊΡƒΡ€Π΅Π½Ρ‚Ρ‹, Π½ΠΎ ΠΊΡƒΠ΄Π° им…

Настойчиво ΠΏΡ€ΠΎΡˆΡƒ ΠΏΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΏΠ΅Ρ€Π΅Π΄ собой Ρ†Π΅Π»ΡŒ, Ссли Ρ‚Π°ΠΊΠΎΠΉ Π΅Ρ‰Π΅ Π½Π΅ имССтся, ΠΈΠ±ΠΎ ΠΈΠ·ΡƒΡ‡ΠΈΡ‚ΡŒ возмоТности этой ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Π΄Π΅Π»ΠΎ Π½Π΅ ΠΎΠ΄Π½ΠΎΠ³ΠΎ дня. По этой ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π΅ постараСмся ΡƒΠ·Π½Π°Ρ‚ΡŒ, для ΠΊΠΎΠ³ΠΎ понадобится Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏ:

  • Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ – это Π·Π°ΠΌΠ΅Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΠΎΠΌΠΎΡ‰Π½ΠΈΠΊ для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°, Π·Π°ΠΌΠ΅Ρ‚ΡŒΡ‚Π΅ я ΠΏΠΈΡˆΡƒ: β€œΠΏΠΎΠΌΠΎΡ‰Π½ΠΈΠΊ β€œ, Π° Π½Π΅ панацСя! Π”ΠΈΠ·Π°ΠΉΠ½ – Π²ΠΎΠΎΠ±Ρ‰Π΅ Π΄Π΅Π»ΠΎ Ρ…ΠΈΡ‚Ρ€ΠΎΠ΅, ΠΈ β€œΠ΄ΠΈΠ·Π°ΠΉΠ½ΠΈΡ‚ΡŒβ€ ΠΌΠΎΠΆΠ½ΠΎ Ρ‡Π΅ΠΌ ΠΈ Π² Ρ‡Π΅ΠΌ ΡƒΠ³ΠΎΠ΄Π½ΠΎ.
  • Π’Ρ‹ Ρ…ΡƒΠ΄ΠΎΠΆΠ½ΠΈΠΊ ΠΈ Π²Π°ΠΌ Π½Π°Π΄ΠΎΠ΅Π»ΠΈ холсты, хочСтся большС пространства для творчСства? Ну Ρ‡Ρ‚ΠΎ ΠΆΠ΅, ΠΏΠΎΠ·Π΄Ρ€Π°Π²Π»ΡΡŽ – Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏ станСт для вас приятным ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ΠΌ! МногиС Ρ…ΡƒΠ΄ΠΎΠΆΠ½ΠΈΠΊΠΈ старой ΡˆΠΊΠΎΠ»Ρ‹, ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Π² эту ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ, добились успСха Π² своСй ΠΆΠΈΠ·Π½ΠΈ, Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π² свой ΠΏΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π» Π² Ρ‚Π΅Ρ… ΠΈΠ»ΠΈ ΠΈΠ½Ρ‹Ρ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ…. К соТалСнию, успСх лишь для Ρ‚Π°Π»Π°Π½Ρ‚ΠΎΠ² ΠΈ ΠΏΡ€ΠΎΡ„ΠΈ. Но нСльзя Π·Π°Π±Ρ‹Π²Π°Ρ‚ΡŒ ΠΈ Π΄ΡƒΡˆΡƒ! РисуйтС Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ для сСбя, Π° Π³Π»Π°Π²Π½ΠΎΠ΅ для рисования ΠΎΡΠ²Π°ΠΈΠ²Π°Ρ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ – Π½Π΅Π΄Π΅Π»ΡŒΠΊΡƒ ΠΈΠ·Π»ΡƒΡ‡Π΅Π½ΠΈΠΉ ΠΈ Π²ΠΏΠ΅Ρ€Π΅Π΄.
  • Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ – это идСальноС Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ для создания Ρ€Π΅ΠΊΠ»Π°ΠΌΡ‹, Ссли Π΅ΡΡ‚ΡŒ фантазия, Ρ‚ΠΎΠ³Π΄Π° смСло Π±Π΅Ρ€ΠΈΡ‚Π΅ΡΡŒ Π·Π° освоСниС! ΠΠ°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ , ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΠΈΠΊ, постСр, Π°Ρ„ΠΈΡˆΡƒ, буклСт… И Π΅Ρ‰Ρ‘ массу Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ†ΠΈΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠΌΠ΅Π½Π½ΠΎ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π½ΡƒΠΆΠ½ΠΎ ΠΈΠ·ΡƒΡ‡ΠΈΡ‚ΡŒ всС ΠΎ Ρ†Π²Π΅Ρ‚ΠΎΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡Π΅, Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ ΠΏΡ€ΠΎΡ„ΠΈΠ»ΠΈ, ΠΌΠ°ΠΊΠ΅Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅.
  • ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ ΠΆΠ΅, я Π½Π΅ Π·Π°Π±Ρ‹Π» ΠΏΡ€ΠΎ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΎΠ², Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°Π΅Ρ‚ β€œΠ»Π°ΠΉΡ‚ Ρ€ΡƒΠΌ β€œ, Π½ΠΎ ΠΎΠ½ ограничиваСтся лишь Ρ†Π²Π΅Ρ‚ΠΎΠΊΠΎΡ€Ρ€Π΅ΠΊΡ†ΠΈΠ΅ΠΉ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ, Π° Π²ΠΎΡ‚ ΡƒΠ±Ρ€Π°Ρ‚ΡŒ ΠΆΠΈΡ€ΠΎΠΊ ΠΈ гусСй ΠΌΠΎΠΆΠ½ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅. ОсвоСниС Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ° Π±Π΅Π· сомнСния станСт Π²Π΅Ρ€Π½Ρ‹ΠΌ Π²Ρ‹Π±ΠΎΡ€ΠΎΠΌ!

Π—Π°Ρ‡Π΅ΠΌ ΠΆΠ΅ Π½ΡƒΠΆΠ΅Π½ Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏ: ΠΈΡ‚ΠΎΠ³ΠΈ

Photoshop – это инструмСнт для профСссионалов своСго Π΄Π΅Π»Π°, для Ρ…ΡƒΠ΄ΠΎΠΆΠ½ΠΈΠΊΠΎΠ², Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΎΠ² ΠΈ дСятСлСй ΠΈΠ½Ρ‹Ρ… профСссий.

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

Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ – это пространство для воплощСния Ρ„Π°Π½Ρ‚Π°Π·ΠΈΠΈ: нарисуйтС ΡˆΠ΅Π΄Π΅Π²Ρ€ с Π±Π΅Π»ΠΎΠ³ΠΎ листа ΠΈΠ»ΠΈ ΠΊΠ°Ρ€Π΄ΠΈΠ½Π°Π»ΡŒΠ½ΠΎ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΡƒΠΉΡ‚Π΅ ΡƒΠΆΠ΅ ΠΈΠΌΠ΅ΡŽΡ‰ΡƒΡŽΡΡ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ.

ΠŸΠΎΡ‡Π΅ΠΌΡƒ для профСссионалов? Ну Ссли Π½Π΅ Π±Ρ€Π°Ρ‚ΡŒ Π² счёт пиратскиС ΠΊΠΎΠΏΠΈΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, Ρ‚ΠΎ лицСнзия ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΠ±ΠΎΠΉΡ‚ΠΈΡΡŒ Π² ΠΊΠΎΠΏΠ΅Π΅Ρ‡ΠΊΡƒ, Π° Ссли Ρƒ вас Π½Π΅Ρ‚ Ρ†Π΅Π»ΠΈ ΠΈ ΠΏΠ»Π°Π½ΠΎΠ², Ρ‚ΠΎ Π²ΠΏΠΎΠ»Π½Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠ±ΠΎΠΉΡ‚ΠΈΡΡŒ бСсплатными, простыми ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°ΠΌΠΈ для Ρ€Π΅Ρ‚ΡƒΡˆΠΈ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ – ΠΏΠΎΠ΄ΠΊΡ€ΡƒΡ‚ΠΈΡ‚ΡŒ няш-Ρ†Π²Π΅Ρ‚Π°, ΡƒΠ±Ρ€Π°Ρ‚ΡŒ красныС пятна, Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ надпись ΠΈΠ»ΠΈ рамочку… ВсС это ΠΌΠΎΠΆΠ½ΠΎ ΠΈ Π±Π΅Π· Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ°.

Π’Ρ‹ ΡƒΠ²Π΅Ρ€Π΅Π½Ρ‹, Ρ‡Ρ‚ΠΎ ΠΎΠ½ Π²Π°ΠΌ Π½ΡƒΠΆΠ΅Π½? НачинайтС ΠΈΠ·ΡƒΡ‡Π°Ρ‚ΡŒ! И вскорС Photoshop станСт Ρ‡Π°ΡΡ‚ΡŒΡŽ вашСй ΠΆΠΈΠ·Π½ΠΈ, вашим Π½Π΅ΠΎΡ‚ΡŠΠ΅ΠΌΠ»Π΅ΠΌΡ‹ΠΌ ΠΏΠΎΠΌΠΎΡ‰Π½ΠΈΠΊΠΎΠΌ!

Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ постоянно обновляСтся! А Ρ‚ΡƒΡ‚ просто Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ с вСрсиСй, Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΏΠΎΡΡ‚Π°Ρ€ΡˆΠ΅ ΠΈΠ»ΠΈ ΡΠ°ΠΌΡƒΡŽ Π½ΠΎΠ²ΡƒΡŽ, Ρ‡ΠΈΡ‚Π°Π΅ΠΌ Π² ΡΡ‚Π°Ρ‚ΡŒΠ΅ –


ВсСго Ρ…ΠΎΡ€ΠΎΡˆΠ΅Π³ΠΎ!

РСшСниС ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ, Π²Ρ‹Π·Π²Π°Π½Π½Ρ‹Ρ… нСисправным, Π½Π΅ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅ΠΌΡ‹ΠΌ ΠΈΠ»ΠΈ нСсовмСстимым Π“ΠŸ ΠΈΠ»ΠΈ графичСским Π΄Ρ€Π°ΠΉΠ²Π΅Ρ€ΠΎΠΌ.

ΠžΠ±Π·ΠΎΡ€ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ, Π²Ρ‹Π·Π²Π°Π½Π½Ρ‹Ρ… нСисправным, Π½Π΅ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅ΠΌΡ‹ΠΌ ΠΈΠ»ΠΈ нСсовмСстимым графичСским процСссором ΠΈΠ»ΠΈ графичСским Π΄Ρ€Π°ΠΉΠ²Π΅Ρ€ΠΎΠΌ

Если Π²Ρ‹ ΡΡ‚ΠΎΠ»ΠΊΠ½ΡƒΠ»ΠΈΡΡŒ с ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ°ΠΌΠΈ Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Π½ΠΈΠ·ΠΊΠΎΠΉ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒΡŽ ΠΈΠ»ΠΈ сбоСм Π² Ρ€Π°Π±ΠΎΡ‚Π΅, ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π° ΠΌΠΎΠΆΠ΅Ρ‚ Π·Π°ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒΡΡ Π² нСисправном, Π½Π΅ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅ΠΌΠΎΠΌ ΠΈΠ»ΠΈ нСсовмСстимом графичСском процСссорС (Ρ‚Π°ΠΊΠΆΠ΅ Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΠΎΠΌ графичСской ΠΏΠ»Π°Ρ‚ΠΎΠΉ, Π²ΠΈΠ΄Π΅ΠΎΠΊΠ°Ρ€Ρ‚ΠΎΠΉ ΠΈΠ»ΠΈ Π“ΠŸ ) ΠΈΠ»ΠΈ графичСском Π΄Ρ€Π°ΠΉΠ²Π΅Ρ€Π΅. Π’ частности, Π² этом Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Ρ‹ инструкции ΠΏΠΎ ΡƒΡΡ‚Ρ€Π°Π½Π΅Π½ΠΈΡŽ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ:

Π’Π½ΠΈΠΌΠ°Π½ΠΈΠ΅.

Если ваша Π²ΠΈΠ΄Π΅ΠΎΠΊΠ°Ρ€Ρ‚Π° Π±Ρ‹Π»Π° Π²Ρ‹ΠΏΡƒΡ‰Π΅Π½Π° послС мая 2013 Π³ΠΎΠ΄Π°, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€Π΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Photoshop Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ Π²Π°ΡˆΡƒ ΠΊΠ°Ρ€Ρ‚Ρƒ. Π’Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ дСйствия для поиска ΠΈ устранСния Π½Π΅ΠΏΠΎΠ»Π°Π΄ΠΎΠΊ

ΠžΠ±Π½ΠΎΠ²ΠΈΡ‚Π΅ графичСский Π΄Ρ€Π°ΠΉΠ²Π΅Ρ€.

ОбновлСниС графичСского Π΄Ρ€Π°ΠΉΠ²Π΅Ρ€Π° ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, сбой Π² Ρ€Π°Π±ΠΎΡ‚Π΅, Π½Π΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΡƒΡŽ Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·Π°Ρ†ΠΈΡŽ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ. ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ Π½ΠΎΠ²Ρ‹Π΅ вСрсии Π΄Ρ€Π°ΠΉΠ²Π΅Ρ€Π° нСпосрСдствСнно Ρƒ производитСля вашСй Π²ΠΈΠ΄Π΅ΠΎΠΊΠ°Ρ€Ρ‚Ρ‹:

  • ГрафичСскиС Π΄Ρ€Π°ΠΉΠ²Π΅Ρ€Ρ‹ ΠΎΠ±Π½ΠΎΠ²Π»ΡΡŽΡ‚ΡΡ Ρ‡Π΅Ρ€Π΅Π· обновлСния ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ систСмы. Π£Π±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ установлСны послСдниС обновлСния для Mac OS , Π²Ρ‹Π±Ρ€Π°Π² ΠΏΡƒΠ½ΠΊΡ‚ «ОбновлСниС ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния» Π² мСню Apple ΠΈΠ»ΠΈ Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ «ОбновлСния» Π² App Store.

ПослС установки ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠΉ пСрСзапуститС Photoshop. Π’ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ , Π²Ρ‹Π±Ρ€Π°Π² «Установки» > Β«ΠŸΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒΒ» > Β«Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ графичСский процСссор» , ΠΈ ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΠΈΡ‚Π΅ дСйствия, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹Π·Π²Π°Π»ΠΈ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ.

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅.

  • Π¦Π΅Π½Ρ‚Ρ€ обновлСния Windows Π½Π΅ всСгда прСдоставляСт послСдниС ΠΈ Π»ΡƒΡ‡ΡˆΠΈΠ΅ вСрсии Π΄Ρ€Π°ΠΉΠ²Π΅Ρ€ΠΎΠ².НСобходимо ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ нСпосрСдствСнно Π½Π° Π²Π΅Π±-сайт производитСля ΠΊΠ°Ρ€Ρ‚Ρ‹, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ Π½Π°Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠΉ Π΄Ρ€Π°ΠΉΠ²Π΅Ρ€Π°.
  • ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΉ Π΄Ρ€Π°ΠΉΠ²Π΅Ρ€. Названия Π΄Ρ€Π°ΠΉΠ²Π΅Ρ€ΠΎΠ² для Π½ΠΎΡƒΡ‚Π±ΡƒΠΊΠΎΠ² ΠΈΠ½ΠΎΠ³Π΄Π° ΠΎΡ‚Π»ΠΈΡ‡Π°ΡŽΡ‚ΡΡ ΠΎΡ‚ Π½Π°Π·Π²Π°Π½ΠΈΠΉ Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½Ρ‹Ρ… Π΄Ρ€Π°ΠΉΠ²Π΅Ρ€ΠΎΠ² для Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½Ρ‹Ρ… ПК.
  • Π’ случаС использования Π²ΠΈΠ΄Π΅ΠΎΠ°Π΄Π°ΠΏΡ‚Π΅Ρ€ΠΎΠ² Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»Π΅ΠΉ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ ПО ΠΏΠΎΠΌΠΈΠΌΠΎ Π΄Ρ€Π°ΠΉΠ²Π΅Ρ€Π° Π²ΠΈΠ΄Π΅ΠΎΠΊΠ°Ρ€Ρ‚Ρ‹. Π’Π½ΠΈΠΌΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°ΠΉΡ‚Π΅ инструкции ΠΏΠΎ обновлСнию ΠΈ ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ΡΡŒ Π½Π°ΠΏΡ€ΡΠΌΡƒΡŽ ΠΊ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŽ Π²ΠΈΠ΄Π΅ΠΎΠ°Π΄Π°ΠΏΡ‚Π΅Ρ€Π°, Ссли инструкции Π½Π΅ понятны.
  • ΠŸΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ настроСнныС ΡƒΡ€ΠΎΠ²Π½ΠΈ кэша.

    Если Π²Ρ‹ установили Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ 1 для ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π° Β«Π£Ρ€ΠΎΠ²Π΅Π½ΡŒ кэша» Π² установках Photoshop, Ρ‚ΠΎ ΠΌΠΎΠ³ΡƒΡ‚ Π²ΠΎΠ·Π½ΠΈΠΊΠ½ΡƒΡ‚ΡŒ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ с ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒΡŽ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ графичСский процСссор.

    ВосстановитС Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π° Β«Π£Ρ€ΠΎΠ²Π΅Π½ΡŒ кэша:Β» ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ 4:

    a. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΏΡƒΠ½ΠΊΡ‚ мСню Β«Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅Β» > «Установки» > Β«ΠŸΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒΒ» (Windows) ΠΈΠ»ΠΈ Β«PhotoshopΒ» > «Установки»(Mac OS).

    b. УстановитС 4 для ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π° Β«Π£Ρ€ΠΎΠ²Π΅Π½ΡŒ кэша».

    c. Π—Π°ΠΊΡ€ΠΎΠΉΡ‚Π΅ ΠΈ пСрСзапуститС Photoshop.

    ПослС пСрСзапуска Photoshop ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΠΈΡ‚Π΅ дСйствия, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹Π·Π²Π°Π»ΠΈ ΠΎΡˆΠΈΠ±ΠΊΡƒ.

    Π’Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅ сброс установок.

    ΠŸΡ€ΠΈ сбросС установок выполняСтся Π²ΠΎΠ·Π²Ρ€Π°Ρ‚ ΠΊ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π°ΠΌ графичСского процСссора ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ. Π‘ΠΌ. Ρ€Π°Π·Π΄Π΅Π» «ВосстановлСниС установок ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽΒ» , Π³Π΄Π΅ приводится Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ информация.

    ПослС восстановлСния установок запуститС Photoshop ΠΈ ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΠΈΡ‚Π΅ дСйствия, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹Π·Π²Π°Π»ΠΈ ΠΎΡˆΠΈΠ±ΠΊΡƒ.

    Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚Π΅ Ρ€Π΅ΠΆΠΈΠΌ рисования Π² Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π°Ρ… Π½Π° Π±Π°Π·ΠΎΠ²Ρ‹ΠΉ.

    ΠŸΡ€ΠΈ Π±Π°Π·ΠΎΠ²ΠΎΠΌ Ρ€Π΅ΠΆΠΈΠΌΠ΅ рисования ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ объСм видСопамяти ΠΈ Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ΡΡ основныС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ графичСского процСссора:

    a. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ мСню Β«Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅Β» > «Установки» > Β«ΠŸΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒΒ» (Windows) ΠΈΠ»ΠΈ Photoshop > «Установки» > Β«ΠŸΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒΒ» (Mac OS).

    b. На ΠΏΠ°Π½Π΅Π»ΠΈ Β«ΠŸΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒΒ» Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹Β».

    c. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Β«Π Π΅ΠΆΠΈΠΌ рисования» > Β«Π‘Π°Π·ΠΎΠ²Ρ‹ΠΉΒ».

    d. Π—Π°ΠΊΡ€ΠΎΠΉΡ‚Π΅ ΠΈ пСрСзапуститС Photoshop.

    Если эти дСйствия устранили ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ, ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π΅ΠΆΠΈΠΌ рисования. ΠŸΠ΅Ρ€Π΅Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚Π΅ Photoshop ΠΈ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅, Π²ΠΎΠ·Π½ΠΈΠΊΠ½Π΅Ρ‚ Π»ΠΈ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ° снова. Если ΠΎΠ½Π° Π²ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ‚ снова, Π²Π΅Ρ€Π½ΠΈΡ‚Π΅ΡΡŒ Π² Π±Π°Π·ΠΎΠ²Ρ‹ΠΉ Ρ€Π΅ΠΆΠΈΠΌ.

    Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ настройках графичСского процСссора ΠΈ ΠΎΠ± ΠΈΡ… ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ для вашСго Ρ€Π°Π±ΠΎΡ‡Π΅Π³ΠΎ процСсса ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡ‚ΠΈ Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ «Часто Π·Π°Π΄Π°Π²Π°Π΅ΠΌΡ‹Π΅ вопросы ΠΏΠΎ графичСскому процСссору (Π“ΠŸ) PhotoshopΒ» .

    ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅.

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

    ΠŸΡ€ΠΈ использовании Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… графичСских ΠΊΠ°Ρ€Ρ‚ с ΠΊΠΎΠ½Ρ„Π»ΠΈΠΊΡ‚ΡƒΡŽΡ‰ΠΈΠΌΠΈ Π΄Ρ€Π°ΠΉΠ²Π΅Ρ€Π°ΠΌΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π²ΠΎΠ·Π½ΠΈΠΊΠ°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ с функциями Photoshop Π½Π° графичСском ускоритСлС ΠΈ функциями, Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‰ΠΈΠΌΠΈ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ Π“ΠŸ. Для получСния Π½Π°ΠΈΠ»ΡƒΡ‡ΡˆΠΈΡ… Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠ² ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ Π΄Π²Π° (ΠΈΠ»ΠΈ Π±ΠΎΠ»Π΅Π΅) ΠΌΠΎΠ½ΠΈΡ‚ΠΎΡ€Π° ΠΊ ΠΎΠ΄Π½ΠΎΠΉ графичСской ΠΊΠ°Ρ€Ρ‚Π΅.

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

    Π°) Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ Π² любой области Π Π°Π±ΠΎΡ‡Π΅Π³ΠΎ стола ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ «ПанСль управлСния NVIDIAΒ»;

    Π±) Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Β«Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ настройками 3DΒ»;

    Π²) Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ «Настройки ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹Β» ΠΈ Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Photoshop.exe ΠΈ sniffer.exe.Π’ качСствС ΠΏΡ€ΠΈΠΎΡ€ΠΈΡ‚Π΅Ρ‚Π½ΠΎΠ³ΠΎ графичСского процСссора Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π’Ρ‹ΡΠΎΠΊΠΎΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ графичСский процСссор NVIDIA .


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

    Когда ΠΌΡ‹ Π³ΠΎΠ²ΠΎΡ€ΠΈΠΌ, Ρ‡Ρ‚ΠΎ Photoshop ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΎΠ³Ρ€ΠΎΠΌΠ½Ρ‹ΠΉ Π½Π°Π±ΠΎΡ€ Ρ€Π°Π·Π½Ρ‹Ρ… Π·Π°ΠΌΠ΅Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, каТСтся, Ρ‡Ρ‚ΠΎ это Π·Π²ΡƒΡ‡ΠΈΡ‚ Ρ…ΠΎΡ€ΠΎΡˆΠΎ, Π½ΠΎ ΡΠ»ΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π²ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ‚ с Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ всС эти Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Ρ‚Π°ΠΌ, Π³Π΄Π΅ Π½ΡƒΠΆΠ½ΠΎ. Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹, Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„Ρ‹ ΠΈ ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ‚ΠΎΡ€Ρ‹ Π·Π½Π°ΡŽΡ‚ ΠΎ функциях Photoshop, Π½ΠΎ ΠΈΠ½ΠΎΠ³Π΄Π° Π΄Π΅Π»Π°ΡŽΡ‚ ошибки, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π² ΠΈΡ‚ΠΎΠ³Π΅ сводят β€œΠ½Π° нСт” всС усилия.

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

    1. НС ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ горячиС клавиши.

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

    2. Π—Π»ΠΎΡƒΠΏΠΎΡ‚Ρ€Π΅Π±Π»Π΅Π½ΠΈΠ΅ Ρ„ΠΈΠ»ΡŒΡ‚Ρ€Π°ΠΌΠΈ.

    Как ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΈ ΠΎΡ‡Π΅Π½ΡŒ Π»ΡŽΠ±ΡΡ‚ Ρ„ΠΈΠ»ΡŒΡ‚Ρ€Ρ‹ ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ ΠΈΡ… Π²Π΅Π·Π΄Π΅ Π³Π΄Π΅ Π½Π°Π΄ΠΎ ΠΈ Π³Π΄Π΅ Π½Π΅ Π½Π°Π΄ΠΎ. НСсомнСнно, Ρ„ΠΈΠ»ΡŒΡ‚Ρ€Ρ‹ – это вСсСло, ΠΈ ΠΈΡ… ΠΎΡ‡Π΅Π½ΡŒ Π»Π΅Π³ΠΊΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ, Π½ΠΎ β€œΠΏΠ΅Ρ€Π΅Π±Π°Ρ€Ρ‰ΠΈΠ²Π°Ρ‚ΡŒβ€ с Π½ΠΈΠΌΠΈ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ. Π§Ρ€Π΅Π·ΠΌΠ΅Ρ€Π½ΠΎΠ΅ использованиС Ρ„ΠΈΠ»ΡŒΡ‚Ρ€ΠΎΠ² ΠΏΡ€ΠΈΠ΄Π°Π΅Ρ‚ снимку дилСтантский Π²ΠΈΠ΄, выдавая Π½Π΅ΠΎΠΏΡ‹Ρ‚Π½ΠΎΡΡ‚ΡŒ ΠΈΠ»ΠΈ отсутствиС вкуса Ρƒ Π°Π²Ρ‚ΠΎΡ€Π°/Ρ€Π΅Ρ‚ΡƒΡˆΠ΅Ρ€Π°.

    3. ΠΠ΅Π΄ΠΎΠΎΡ†Π΅Π½ΠΈΠ²Π°Ρ‚ΡŒ слои ΠΈ ΠΏΠ°ΠΏΠΊΠΈ.

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

    4. Блишком ΠΌΠ½ΠΎΠ³ΠΎ Ρ€Π΅Ρ‚ΡƒΡˆΠΈ.

    Π’ соц.сСтях постоянно Π²ΡΡ‚Ρ€Π΅Ρ‡Π°ΡŽΡ‚ΡΡ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΏΠΎΠ΄ слоСм Ρ€Π΅Ρ‚ΡƒΡˆΠΈ слоТно ΡƒΠ·Π½Π°Ρ‚ΡŒ настоящСго Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠ°. Π“ΠΈΠΏΠ΅Ρ€Ρ€Π΅Ρ‚ΡƒΡˆΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ – самая распространСнная ошибка, ΠΊΠ°ΠΊ срСди Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ², Ρ‚Π°ΠΊ ΠΈ срСды β€œΠ±Ρ‹Π²Π°Π»Ρ‹Ρ…β€ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ Photoshop. Π‘ΡƒΠ΄ΡŒ Ρ‚ΠΎ ΠΊΠΎΠΆΠ° ΠΌΠΎΠ΄Π΅Π»ΠΈ ΠΈΠ»ΠΈ зачистка мусора Π½Π° Ρ„ΠΎΡ‚ΠΎ с ΠΏΠ΅ΠΉΠ·Π°ΠΆΠ΅ΠΌ – Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠ΅Ρ€Π΅ΡƒΡΠ΅Ρ€Π΄ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ.

    5. НС ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ.

    Π§Ρ‚ΠΎΠ±Ρ‹ Π½Π΅ Π½Π°Ρ‡ΠΈΠ½Π°Ρ‚ΡŒ всС сначала, Π½Π΅ ΠΏΠ΅Ρ€Π΅Π΄Π΅Π»Ρ‹Π²Π°Ρ‚ΡŒ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ ΠΏΠΎ сто Ρ€Π°Π· ΠΈΠ·-Π·Π° досадной ошибки, скачка элСктричСства ΠΈΠ»ΠΈ нСчаянно Π½Π°ΠΆΠ°Ρ‚ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ Power, Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΡ‡Π°Ρ‰Π΅ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒΡΡ. ΠšΠ°ΠΆΠ΅Ρ‚ΡΡ, Ρ‡Ρ‚ΠΎ это смСшно, ΠΈ с Π²Π°ΠΌΠΈ Ρ‚Π°ΠΊΠΎΠ³ΠΎ Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ случится, Π½ΠΎ Π½Π° Π΄Π΅Π»Π΅ Ρƒ всСх это Π±Ρ‹Π²Π°Π»ΠΎ, Π΄Π° Π½Π΅ ΠΏΠΎ Ρ€Π°Π·Ρƒ. Работая Π² Photoshop Ρ‚Π°ΠΊ Π»Π΅Π³ΠΊΠΎ ΡƒΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ ΠΈΠ· Π²ΠΈΠ΄Ρƒ, Ρ‡Ρ‚ΠΎ сдСлав тысячу ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΉ, Π·Π°Π±Ρ‹Π» ΠΎ самой Π²Π°ΠΆΠ½ΠΎΠΉ. Ctrl+S, Π΄Ρ€ΡƒΠ·ΡŒΡ ΠΌΠΎΠΈ!

    6. ВсСгда Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ CMYK.

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

    7. Π Π°Π±ΠΎΡ‚Π° с Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ 72 dpi.

    Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ Ρ…ΠΎΡ€ΠΎΡˆΠΎ извСстно, Ρ‡Ρ‚ΠΎ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π² Photoshop стоит Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ Π² 72 dpi. Π­Ρ‚ΠΎ Ρ…ΠΎΡ€ΠΎΡˆΠΎ для Π²Π΅Π±Π°, Π½ΠΎ для ΠΏΠΎΠ»ΠΈΠ³Ρ€Π°Ρ„ΠΈΠΈ, ΠΊ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ, этого ΠΎΡ‡Π΅Π½ΡŒ ΠΌΠ°Π»ΠΎ. ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ эти настройки ΠΏΠ΅Ρ€Π΅Π΄ Π½Π°Ρ‡Π°Π»ΠΎΠΌ любого Π΄ΠΈΠ·Π°ΠΉΠ½-ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°.

    8. ИспользованиС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΡ насыщСнности (Desaturate) для создания Ρ‡Π΅Ρ€Π½ΠΎ-Π±Π΅Π»ΠΎΠ³ΠΎ изобраТСния.

    УмСньшСниСм насыщСнности, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ Ρ‡Π΅Ρ€Π½ΠΎ-Π±Π΅Π»ΠΎΠ³ΠΎ изобраТСния, Π½ΠΎ я Π½Π΅ ΡΠΎΠ²Π΅Ρ‚ΡƒΡŽ этого Π΄Π΅Π»Π°Ρ‚ΡŒ. Π›ΡƒΡ‡ΡˆΠ΅ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Channel Mixer, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π±ΠΎΠ³Π°Ρ‡Π΅ ΠΈ ярчС. Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Ρ‡ΡƒΡ‚ΡŒ слоТнСС, Ρ‡Π΅ΠΌ просто Π²Ρ‹ΠΊΡ€ΡƒΡ‚ΠΈΡ‚ΡŒ ΠΏΠΎΠ»Π·ΡƒΠ½ΠΎΠΊ насыщСнности Π½Π° ноль, Π½ΠΎ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Ρ‚ΠΎΠ³ΠΎ стоит!

    9. ΠŸΡ€Π΅Π½Π΅Π±Ρ€Π΅ΠΆΠ΅Π½ΠΈΠ΅ масками.

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

    10. НС ΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ для Ρ„ΠΎΡ‚ΠΎΡ€Π΅Ρ‚ΡƒΡˆΠΈ.

    Photoshop – Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· самых ΠΌΠΎΡ‰Π½Ρ‹Ρ… инструмСнтов для рСдактирования Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ, Π½ΠΎ это Π½Π΅ Π·Π½Π°Ρ‡ΠΈΡ‚, Ρ‡Ρ‚ΠΎ ΠΊΡ€ΠΎΠΌΠ΅ Π½Π΅Π³ΠΎ Π½Π΅Ρ‚ Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΡ… Π΄ΠΎΡΡ‚ΠΈΡ‡ΡŒ ΠΆΠ΅Π»Π°Π΅ΠΌΠΎΠ³ΠΎ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°. ΠŸΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ прилоТСния ΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, Ρ‡ΠΈΡ‚Π°ΠΉΡ‚Π΅ ΠΎΠ±Π·ΠΎΡ€Ρ‹ ΠΈ Π²Ρ‹ ΠΏΠΎΠΉΠΌΠ΅Ρ‚Π΅, Ρ‡Ρ‚ΠΎ Π½Π΅ Photoshop-ΠΎΠΌ Π΅Π΄ΠΈΠ½Ρ‹ΠΌ ΠΆΠΈΠ²ΡƒΡ‚ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ ΠΈ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„Ρ‹!

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

  • ΠœΠΎΠ΄ΡƒΠ»ΡŒΠ½Π°Ρ сСтка Π² Photoshop

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

    Π§Ρ‚ΠΎΠ±Ρ‹ Π² ΠΎΠΊΠ½Π΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ появились Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ, Π½ΡƒΠΆΠ½ΠΎ Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹: ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ β€” Π›ΠΈΠ½Π΅ΠΉΠΊΠΈ (Ctrl + R). Π’ скобках ΡƒΠΊΠ°Π·Π°Π½Ρ‹ сочСтания клавиш, Π΄ΡƒΠ±Π»ΠΈΡ€ΡƒΡŽΡ‰ΠΈΡ… эту ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ. Π›ΠΈΠ½Π΅ΠΉΠΊΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΠΏΡ€ΠΎΠ³Ρ€Π°Π΄ΡƒΠΈΡ€ΠΎΠ²Π°Π½Ρ‹ Π² Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Π΅Π΄ΠΈΠ½ΠΈΡ†Π°Ρ…: пикс., см, ΠΌΠΌ, Π΄ΡŽΠΉΠΌβ€¦ Π§Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π΅Π΄ΠΈΠ½ΠΈΡ†Ρ‹, ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ ΠΎΠΊΠ½ΠΎ настроСк: Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ β€” Установки β€” Π•Π΄ΠΈΠ½ΠΈΡ†Ρ‹ измСрСния ΠΈ Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ

    Но Π³ΠΎΡ€Π°Π·Π΄ΠΎ ΡƒΠ΄ΠΎΠ±Π½Π΅Π΅ это ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΈΠΌ способом. НуТно просто Ρ‰Π΅Π»ΠΊΠ½ΡƒΡ‚ΡŒ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ (ПКМ) Π½Π° Π»ΠΈΠ½Π΅ΠΉΠΊΠ΅ ΠΈ ΠΈΠ· контСкстного мСню Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π½ΡƒΠΆΠ½Ρ‹Π΅ Π΅Π΄ΠΈΠ½ΠΈΡ†Ρ‹.

    ΠŸΡ€ΠΈ создании ΠΌΠ°ΠΊΠ΅Ρ‚Π° web-страницы Π»ΡƒΡ‡ΡˆΠ΅ всСго Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΈΠ·ΠΌΠ΅Ρ€ΡΡ‚ΡŒ Π² пиксСлях.

    Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΎ ΠΌΠΎΠ΄ΡƒΠ»ΡŒΠ½ΠΎΠΉ сСткС Π² Photoshop. Π§Ρ‚ΠΎΠ±Ρ‹ Π΅Π΅ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ, Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΠΌ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹: ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ β€” ΠŸΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Β β€” Π‘Π΅Ρ‚ΠΊΡƒ (Ctrl + β€˜).

    Π¨Π°Π³ сСтки ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ: Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ β€” Установки β€” ΠΠ°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅, Π‘Π΅Ρ‚ΠΊΠ° ΠΈ Π€Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹

    Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ сСтку, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ Π±Π»ΠΎΠΊΠΈ вашСго ΠΌΠ°ΠΊΠ΅Ρ‚Π° Ρ‚ΠΎΡ‡Π½ΠΎ ΠΏΠΎ линиям.

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

    И Π΅Ρ‰Π΅ ΠΎΠ΄Π½Π° Ρ‚ΠΎΠ½ΠΊΠΎΡΡ‚ΡŒ. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, Π½Π°Ρ‡Π°Π»ΠΎ ΠΊΠΎΠΎΡ€Π΄ΠΈΠ½Π°Ρ‚ находится Π² Π»Π΅Π²ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΠ³Π»Ρƒ листа. Но ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π΅Π³ΠΎ ΠΏΠ΅Ρ€Π΅Π΄Π²ΠΈΠ½ΡƒΡ‚ΡŒ Π² Π»ΡŽΠ±ΡƒΡŽ ΡƒΠ΄ΠΎΠ±Π½ΡƒΡŽ Π½Π°ΠΌ Ρ‚ΠΎΡ‡ΠΊΡƒ. Для этого ΠΏΠΎΡΡ‚Π°Π²ΡŒΡ‚Π΅ ΡƒΠΊΠ°Π·Π°Ρ‚Π΅Π»ΡŒ ΠΌΡ‹ΡˆΠΈ Π² ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚ΠΈΠΊ, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΡΠΎΠ΅Π΄ΠΈΠ½ΡΡŽΡ‚ΡΡ Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ, ΠΈ ΠΏΡ€ΠΎΡ‚Π°Ρ‰ΠΈΡ‚Π΅ Π΅Π³ΠΎ Π² Π½ΡƒΠΆΠ½ΡƒΡŽ Ρ‚ΠΎΡ‡ΠΊΡƒ.

    Π§Ρ‚ΠΎΠ±Ρ‹ Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒ Π½Π°Ρ‡Π°Π»ΠΎ ΠΊΠΎΠΎΡ€Π΄ΠΈΠ½Π°Ρ‚ Π² ΠΈΡΡ…ΠΎΠ΄Π½ΡƒΡŽ Ρ‚ΠΎΡ‡ΠΊΡƒ, сдСлайтС Π΄Π²ΠΎΠΉΠ½ΠΎΠΉ Ρ‰Π΅Π»Ρ‡ΠΎΠΊ Π² этом ΠΆΠ΅ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚ΠΈΠΊΠ΅.

    Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΌΠΎΠ΄ΡƒΠ»ΡŒΠ½ΡƒΡŽ сСтку Π² Photoshop Β Π² своСй Ρ€Π°Π±ΠΎΡ‚Π΅ Π½Π°Π΄ ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠΌ сайта.

    А ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ сайт приносил Π΄ΠΎΡ…ΠΎΠ΄, Π²Ρ‹ смоТСтС ΡƒΠ·Π½Π°Ρ‚ΡŒ, вступив Π² ПКП.


    Bubble Sky

    ΠŸΡƒΠ·Ρ‹Ρ€Ρ‡Π°Ρ‚ΠΎΠ΅ Π½Π΅Π±ΠΎ ΠΆΠ΄Π΅Ρ‚ вас Π² Π½ΠΎΠ²ΠΎΠΉ Bubble Sky. Π”Π°, это красиво, Π½ΠΎ всС ΠΆΠ΅ Π½Π΅ Ρ‚Π°ΠΊ ΡƒΠΆ ΠΏΡ€Π°ΠΊΡ‚ΠΈΡ‡Π½ΠΎ. ВсС эти ΠΏΡƒΠ·Ρ‹Ρ€ΠΈΠΊΠΈ ΠΌΠ΅ΡˆΠ°ΡŽΡ‚ свСту ΠΏΠ°Π΄Π°Ρ‚ΡŒ Π½Π° зСмлю, Ρ‡Ρ‚ΠΎ затрудняСт Тизнь людСй Π΄Π½Π΅ΠΌ. Π’Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΡΡ‚Π°Ρ€Π°Ρ‚ΡŒΡΡ ΠΈΠ·Π±Π°Π²ΠΈΡ‚ΡŒΡΡ ΠΎΡ‚ всСх ΠΏΡƒΠ·Ρ‹Ρ€Π΅ΠΉ. Как? ΠŸΡ€ΠΎΡΡ‚ΠΎ стрСляйтС ΡˆΠ°Ρ€ΠΈΠΊΠΎΠΌ Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠΏΡ€ΠΈΠΊΠΎΡΠ½ΡƒΠ»ΠΎΡΡŒ Ρ‚Ρ€ΠΈ ΠΈΠ»ΠΈ Π±ΠΎΠ»Π΅Π΅ ΡˆΠ°Ρ€ΠΈΠΊΠΎΠ². Π›ΠΈΡˆΡŒ послС этого ΠΎΠ½ΠΈ смогут Π»ΠΎΠΏΠ½ΡƒΡ‚ΡŒ. ΠžΡ‡ΠΈΡΡ‚ΠΈΠΌ Π½Π΅Π±ΠΎ, Π²ΠΏΠ΅Ρ€Π΅Π΄!

    ΠœΠ°ΡΡ‚Π΅Ρ€ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π² Photoshop: создавайтС красивыС Π²Π΅Π±-сайты с Π»Π΅Π³ΠΊΠΎΡΡ‚ΡŒΡŽ

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

    ΠŸΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΡŒΡ‚Π΅ΡΡŒ ΠΊ ΠΊΠ°Ρ€ΡŒΠ΅Ρ€Π΅ Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, ΠΈΠ·ΡƒΡ‡ΠΈΠ² основы Photoshop ΠΈ тонкости индустрии Π΄ΠΈΠ·Π°ΠΉΠ½Π° Β 

    • Π˜Π·ΡƒΡ‡ΠΈΡ‚Π΅ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΡ‹ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠΈ.

    • ΠΠ°ΡƒΡ‡ΠΈΡ‚Π΅ΡΡŒ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π½Π΅ΡΡ‚Π°Π½Π΄Π°Ρ€Ρ‚Π½ΡƒΡŽ Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ ΠΈ красивыС Π·Π½Π°Ρ‡ΠΊΠΈ.

    • ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ доступ ΠΊ ΠΏΡ€Π΅ΠΌΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΌ Ρ„Π°ΠΉΠ»Π°ΠΌ PSD ΠΈ шаблонам, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Π΄ΠΎΡ…Π½ΠΎΠ²ΠΈΡ‚ΡŒ вас Π½Π° собствСнныС ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹.

    • Π£Π·Π½Π°ΠΉΡ‚Π΅, ΠΊΠ°ΠΊ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°ΠΌΠΈ ΠΈ ΠΎΡΡ‚Π°Π²Π°Ρ‚ΡŒΡΡ конкурСнтоспособными Π² ΠΏΠ΅Ρ€Π΅Π΄ΠΎΠ²ΠΎΠΉ отрасли.

    Π‘ΠΎΠ·Π΄Π°Π²Π°ΠΉΡ‚Π΅ Π²Π΅Π±-сайты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°ΡŽΡ‚ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ² ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ°ΡŽΡ‚ вашС ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ Β 

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

    Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅ ΠΈ ΠΎΠ±Π·ΠΎΡ€ Β 

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

    Photoshop ΠΈ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΎΡ‚ А Π΄ΠΎ Π―
    БлСдуя простому ΠΏΠΎΡˆΠ°Π³ΠΎΠ²ΠΎΠΌΡƒ процСссу курса, Π²Ρ‹ ΠΈΠ·ΡƒΡ‡ΠΈΡ‚Π΅ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΡ‹ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ Π½Π°Π²Ρ‹ΠΊΠΈ Photoshop, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ для создания ярких Π²Π΅Π±-страниц ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ, начиная с Ρ„ΡƒΠ½Π΄Π°ΠΌΠ΅Π½Ρ‚Π°Π»ΡŒΠ½Ρ‹Ρ… Ρ‚Π΅ΠΌ, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ сравнСниС Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ вСрсии Photoshop ΠΈ Π²Ρ‹Π±ΠΎΡ€ ΠΌΠΎΠ½ΠΈΡ‚ΠΎΡ€Π°, ΠΏΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΊ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»Π°ΠΌ, Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠ΅, Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ°, ΠΌΠ°ΠΊΠ΅Ρ‚Ρƒ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠΌΡƒ Π΄Ρ€ΡƒΠ³ΠΎΠΌΡƒ.

    ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ ΠΈΠ· ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠΈ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ²
    Π’Ρ‹ Π»ΡƒΡ‡ΡˆΠ΅ ΠΏΠΎΠΉΠΌΠ΅Ρ‚Π΅ Ρ€Π΅Π°Π»ΠΈΠΈ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΈΠ·ΡƒΡ‡ΠΈΠ² ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ ΠΈΠ· Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΉ ΠΆΠΈΠ·Π½ΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€ΠΈΡ€ΡƒΡŽΡ‚, Ρ‡Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ ΠΈ Ρ‡Π΅Π³ΠΎ Π½Π΅ Π΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΡ€ΠΈ Ρ€Π°Π±ΠΎΡ‚Π΅ с ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°ΠΌΠΈ.

    Π˜Π½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ дСмонстрации
    Π’Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ созданиС Π΄Π²ΡƒΡ… Π²Π΅Π±-сайтов ΠΎΡ‚ Π½Π°Ρ‡Π°Π»Π° Π΄ΠΎ ΠΊΠΎΠ½Ρ†Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π»ΡƒΡ‡ΡˆΠ΅ ΠΏΠΎΠ½ΡΡ‚ΡŒ процСсс проСктирования.

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

    Β  Π₯арактСристики курса: Β 

    • ΠšΡ€ΠΈΡΡ‚Π°Π»ΡŒΠ½ΠΎ чистый Π·Π²ΡƒΠΊ ΠΎΡ‚ носитСля английского языка

    • Photoshop CC использовался Π½Π° протяТСнии всСго курса ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΡΡŽΡ‰ΠΈΠ΅ΡΡ ΠΏΡ€ΠΈΠ΅ΠΌΡ‹ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ускорСны

    • Ко всСм лСкциям прилагаСтся Ρ„Π°ΠΉΠ» ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΠΈ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ .psd, Π° Ρ‚Π°ΠΊΠΆΠ΅ Ρ„Π°ΠΉΠ» .pdf со всСми ссылками, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±Ρ‹Π»ΠΈ ΠΏΠΎΠΊΠ°Π·Π°Π½Ρ‹ Π² Π²ΠΈΠ΄Π΅ΠΎ.

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

    50 ΠΏΡ€ΠΈΡ‡ΠΈΠ½ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Photoshop для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°

    ΠŸΡ€Π΅ΠΆΠ΄Π΅ всСго, я люблю Photoshop. Π­Ρ‚ΠΎ Π»ΡƒΡ‡ΡˆΠ°Ρ Π² ΠΌΠΈΡ€Π΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° для рСдактирования ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. Π― Π½Π΅ Ρ…ΠΎΡ‡Ρƒ ΡΠΊΠ°Π·Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Photoshop β€” плохая ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°, я просто Ρ…ΠΎΡ‡Ρƒ Ρ€Π°Π·Π²Π΅ΡΡ‚ΡŒ Π·Π°Π±Π»ΡƒΠΆΠ΄Π΅Π½ΠΈΠ΅ ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Photoshop β€” это ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ инструмСнт для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π° экрана.

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

    ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΏΡ‹Ρ‚Π°ΡŽΡ‚ΡΡ ΡΡ€Π°Π²Π½ΠΈΡ‚ΡŒ Fireworks с Photoshop. ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ Π²Π΅Ρ‰Π΅ΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π² Fireworks, ΠΊΠ°ΠΊ-Ρ‚ΠΎ Π² Photoshop. Π’ InDesign Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ Ρ‚Π΅ ΠΆΠ΅ Π·Π°Π΄Π°Ρ‡ΠΈ, Ρ‡Ρ‚ΠΎ ΠΈ Π² Photoshop, Π½ΠΎ являСтся Π»ΠΈ это эффСктивным ΠΈ дСйствСнным способом Ρ€Π°Π±ΠΎΡ‚Ρ‹? Π’ случаС с InDesign (вСрстка для ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ) ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ Π·Π½Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ вСрстка ΠΆΡƒΡ€Π½Π°Π»Π° Π² Photoshop ΠΊΡ€Π°ΠΉΠ½Π΅ нСэффСктивна.ΠŸΠΎΡ‡Π΅ΠΌΡƒ это отличаСтся для Fireworks (ΠΌΠ°ΠΊΠ΅Ρ‚ для экрана)? Π­Ρ‚ΠΎ нСэффСктивный способ Ρ€Π°Π±ΠΎΡ‚Ρ‹, ΠΎΠ΄Π½Π°ΠΊΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ склонны Ρ‚Π°ΠΊ Π΄ΡƒΠΌΠ°Ρ‚ΡŒ.

    О Fireworks ΠΌΠΎΠΆΠ½ΠΎ Π΄ΡƒΠΌΠ°Ρ‚ΡŒ большС с Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния Ρ‚Π°ΠΊΠΎΠΉ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, ΠΊΠ°ΠΊ InDesign. InDesign создаСт ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ для ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ, Π° Fireworks создаСт ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ для экрана. Photoshop ΠΈ Illustrator слСдуСт ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² качСствС поставщиков. Π’Ρ‹ создаСтС Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ Π² Photoshop ΠΈ Illustrator, Π° Π·Π°Ρ‚Π΅ΠΌ пСрСноситС Π΅Π΅ Π² Fireworks для создания Π΄ΠΈΠ·Π°ΠΉΠ½Π° экрана.

    Π’ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ Π²ΠΈΠ΄Π΅ΠΎΡ€ΠΎΠ»ΠΈΠΊΠ΅ Π΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€ΠΈΡ€ΡƒΡŽΡ‚ΡΡ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΠ· Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ Π²Π°ΠΆΠ½Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄Π΅Π»Π°ΡŽΡ‚ Fireworks Π»ΡƒΡ‡ΡˆΠΈΠΌ инструмСнтом ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠΈ для Π΄ΠΈΠ·Π°ΠΉΠ½Π° экрана.

    Π£Ρ‡Π΅Π±Π½ΠΎΠ΅ пособиС ΠΏΠΎ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ Adobe Fireworks CS5 ΠΎΡ‚ АндрС Π Π΅ΠΉΠ½Π΅Π³Π³Π΅Ρ€Π° Π½Π° Vimeo.

    50 ΠΏΡ€ΠΈΡ‡ΠΈΠ½ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Photoshop для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° (сравнСниС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ ΠΈ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ: FW ΠΈ PS)


    Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ список ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ сравнСниС с ΠΏΡ€ΠΈΠ±Π»ΠΈΠ·ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ ΡƒΠΊΠ°Π·Π°Π½ΠΈΠ΅ΠΌ экономии Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΏΡ€ΠΈ использовании Fireworks.

    20 Π»ΡƒΡ‡ΡˆΠΈΡ… бСсплатных шаблонов Π²Π΅Π±-сайтов с Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ Photoshop [PSD-Ρ„Π°ΠΉΠ»Ρ‹]

    Нам ΠΏΠΎΠ²Π΅Π·Π»ΠΎ, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ ΠΆΠΈΠ²Π΅ΠΌ Π² Ρ‚ΠΎ врСмя, ΠΊΠΎΠ³Π΄Π° прСвосходныС ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ Π²Π΅Π±-сайтов Π»Π΅Π³ΠΊΠΎ доступны Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ β€” ΠΏΡ€ΠΈΡ‡Π΅ΠΌ бСсплатно.Π‘Π΅Π· сомнСния, ΠΈΠ·-Π·Π° этого наша Тизнь ΠΊΠ°ΠΊ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² стала ΠΏΡ€ΠΎΡ‰Π΅.

    Photoshop β€” ΠΎΠ΄ΠΈΠ½ ΠΈΠ· самых популярных инструмСнтов для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² UX/UI. Π’Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ Ρ€Π°Π΄Ρ‹ ΠΏΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ Π½ΠΎΠ²Ρ‹ΠΌΠΈ шаблонами Π²Π΅Π±-сайтов Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PSD.

    Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ Mockplus Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅Ρ‚ 20 Π»ΡƒΡ‡ΡˆΠΈΡ… бСсплатных шаблонов сайтов Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PSD. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ эти высококачСствСнныС ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ Π²Π΅Π±-сайтов Photoshop для создания всСвозмоТных Π²Π΅Π±-сайтов, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ Ρ€Π΅Π·ΡŽΠΌΠ΅, Π»ΠΈΡ‡Π½Ρ‹Π΅ Π²Π΅Π±-сайты, ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ, стартапы, ΠΎΡ‚Π΅Π»ΠΈ, Π±Π»ΠΎΠ³ΠΈ, мСдицинскиС, ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΈ рСсторанныС сайты.

    НачнСм!

    1. Piroll β€” бСсплатный PSD-шаблон Π²Π΅Π±-сайта Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ HTML для Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ

    Piroll β€” это шаблон Π΄ΠΈΠ·Π°ΠΉΠ½Π° PSD для агСнтства ΠΈΠ»ΠΈ Π»ΠΈΡ‡Π½ΠΎΠ³ΠΎ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ с большой Π³ΠΈΠ±ΠΊΠΎΡΡ‚ΡŒΡŽ. ΠŸΡ€Π΅Π΄Π»Π°Π³Π°Ρ Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ Π³ΠΈΠ±ΠΊΠΎΡΡ‚ΡŒ, шаблон Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ нью-йоркским Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠΌ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса Π‘Π²Π΅Ρ‚Π»Π°Π½ΠΎΠΉ.

    Π₯арактСристики:

    • ΠœΠΈΠ½ΠΈΠΌΠ°Π»ΠΈΡΡ‚ΠΈΡ‡Π½Ρ‹ΠΉ ΠΈ соврСмСнный Π²ΠΈΠ΄
    • 5 ΠΎΠ±Ρ€Π°Π·Ρ†ΠΎΠ² страниц PSD
    • Π₯ΠΎΡ€ΠΎΡˆΠΎ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Π½Ρ‹Π΅ слои для создания MVP

    БСсплатная Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ°

    2.Cesis Creative Agency — Π‘Π•Π‘ΠŸΠ›ΠΠ’ΠΠ«Π™ PSD-шаблон Π²Π΅Π±-сайта

    PSD-шаблон Cesis Creative создан Tranmautritam, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ являСтся самым ΠΏΡ€ΠΎΠ΄Π°Π²Π°Π΅ΠΌΡ‹ΠΌ Π°Π²Ρ‚ΠΎΡ€ΠΎΠΌ PSD всСх Π²Ρ€Π΅ΠΌΠ΅Π½ Π½Π° ThemeForest. Π­Ρ‚ΠΎ бСсплатный шаблон для сайта ΠΊΡ€Π΅Π°Ρ‚ΠΈΠ²Π½Ρ‹Ρ… агСнтств, Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², фрилансСров, Π±Π»ΠΎΠ³Π΅Ρ€ΠΎΠ² ΠΈ Ρ…ΡƒΠ΄ΠΎΠΆΠ½ΠΈΠΊΠΎΠ². Π’ΠΊΠ»ΡŽΡ‡Π΅Π½Ρ‹ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ страницы: Π”ΠΎΠΌΠ°ΡˆΠ½ΡΡ страница, О нас, ΠšΠΎΠ½Ρ‚Π°ΠΊΡ‚Ρ‹, Ошибка 404, ΠŸΠΎΠ»Π½ΠΎΡΠΊΡ€Π°Π½Π½ΠΎΠ΅ мСню, РСгистрация, Бписок Π±Π»ΠΎΠ³ΠΎΠ², ΠžΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π±Π»ΠΎΠ³, ΠŸΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ, Π•Π΄ΠΈΠ½ΠΎΠ΅ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ ΠΈ Услуги.

    ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ:

    ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ:

    • ΠœΠΈΠ½ΠΈΠΌΠ°Π»ΠΈΡΡ‚ΡΠΊΠΈΠΉ, Π­Π»Π΅Π³Π°Π½Ρ‚Π½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½
    • ΠšΡ€Π΅Π°Ρ‚ΠΈΠ²Π½Ρ‹Π΅ ΠΈ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Ρ‹Π΅ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹
    • Π‘Π²Π΅ΠΆΠΈΠΉ Ρ†Π²Π΅Ρ‚
    • 11 ΠŸΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ просмотр Π€Π°ΠΉΠ»Ρ‹ изобраТСния
    • 11 ΠŸΠΎΡ‚Ρ€ΡΡΠ°ΡŽΡ‰ΠΈΠ΅ Pixel-Perfect ΠΈ Detail-Layered PSDS

    бСсплатно Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

    3.MoGo β€” БСсплатный одностраничный PSD-шаблон для агСнтств

    Mogo β€” это шаблон одностраничного Π²Π΅Π±-сайта, созданный Π² Photoshop АлСксандром ΠšΠ°Ρ€ΡΠ°ΠΊΠΎΠ²Ρ‹ΠΌ ΠΈ Π²Ρ‹ΠΏΡƒΡ‰Π΅Π½Π½Ρ‹ΠΉ ΠΈΡΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π½Π° freebiesbug.com. Он Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя мноТСство ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ быстро ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ сайт.

    ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ:

    ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ:

    • Чистый ΠΈ соврСмСнный Π΄ΠΈΠ·Π°ΠΉΠ½
    • Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя ΠΎΡ‚Π·Ρ‹Π²Ρ‹ карусСли
    • Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя ΠΏΠΎΡ€Ρ‚Ρ„Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Ρ‹ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Ρ‹

    бСсплатно ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

    4.

    ΠΌΠΎΠ΄Π° проспСкт — бСсплатный PSD Ecommerce шаблон

    Avenue Fashion чистый ΠΈ соврСмСнный шаблон элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½Ρ‹ΠΉ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Photoshop ΠΈ Π²Ρ‹ΠΏΡƒΡ‰Π΅Π½Π½Ρ‹ΠΉ RobbyDesigns, Π²Π½Π΅ΡˆΡ‚Π°Ρ‚Π½Ρ‹ΠΌ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠΌ ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠΌ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса ΠΈΠ· ΠŸΠ»ΠΈΠΌΡƒΡ‚Π°, ВСликобритания.Π­Ρ‚ΠΎΡ‚ шаблон идСально ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для создания минималистичСского ΠΌΠ°Π³Π°Π·ΠΈΠ½Π° ΠΌΠΎΠ΄Π½ΠΎΠΉ ΠΎΠ΄Π΅ΠΆΠ΄Ρ‹.

    ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ:

    • Π’ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ 6 страниц ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°
    • ΠœΠΎΠ΄Π½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½

    БСсплатная Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ°

    5. Fun Weather — БСсплатный шаблон Ρ†Π΅Π»Π΅Π²ΠΎΠΉ страницы для Π²Π°ΡˆΠΈΡ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ

    сдСлано с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ°. Он идСально ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для дСмонстрации ΠΏΠΎΠ³ΠΎΠ΄Π½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. Π­Ρ‚ΠΎΡ‚ шаблон Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ ΠΌΠΎΠ»ΠΎΠ΄Ρ‹ΠΌ Ρ‚Π°Π»Π°Π½Ρ‚Π»ΠΈΠ²Ρ‹ΠΌ московским Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠΌ Π§Π°Π½ΠΈΠ΅Π²ΠΎΠΉ.

    ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ:

    • Π›Π΅Π³ΠΊΠΎ Π°Π΄Π°ΠΏΡ‚ΠΈΡ€ΡƒΠΉΡ‚Π΅ Π΅Π³ΠΎ для любого мобильного прилоТСния
    • Чистый ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс

    БСсплатная Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ°

    6. Maker Landing Template — Photoshop шаблон Ρ†Π΅Π»Π΅Π²ΠΎΠΉ страницы

  • цСлСвая страница. Если Π²Π°ΠΌ Π½ΡƒΠΆΠ½Π° вСрсия HTML/CSS, Π½Π°ΠΏΠΈΡˆΠΈΡ‚Π΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρƒ Π˜Π»ΡŒΡΡΡƒ АлиСву.

    ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ:

    • Raleway БСсплатный ΡˆΡ€ΠΈΡ„Ρ‚ Google
    • Π‘ΠΎΠ²ΠΌΠ΅ΡΡ‚ΠΈΠΌΠΎΡΡ‚ΡŒ с Photoshop

    БСсплатная Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ°

    7.Surfing PSD Template β€” бСсплатная одностраничная PSD-шаблон

    Π­Ρ‚ΠΎ бСсплатный одностраничный шаблон с ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ настраиваСмыми Ρ„ΠΎΡ€ΠΌΠ°ΠΌΠΈ. Он ΠΈΠΌΠ΅Π΅Ρ‚ Ρ…ΠΎΡ€ΠΎΡˆΠΎ сгруппированныС слои Π½Π° основС 1170px Bootstrap Grid.

    ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ:

    ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ:

    • Одинокий PSD Ρ„Π°ΠΉΠ» PSD
    • бСсплатных ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ²
    • бСсплатныС CC0 изобраТСния
    • Easy Customization
    • совмСстимы с Photoshop
    • бСсплатно ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

      8. Shopy — Acommerce PSD Π²Π΅Π±-шаблонов

      Shopy β€” это прСкрасный Π½Π°Π±ΠΎΡ€ бСсплатных PSD-шаблонов, связанных с элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠ΅ΠΉ.

      ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ:

      ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ:

      • 3 PSD Π¨Π°Π±Π»ΠΎΠ½Ρ‹
      • PR PR Page
      • Главная Page
      • Π”Π΅Ρ‚Π°Π»ΡŒ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° Page
      • Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Page

      • Page

      Page

    Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Page

  • 9. 9. ΠŸΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρ‹ питания ΠΈ рСстораны PSD Π¨Π°Π±Π»ΠΎΠ½ PSD

    Π‘ΠΎΠ·Π΄Π°Π½Π½Ρ‹ΠΉ PSDFreebies, этот яркий ΠΈ красочный шаблон для Π²Π΅Π±-сайтов ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² питания ΠΈ рСсторанов идСально ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для любого ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°, связанного с ΠΊΠ°Ρ„Π΅ ΠΈΠ»ΠΈ прСдприятиями, связанными с ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°ΠΌΠΈ питания.

    ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ:

    • 1 PSD
    • Π›Π΅Π³ΠΊΠΎ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ
    • Π’Π΅ΠΌΠ° Π΅Π΄Ρ‹
    • Π’Π΅Π±-шаблон

    Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ бСсплатно

    10.Oregano Free Website Template β€” БСсплатный шаблон Π²Π΅Π±-сайта для Photoshop, Sketch ΠΈ Adobe XD

    Oregano β€” это бСсплатный шаблон Π²Π΅Π±-сайта, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для своСго ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ, агСнтства ΠΈΠ»ΠΈ Π»ΡŽΠ±Ρ‹Ρ… Π΄Ρ€ΡƒΠ³ΠΈΡ… Ρ†Π΅Π»Π΅ΠΉ. На страницах Π΅ΡΡ‚ΡŒ 4 ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ: ΠšΠΎΠ½Ρ‚Π°ΠΊΡ‚Ρ‹, ΠŸΡ€ΠΎΠ΄ΡƒΠΊΡ‚, О нас ΠΈ Главная страница.

    ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ:

    ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ:

    • , Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½Ρ‹Π΅ для Web
    • Π Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ 820x1600PX
    • Π‘ΠΎΠ²ΠΌΠ΅ΡΡ‚ΠΈΠΌΠΎΡΡ‚ΡŒ с Photoshop & Sketch

    бСсплатно Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

    11. Π¨Π°Π±Π»ΠΎΠ½ PSD бСсплатный ΠΏΠΎΡ€Ρ‚Ρ„Π΅Π»ΡŒ PSD — шаблон PSD Bootstrap для бСсплатной Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ

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

    ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ:

    ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ:

    • 2 страницы Π²ΠΊΠ»ΡŽΡ‡Π΅Π½Ρ‹
    • 1170px Bootstrap Grid
    • бСсплатныС CC0 Images
    • бСсплатныС CC0 Images
    • Easy Customization
    • ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ слоистыС
    • совмСстим с Photoshop

    бСсплатно ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

    12. ΠšΠΎΡΠΌΠΈΡ‡Π΅ΡΠΊΠΈΠΉ сайт Π²Π΅Π±-шаблон — бСсплатно Π’Π΅Π±-сайт Photoshop

    Space Exploration β€” это Π²Π΅Π±-шаблон, идСально подходящий для Π»ΡŽΠ±Ρ‹Ρ… Ρ€Π΅Π²ΠΎΠ»ΡŽΡ†ΠΈΠΎΠ½Π½Ρ‹Ρ… исслСдований, особСнно для исслСдования космоса.Π­Ρ‚ΠΎΡ‚ шаблон Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ Ante Matijaca.

    ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ:

    • 1 PSD Ρ„Π°ΠΉΠ»
    • Π’ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ 4+ страницы

    БСсплатная Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ°

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

    14.ΠŸΠ΅ΠΊΠ°Ρ€Π½Ρ β€” БСсплатный Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ PSD-шаблон Π²Π΅Π±-сайта

    ΠŸΠ΅ΠΊΠ°Ρ€Π½Ρ β€” это бСсплатный одностраничный шаблон Π²Π΅Π±-сайта Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PSD для ΠΏΠ΅ΠΊΠ°Ρ€Π΅Π½. Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠΌ являСтся ΠœΠ°Π»ΡŒΡ‚Π΅ ВСстСдт, Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса ΠΈΠ· Π“Π΅Ρ€ΠΌΠ°Π½ΠΈΠΈ.

    ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ:

    • Π’Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΈ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹
    • ΠŸΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ

    Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ бСсплатно

    β€” это шаблон, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ идСально ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для создания минималистичных ΠΈ чистых ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ.Он поставляСтся ΠΊΠ°ΠΊ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PSD, Ρ‚Π°ΠΊ ΠΈ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ HTML ΠΈ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π³Π»Π°Π²Π½ΡƒΡŽ страницу, Π΄Π²Π΅ страницы ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ ΠΈ Π΄Π²Π΅ страницы Π±Π»ΠΎΠ³Π°.

    ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ:

    • Π’ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π²Π΅Ρ€ΡΠΈΡŽ WordPress

    БСсплатная Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ°

    16. ONAIR2 — PSD шаблон Π²Π΅Π±-сайта радиостанции

    Onair2 β€” это бСсплатный шаблон Π²Π΅Π±-сайта Π² Photoshop, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для создания Ρ€Π°Π΄ΠΈΠΎ-шаблона. Он Ρ‚Π°ΠΊΠΆΠ΅ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π²Π΅Ρ€ΡΠΈΡŽ для WordPress ΠΈ отличаСтся соврСмСнным минималистичным стилСм. Π€Π°ΠΉΠ»Ρ‹ созданы с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Photoshop CS6 ΠΈ совмСстимы с Photoshop CC.

    ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ:

    ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ:

    • Π’Π²Π΅Ρ€Π΄Ρ‹ΠΉ ΠΈ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½
    • 5 PSD шаблонов
    • 5 PSD
    • типография ΠΈ Ρ†Π²Π΅Ρ‚Π½ΠΎΠ΅ руководство

    бСсплатно ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

    17. Clemo: бСсплатный PSD шаблон для ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΉ

    Clemo — бСсплатный Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏ шаблон сайта, подходящий для ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΉ ΠΈ агСнтств, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½Ρ‹ΠΉ ΠΈ Π²Ρ‹ΠΏΡƒΡ‰Π΅Π½Π½Ρ‹ΠΉ ИльСй НСстСровым. Он Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя 10 страниц высокого Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ Π½Π° основС сСток Bootstrap Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 1170 пиксСлСй.

    ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ:

    БСсплатная Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ°

    18.Minimo: ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ шаблон Π±Π»ΠΎΠ³Π°

    Minimo β€” это минималистичный, Π½ΠΎ элСгантный шаблон Π±Π»ΠΎΠ³Π°, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½Ρ‹ΠΉ ΠšΡŒΡΡ€ΠΎΠΉ ΠšΠ°Π½Π΄Π΅Ρ€Π°Π½, графичСским Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠΌ ΠΈΠ· Π˜Ρ‚Π°Π»ΠΈΠΈ. Π­Ρ‚ΠΎ ΠΌΠ½ΠΎΠ³ΠΎΡƒΡ€ΠΎΠ²Π½Π΅Π²Ρ‹ΠΉ PSD-Ρ„Π°ΠΉΠ», ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΠ²Π°ΡŽΡ‰ΠΈΠΉ 3 Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… прСдставлСния: домашняя страница, ΠΎΠ΄ΠΈΠ½ пост Π² ΠΏΠΎΠ»Π½ΡƒΡŽ ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΈ боковая панСль.

    ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ:

    • ΠžΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Π½Ρ‹Π΅ слои
    • Π›Π΅Π³ΠΊΠΎ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ

    Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ бСсплатно

    19.

    Axit – PSD ЦСлСвая страница

    Он ΠΈΠΌΠ΅Π΅Ρ‚ чистый, соврСмСнный Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈ Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Π½Ρ‹Π΅ слои ΠΈ ΠΏΠ°ΠΏΠΊΠΈ для Π»Π΅Π³ΠΊΠΎΠΉ настройки. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Axit поставляСтся Π² ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΉ вСрсии ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠ° Axure.

    Π₯арактСристики:

    БСсплатная Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ°

    20. Signature – БСсплатный шаблон Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PSD

    Signature – это бСсплатный шаблон Ρ†Π΅Π»Π΅Π²ΠΎΠΉ страницы для Photoshop ΠΈ Sketch. Он прСдоставляСт инструмСнты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π²Π΅Π±-сайты Ρ‚ΠΈΡ‚ΡƒΠ»ΡŒΠ½Ρ‹Ρ… страниц ΠΈΠ· Π²Π°ΡˆΠΈΡ… ΡƒΡ‡Π΅Ρ‚Π½Ρ‹Ρ… записСй Π² ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтях.

    Π₯арактСристики:

    • Π‘ΠΎΠ²ΠΌΠ΅ΡΡ‚ΠΈΠΌΠΎΡΡ‚ΡŒ с Sketch ΠΈ Photoshop

    БСсплатная Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ°

    Π’Π΅Π±-сайты, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ большС шаблонов Π²Π΅Π±-сайтов Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PSD

    1. Freebiesbug

    ΠŸΠΎΡ‚Ρ€ΡΡΠ°ΡŽΡ‰Π°Ρ коллСкция бСсплатных рСсурсов для Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PSD, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ Π½Π°Ρ‡Π°Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ.

    2. Behance

    Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ со всСго ΠΌΠΈΡ€Π° дСлятся здСсь бСсплатными дизайнСрскими рСсурсами.

    3. Themeforest

    Π’ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ 2945 PSD-Ρ„Π°ΠΉΠ»ΠΎΠ² шаблонов Π²Π΅Π±-сайтов ΠΈ шаблонов Photoshop.

    4. UI8 ​​

    Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΡ‚ бСсплатныС ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ Π²Π΅Π±-сайтов Photoshop.

    5. Themewagon

    Π¦Π΅Π½Π½Ρ‹ΠΉ поставщик шаблонов Π²Π΅Π±-сайтов.

    РСзюмС

    На этом ΠΌΡ‹ Π·Π°Π²Π΅Ρ€ΡˆΠ°Π΅ΠΌ наш список ΠΈΠ· 20 Π»ΡƒΡ‡ΡˆΠΈΡ… бСсплатных шаблонов Π²Π΅Π±-сайтов Photoshop Π² 2019 Π³ΠΎΠ΄Ρƒ. Какой Π±Ρ‹ шаблон PSD Π²Π°ΠΌ Π½ΠΈ понадобился, Π²Ρ‹, скорСС всСго, Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ Π΅Π³ΠΎ Π²Ρ‹ΡˆΠ΅. Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΡ‡ΡŒ!

    Вас Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π·Π°ΠΈΠ½Ρ‚Π΅Ρ€Π΅ΡΠΎΠ²Π°Ρ‚ΡŒ:

    25 Π»ΡƒΡ‡ΡˆΠΈΡ… бСсплатных шаблонов ΠΈ рСсурсов для Π»ΠΈΡ‡Π½Ρ‹Ρ… сайтов

    20 Π»ΡƒΡ‡ΡˆΠΈΡ… бСсплатных HTML5, CSS3, шаблонов Ρ†Π΅Π»Π΅Π²Ρ‹Ρ… страниц Bootstrap Π² 2018 Π³ΠΎΠ΄Ρƒ

    8 Π»ΡƒΡ‡ΡˆΠΈΡ… бСсплатных Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Ρ… шаблонов для сайтов Π’Π΅Π±-сайт

    Онлайн-курс — Adobe Photoshop для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° (Артуро Π‘Π΅Ρ€Π²ΠΈΠ½)

    Π­Ρ‚ΠΎΡ‚ курс обновляСтся, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π² Π½Π΅Π³ΠΎ Π½ΠΎΠ²Ρ‹Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Adobe Photoshop ΠΈ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π²Π°ΠΌ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ»Π½Ρ‹ΠΉ ΠΎΠΏΡ‹Ρ‚ обучСния.

    БущСствуСт мноТСство инструмСнтов для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π²Π΅Π±-сайтов, Π½ΠΎ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π½ΠΈΡ… являСтся Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ»Π½Ρ‹ΠΌ для этого, ΠΈ это Π½Π΅ Ρ‡Ρ‚ΠΎ ΠΈΠ½ΠΎΠ΅, ΠΊΠ°ΠΊ Adobe Photoshop. Π’ этом 6-курсС Β«ΠžΡΠ½ΠΎΠ²Ρ‹ DomestikaΒ» Артуро Π‘Π΅Ρ€Π²ΠΈΠ½ β€” графичСский Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€, ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΠΈΠ·ΠΈΡ€ΡƒΡŽΡ‰ΠΈΠΉΡΡ Π½Π° Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, ΠΈ сСртифицированный инструктор Adobe β€” шаг Π·Π° шагом Π½Π°ΡƒΡ‡ΠΈΡ‚ вас, ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Photoshop для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΈ размСщСния Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Ρ…[/i] Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Ρ… Π²Π΅Π±-сайтов Π² простой ΠΈ нСзамысловатый способ.

    Если имя учитСля Π·Π²ΡƒΡ‡ΠΈΡ‚ для вас, Ρ‚ΠΎ это, вСроятно, ΠΈΠ·-Π·Π° Π΅Π³ΠΎ ΠΏΠ΅Ρ€Π²ΠΎΠΉ ΠΊΠ½ΠΈΠ³ΠΈ Β«ΠžΡΠ½ΠΎΠ²Ρ‹ Domestika: Introduction to Adobe XD для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉΒ», Π³Π΄Π΅ Π²Ρ‹ Π΄Π΅Π»ΠΈΡ‚Π΅ΡΡŒ своими знаниями ΠΏΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ с нуля для iOS ΠΈ Android.

    Π’Ρ‹ Π½Π°Ρ‡Π½Π΅Ρ‚Π΅ этот курс, зная основныС ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΡ‹ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹: ΠΎΡ‚ обучСния настройкС интСрфСйса Π΄ΠΎ создания Π½ΠΎΠ²Ρ‹Ρ… Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ², Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°Ρ‡Π°Ρ‚ΡŒ Ρ„ΠΎΡ€ΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ свой сайт для Ρ€Π°Π·Π½Ρ‹Ρ… устройств.

    Π—Π°Ρ‚Π΅ΠΌ Π²Ρ‹ Π½Π°ΡƒΡ‡ΠΈΡ‚Π΅ΡΡŒ ΡΠΎΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ схСму своСго Π²Π΅Π±-сайта с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΈΠ½Ρ‚Π΅Π»Π»Π΅ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΡ… ΠΈ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΡ…, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ позволят Π²Π°ΠΌ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ сСтку для опрСдСлСния ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΈ структуры всСх Ρ€Π°Π·Π΄Π΅Π»ΠΎΠ² вашСй страницы.

    Π’Ρ‹ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠΈΡ‚Π΅ Ρ‚Ρ€Π΅Ρ‚ΠΈΠΉ курс с ΠžΡ€Π΄Π΅Π½ΠΎΠΌ Π² качСствС Π³Π»Π°Π²Π½ΠΎΠ³ΠΎ гСроя.Π’Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅, ΠΊΠ°ΠΊ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ слои, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΏΠΎΡ€ΡΠ΄ΠΎΡ‡ΠΈΡ‚ΡŒ всС элСмСнты, ΠΈ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ позиционирования ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ², Ρ‚Π΅ΠΌ самым оптимизируя Ρ€Π°Π±ΠΎΡ‚Ρƒ вашСго Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

    На Ρ‡Π΅Ρ‚Π²Π΅Ρ€Ρ‚ΠΎΠΌ курсС Π²Ρ‹ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π²ΠΎΠΉΠ΄Π΅Ρ‚Π΅ Π² ΠΌΠΈΡ€ Ρ‚Ρ€Π°Ρ„Π°Ρ€Π΅Ρ‚Π½ΠΎΠΉ Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠΈ. Π’Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊΠΈΠ΅ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ для Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π°, ΠΈ Π½Π°ΡƒΡ‡ΠΈΡ‚Π΅ΡΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ тСксты, Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ ΡΡ‚ΠΈΠ»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΡ… с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнтов Photoshop.

    Π—Π°Ρ‚Π΅ΠΌ Артуро ΠΎΠ±ΡŠΡΡΠ½ΠΈΡ‚ всС, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π·Π½Π°Ρ‚ΡŒ ΠΎ ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²ΠΎΠΌ .Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Π²Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ Π·Π½Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ вашСй Π²Π΅Π±-страницы Π² зависимости ΠΎΡ‚ ΠΌΠΎΠ΄Π΅Π»ΠΈ мобильного Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π° ΠΈΠ»ΠΈ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Π°, сохраняя ΠΏΡ€ΠΈ этом свой Π΄ΠΈΠ·Π°ΠΉΠ½, всСгда Π°Π΄Π°ΠΏΡ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ ΠΊ Π»ΡŽΠ±ΠΎΠΌΡƒ устройству.

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

    ВСхничСскиС трСбования
      ⦁ ΠšΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ с Windows 10 ΠΈΠ»ΠΈ macOS 10.12 Π‘ΡŒΠ΅Ρ€Ρ€Π° (ΠΈΠ»ΠΈ Π²Ρ‹ΡˆΠ΅).
      ⦁ Adobe Photoshop CC (ΠΌΠΎΠΆΠ½ΠΎ ΠΊΡƒΠΏΠΈΡ‚ΡŒ ΠΈΠ»ΠΈ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ±Π½ΡƒΡŽ 7-Π΄Π½Π΅Π²Π½ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ Π½Π° сайтС Adobe).
      ⦁ РСкомСндуСтся Π½Π°Π»ΠΈΡ‡ΠΈΠ΅ графичСского ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Π°.

    20+ ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹Ρ… ΡƒΡ€ΠΎΠΊΠΎΠ² Photoshop ΠΏΠΎ ΠΌΠ°ΠΊΠ΅Ρ‚Ρƒ сайта -DesignBump

    Π’ этой ΠΊΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΠΈ ΠΌΡ‹ собрали 22 ΡƒΡ€ΠΎΠΊΠ° Photoshop ΠΏΠΎ ΠΌΠ°ΠΊΠ΅Ρ‚Ρƒ сайта для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ высококачСствСнных интСрфСйсов Π²Π΅Π±-сайтов. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Π²Π΅Π±-сайтов β€” Π²Π°ΠΆΠ½Ρ‹ΠΉ Π½Π°Π²Ρ‹ΠΊ, Ссли Π²Ρ‹ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€. Adobe Photoshop β€” Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ эффСктивный графичСский инструмСнт для создания ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² Π²Π΅Π±-сайтов.

    ΠŸΠΎΡ‚Ρ€Π°Ρ‚ΡŒΡ‚Π΅ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ врСмя, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΡƒΡ‡Π΅Π±Π½ΠΈΠΊΠΈ ΠΏΠΎ ΠΌΠ°ΠΊΠ΅Ρ‚Ρƒ Π²Π΅Π±-сайта Π½ΠΈΠΆΠ΅, ΠΈ Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅ ΠΎ послСдних тСндСнциях Π² области Π²Π΅Π±-сайтов ΠΈ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅ ΠΎ Π½ΠΎΠ²Ρ‹Ρ… ΠΌΠ΅Ρ‚ΠΎΠ΄Π°Ρ… ΠΈ тСхнологиях Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ° для создания ΠΏΠΎΡ‚Ρ€ΡΡΠ°ΡŽΡ‰ΠΈΡ… Π²Π΅Π±-сайтов.

    Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΡƒΡ€ΠΎΠΊΠΈ Photoshop для оформлСния Π·Π°ΠΊΠ°Π·Π°:

    • 20 руководств ΠΏΠΎ ΠΌΠ°ΠΊΠ΅Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡŽ Π²Π΅Π±-сайтов Photoshop
    • 20+ руководств Photoshop ΠΏΠΎ ΠΌΠ°ΠΊΠ΅Ρ‚Ρƒ Π²Π΅Π±-сайта ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ
    • 20+ фантастичСских ΡƒΡ€ΠΎΠΊΠΎΠ² ΠΏΠΎ Photoshop для Π±Π»ΠΎΠ³Π°/WordPress Layout

    Β 

    1.
     УзнайтС, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ соврСмСнный Π»Π΅Π³ΠΊΠΈΠΉ бизнСс-ΠΌΠ°ΠΊΠ΅Ρ‚ Π² Photoshop
    2. Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ бизнСс-сайта Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅
    3. Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ красочный Π²Π΅Π±-ΠΌΠ°ΠΊΠ΅Ρ‚ для бизнСса
    4. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ бизнСс-ΠΌΠ°ΠΊΠ΅Ρ‚Π°
    5. ПолноС руководство ΠΏΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠ΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния
    6. Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ бизнСс-ΠΌΠ°ΠΊΠ΅Ρ‚ с 3D-элСмСнтами
    7.Γ‚Β ΠšΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ чистый бизнСс-ΠΌΠ°ΠΊΠ΅Ρ‚ Π·Π° нСсколько шагов 90Β 531
    8. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ бизнСс-Π²Π΅Π±-ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π² Photoshop
    9. Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ сайт для софтвСрной ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ
    10. Π”ΠΈΠ·Π°ΠΉΠ½ ΠΌΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΌΠ°ΠΊΠ΅Ρ‚Π° для бизнСса ΠΈ финансов
    11. Π£Ρ‡Π΅Π±Π½ΠΎΠ΅ пособиС ΠΏΠΎ Photoshop для создания чистого бизнСс-ΠΌΠ°ΠΊΠ΅Ρ‚Π°
    12. Π’Π΅Π±-страница ΠΎΠ½Π»Π°ΠΉΠ½-бизнСс-классов
    13. БоздайтС чистый бизнСс-Π²Π΅Π±-ΠΌΠ°ΠΊΠ΅Ρ‚ Π² Photoshop
    14. Π”ΠΈΠ·Π°ΠΉΠ½ Ρ‚Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΈ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ бизнСс-ΠΌΠ°ΠΊΠ΅Ρ‚Π°
    15. Π”ΠΈΠ·Π°ΠΉΠ½ бизнСс-ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π² Ρ‚Π΅ΠΌΠ½Ρ‹Ρ… Ρ‚ΠΎΠ½Π°Ρ…
    16. Π”ΠΈΠ·Π°ΠΉΠ½ ΡΡ‚ΠΈΠ»ΡŒΠ½ΠΎΠ³ΠΎ бизнСс-ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ
    17. Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ ΡΡ‚ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ бизнСс-ΠΌΠ°ΠΊΠ΅Ρ‚ Π² Photoshop
    18. Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ ΡƒΠ΄ΠΈΠ²ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ для ΠΊΠΎΠ½ΡΡƒΠ»ΡŒΡ‚Π°Ρ†ΠΈΠΉ
    19.Γ‚Β ΠšΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ элСгантный бизнСс-шаблон
    20. Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ Π²Π΅Π±-хостинговой ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ
    21. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ бизнСс-ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π² Photoshop
    22. Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ PSD-шаблон для Π»Π΅Π³ΠΊΠΎΠ³ΠΎ бизнСса

    руководств ΠΏΠΎ ΠΌΠ°ΠΊΠ΅Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡŽ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° Photoshop 2010 Π³.

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

    [fblike]

    ΠœΠ°ΠΊΠ΅Ρ‚Ρ‹ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° Photoshop

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

    Π”ΠΈΠ·Π°ΠΉΠ½ ΠΊΠΎΡ€ΠΎΠ±ΠΊΠΈ с ΠΏΠΎΠ΄Π²ΠΎΠ΄Π½Ρ‹ΠΌ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ Π² Photoshop
    Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π°Π²Ρ‚ΠΎΡ€ Π½Π°ΡƒΡ‡ΠΈΡ‚ вас, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠΎΡ€ΠΎΠ±ΠΊΡƒ с ΠΏΠΎΠ΄Π²ΠΎΠ΄Π½Ρ‹ΠΌ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ.Π­Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Ρ‚Π°ΠΊ, ΠΊΠ°ΠΊ Π±ΡƒΠ΄Ρ‚ΠΎ ΠΊΠΎΡ€ΠΎΠ±ΠΊΠ° с ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ ΡƒΠΏΠ°Π»Π° Π² Π²ΠΎΠ΄Ρƒ с использованиСм стоковых Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ ΠΈ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ‚Π΅Ρ…Π½ΠΈΠΊ.

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

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

    Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ чистый синий Π²Π΅Π±-ΠΌΠ°ΠΊΠ΅Ρ‚ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Photoshop
    Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π°Π²Ρ‚ΠΎΡ€ ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ‚ Π²Π°ΠΌ, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ чистый синий Π²Π΅Π±-ΠΌΠ°ΠΊΠ΅Ρ‚ Π² Photoshop.

    ΠœΠ°ΠΊΠ΅Ρ‚ Π²Π΅Π±-сайта Ρ„ΠΎΡ‚ΠΎΠ³Π°Π»Π΅Ρ€Π΅ΠΈ Π² Photoshop
    Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π²Π΅Π±-сайт Ρ„ΠΎΡ‚ΠΎΠ³Π°Π»Π΅Ρ€Π΅ΠΈ Π² Photoshop.

    Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π²Π΅Π±-ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ Π² дСрСвянном стилС Π² стилС Π³Ρ€Π°Π½ΠΆ Π² Photoshop
    Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π°Π²Ρ‚ΠΎΡ€ ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ‚ Π²Π°ΠΌ, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π²Π΅Π±-ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ с фиксированным дСрСвянным Ρ„ΠΎΠ½ΠΎΠΌ Π² Photoshop.

    ΠœΠ°ΠΊΠ΅Ρ‚ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ Deep in Space Π² Photoshop
    Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π°Π²Ρ‚ΠΎΡ€ Π½Π°ΡƒΡ‡ΠΈΡ‚ вас, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ Π²Π΅Π±-сайта Π² космосС, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ.

    Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ яркий Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ Π² Photoshop
    Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π°Π²Ρ‚ΠΎΡ€ создаст красивый ΠΈ красочный ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Photoshop.

    Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΌΠ°ΠΊΠ΅Ρ‚Π° WordPress Π² стилС классной доски Π² Photoshop
    Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΈ ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ Π² стилС WordPress, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ выглядит ΠΊΠ°ΠΊ классная доска.

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

    Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ€Π°Π·Π»ΠΈΡ‡ΠΈΠΌΡ‹ΠΉ тСкстурированный Π²Π΅Π±-ΠΌΠ°ΠΊΠ΅Ρ‚ Π² Photoshop
    Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π°Π²Ρ‚ΠΎΡ€ ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ‚ Π²Π°ΠΌ, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ тСкстурированный Π²Π΅Π±-ΠΌΠ°ΠΊΠ΅Ρ‚, начиная с ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΠΈ Π½Π° Π±ΡƒΠΌΠ°Π³Π΅ ΠΈ заканчивая Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ Π² Photoshop. Автор обсудит структуру сайта ΠΈ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ сСтку 960 для ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΈ нашСго ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°.

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

    Π―Ρ€ΠΊΠΈΠΉ ΠΈ красочный ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ Π² стилС Π³Ρ€Π°Π½ΠΆ Π² Photoshop
    Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π² Photoshop Π»Π΅Π³ΠΊΠΈΠΉ ΠΈ красочный ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ Π² стилС Π³Ρ€Π°Π½ΠΆ.

    Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ соврСмСнного ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π±Π»ΠΎΠ³Π° Π² Photoshop
    Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π°Π²Ρ‚ΠΎΡ€ ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ‚ Π²Π°ΠΌ, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ соврСмСнный ΠΌΠ°ΠΊΠ΅Ρ‚ Π±Π»ΠΎΠ³Π° Π² Photoshop.

    Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ элСгантного ΠΈ простого Π²Π΅Π±-ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π±Π»ΠΎΠ³Π° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Photoshop
    Π­Ρ‚ΠΎΡ‚ ΡƒΡ‡Π΅Π±Π½ΠΈΠΊ ΠΏΠΎ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ‚ Π²Π°ΠΌ процСсс Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ PSD-ΠΌΠ°ΠΊΠ΅Ρ‚Π° простого ΠΈ понятного ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π±Π»ΠΎΠ³Π°. Автор Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΠ΅Ρ€Π²ΠΎΠΉ страницы Π±Π»ΠΎΠ³Π°.

    Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π²Π΅Π±-сайта ΠΏΠΎ Π·Π΅Π»Π΅Π½ΠΎΠΉ энСргии Π² Photoshop
    Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π°Π²Ρ‚ΠΎΡ€ ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ‚ Π²Π°ΠΌ, ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π²Π΅Π±-ΠΌΠ°ΠΊΠ΅Ρ‚ для Π½Π΅Ρ‚Ρ€Π°Π΄ΠΈΡ†ΠΈΠΎΠ½Π½ΠΎΠ³ΠΎ Π²Π΅Π±-сайта ΠΏΠΎ энСргСтикС.Π•Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для создания Π²Π΅Π±-ΠΌΠ°ΠΊΠ΅Ρ‚Π°/шаблона для Π²Π΅Π±-сайта, посвящСнного экологичСски чистой энСргии, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, солнСчной энСргии, энСргии Π²Π΅Ρ‚Ρ€Π°, энСргии Π²ΠΎΠ»Π½, Π³Π΅ΠΎΡ‚Π΅Ρ€ΠΌΠ°Π»ΡŒΠ½ΠΎΠΉ энСргии ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² ΠΏΡ€ΠΈΠ»ΠΈΠ²Π½ΠΎΠΉ энСргии.

    Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ элСгантного Π²Π΅Π±-ΠΌΠ°ΠΊΠ΅Ρ‚Π° для Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ Π² Photoshop
    ЦСлью этого простого руководства являСтся ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΡ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹Ρ… ΠΏΡ€ΠΈΠ΅ΠΌΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ Π°Π΄Π°ΠΏΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊ Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΌΡƒ Ρ€Π°Π±ΠΎΡ‡Π΅ΠΌΡƒ процСссу Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΡƒΡ‚Π΅ΠΌ создания элСгантного Π²Π΅Π±-ΠΌΠ°ΠΊΠ΅Ρ‚Π° для Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ Π² Photoshop.

    Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π°Π²Ρ‚ΠΎΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ Π²Π΅Π±-шаблон с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Photoshop
    Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π°Π²Ρ‚ΠΎΡ€ ΠΎΠ±ΡŠΡΡΠ½ΠΈΡ‚, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π°Π²Ρ‚ΠΎΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ Π²Π΅Π±-шаблон с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Photoshop

    Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ красочного ΠΌΠ°ΠΊΠ΅Ρ‚Π° сайта кондитСрской Π² ​​Photoshop
    Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π°Π²Ρ‚ΠΎΡ€ Π½Π°ΡƒΡ‡ΠΈΡ‚ вас ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ яркий ΠΈ красочный ΠΌΠ°ΠΊΠ΅Ρ‚ кондитСрской с ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΌ ΠΈ ΠΊΡ€Π΅Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΌ Ρ„ΠΎΠ½ΠΎΠΌ ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ.

    Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ чистый бизнСс-сайт с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Photoshop
    Π’ Ρ†Π΅Π½Ρ‚Ρ€Π΅ внимания этого шаблона находится дизайнСрскоС агСнтство, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ряд Π²Π΅Π±-услуг ΠΈ ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ³Π°Π΅Ρ‚ Ρ‚ΠΎ, Ρ‡Π΅ΠΌ занимаСтся бизнСс ΠΈ ΠΊΠ°ΠΊΠΈΠ΅ услуги ΠΎΠ½ΠΈ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚.

    Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ худоТСствСнный ΠΌΠ°ΠΊΠ΅Ρ‚ Π² Photoshop
    Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π°Π²Ρ‚ΠΎΡ€ создаст худоТСствСнный ΠΌΠ°ΠΊΠ΅Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π² качСствС статичСского Π²Π΅Π±-сайта (простая HTML-страница), Π½ΠΎ Π² Ρ‚ΠΎ ΠΆΠ΅ врСмя Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ с ΠΎΠ΄Π½ΠΎΠΉ ΠΈΠ· популярных ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ CMS, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ WordPress, Joomla ΠΈΠ»ΠΈ Drupal.

    ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ Π³Π°Π»Π΅Ρ€Π΅ΠΈ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ Π² Photoshop
    Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ ΠΌΡ‹ научимся ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΡΡ‚ΡƒΡŽ, Π½ΠΎ ΠΊΡ€Π°ΡΠΎΡ‡Π½ΡƒΡŽ Π³Π°Π»Π΅Ρ€Π΅ΡŽ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ Π² Photoshop.

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

    Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ чистый ΠΈ красочный Π²Π΅Π±-ΠΌΠ°ΠΊΠ΅Ρ‚ β€” Photoshop Tutorial
    Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π°Π²Ρ‚ΠΎΡ€ ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ‚ Π²Π°ΠΌ, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ чистый ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ Π² Photoshop.

    ΠœΠ°ΠΊΠ΅Ρ‚ Π²Π΅Π±-сайта простого прилоТСния для iPhone Π² Photoshop
    Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ простой ΠΈ понятный ΠΌΠ°ΠΊΠ΅Ρ‚ для вашСго прилоТСния для iPhone.

    Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ чистого ΠΈ соврСмСнного Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π² Photoshop
    Π’ этом руководствС ΠΏΠΎ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ Π°Π²Ρ‚ΠΎΡ€ расскаТСт, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π°ΠΊΠΊΡƒΡ€Π°Ρ‚Π½Ρ‹ΠΉ ΠΈ соврСмСнный ΠΌΠ°ΠΊΠ΅Ρ‚ Π²Π΅Π±-сайта с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… основных ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠ² ΠΈ инструмСнтов, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ инструмСнты ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠΉ Ρ„ΠΎΡ€ΠΌΡ‹, инструмСнты Π²Ρ‹Π±ΠΎΡ€Π°, ΠΈ ΠΎΠ±Ρ‚Ρ€Π°Π²ΠΎΡ‡Π½Ρ‹Π΅ маски

    Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ чистого ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π²Π΅Π±-сайта с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ 960 Grid
    Π’ этом руководствС Π°Π²Ρ‚ΠΎΡ€ Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ чистый ΠΌΠ°ΠΊΠ΅Ρ‚ Π²Π΅Π±-сайта с использованиСм систСмы 960 Grid. Π’Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅, ΠΊΠ°ΠΊ Ρ€Π°Π±ΠΎΡ‚Π° с этой систСмой ΠΌΠΎΠΆΠ΅Ρ‚ ΡƒΠΏΡ€ΠΎΡΡ‚ΠΈΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‡ΠΈΠΉ процСсс Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΈ ΠΊΠ°ΠΊ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с сСткой.

    ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ Π² Π΄Π΅Π»ΠΎΠ²ΠΎΠΌ стилС Π² Photoshop
    Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΈ простой Π²Π΅Π±-ΠΌΠ°ΠΊΠ΅Ρ‚ для бизнСса ΠΈΠ»ΠΈ Π²Π΅Π±-сайта ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ.

    Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π²Π΅Π±-ΠΌΠ°ΠΊΠ΅Ρ‚Π° нСдвиТимости Π² Photoshop
    Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π°Π²Ρ‚ΠΎΡ€ ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ‚ Π²Π°ΠΌ, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ Π²Π΅Π±-сайта нСдвиТимости Π² Photoshop.

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

    ΠšΡ€Π°ΡΠΈΠ²Ρ‹ΠΉ ΠΈ чистый ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ Π² Photoshop
    Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ красивый ΠΈ чистый ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ Π² Photoshop.

    Π£Π·Π½Π°ΠΉΡ‚Π΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ‚Π΅ΠΌΡƒ элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ для Magento ΠΈΠ»ΠΈ Prestashop с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Photoshop
    Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π°Π²Ρ‚ΠΎΡ€ Π½Π°ΡƒΡ‡ΠΈΡ‚ вас, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΡ€Π°ΡΠΈΠ²ΡƒΡŽ Ρ‚Π΅ΠΌΡƒ для Π²Π΅Π±-сайта элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ (Magento ΠΈΠ»ΠΈ Prestashop) с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Photoshop. Π­Ρ‚ΠΎΡ‚ шаблон PSD ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для создания ΠΌΠ°Π³Π°Π·ΠΈΠ½Π° ТСнской ΠΎΠ΄Π΅ΠΆΠ΄Ρ‹.

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

    Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π²Π΅Π±-сайта ΠΌΠ°Π³Π°Π·ΠΈΠ½Π° Ρ‚Π΅ΠΌ Π² Photoshop
    Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ простой ΠΈ красивый ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΌΠ°Π³Π°Π·ΠΈΠ½Π° Ρ‚Π΅ΠΌ Π² Photoshop.

    Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Ρ‚Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π±Π»ΠΎΠ³Π° Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Photoshop
    Автор ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ‚ Π²Π°ΠΌ быстрый ΠΈ простой способ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ простого ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π±Π»ΠΎΠ³Π° Π² Ρ‚Π΅ΠΌΠ½ΠΎΠΉ Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΠΊΠ΅ с использованиСм Photoshop с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ основных инструмСнтов Photoshop, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ инструмСнты выдСлСния области ΠΈ стили слоя.Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠΌ Π±ΡƒΠ΄Π΅Ρ‚ ΠΌΠ°ΠΊΠ΅Ρ‚ Π²Π΅Π±-сайта ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ уровня, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ Π² Ρ‚Π΅ΠΌΡƒ Π±Π»ΠΎΠ³Π° ΠΈΠ»ΠΈ Π²Π΅Π±-страницу HTML.

    Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π²Π΅Π±-сайта прилоТСния для iPhone Π² Photoshop
    Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΡΡ‚ΡƒΡŽ, Π½ΠΎ ΠΊΡ€Π°ΡΠΈΠ²ΡƒΡŽ страницу прилоТСния для iPhone.

    ΠœΠ°Ρ€ΠΊΠ΅Ρ‚ΠΈΠ½Π³ΠΎΠ²Ρ‹ΠΉ SEO Π²Π΅Π±-ΠΌΠ°ΠΊΠ΅Ρ‚ Π² Photoshop
    Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π°Π²Ρ‚ΠΎΡ€ создаст Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ Π²Π΅Π±-ΠΌΠ°ΠΊΠ΅Ρ‚, связанный с ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΈΠ½Π³ΠΎΠ²Ρ‹ΠΌ/поисковым Π²Π΅Π±-сайтом, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ довольно Π»Π΅Π³ΠΊΠΎ ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Π½ с любой популярной ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠΎΠΉ CMS, Ρ‚Π°ΠΊΠΎΠΉ ΠΊΠ°ΠΊ WordPress, Joomla, Drupal ΠΈ Ρ‚. Π΄.

    ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ ΠΈ ΠΎΠ±Π»Π°Ρ‡Π½Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ Π² Photoshop
    Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΡƒΠΏΡ€ΠΎΡ‰Π΅Π½Π½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ страницы ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ с ΠΎΠ±Π»Π°Ρ‡Π½Ρ‹ΠΌ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ.

    Π£Π·Π½Π°ΠΉΡ‚Π΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΡΡ‚ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ/элСгантный Π²Π΅Π±-ΠΌΠ°ΠΊΠ΅Ρ‚ Π² Photoshop
    Автор создаст ΡΡ‚ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ Π²Π΅Π±-ΠΌΠ°ΠΊΠ΅Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²ΠΏΠΎΠ»Π½Π΅ ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ для Π²Π΅Π±-сайта ΠΌΠ΅Π±Π΅Π»ΠΈ

    Чистый тСкстурированный ΠΌΠ°ΠΊΠ΅Ρ‚ Π² стилС WordPress Π² Photoshop
    Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ тСкстурированный ΠΈ чистый ΠΌΠ°ΠΊΠ΅Ρ‚ Π² стилС WordPress Π² Photoshop.

    Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ красивый ΠΊΠΎΡ€ΠΈΡ‡Π½Π΅Π²Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ Π² Photoshop
    Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π°Π²Ρ‚ΠΎΡ€ расскаТСт Π²Π°ΠΌ, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ красивый ΠΊΠΎΡ€ΠΈΡ‡Π½Π΅Π²Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ Π²Π΅Π±-сайта с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Photoshop.

    Чистый ΠΈ минималистичный ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ Π² Photoshop
    Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ чистый ΠΈ минималистичный ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ Π² Photoshop.

    Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ чистого ΠΈ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π² Photoshop
    Π’ этом ΡƒΡ‡Π΅Π±Π½ΠΈΠΊΠ΅ ΠΏΠΎ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ Π² Photoshop Π°Π²Ρ‚ΠΎΡ€ создаст ΠΏΠΎΡ‚Ρ€ΡΡΠ°ΡŽΡ‰ΠΈΠΉ, чистый ΠΈ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ Π²Π΅Π±-сайта Π² Photoshop, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π² качСствС Π»ΠΈΡ‡Π½ΠΎΠ³ΠΎ ΠΈΠ»ΠΈ ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π²Π΅Π±-сайта.

    Π£ΠΏΡ€ΠΎΡ‰Π΅Π½Π½Ρ‹ΠΉ Ρ‡Π΅Ρ€Π½ΠΎ-Π±Π΅Π»Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ Π² Photoshop
    Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ красивоС ΠΈ Ρ‡Π΅Ρ‚ΠΊΠΎΠ΅ Ρ‡Π΅Ρ€Π½ΠΎ-Π±Π΅Π»ΠΎΠ΅ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Photoshop.

    Чистая ΠΈ крСативная Ρ‚Π΅ΠΌΠ° Π² стилС WordPress Π² Photoshop
    Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ чистый ΠΈ ΠΊΡ€Π΅Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ Π² стилС WordPress Π² Photoshop.

    Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ изящного ΠΈ минималистского ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π²Π΅Π±-сайта Π² Photoshop
    Π’ этом ΡƒΡ‡Π΅Π±Π½ΠΎΠΌ пособии ΠΏΠΎ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ Π² Photoshop Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π³Π»Π°Π΄ΠΊΠΈΠΉ ΠΈ минималистичный ΠΌΠ°ΠΊΠ΅Ρ‚ Π²Π΅Π±-сайта, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ систСму сСток 960 Π² качСствС шаблона, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΏΡ€ΠΎΡΡ‚ΠΈΡ‚ΡŒ Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ элСмСнтов Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Π½Π° ΠΌΠ°ΠΊΠ΅Ρ‚Π΅.

    ΠšΡ€Π°ΡΠΈΠ²Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Π²Π΅Π±-сайта ΠΏΠΎΡ‚ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡ΠΈ ΠΌΡƒΠ·Ρ‹ΠΊΠΈ Π² Photoshop
    Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ красивый ΠΈ чистый Π²Π΅Π±-сайт ΠΏΠΎΡ‚ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡ΠΈ ΠΌΡƒΠ·Ρ‹ΠΊΠΈ Π² Photoshop.

    Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ минималистского Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π²Π΅Π±-сайта Π² Photoshop
    Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π°Π²Ρ‚ΠΎΡ€ создаст минималистичный Π΄ΠΈΠ·Π°ΠΉΠ½ Π²Π΅Π±-сайта Π² Photoshop.

    [fblike]

    Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΏΠΎΡ‚Ρ€ΡΡΠ°ΡŽΡ‰ΠΈΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ Π²Π΅Π±-сайта Π² Photoshop

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

    Π”ΠΎ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΌΡ‹ Π½Π°Ρ‡Π½Π΅ΠΌ, Π΄Π°Π²Π°ΠΉΡ‚Π΅ посмотрим Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ Π±ΡƒΠ΄Π΅ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ:

    Π”Π΅Ρ‚Π°Π»ΠΈ ΡƒΡ‡Π΅Π±Π½ΠΈΠΊΠ°

    • ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° : Adobe Photoshop CS4
    • Π‘Π»ΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ : ΠŸΡ€ΠΎΠΌΠ΅ΠΆΡƒΡ‚ΠΎΡ‡Π½Ρ‹Π΅
    • РасчСтноС врСмя Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΡ : О 2 часа

    Π’Π½Π΅ΡˆΠ½ΠΈΠ΅ источники

    ΠŸΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ Π½Π°Ρ‡Π°Ρ‚ΡŒ, ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ Ρƒ вас Π΅ΡΡ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ элСмСнты:

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

    Π¨Ρ€ΠΈΡ„Ρ‚Ρ‹:

    • Доступно для всСх ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹Ρ… систСм: Arial .
    • Rockwell : Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π½Π° Fonts.com. (ΠΈΠ»ΠΈ Π²Ρ‹ всСгда ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Rockwell Π½Π° свой Π»ΡŽΠ±ΠΈΠΌΡ‹ΠΉ ΡˆΡ€ΠΈΡ„Ρ‚ с засСчками)

    Π¨Π°Π³ 1

    ΠœΡ‹ Π±ΡƒΠ΄Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ систСму сСток 960s (ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ здСсь), Ρ‡Ρ‚ΠΎΠ±Ρ‹ всС Π±Ρ‹Π»ΠΎ Π²Ρ‹Ρ€ΠΎΠ²Π½Π΅Π½ΠΎ. ΠŸΠΎΠ»ΡƒΡ‡ΠΈΠ² Π΅Π³ΠΎ, ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ ΠΏΡ€ΠΈΠ»Π°Π³Π°Π΅ΠΌΡ‹ΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ Photoshop с ΠΈΠΌΠ΅Π½Π΅ΠΌ: Β« 960_grid_24_col.psd Β». А Π·Π°Ρ‚Π΅ΠΌ скройтС Π³Ρ€ΡƒΠΏΠΏΡƒ ΠΏΠΎΠ΄ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ Β« 24 Col Grid Β».

    ΠœΡ‹ Π±ΡƒΠ΄Π΅ΠΌ довольно часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅, поэтому Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ.Для этого ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² View β†’ Rulers .

    Π’Π°ΠΊΠΆΠ΅ Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ ΠΠ°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅ Π²ΠΈΠ΄Π½Ρ‹. ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ ΠΊ View β†’ Extras .

    Наш ΠΎΠΊΠΎΠ½Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π²Ρ‹ΡˆΠ΅ Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ высоты. Π˜Ρ‚Π°ΠΊ, Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ нашСго холста. ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ ΠΊ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ β†’ Π Π°Π·ΠΌΠ΅Ρ€ холста, высота: 1500 пиксСлСй .

    Π¨Π°Π³ 2

    Нам Π½ΡƒΠΆΠ½ΠΎ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π½ΠΈΠΆΠ½ΠΈΠ΅ Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ области Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°, ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΠ² Π½ΠΎΠ²ΡƒΡŽ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΡƒΡŽ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΡƒΡŽ Ρ‡Π΅Ρ€Π΅Π· 100 пиксСлСй. ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² мСню Β«Π’ΠΈΠ΄Β» β†’ «НовоС руководство».ΠžΡ€ΠΈΠ΅Π½Ρ‚Π°Ρ†ΠΈΡ: Π“ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Π°Ρ, ПолоТСниС: 100px.

    Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Rectangular Marquee Tool (M), сдСлайтС Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ 1020x100px. НаТмитС Shift+Backspace, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π°ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π»ΡŽΠ±Ρ‹ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ, Π·Π°Ρ‚Π΅ΠΌ Π½Π°Π·ΠΎΠ²ΠΈΡ‚Π΅ этот слой Β«header_bgΒ».

    Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Π½Π°Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π° ΠΊ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠΌΡƒ слою Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° (Β«header_bgΒ»). Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½ΠΈΠΆΠ΅ для справки.

    Π¨Π°Π³ 3

    ΠΠ°ΠΏΠΈΡΠ°Ρ‚ΡŒ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ вашСго сайта, со ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌΠΈ настройками символов:

    • Font Smase : Rockwell
    • Π Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° : 35PX
    • ВСс ΡˆΡ€ΠΈΡ„Ρ‚Π° : РСгулярный
    • ΠŸΡ€ΠΎΡ‚ΠΈΠ²ΠΎΡΠΊΠΎΠ»ΡŒΠ·ΡΡ‰ΠΈΠΉ настройка : Smooth
    • Color : НС ΠΈΠΌΠ΅Π΅Ρ‚ значСния, ΠΌΡ‹ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ Gradient Overlay

    Π’Π°ΠΊΠΆΠ΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ выровняйтС тСкст Π² соотвСтствии со ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ.

    ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Ρ‹ написали Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ своСго Π²Π΅Π±-сайта, Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΠΊ Π½Π΅ΠΌΡƒ Ρ‚Π΅Π½ΡŒ:

    Π—Π°Ρ‚Π΅ΠΌ Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Π½Π°Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π°:

    Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Π²Ρ‹Ρ€ΠΎΠ²Π½ΡΡ‚ΡŒ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ нашСго Π²Π΅Π±-сайта, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π΅Π³ΠΎ слой ΠΈ Β«header_bg » слой. НаТмитС Β«Π’Ρ‹Ρ€ΠΎΠ²Π½ΡΡ‚ΡŒ Ρ†Π΅Π½Ρ‚Ρ€Ρ‹ ΠΏΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈΒ», ΠΏΠΎΠΊΠ° Ρƒ вас Π²Ρ‹Π±Ρ€Π°Π½Ρ‹ ΠΎΠ±Π° слоя.

    Π¨Π°Π³ 4

    Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ΠΎΠΌ «Линия» (U) создайтС Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΡƒΡŽ линию ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ 1 пиксСль, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½ΠΈΠΆΠ΅, Π° Π·Π°Ρ‚Π΅ΠΌ Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΠΊ Π½Π΅ΠΉ НалоТСниС Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π°. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½ΠΈΠΆΠ΅ для справки.

    Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ Π΅Ρ‰Π΅ ΠΎΠ΄Π½Ρƒ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΡƒΡŽ линию ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ 1px. Π’Π°ΠΊΠΆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚Π΅ Gradient Overlay, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ.

    И Ρƒ вас Π΄ΠΎΠ»ΠΆΠ½Π° ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ красивая Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ линия!

    ΠŸΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ ΠΌΡ‹ ΠΏΠ΅Ρ€Π΅ΠΉΠ΄Π΅ΠΌ ΠΊ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌΡƒ ΡˆΠ°Π³Ρƒ, просто ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ упорядочили свои слои. Мой выглядит Ρ‚Π°ΠΊ:

    Π¨Π°Π³ 5

    ΠΠ°ΠΏΠΈΡΠ°Ρ‚ΡŒ тСкст Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ, с этими настройками символов:

    • Fampe : Rockwell
    • Π Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° : 40PX
    • ВСс ΡˆΡ€ΠΈΡ„Ρ‚Π° : рСгулярныС
    • ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ сглаТивания : Π“Π»Π°Π΄ΠΊΠΈΠΉ
    • Π¦Π²Π΅Ρ‚ : #d9800e – #301d17

    Π£Π±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ выровняли тСкст Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ. ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½ΠΈΠΆΠ΅:

    Π”ΡƒΠ±Π»ΠΈΡ€ΡƒΠΉΡ‚Π΅ Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ линию, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π²Ρ‹ создали Π½Π° Ρ‡Π΅Ρ‚Π²Π΅Ρ€Ρ‚ΠΎΠΌ шагС, сдСлайтС Ρ‚Ρ€ΠΈ Π΅Π΅ ΠΊΠΎΠΏΠΈΠΈ (Π² зависимости ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, сколько страниц Ρƒ вас Π΅ΡΡ‚ΡŒ Π² вашСй Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ) ΠΈ размСститС ΠΈΡ…, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ снимкС экрана:

    Π¨Π°Π³ 6

    Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ΠΎΠΌ «Линия» (U) создайтС линию Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½ΠΎΠΉ 3 пиксСля, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½ΠΈΠΆΠ΅:

    ΠŸΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚Π΅ ΠΊ Π½Π΅ΠΉ стили слоя, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ:

    Π”Π΅Ρ€ΠΆΠΈΡ‚Π΅ свои слои сгруппированными ΠΈ Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Π½Ρ‹ΠΌΠΈ.Π’ΠΎΡ‚ ΠΊΠ°ΠΊ выглядит ΠΌΠΎΠΉ:

    Π¨Π°Π³ 7

    ΠœΡ‹ Π½Π°Ρ‡Π½Π΅ΠΌ этот шаг с пСрСтаскивания Π½ΠΎΠ²ΠΎΠΉ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰Π΅ΠΉ Π² соотвСтствии со ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ:

    Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Rectangular Marquee Tool (M) создайтС Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ 1020x350px. НаТмитС Shift+Backspace, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π°ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ Π΅Π³ΠΎ (Π»ΡŽΠ±Ρ‹ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ) ΠΈ Π½Π°Π·ΠΎΠ²ΠΈΡ‚Π΅ этот слой Β«featured_bgΒ».

    Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΠΊ Π½Π΅ΠΌΡƒ нСсколько стилСй слоя. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½ΠΈΠΆΠ΅ для справки.

    Π£ вас Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π²Ρ€ΠΎΠ΄Π΅ этого:

    Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнта Β«Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΎΠ΄Π½ΠΎΠΉ строки» создайтС Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 1 пиксСль ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Shift+Backspace, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π°ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π±Π΅Π»Ρ‹ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ: #ffffff.

    Π­Ρ‚ΠΎ Π΄Π΅Π»Π°Π΅Ρ‚ пиксСль идСальной Π΄Π΅Ρ‚Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠ΅ΠΉ!

    Π¨Π°Π³ 8

    ΠšΡ€ΡƒΠΏΠ½Ρ‹ΠΉ ΡˆΡ€ΠΈΡ„Ρ‚ всСгда выглядит красиво, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ Π΄Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΠΎΡ€Π°Π±ΠΎΡ‚Π°Π΅ΠΌ Π½Π°Π΄ этим.

    Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Horizontal Type Tool (T) Π½Π°ΠΏΠ΅Ρ‡Π°Ρ‚Π°ΠΉΡ‚Π΅ ΠΊΠ°ΠΊΠΎΠΉ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ тСкст (я Π»ΠΈΡ‡Π½ΠΎ написал: «МЫ Π‘Π”Π•Π›ΠΠ•Πœ Π”Π˜Π—ΠΠ™Π, ЧВО ΠŸΠžΠ’Π Π―Π‘ΠΠ•Π’!Β») с Ρ‚Π°ΠΊΠΈΠΌΠΈ настройками символов:

    • БСмСйство ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² : Rockwell
    • ΠŸΠ΅Ρ€Π²Π°Ρ строка : 55px
    • Вторая строка
    • : 132px
    • Π’Ρ€Π΅Ρ‚ΡŒΡ строка : 132Px
    • ВСс ΡˆΡ€ΠΈΡ„Ρ‚Π° : Bold
    • Установка ΠΏΡ€ΠΎΡ‚ΠΈΠ² псСвдонимы : Sharp
    • Π¦Π²Π΅Ρ‚ : # E18611 — # E4E4E4

    ВСнь ΠΊ Π²Π°ΡˆΠ΅ΠΌΡƒ тСксту.ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½ΠΈΠΆΠ΅:

    Π£ вас Π΄ΠΎΠ»ΠΆΠ½Π° ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ красивая крупная Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠ°!

    ВыровняйтС тСкст ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ:

    Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ΅ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠ΅ Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌΡ‹ΠΉ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΉ слой (Β«featured_bgΒ») ΠΈ тСкстовый слой, Π·Π°Ρ‚Π΅ΠΌ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Β«Π’Ρ‹Ρ€ΠΎΠ²Π½ΡΡ‚ΡŒ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Π΅ Ρ†Π΅Π½Ρ‚Ρ€Ρ‹Β», удСрТивая ΠΎΠ±Π° Π²Ρ‹Π±Ρ€Π°Π½Ρ‹ слои.

    Π¨Π°Π³ 9

    ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ эту тСкстуру Π΄Π΅Ρ€Π΅Π²Π° ΠΈΠ· iStockPhoto. ( ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ этот шаг, ΠΊΡƒΠΏΠΈΠ² Π²Π΅Ρ€ΡΠΈΡŽ большого Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, Π² ΠΏΡ€ΠΎΡ‚ΠΈΠ²Π½ΠΎΠΌ случаС ΡΡΠΊΠΎΠ½ΠΎΠΌΡŒΡ‚Π΅ свои дСньги ΠΈ ΠΎΡΡ‚Π°Π²Π°ΠΉΡ‚Π΅ΡΡŒ со ΠΌΠ½ΠΎΠΉ! πŸ˜‰ )

    Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ тСкстуру Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Β«Π€Π°ΠΉΠ»Β» β†’ Β«ΠŸΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒΒ» β†’ Β«Π Π°ΡΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚ΡŒ, Π³Π΄Π΅Β» Π²Ρ‹ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΠ»ΠΈ Π΅Π³ΠΎ ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Β«ΠŸΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒΒ».

    Π£Π±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ слой с тСкстурой Π΄Π΅Ρ€Π΅Π²Π° находится ΠΏΠΎΠ΄ слоСм Β«featured_bgΒ».

    Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ слой с тСкстурой Π΄Π΅Ρ€Π΅Π²Π°, Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π΅Π³ΠΎ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π”ΡƒΠ±Π»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ слой. Π‘Π΄Π΅Π»Π°ΠΉΡ‚Π΅ Π΄Π²Π΅ Π΅Π³ΠΎ ΠΊΠΎΠΏΠΈΠΈ ΠΈ помСститС ΠΈΡ… рядом Π΄Ρ€ΡƒΠ³ с Π΄Ρ€ΡƒΠ³ΠΎΠΌ.

    Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ‚ΠΎΡ‚, Ρ‡Ρ‚ΠΎ посСрСдинС, ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² Edit β†’ Free Transform ΠΈ сдСлайтС ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΎΡ‚Ρ€ΠΈΡ†Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠΉ. (Π² ΠΌΠΎΠ΅ΠΌ случаС W: -277,7%).

    Как Π²ΠΈΠ΄ΠΈΡ‚Π΅, Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΎΠ½ ΠΏΠ»Π°Π²Π½ΠΎ исчСзаСт!

    Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ‚Ρ€ΠΈ ΠΊΠΎΠΏΠΈΠΈ ΠΎΠ΄Π½ΠΈΠΌ Ρ†Π΅Π»Ρ‹ΠΌ, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ‚Ρ€ΠΈ слоя Ρ‚Ρ€Π΅Ρ… ΠΊΠΎΠΏΠΈΠΉ, Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ β†’ ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ Π² смарт-ΠΎΠ±ΡŠΠ΅ΠΊΡ‚.

    Π¨Π°Π³ 10

    НуТно Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Ρ‚Π΅ΠΌΠ½Π΅Π΅, Π²Π΅Ρ€Π½ΠΎ? Π”Π°Π²Π°ΠΉΡ‚Π΅ сдСлаСм это! ΠœΡ‹ Π½Π°Ρ‡Π½Π΅ΠΌ с создания выдСлСния Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ ΠΎΠΊΠΎΠ»ΠΎ 1020×55 пиксСлСй ΠΏΠΎΠ²Π΅Ρ€Ρ… тСкстуры Π΄Π΅Ρ€Π΅Π²Π°.

    Π’Π΅ΠΏΠ΅Ρ€ΡŒ создайтС Π½ΠΎΠ²Ρ‹ΠΉ слой ΠΈ Π½Π°Π·ΠΎΠ²ΠΈΡ‚Π΅ Π΅Π³ΠΎ Β«overlayΒ», Π·Π°Ρ‚Π΅ΠΌ Π·Π°Π»Π΅ΠΉΡ‚Π΅ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Ρ†Π²Π΅Ρ‚ΠΎΠΌ #2d1a14.

    УстановитС Π½Π΅ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ слоя Π½Π° 40% ΠΈ Ρ€Π΅ΠΆΠΈΠΌ налоТСния Π½Π° Overlay.

    Π¨Π°Π³ 11

    Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ΠΎΠΌ «Π­Π»Π»ΠΈΠΏΡ» (U) создайтС эллипс 20x20px ΠΈ Π·Π°Π»Π΅ΠΉΡ‚Π΅ Π΅Π³ΠΎ Ρ‡Π΅Ρ€Π½Ρ‹ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ #000000.Она Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ ΠΊΠ°ΠΊ ΡΠΊΠΎΠ»ΡŒΠ·ΡΡ‰Π°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ°.

    ΠŸΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚Π΅ ΠΊ Π½Π΅ΠΌΡƒ нСсколько стилСй слоя, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ рисункС.

    Π£ вас Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π²Ρ€ΠΎΠ΄Π΅ этого:

    ΠŸΡ€ΠΎΠ΄ΡƒΠ±Π»ΠΈΡ€ΡƒΠΉΡ‚Π΅ свой эллипс, Π½ΠΎ Π½Π° этот Ρ€Π°Π· Π·Π°Π»Π΅ΠΉΡ‚Π΅ Π΅Π³ΠΎ Π±Π΅Π»Ρ‹ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ: #ffffff.

    Π‘Π΄Π΅Π»Π°ΠΉΡ‚Π΅ Π΅Ρ‰Π΅ Ρ‚Ρ€ΠΈ ΠΊΠΎΠΏΠΈΠΈ эллипса ΠΈ помСститС ΠΈΡ… всС Π² ΠΎΠ΄Π½Ρƒ Π³Ρ€ΡƒΠΏΠΏΡƒ.

    Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Ρ€Π°Π²Π½Ρ‹Π΅ ΠΏΡ€ΠΎΠΌΠ΅ΠΆΡƒΡ‚ΠΊΠΈ ΠΌΠ΅ΠΆΠ΄Ρƒ нашими эллипсами, Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ ΠΏΡΡ‚ΡŒ ΠΈΠ· Π½ΠΈΡ… ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π Π°ΡΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ Π»Π΅Π²Ρ‹Π΅ края Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ управлСния.

    Π¨Π°Π³ 12

    ΠœΡ‹ Π½Π°Ρ‡Π½Π΅ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ содСрТимого, ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΠ² Π½ΠΎΠ²ΡƒΡŽ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΡƒΡŽ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΡƒΡŽ, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ рисункС.

    Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Rectangular Marquee Tool (M) создайтС Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ 1020x550px ΠΈ Π·Π°Π»Π΅ΠΉΡ‚Π΅ Π΅Π³ΠΎ Π»ΡŽΠ±Ρ‹ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ.

    Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΠΊ Π½Π΅ΠΌΡƒ Gradient Overlay. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½ΠΈΠΆΠ΅ для справки:

    Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнта Single Row Marquee Tool создайтС Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 1 пиксСль, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½ΠΈΠΆΠ΅, ΠΈ Π·Π°Π»Π΅ΠΉΡ‚Π΅ Π΅Π³ΠΎ Π±Π΅Π»Ρ‹ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ: #ffffff.

    ПиксСльноС ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½ΡΡ‚Π²ΠΎ!

    Π¨Π°Π³ 13

    Π§Ρ‚ΠΎΠ±Ρ‹ Π±Ρ‹Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ Ρ‚ΠΎΡ‡Π½Ρ‹ΠΌ, ΠΌΡ‹ ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΠΌ Π΄Π²Π΅ Π½ΠΎΠ²Ρ‹Π΅ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹Π΅ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ рисункС.

    ΠΠ°ΠΏΠΈΡΠ°Ρ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ со ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌΠΈ настройками символов:

    • Smame
  • : Rockwell
  • Π Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° : 30px
  • ВСс ΡˆΡ€ΠΈΡ„Ρ‚Π° : рСгулярныС
  • Установка ΠΏΡ€ΠΎΡ‚ΠΈΠ² псСвдонима : Π³Π»Π°Π΄ΠΊΠΈΠΉ
  • Π¦Π²Π΅Ρ‚ : # E18610

    • Font Family : Arial
    • Π Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° : 15PX
    • ВСс ΡˆΡ€ΠΈΡ„Ρ‚Π° : рСгулярныС
    • -aliasing setting : Smooth
    • Color : #2d1a14

    ΠŸΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚Π΅ Π΄Π²Π΅ Π½ΠΎΠ²Ρ‹Π΅ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹Π΅ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ рисункС.

    ΠΠ°ΠΏΠΈΡΠ°Ρ‚ΡŒ тСкст Π°Π±Π·Π°Ρ† с этими настройками символов:

    • Font Family : Arial
    • Π Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° : 15PX
    • ВСс ΡˆΡ€ΠΈΡ„Ρ‚Π° : рСгулярныС
    • Установка ΠΏΡ€ΠΎΡ‚ΠΈΠ² псСвдонима : NOTE
    • Π¦Π²Π΅Ρ‚ : #2d1a14

    Π¨Π°Π³ 14

    ΠŸΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚Π΅ Π΅Ρ‰Π΅ Π΄Π²Π΅ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹Π΅ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ рисункС.

    Π‘Π΄Π΅Π»Π°ΠΉΡ‚Π΅ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ ΠΎΠΊΠΎΠ»ΠΎ 480×100 пиксСлСй, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½ΠΈΠΆΠ΅, ΠΈ Π·Π°Π»Π΅ΠΉΡ‚Π΅ Π΅Π³ΠΎ Ρ†Π²Π΅Ρ‚ΠΎΠΌ #f2f2f2.НазовитС этот слой Β«bgΒ».

    ΠŸΡ€ΠΈ Π²Ρ‹Π±ΠΎΡ€Π΅ Ρ‚ΠΎΠ³ΠΎ ΠΆΠ΅ слоя (Β«bgΒ») Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Β«Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ маску слоя» (посмотритС Π²Π½ΠΈΠ·Ρƒ ΠΏΠ°Π½Π΅Π»ΠΈ слоСв, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΉΡ‚ΠΈ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ с ΠΊΡ€ΡƒΠ³ΠΎΠΌ Π²Π½ΡƒΡ‚Ρ€ΠΈ Π½Π΅Π³ΠΎ? Π”Π°, ΠΈΠΌΠ΅Π½Π½ΠΎ этот!)

    Π‘Π΄Π΅Π»Π°Ρ‚ΡŒ Ρ‡Π΅Ρ€Π½Ρ‹ΠΉ, Π±Π΅Π»Ρ‹ΠΉ, Ρ‡Π΅Ρ€Π½Ρ‹ΠΉ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚; ΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Gradient Tool (G) (Π»ΠΈΠ½Π΅ΠΉΠ½Ρ‹ΠΉ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚) Π½Π°Ρ‡Π½ΠΈΡ‚Π΅ пСрСтаскиваниС с ΠΏΡ€Π°Π²ΠΎΠΉ стороны ΠΈ Π·Π°ΠΊΠΎΠ½Ρ‡ΠΈΡ‚Π΅ пСрСтаскиваниС с Π»Π΅Π²ΠΎΠΉ стороны.

    Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ΠΎΠΌ «Линия» (U) создайтС линию Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½ΠΎΠΉ 1 пиксСль, Π·Π°Π»Π΅ΠΉΡ‚Π΅ Π΅Ρ‘ Ρ†Π²Π΅Ρ‚ΠΎΠΌ #ababab ΠΈ размСститС, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° рисункС:

    Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Ρ‚Π΅ ΠΆΠ΅ инструкции, Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΠΊ Π½Π΅ΠΉ маску слоя ΠΈ ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚Π΅ инструмСнт Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚. Π£ вас Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π²Ρ€ΠΎΠ΄Π΅ изобраТСния Π½ΠΈΠΆΠ΅!

    Π‘Π΄Π΅Π»Π°ΠΉΡ‚Π΅ Π΅Ρ‰Π΅ ΠΎΠ΄Π½Ρƒ копию своСй строки ΠΈ размСститС Π΅Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ.

    Π¨Π°Π³ 15

    ΠΠ°ΠΏΠΈΡΠ°Ρ‚ΡŒ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ (Ρ‚.Π΅. ΠΈΠ·Π±Ρ€Π°Π½Π½Ρ‹ΠΉ сСрвис ΠΈΠ»ΠΈ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π² этом Ρ€ΠΎΠ΄Π΅) со ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌΠΈ настройками символов:

    • Font Famme : Rockwell
    • Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° : 25px
    • вСс ΡˆΡ€ΠΈΡ„Ρ‚Π° : Regular
    • Установка ΠΏΡ€ΠΎΡ‚ΠΈΠ² псСвдонима : Π³Π»Π°Π΄ΠΊΠΈΠΉ
    • Ρ†Π²Π΅Ρ‚ : # E186102

    Π—Π°Ρ‚Π΅ΠΌ Π½Π°ΠΏΠΈΡˆΠΈΡ‚Π΅ тСкст с этими настройками символов:

    • Smash : Arial
    • Π Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° : 15px
    • ВСс ΡˆΡ€ΠΈΡ„Ρ‚Π°
    • : рСгулярныС
    • Установка ΠΏΡ€ΠΎΡ‚ΠΈΠ² псСвдонимов : NOTE
    • Π¦Π²Π΅Ρ‚ : # 2D1A142

    Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ этот Π½Π°Π±ΠΎΡ€ ΠΈΠΊΠΎΠ½ΠΎΠΊ: функция бСсплатный Π·Π½Π°Ρ‡ΠΎΠΊ Π½Π°Π±ΠΎΡ€ ΠΈΠ· Wefunction ΠΈ помСститС ΠΈΠΊΠΎΠ½Ρ‹, ΠΊΠ°ΠΊ Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.

    Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ Π²Ρ‹Ρ€ΠΎΠ²Π½Π΅Π½ ΠΏΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π΅Π³ΠΎ слой ΠΈ слой Β«bgΒ», Π·Π°Ρ‚Π΅ΠΌ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Β«Π’Ρ‹Ρ€ΠΎΠ²Π½ΡΡ‚ΡŒ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Π΅ Ρ†Π΅Π½Ρ‚Ρ€Ρ‹Β» Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ управлСния.

    Π£Π±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ ваши слои ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Ρ‹. Π’ΠΎΡ‚ Ρ‚Π°ΠΊ:

    Π‘Π΄Π΅Π»Π°ΠΉΡ‚Π΅ Π΄Π²Π΅ ΠΊΠΎΠΏΠΈΠΈ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ создали Π½Π° ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΡ… Π΄Π²ΡƒΡ… ΡˆΠ°Π³Π°Ρ…, ΠΈ Ρƒ вас Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ это:

    НаконСц, ваши слои области ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Ρ‚Π°ΠΊ:

    Π¨Π°Π³ 16

    Π‘Π½ΠΎΠ²Π° создайтС Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, Ρ‚Π°ΠΊΠΎΠΉ ΠΆΠ΅, ΠΊΠ°ΠΊ Ρ‚ΠΎΡ‚, Ρ‡Ρ‚ΠΎ слСва.

    ΠΠ°ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠ°ΠΊΠΎΠΉ-Ρ‚ΠΎ тСкст с этими настройками символов:

    • Font Family : Arial
    • Π Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° : 15PX
    • ВСс ΡˆΡ€ΠΈΡ„Ρ‚Π° : РСгулярныС
    • Установка ΠΏΡ€ΠΎΡ‚ΠΈΠ² псСвдонима : Π“Π»Π°Π΄ΠΊΠΈΠΉ
    • Π¦Π²Π΅Ρ‚ : #e18610

    Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ΠΎΠΌ «Линия» (U) создайтС линию ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ 3 пиксСля ΠΈ ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ ΠΎΠΊΠΎΠ»ΠΎ 440 пиксСлСй ΠΈ Π·Π°Π»Π΅ΠΉΡ‚Π΅ Π΅Ρ‘ Ρ†Π²Π΅Ρ‚ΠΎΠΌ #2d1a14.

    Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнта Polygonal Lasso Tool (L) создайтС Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½ΠΈΠΆΠ΅, ΠΈ Π·Π°Π»Π΅ΠΉΡ‚Π΅ Π΅Π³ΠΎ Ρ†Π²Π΅Ρ‚ΠΎΠΌ #2d1a14.

    ΠžΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π»ΠΈ Π»ΠΈ Π²Ρ‹ свои слои?

    Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ΠΎΠΌ Rectangular Marquee Tool (M) создайтС Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ 205×55 пиксСлСй, располоТитС Π΅Π³ΠΎ, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½ΠΈΠΆΠ΅, ΠΈ Π·Π°Π»Π΅ΠΉΡ‚Π΅ Π΅Π³ΠΎ Π»ΡŽΠ±Ρ‹ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ. НазовитС этот слой Β«image_holderΒ».

    ΠžΠ±Π²Π΅Π΄ΠΈΡ‚Π΅ Π΅Π³ΠΎ β€” ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½ΠΈΠΆΠ΅ для справки.

    РазмСститС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ·Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Π£Π±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ находится Π½Π°Π΄ слоСм Β«image_holderΒ», Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ слой с ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Β«Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΎΠ±Ρ‚Ρ€Π°Π²ΠΎΡ‡Π½ΡƒΡŽ маску».

    Π‘Π΄Π΅Π»Π°ΠΉΡ‚Π΅ Ρ‚Ρ€ΠΈ ΠΊΠΎΠΏΠΈΠΈ ΠΈ размСститС ΠΈΡ…, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ:

    Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅ Π³Ρ€ΡƒΠΏΠΏΡ‹ слоСв ΠΈ помСститС ΠΊΠ°ΠΆΠ΄ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΡƒΡŽ Π³Ρ€ΡƒΠΏΠΏΡƒ.

    Π¨Π°Π³ 17

    ΠŸΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚Π΅ Π½ΠΎΠ²ΡƒΡŽ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΡƒΡŽ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΡƒΡŽ Ρ‡Π΅Ρ€Π΅Π· 30px. Π’ΠΎΠ³Π΄Π° Π½Π°ΠΏΠΈΡˆΠΈΡ‚Π΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ со ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌΠΈ настройками символов:

    • Smame : Rockwell
    • Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° : 25px
    • ВСс ΡˆΡ€ΠΈΡ„Ρ‚Π° : рСгулярныС
    • Установка ΠΏΡ€ΠΎΡ‚ΠΈΠ² псСвдонизирования : Π³Π»Π°Π΄ΠΊΠΈΠΉ
    • Π¦Π²Π΅Ρ‚ : # E18610

    2

    ΠΠ°ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠ°ΠΊΠΎΠΉ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ тСкст с этими настройками:

    • Font Family : Arial
    • Π Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° : 15PX
    • ВСс ΡˆΡ€ΠΈΡ„Ρ‚Π° : рСгулярныС
    • Установка сглаТивания : НСт
    • Π¦Π²Π΅Ρ‚ : #2d1a14

    Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ΠΎΠΌ Β«ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ со скруглСнными ΡƒΠ³Π»Π°ΠΌΠΈΒ» (U) создайтС ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 170x45px – радиусом 5px, Π·Π°Π»Π΅ΠΉΡ‚Π΅ Π΅Π³ΠΎ Π»ΡŽΠ±Ρ‹ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ ΠΈ выровняйтС, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ рисункС:

    3 Give Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ стили слоя Π² соотвСтствии со ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ:

    ΠΠ°ΠΏΠΈΡˆΠΈΡ‚Π΅ слово Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠ΅ (я поставил «НАНИМАВЬ НАБ», Ρ‡Ρ‚ΠΎΠ±Ρ‹ это Π±Ρ‹Π»ΠΎ связано с Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ Π²Ρ‹ΡˆΠ΅) wi Π­Ρ‚ΠΈ настройки символов:

    • ΡˆΡ€ΠΈΡ„Ρ‚Π° сСмьи : Rockwell
    • Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° : 30px
    • вСс ΡˆΡ€ΠΈΡ„Ρ‚Π° : рСгулярныС
    • Установка сглаТивания : Sharp
    • Π¦Π²Π΅Ρ‚ : # 6B3D0C

    Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Ρ‚Π΅Π½ΡŒ. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½ΠΈΠΆΠ΅ для справки:

    Π‘Π΄Π΅Π»Π°ΠΉΡ‚Π΅ Π΅Ρ‰Π΅ ΠΎΠ΄Π½Ρƒ копию Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ создали Π½Π° этом шагС!

    Π¨Π°Π³ 18

    Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Rectangular Marquee Tool (M) создайтС Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 1020x450px ΠΈ Π·Π°Π»Π΅ΠΉΡ‚Π΅ Π΅Π³ΠΎ Ρ†Π²Π΅Ρ‚ΠΎΠΌ #2f1c16.

    Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнта Single Row Marquee Tool создайтС Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π² 1 пиксСль (*Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π½ΡƒΠΆΠ½Ρ‹ΠΉ эффСкт, Π½Π΅ Π΄Π΅Π»Π°ΠΉΡ‚Π΅ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ прямо Π½Π°Π΄ Π²Π΅Ρ€Ρ…Π½ΠΈΠΌ ΠΊΡ€Π°Π΅ΠΌ области Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°, Π° Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΡΠ΄Π²ΠΈΠ½ΡŒΡ‚Π΅ Π΅Π³ΠΎ Π²Π½ΠΈΠ· – ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Π½Π° 1-2 пиксСля ).

    Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π·Π°Π»Π΅ΠΉΡ‚Π΅ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Ρ†Π²Π΅Ρ‚ΠΎΠΌ #6d5c57.

    Π¨Π°Π³ 19

    ΠŸΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚Π΅ Π΄Π²Π΅ Π½ΠΎΠ²Ρ‹Π΅ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹Π΅ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ рисункС.

    Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ΠΎΠΌ «ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ со скруглСнными ΡƒΠ³Π»Π°ΠΌΠΈ» (U) создайтС ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 250×25 пиксСлСй ΠΈ радиусом 5 пиксСлСй, Π·Π°Π»Π΅ΠΉΡ‚Π΅ Π΅Π³ΠΎ Π»ΡŽΠ±Ρ‹ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ ΠΈ помСститС, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ.

    НазовитС этот слой Β«wood_bgΒ».

    ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ эту тСкстуру Π΄Π΅Ρ€Π΅Π²Π° с iStockPhoto. Π˜ΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΡƒΠΉΡ‚Π΅ Π΅Π³ΠΎ ΠΈ помСститС Π΅Π³ΠΎ слой Π½Π°Π΄ слоСм Β«wood_bgΒ», Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π΅Π³ΠΎ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Β«Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΎΠ±Ρ‚Ρ€Π°Π²ΠΎΡ‡Π½ΡƒΡŽ маску».

    Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ΠΎΠΌ Elliptical Marquee Tool (M) создайтС Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½ΠΈΠΆΠ΅, ΠΈ Π·Π°Π»Π΅ΠΉΡ‚Π΅ Π΅Π³ΠΎ Ρ‡Π΅Ρ€Π½Ρ‹ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ: #000000.

    ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² Π€ΠΈΠ»ΡŒΡ‚Ρ€ β†’ Π Π°Π·ΠΌΡ‹Ρ‚ΠΈΠ΅ β†’ Π Π°Π·ΠΌΡ‹Ρ‚ΠΈΠ΅ ΠΏΠΎ Гауссу β†’ радиус: 2,5 пиксСля.

    Π’Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ ниТнюю Ρ‡Π°ΡΡ‚ΡŒ Ρ€Π°Π·ΠΌΡ‹Ρ‚ΠΎΠΉ Ρ‡Π΅Ρ€Π½ΠΎΠΉ Ρ‚Π΅Π½ΠΈ ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π£Π΄Π°Π»ΠΈΡ‚ΡŒ.

    Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ΠΎΠΌ «ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ со скруглСнными ΡƒΠ³Π»Π°ΠΌΠΈ» (U) создайтС ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 223×223 пиксСлСй ΠΈ радиусом 5 пиксСлСй, Π·Π°Π»Π΅ΠΉΡ‚Π΅ Π΅Π³ΠΎ Ρ†Π²Π΅Ρ‚ΠΎΠΌ #6b3d0c ΠΈ выровняйтС, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ.НазовитС этот слой: Β«box_bgΒ».

    Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ слой Β«box_bgΒ», Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Β«Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ маску слоя». Π’Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ ниТнюю Ρ‡Π°ΡΡ‚ΡŒ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° со скруглСнными ΡƒΠ³Π»Π°ΠΌΠΈ ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Shift+Backspace, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π°ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Ρ‡Π΅Ρ€Π½Ρ‹ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ: #000000.

    Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ΠΎΠΌ Elliptical Marquee Tool (M) создайтС Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½ΠΈΠΆΠ΅.

    НаТмитС Shift+Backspace ΠΈ Π·Π°Π»Π΅ΠΉΡ‚Π΅ Ρ‡Π΅Ρ€Π½Ρ‹ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ: #000000.

    ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² Π€ΠΈΠ»ΡŒΡ‚Ρ€ β†’ Π Π°Π·ΠΌΡ‹Ρ‚ΠΈΠ΅ β†’ Π Π°Π·ΠΌΡ‹Ρ‚ΠΈΠ΅ ΠΏΠΎ Гауссу β†’ Радиус: 4 пиксСля.

    Step 20

    ΠΠ°ΠΏΠΈΡΠ°Ρ‚ΡŒ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ с этими настройками символов:

    • Smame : Rockwell
    • Π Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° : 30PX
    • ВСс ΡˆΡ€ΠΈΡ„Ρ‚Π° : РСгулярныС
    • Установка сглаТивания : Smooth
    • Color : #fcf6c4

    Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΠΊ Π½Π΅ΠΌΡƒ Ρ‚Π΅Π½ΡŒ.Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½ΠΈΠΆΠ΅ для справки:

    ΠΠ°ΠΏΠΈΡΠ°Ρ‚ΡŒ подзапись с этими ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌΠΈ настройками символов:

    • Smame : Arial
    • Π Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° : 15PX
    • ВСс ΡˆΡ€ΠΈΡ„Ρ‚Π° : рСгулярныС
    • Установка ΠΏΡ€ΠΎΡ‚ΠΈΠ² псСвдонима : НСт
    • Π¦Π²Π΅Ρ‚ : # FCF6C42

    ΠΠ°ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠ°ΠΊΠΎΠΉ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ тСкст со ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌΠΈ настройками символов:

    • Font Family : Arial
    • Π Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° : 15PX
    • ВСс ΡˆΡ€ΠΈΡ„Ρ‚Π° : ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΉ
    • Установка ΠΏΡ€ΠΎΡ‚ΠΈΠ² псСвдонима : НСт
    • Π¦Π²Π΅Ρ‚ : # C27819

    Π¨Π°Π³ 21

    Π‘ Π»ΡŽΠ±ΡƒΡŽ Π½ΡƒΠΆΠ½Ρ‹ΠΌ инструмСнтом, создайтС ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ ΠΎΠΊΠΎΠ»ΠΎ 210x30PX, Π·Π°ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅ Π΅Π³ΠΎ этим Ρ†Π²Π΅Ρ‚ΠΎΠΌ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅: #c27819 ΠΈ помСститС Π΅Π³ΠΎ, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ. НазовитС этот слой: Β«Π³Ρ€ΡƒΠΏΠΏΠ°Β».

    Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ слой «полоса» ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Β«Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ маску слоя» Π² Π½ΠΈΠΆΠ½Π΅ΠΉ части ΠΏΠ°Π½Π΅Π»ΠΈ слоСв.

    УстановитС Π² Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚ΠΎΠ² Ρ‡Π΅Ρ€Π½ΠΎ-Π±Π΅Π»Ρ‹ΠΉ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚.

    Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ΠΎΠΌ Β«Π“Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Β» (G) ΠΈ Π»ΠΈΠ½Π΅ΠΉΠ½Ρ‹ΠΌ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚ΠΎΠΌ ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚Π΅ слСва Π½Π°ΠΏΡ€Π°Π²ΠΎ.

    Π¨Π°Π³ 22

    Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ΠΎΠΌ «Эллипс» (U) создайтС эллипс 40x40px ΠΈ Π·Π°Π»Π΅ΠΉΡ‚Π΅ Π΅Π³ΠΎ Ρ†Π²Π΅Ρ‚ΠΎΠΌ #fcf6c4.

    Π”Π°ΠΉΡ‚Π΅ Π΅ΠΌΡƒ ΡƒΠ΄Π°Ρ€.Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½ΠΈΠΆΠ΅ для справки:

    Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ΠΎΠΌ Custom Shape Tool (U) создайтС стрСлку, Π·Π°Π»Π΅ΠΉΡ‚Π΅ Π΅Π΅ Ρ†Π²Π΅Ρ‚ΠΎΠΌ #c27819 ΠΈ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ выровняйтС.

    Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΠΊ Π½Π΅ΠΌΡƒ нСсколько стилСй слоя. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½ΠΈΠΆΠ΅ для справки:

    ΠΠ°ΠΏΠΈΡˆΠΈΡ‚Π΅ слово Β«ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅Β» со ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌΠΈ настройками символов:

    • Font Family : Arial
    • Π Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° : 15PX
    • ВСс ΡˆΡ€ΠΈΡ„Ρ‚Π° : рСгулярныС
    • Настройка сглаТивания : Гладкая
    • Π¦Π²Π΅Ρ‚ : #2f1c16

    Π¨Π°Π³ 23

    Π‘Π΄Π΅Π»Π°ΠΉΡ‚Π΅ копию Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ создали Π² ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΡ… Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅Ρ… ΡˆΠ°Π³Π°Ρ…. ΠΈ выровняйтС ΠΏΠΎ ΠΏΡ€Π°Π²ΠΎΠΌΡƒ ΠΊΡ€Π°ΡŽ.

    Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Ρ‚Π΅ ΠΆΠ΅ ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΊΠ°Π·Π°Π½Ρ‹ здСсь, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π²Ρ€ΠΎΠ΄Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π³ΠΎ.

    ΠŸΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°ΠΉΡ‚Π΅ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΡΡ€Π΅Π΄Π½ΡŽΡŽ ΠΊΠΎΡ€ΠΎΠ±ΠΊΡƒ, Π½Π°ΠΊΠΎΠ½Π΅Ρ† Ρƒ вас Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π²Ρ€ΠΎΠ΄Π΅ этого!

    Π£Π±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ ваши слои Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Ρ‹. Π’ΠΎΡ‚ ΠΊΠ°ΠΊ выглядят слои Π±Π»ΠΎΠΊΠΎΠ²:

    А Π²ΠΎΡ‚ ΠΊΠ°ΠΊ выглядят слои Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°.

    Π¨Π°Π³ 24

    ΠœΡ‹ ΠΏΠΎΡ‡Ρ‚ΠΈ Ρƒ Ρ†Π΅Π»ΠΈ! ΠŸΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚Π΅ Π½ΠΎΠ²ΡƒΡŽ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΡƒΡŽ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΡƒΡŽ Ρ‡Π΅Ρ€Π΅Π· 50 пиксСлСй.

    Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Rectangular Marquee Tool (M), создайтС Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ 1020x115px ΠΈ Π·Π°Π»Π΅ΠΉΡ‚Π΅ Π΅Π³ΠΎ Π»ΡŽΠ±Ρ‹ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ.

    Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ Π½Π°Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π° β€” ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½ΠΈΠΆΠ΅ для справки:

    Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнта Β«Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΎΠ΄Π½ΠΎΠΉ строки» создайтС Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 1 пиксСль ΠΈ Π·Π°Π»Π΅ΠΉΡ‚Π΅ Π΅Π³ΠΎ Ρ†Π²Π΅Ρ‚ΠΎΠΌ #482e27.

    ΠΠ°ΠΏΠΈΡΠ°Ρ‚ΡŒ свой ΠΏΠΎΠ΄Π·Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ тСкст со ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌΠΈ настройками символов:

    • БСмья ΡˆΡ€ΠΈΡ„Ρ‚Π° : Arial
    • Π Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° : 15PX
    • ВСс ΡˆΡ€ΠΈΡ„Ρ‚Π° : РСгулярный
    • Установка сглаТивания : НСт
    • Π¦Π²Π΅Ρ‚ : #c27819 – #2f1c16

    Π‘ Ρ‚Π΅ΠΌΠΈ ΠΆΠ΅ настройками символов Π½Π°ΠΏΠΈΡˆΠΈΡ‚Π΅ тСкст ΠΎΠ± авторских ΠΏΡ€Π°Π²Π°Ρ… ΠΈ выровняйтС Π΅Π³ΠΎ ΠΏΠΎ ΠΏΡ€Π°Π²ΠΎΠΌΡƒ ΠΊΡ€Π°ΡŽ.

    Автор записи

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

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