Π”Π΅Π»Π°Π΅ΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½ сайта Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅: Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΈΠ»ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½ сайта Π² Photoshop

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

Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΈΠ»ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½ сайта Π² Photoshop

По многочислСнным ΠΏΡ€ΠΎΡΡŒΠ±Π°ΠΌ Ρ‡ΠΈΡ‚Π°Ρ‚Π΅Π»Π΅ΠΉ, ΠΌΡ‹ сСгодня Π±ΡƒΠ΄Π΅ΠΌ Π΄Π΅Π»Π°Ρ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½, Π²Π΅Ρ€Π½Π΅Π΅ ΠΌΠ°ΠΊΠ΅Ρ‚ сайта Π²Β Photoshop. ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ Ссли с этим Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ сталкивался, ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π΅Π³ΠΎ довольно Π½Π΅ просто, Π²ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ‚ мноТСство вопросов, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ я сСгодня ΠΏΠΎΡΡ‚Π°Ρ€Π°ΡŽΡΡŒ ΠΎΡ‚Π²Π΅Ρ‚ΠΈΡ‚ΡŒ. Как оказываСтся, Ρ‡Ρ‚ΠΎ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π° ΠΏΠΎ этому ΠΏΠΎΠ²ΠΎΠ΄Ρƒ Π² ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ Π½Π΅ Ρ‚Π°ΠΊ ΡƒΠΆ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎ. Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΊΡƒΡ‡Π°, Π° ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ сайта Π½ΠΈΠΊΡ‚ΠΎ Π½Π΅ рассказываСт. ΠœΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ я просто ΠΏΠ»ΠΎΡ…ΠΎ искал? πŸ™‚

ΠŸΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ΅Π½ΠΈΠ΅

  • Как ΡΠ²Π΅Ρ€ΡΡ‚Π°Ρ‚ΡŒ шаблона сайта ΠΈΠ· PSD Π² HTML ΠΈ CSS
  • Как простой HTML шаблон ΡΠ²Π΅Ρ€ΡΡ‚Π°Ρ‚ΡŒ ΠΏΠΎΠ΄ WordPress

Π’ ΠΎΠ±Ρ‰Π΅ΠΌ Π΄Π°Π²Π°ΠΉΡ‚Π΅ ΡƒΠΆΠ΅ Π΄Π΅Π»Π°Ρ‚ΡŒ.

Для Π½Π°Ρ‡Π°Π»Π° я ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΈΠ» Π½Π΅ слоТный ΠΌΠ°ΠΊΠ΅Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΡ‹ Π±ΡƒΠ΄Π΅ΠΌ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ с Π’Π°ΠΌΠΈ Ρ€Π°Π·Π±ΠΈΡ€Π°Ρ‚ΡŒ. Π’ΠΎΡ‚ ΠΊΠ°ΠΊ ΠΎΠ½ выглядит:

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

ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ обСспСчСниС

ΠŸΠ΅Ρ€Π²ΠΎΠ΅, Ρ‡Ρ‚ΠΎ Π’Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ это Photoshop. Если Ρƒ Вас Π΅Π³ΠΎ Π½Π΅Ρ‚, ΠΏΠΎΠΊΡƒΠΏΠ°ΠΉΡ‚Π΅ πŸ™‚

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°

Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π½ΠΎΠ²Ρ‹ΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ Π½ΡƒΠΆΠ½ΠΎ Π·Π°ΠΉΡ‚ΠΈ Π² Β«Π€Π°ΠΉΠ»Β» ΠΈ ΠΊΠ»ΠΈΠΊΠ½ΡƒΡ‚ΡŒ Β«Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒΒ», Π·Π°Ρ‚Π΅ΠΌ появится ΠΎΠΊΠ½ΠΎ, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π½ΡƒΠΆΠ½ΠΎ Π·Π°Π΄Π°Ρ‚ΡŒ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹.

Π Π°Π·ΠΌΠ΅Ρ€Ρ‹ зависят ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ ΠΊΠ°ΠΊΠΎΠΉ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚ Π’Π°Ρˆ Π±ΡƒΠ΄ΡƒΡ‰ΠΈΠΉ сайт. Π’ΠΎΡ‚ Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π’Ρ‹ Ρ€Π΅ΡˆΠΈΠ»ΠΈ, Ρ‡Ρ‚ΠΎ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ сайт Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ ΡˆΠΈΡ€ΠΈΠ½Ρƒ 1000 Ρ€Ρ…, ΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Π½ΡƒΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ большС Π³Π΄Π΅ Ρ‚ΠΎ 1200 Ρ€Ρ…. Π­Ρ‚ΠΎ дСлаСтся Π² ΠΏΠ΅Ρ€Π²ΡƒΡŽ ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ для удобства, Ρ‡Ρ‚ΠΎ Π±Ρ‹ Π’Π°Ρˆ ΠΌΠ°ΠΊΠ΅Ρ‚ смотрСлся Ρ‚Π°ΠΊ ΠΆΠ΅ ΠΊΠ°ΠΊ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅.

По ΠΏΠΎΠ²ΠΎΠ΄Ρƒ высоты, выставляСтся Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΎΡ‚ Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΠΊΠΈ шаблона. Но ΠΆΠ΅Π»Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π΄Π΅Π»Π°ΠΉΡ‚Π΅ большС, 4000 Ρ€Ρ… Π΄ΡƒΠΌΠ°ΡŽ Ρ…Π²Π°Ρ‚ΠΈΡ‚. Π­Ρ‚ΠΎ дСлаСтся для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π² дальнСйшСм всС элСмСнты Π²Π»Π΅Π·Π»ΠΈ. ΠŸΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ я ΠΊΠ°ΠΊ Ρ‚ΠΎ сдСлал ΠΌΠ°Π»Π΅Π½ΡŒΠΊΡƒΡŽ высоту, ΠΈ ΠΌΠ½Π΅ ΠΏΡ€ΠΈΡˆΠ»ΠΎΡΡŒ ΠΏΠΎΡ‚ΠΎΠΌ ΠΏΠ΅Ρ€Π΅Π½ΠΎΡΠΈΡ‚ΡŒ всё Π² Π½ΠΎΠ²Ρ‹ΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚.

Π’ ΠΌΠΎΡ‘ΠΌ случаС сайт Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ ΡˆΠΈΡ€ΠΈΠ½Ρƒ Π² 1200Ρ€Ρ…. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ я сдСлал Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ Π² 1300 Ρ€Ρ… ΠΈ высотой Π² 4000 Ρ€Ρ…. ΠžΡΡ‚Π°Π»ΡŒΠ½Ρ‹Π΅ настройки ΠΎΡΡ‚Π°Π²ΡŒΡ‚Π΅ ΠΊΠ°ΠΊ Π΅ΡΡ‚ΡŒ.

Π€ΠΎΠ½ шаблона сайта

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

Π¨ΠΈΡ€ΠΈΠ½Π° Π±ΡƒΠ΄ΡƒΡ‰Π΅Π³ΠΎ сайта Π² 1200 Ρ€Ρ…

Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π²Ρ‹ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ Π±ΡƒΠ΄ΡƒΡ‰Π΅Π³ΠΎ сайта, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ выглядСл Ρ‚Π°ΠΊ ΠΆΠ΅ ΠΊΠ°ΠΊ Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒΡΡ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. Π”Π΅Π»Π°Ρ‚ΡŒ ΠΌΡ‹ Π±ΡƒΠ΄Π΅ΠΌ это с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ. Если ΠΎΠ½Π° Ρƒ Вас Π½Π΅ Π°ΠΊΡ‚ΠΈΠ²Π½Π°, Π½ΡƒΠΆΠ½ΠΎ Π·Π°ΠΉΡ‚ΠΈ Π² Β«ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Β» ΠΈ ΠΏΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π³Π°Π»ΠΎΡ‡ΠΊΡƒ Π½Π° ΠΏΡ€ΠΎΡ‚ΠΈΠ² Β«Π›ΠΈΠ½Π΅ΠΉΠΊΠ°Β». Π—Π°Ρ‚Π΅ΠΌ ΠΎΠ½Π° Π΄ΠΎΠ»ΠΆΠ½Π° ΠΏΠΎΡΠ²ΠΈΡ‚ΡŒΡΡ Ρƒ Вас Π² ΠΎΠΊΠ½Π΅ просмотра.

А Π²ΠΎΡ‚ ΠΊΠ°ΠΊ ΠΎΠ½Π° выглядит:

ВыдСляСм наш слой, Π½ΡƒΠΆΠ½ΠΎ просто ΠΎΠ΄ΠΈΠ½ Ρ€Π°Π· ΠΊΠ»ΠΈΠΊΠ½ΡƒΡ‚ΡŒ Π½Π° Π½Π΅Π³ΠΎ:

А сСйчас Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π»ΠΈΠ½Π΅ΠΉΠΊΡƒ ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ нашСго Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, Π²Π΅Ρ€Π½Π΅Π΅ Π½Π°ΠΉΡ‚ΠΈ Ρ†Π΅Π½Ρ‚Ρ€. Для этого Π½Π°Π²ΠΎΠ΄ΠΈΠΌ курсор Π½Π° Π»ΠΈΠ½Π΅ΠΉΠΊΡƒ Π½Π° Π½Π΅ΠΉ ΠΆΠ΅ Π·Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ Π»Π΅Π²ΡƒΡŽ ΠΊΠ½ΠΎΠΏΠΊΡƒ ΠΌΡ‹ΡˆΠΈ ΠΈ вытягиваСм линию Π½Π° наш Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚. ВянСм ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Π½Π° сСрСдину, Π»ΠΈΠ½Π΅ΠΉΠΊΠ° сама Π½Π°ΠΉΠ΄Ρ‘Ρ‚ Ρ†Π΅Π½Ρ‚Ρ€.

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

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

Π›ΠΈΠ½Π΅ΠΉΠΊΡƒ ΠΌΡ‹ Π±ΡƒΠ΄Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ Π² дальнСйшСм, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Π±Π΅Π· Π½Π΅Ρ‘ здСсь Π½Π΅ ΠΎΠ±ΠΎΠΉΡ‚ΠΈΡΡŒ, ΠΎΠ½Π° позволяСт Π²Ρ‹ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ всё Ρ€ΠΎΠ²Π½ΠΎ.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΌΡ‹ практичСски ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΈΠ»ΠΈ наш Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚. ΠœΡ‹ ΡƒΠ·Π½Π°Π»ΠΈ сСрСдину, Π° Ρ‚Π°ΠΊ ΠΆΠ΅ ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡ΠΈΠ»ΠΈ Ρ‚ΠΎΡ‡Π½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ Π·Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ Π²Ρ‹Π»Π°Π·ΠΈΡ‚ΡŒ. Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΠΌ ΠΊ самому интСрСсному, Π° ΠΈΠΌΠ΅Π½Π½ΠΎ ΠΊ созданию Π΄ΠΈΠ·Π°ΠΉΠ½Π° сайта (ΠΌΠ°ΠΊΠ΅Ρ‚Π°).

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈΠ»ΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚Π° сайта

Π’Π°ΠΆΠ½ΠΎ!

ВсСгда создавайтС Π³Ρ€ΡƒΠΏΠΏΡ‹ для слоёв ΠΈ Π΄Π°Π²Π°ΠΉΡ‚Π΅ ΠΈΠΌ названия. ΠŸΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Π² дальнСйшСм Ρ‚ΠΎΡ‡Π½ΠΎ Π·Π°ΠΏΡƒΡ‚Π°Π΅Ρ‚Π΅ΡΡŒ!

Π“Ρ€ΡƒΠΏΠΏΡ‹

Π‘ΠΎΠ·Π΄Π°Ρ‘ΠΌ Π³Ρ€ΡƒΠΏΠΏΡƒ, ΠΈ Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌ Π΅Ρ‘ Β«Π₯ΠΈΠ΄Π΅Ρ€Β» (Π¨Π°ΠΏΠΊΠ°) Π² Π½Π΅ΠΉ ΠΆΠ΅ создаём ΠΏΠΎΠ΄ Π³Ρ€ΡƒΠΏΠΏΡƒ Β«Π’Π΅Ρ€Ρ…Π½Π΅Π΅ мСню» Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Π±ΡƒΠ΄Π΅ΠΌ Π½Π°Ρ‡ΠΈΠ½Π°Ρ‚ΡŒ ΠΈΠΌΠ΅Π½Π½ΠΎ с Π½Π΅Π³ΠΎ. Π’ Π³Ρ€ΡƒΠΏΠΏΠ΅ создаём Π½ΠΎΠ²Ρ‹ΠΉ слой ΠΈ Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌ Π΅Π³ΠΎ Β«Ρ„ΠΎΠ½Β». Π­Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Ρ„ΠΎΠ½ нашСго Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ мСню.

Π’ΠΎΡ‚ Ρ‡Ρ‚ΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ:

Π’Π΅Ρ€Ρ…Π½Π΅Π΅ мСню

ΠžΠΏΡΡ‚ΡŒ вытягиваСм Π»ΠΈΠ½Π΅ΠΉΠΊΡƒ ΠΈ выставляСм Π΅Ρ‘ ΠΊΠ°ΠΊ Π½Π° рисункС:

Π’Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ инструмСнт Β«ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½Π°Ρ ΠΎΠ±Π»Π°ΡΡ‚ΡŒΒ» ΠΈ выдСляСм вдоль Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ:

Π’ ΠΏΠ°Π»ΠΈΡ‚Ρ€Π΅ Ρ†Π²Π΅Ρ‚ΠΎΠ² Π²Π±ΠΈΠ²Π°Π΅ΠΌ Π²ΠΎΡ‚ этот Ρ†Π²Π΅Ρ‚ #0dbfe5, Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ инструмСнт Β«Π—Π°Π»ΠΈΠ²ΠΊΠ°Β» ΠΈ Π·Π°Π»ΠΈΠ²Π°Π΅ΠΌ Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½ΡƒΡŽ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ, Π·Π°Ρ‚Π΅ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΎΡ‚ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π²ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Β«Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅Β» Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° Β«ΠžΡ‚ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅Β»:

КликаСм Π½Π° инструмСнт Β«Π“ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ тСкст». Π‘Π²Π΅Ρ€Ρ…Ρƒ Π² ΠΏΠ°Π½Π΅Π»ΠΈ Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ ΡˆΡ€ΠΈΡ„Ρ‚ Β«Segoe UIΒ». Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΊΠ»ΠΈΠΊΠ°Π΅ΠΌ Π½Π° Π³ΠΎΠ»ΡƒΠ±ΠΎΠΌ Ρ„ΠΎΠ½Π΅ мСню ΠΈ пишСм Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Π½Π°ΡˆΠΈΡ… страниц. ΠŸΠΎΡ‚ΠΎΠΌ Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ тСкст ΠΊΡƒΠ΄Π° Π’Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ создаём Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚Π΅Π»ΠΈ ΠΌΠ΅ΠΆΠ΄Ρƒ страницами. И сдСлаСм ΠΈΠΌ нСбольшой эффСкт вдавлСнности. Π‘ΠΎΠ·Π΄Π°Ρ‘ΠΌ Π½ΠΎΠ²Ρ‹ΠΉ слой, Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ инструмСнт «Линия». Π—Π°Ρ‚Π΅ΠΌ Π·Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ Shift ΠΈ рисуСм Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΡƒΡŽ линию Ρ‡Π΅Ρ€Π΅Π· вСсь Π³ΠΎΠ»ΡƒΠ±ΠΎΠΉ Ρ„ΠΎΠ½ нашСго мСню.

По слою с Ρ„ΠΈΠ³ΡƒΡ€ΠΎΠΉ Π½Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ Π΄Π²Π° Ρ€Π°Π·Π° ΠΌΡ‹ΡˆΠΊΠΎΠΉ, откроСтся ΠΎΠΊΠ½ΠΎ со стилСм слоя. Π‘Ρ‚Π°Π²ΠΈΠΌ Π³Π°Π»ΠΎΡ‡ΠΊΠΈ Π½Π° ΠΏΡ€ΠΎΡ‚ΠΈΠ² «НалоТСниС Ρ†Π²Π΅Ρ‚Π°Β» И Π²Π±ΠΈΠ²Π°Π΅ΠΌ Ρ‚ΡƒΠ΄Π° Π²ΠΎΡ‚ этот Ρ†Π²Π΅Ρ‚ #0aaacc.

ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΠΌ Π² ΠΏΡƒΠ½ΠΊΡ‚ «ВСнь» ΠΈ Π·Π°Π΄Π°Ρ‘ΠΌ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹:

Π’ΠΎΡ‚, Ρ‡Ρ‚ΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ:

ПослС этого просто ΠΊΠΎΠΏΠΈΡ€ΡƒΠ΅ΠΌ слой с нашСй Π»ΠΈΠ½ΠΈΠ΅ΠΉ ΠΈ выставляСм послС ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ слова. Π’ΠΎΡ‚ Ρ‡Ρ‚ΠΎ Ρƒ мСня ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΎΡΡŒ:

Иконки ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… Π·Π°ΠΊΠ»Π°Π΄ΠΎΠΊ

Π—Π΄Π΅ΡΡŒ ΠΆΠ΅ Π² мСню Ρ‚ΠΎΠ»ΡŒΠΊΠΎ с ΠΏΡ€Π°Π²ΠΎΠΉ стороны ΠΌΡ‹ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ ΠΈΠΊΠΎΠ½ΠΊΠΈ Π·Π°ΠΊΠ»Π°Π΄ΠΎΠΊ. Π’ ΠΌΠΎΡ‘ΠΌ случаС это Ρ„ΠΈΠ³ΡƒΡ€Ρ‹, Π½ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Π΅ скачанныС ΠΈΠΊΠΎΠ½ΠΊΠΈ. Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΎΡ‚ здСсь.

Для Π½Π°Ρ‡Π°Π»Π° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ Π½ΡƒΠΆΠ½ΠΎ Π²Ρ‹ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ высоту Π½Π°ΡˆΠΈΡ… ΠΈΠΊΠΎΠ½ΠΎΠΊ, Ρ‡Ρ‚ΠΎ Π±Ρ‹ ΠΎΠ½ΠΈ Π±Ρ‹Π»ΠΈ Ρ€ΠΎΠ²Π½Ρ‹ΠΌΠΈ. Π’ΠΎΡ‚ , Ρ‡Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ:

ΠŸΠΎΡ‚ΠΎΠΌ создаём Π³Ρ€ΡƒΠΏΠΏΡƒ, Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌ Π΅Ρ‘ Β Β«Π‘ΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈΒ», создаём Π² Π½Π΅ΠΉ Π½ΠΎΠ²Ρ‹ΠΉ слой. Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΊΠ»ΠΈΠΊΠ°Π΅ΠΌ ΠΏΠΎ инструмСнту Β«ΠŸΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½Π°Ρ Ρ„ΠΈΠ³ΡƒΡ€Π°Β» Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ Π½ΡƒΠΆΠ½ΡƒΡŽ Ρ„ΠΈΠ³ΡƒΡ€Ρƒ:

Наводим курсор Π² Ρ‚ΠΎ мСсто Π³Π΄Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΠΊΠΎΠ½ΠΊΠ°, Π·Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ Shift, (для Ρ‚ΠΎΠ³ΠΎ Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠΊΠΎΠ½ΠΊΠ° появилась ровная) ΠΈ растягиваСм Π΄ΠΎ Π½ΡƒΠΆΠ½Ρ‹Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ². И Ρ‚Π°ΠΊΠΎΠΉ ΠΆΠ΅ процСсс повторяСм со ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌΠΈ Ρ„ΠΈΠ³ΡƒΡ€Π°ΠΌΠΈ. Π’ ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠΌ ΠΈΡ‚ΠΎΠ³Π΅ Π²ΠΎΡ‚ Ρ‡Ρ‚ΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ:

ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΠΌ ΠΊ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΡƒ. ΠžΠΏΡΡ‚ΡŒ ΠΆΠ΅ создаём ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΡƒΡŽ Π³Ρ€ΡƒΠΏΠΏΡƒ для Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ° ΠΈ Π² Π½ΠΎΠ²Ρ‹ΠΉ слой.

Π›ΠΎΠ³ΠΎΡ‚ΠΈΠΏ

ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΠΌ Π½Π° этот сайт ΠΈ ΠΊΠ°Ρ‡Π°Π΅ΠΌ ΡˆΡ€ΠΈΡ„Ρ‚. Π’Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ инструмСнт Β«Π“ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ тСкст». Π˜Ρ‰Π΅ΠΌ Π² ΠΏΠΎΠ»Π΅ со ΡˆΡ€ΠΈΡ„Ρ‚Π°ΠΌΠΈ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ нашСго ΡˆΡ€ΠΈΡ„Ρ‚Π° Olivier. КликаСм Π½Π° Ρ‚ΠΎ мСсто Π³Π΄Π΅ Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°ΡΠΏΠΎΠ»Π°Π³Π°Ρ‚ΡŒΡΡ Π»ΠΎΠ³ΠΎ ΠΈ пишСм Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Π½Π° Английском, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ этот ΡˆΡ€ΠΈΡ„Ρ‚ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ ΠΊΠΈΡ€ΠΈΠ»Π»ΠΈΡ†Ρƒ. Π’ΠΎΡ‚ Ρ‡Ρ‚ΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ:

Π‘ΠΎΠ·Π΄Π°Ρ‘ΠΌ Π³Ρ€ΡƒΠΏΠΏΡƒ «НиТнСС мСню» ΠΈ Π½ΠΎΠ²Ρ‹ΠΉ слой.

НиТнСС мСню (Π“Π»Π°Π²Π½ΠΎΠ΅)

ВыставляСм Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ ΠΊΠ°ΠΊ Π½Π° рисункС:

Π’Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ инструмСнт Β«ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½Π°Ρ ΠΎΠ±Π»Π°ΡΡ‚ΡŒΒ» ΠΈ выдСляСм. Π—Π°Ρ‚Π΅ΠΌ Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½ΡƒΡŽ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ Π·Π°Π»ΠΈΠ²Π°Π΅ΠΌ Π²ΠΎΡ‚ этим Ρ†Π²Π΅Ρ‚ΠΎΠΌ #303030. Π’ΠΎΡ‚ Ρ‡Ρ‚ΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ:

ΠžΡ‚ΠΌΠ΅Π½ΡΠ΅ΠΌ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π²ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Β«Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅Β». Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΈΠ΄Ρ‘ΠΌ Π²ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ Π€ΠΈΠ»ΡŒΡ‚Ρ€Ρ‹ β€” Π¨ΡƒΠΌ ΠΈ Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΡˆΡƒΠΌ. ΠŸΠΎΡ‚ΠΎΠΌ выставляСм Ρ‚Π°ΠΊΠΈΠ΅ значСния:

ДобавляСм Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Ρ€ΡƒΠ±Ρ€ΠΈΠΊ, ΠΊΠ»ΠΈΠΊΠ°Π΅ΠΌ ΠΏΠΎ инструмСнту Β«Π“ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ тСкст» ΠΈ пишСм Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Ρ€ΡƒΠ±Ρ€ΠΈΠΊ, Π΄Π΅Π»Π°ΠΉΡ‚Π΅ ΠΊΠ°ΠΊ Ρƒ мСня:

ДобавляСм Π»ΠΈΠ½ΠΈΠΈ. Π”Π΅Π»Π°ΡŽΡ‚ΡΡ ΠΎΠ½ΠΈ Ρ‚Π°ΠΊ ΠΆΠ΅ ΠΊΠ°ΠΊ ΠΈ Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ мСню Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΈΠ·ΠΌΠ΅Π½Ρ‘Π½ сам Ρ†Π²Π΅Ρ‚ Π»ΠΈΠ½ΠΈΠΈ. Π”ΡƒΠΌΠ°ΡŽ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΡΠΏΡ€Π°Π²ΠΈΡ‚Π΅ΡΡŒ, ΠΈ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ Π²ΠΎΡ‚ Ρ‡Ρ‚ΠΎ:

БСйчас ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΠΌ ΠΊ ΠΏΠ°Π½Π΅Π»ΠΈ с ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠ΅ΠΉ, которая Π±ΡƒΠ΄Π΅Ρ‚ Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ Π³Π΄Π΅ ΠΎΠ½ находится Π½Π° сайтС.

Как ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Π² Π³Ρ€ΡƒΠΏΠΏΠ΅ Β«Π₯ΠΈΠ΄Π΅Ρ€Β» создаём Π³Ρ€ΡƒΠΏΠΏΡƒ Β«Π˜Π½Ρ„ΠΎ панСль» с Π½ΠΎΠ²Ρ‹ΠΌ слоСм.

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

Для Π½Π°Ρ‡Π°Π»Π° добавляСм полосы с Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ ΠΊΠ°ΠΊ Π½Π° рисункС Π½ΠΈΠΆΠ΅:

Π’Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ инструмСнт Β«ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½Π°Ρ ΠΎΠ±Π»Π°ΡΡ‚ΡŒΒ» ΠΈ выдСляСм ΠΎΠ±Π»Π°ΡΡ‚ΡŒ прям ΠΏΠΎΠ΄ мСню, ΠΈ Π·Π°Π»ΠΈΠ²Π°Π΅ΠΌ Π΅Ρ‘ Ρ‡Ρ‘Ρ€Π½Ρ‹ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ #000000

Π”Π°Π»Π΅Π΅ создаём Π½ΠΎΠ²Ρ‹ΠΉ слой, ΠΏΠΎΡ‚ΠΎΠΌ Ρ‚Π΅ΠΌ ΠΆΠ΅ инструмСнтом выдСляСм ΠΎΠ±Π»Π°ΡΡ‚ΡŒ которая Π½ΠΈΠΆΠ΅ ΠΈ Π·Π°Π»ΠΈΠ²Π°Π΅ΠΌ Π΅Ρ‘ Π²ΠΎΡ‚ этим Ρ†Π²Π΅Ρ‚ΠΎΠΌ #eeeeee

ΠžΡ‚ΠΌΠ΅Π½ΡΠ΅ΠΌ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅, Π±Π΅Ρ€Ρ‘ΠΌ Β«Π“ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ тСкст» измСняСм Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° Π½Π°Β 48 ΠΏΡ‚ ΠΈ Ρ†Π²Π΅Ρ‚ #a4a4a4. ПишСм «ПослСдниС Записи». Π’ΠΎΡ‚, Ρ‡Ρ‚ΠΎ Ρƒ Вас Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ Π² ΠΈΡ‚ΠΎΠ³Π΅:

ΠšΠΎΠ½Ρ‚Π΅Π½Ρ‚

ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΠΌ ΠΊ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠ΅ сСрСдины нашСго Π±ΡƒΠ΄ΡƒΡ‰Π΅Π³ΠΎ сайта. Нам Π½ΡƒΠΆΠ½ΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ Π³Π΄Π΅ Π±ΡƒΠ΄ΡƒΡ‚ Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ Π±Π»ΠΎΠΊΠΈ постов ΠΈ Π±Π»ΠΎΠΊ сайтбара (ΠŸΡ€Π°Π²ΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ).

Π‘Ρ€Π°Π·Ρƒ ΠΆΠ΅ Π½ΡƒΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ 2 ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ… Π³Ρ€ΡƒΠΏΠΏΡ‹:

  • ΠœΠ΅Ρ‚ΠΊΠΈ β€” Π² эту Π³Ρ€ΡƒΠΏΠΏΡƒ ΠΌΡ‹ Π±ΡƒΠ΄Π΅ΠΌ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ тСкст с Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ Π½Π°ΡˆΠΈΡ… ΠΊΠΎΠ»ΠΎΠ½ΠΎΠΊ.
  • ΠšΠΎΠ½Ρ‚Π΅Π½Ρ‚ β€” Π³Ρ€ΡƒΠΏΠΏΠ° Π³Π΄Π΅ Π±ΡƒΠ΄Π΅Ρ‚ Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ вся наша сСрСдина сайта.

Π’ Π³Ρ€ΡƒΠΏΠΏΠ΅ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ создаём ΠΏΠΎΠ΄ Π³Ρ€ΡƒΠΏΠΏΡƒ Β«Π›Π΅Π²Ρ‹ΠΉΒ», Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π±ΡƒΠ΄ΡƒΡ‚ Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ наши Π±Π»ΠΎΠΊΠΈ с записями.

Π’Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ инструмСнт Β«ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½Π°Ρ ΠΎΠ±Π»Π°ΡΡ‚ΡŒΒ», Π·Π°Π΄Π°Ρ‘ΠΌ Π΅ΠΉ ΡΡ‚ΠΈΠ»ΡŒ Β«Π·Π°Π΄Π°Π½Π½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€Β» ΠΈ выставляСм ΡˆΠΈΡ€ΠΈΠ½Ρƒ 800Ρ€Ρ… высоту 100Ρ€Ρ…. Π’ΠΎΡ‚ ΠΈΡ‚ΠΎΠ³:

ДобавляСм Π»ΠΈΠ½ΠΈΠΈ с Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ ΠΊΠ°ΠΊ Π½Π° рисункС, ΠΈ отмСняСм Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅:

ΠŸΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚ΡΡ Ρ‡Ρ‚ΠΎ ΠΌΡ‹ Π΄ΠΎΠ±Π°Π²ΠΈΠ»ΠΈ Π΄Π²Π΅ Π»ΠΈΠ½ΠΈΠΈ ΠΈ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΈ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ Π³Π΄Π΅ Π±ΡƒΠ΄ΡƒΡ‚ Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ наши Π±Π»ΠΎΠΊΠΈ с записями.

Π’ Π³Ρ€ΡƒΠΏΠΏΠ΅ Β«ΠšΠΎΠ½Ρ‚Π΅Π½Ρ‚Β» Π΄Π΅Π»Π°Π΅ΠΌ ΠΏΠΎΠ΄ Π³Ρ€ΡƒΠΏΠΏΡƒ с Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ Β«ΠŸΡ€Π°Π²Ρ‹ΠΉΒ» (Π‘Π°ΠΉΡ‚Π±Π°Ρ€). Π‘ΡƒΠ΄Π΅ΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ‡Π°Ρ‚ΡŒ мСсто для ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ сайта.

ΠžΠΏΡΡ‚ΡŒ Π±Π΅Ρ€Ρ‘ΠΌ Β«ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½Π°Ρ ΠΎΠ±Π»Π°ΡΡ‚ΡŒΒ», Π° Π²ΠΎΡ‚ Π² стилС области Π·Π°Π΄Π°Ρ‘ΠΌ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ мСньший Ρ€Π°Π·ΠΌΠ΅Ρ€ Π² ΡˆΠΈΡ€ΠΈΠ½Ρƒ 350Ρ€Ρ… высоту оставим Ρ‚Ρƒ ΠΆΠ΅ Π² 100Ρ€Ρ…. И Π΄Π°Π»Π΅Π΅ Π΄Π΅Π»Π°Π΅ΠΌ всё ΠΊΠ°ΠΊ Π½Π° рисункС:

Π’ΠΎΡ‚ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΌΡ‹ Ρ‚ΠΎΡ‡Π½ΠΎ Π·Π½Π°Π΅ΠΌ Π³Π΄Π΅ Π±ΡƒΠ΄ΡƒΡ‚ Π±Π»ΠΎΠΊΠΈ с записями ΠΈ сайтбар. И всё Π±ΡƒΠ΄Π΅Ρ‚ Ρ€ΠΎΠ²Π½ΠΎ.

ΠŸΠΎΠΌΠ½ΠΈΡ‚Π΅ ΠΌΡ‹ создали Π³Ρ€ΡƒΠΏΠΏΡƒ ΠΌΠ΅Ρ‚ΠΊΠΈ? Π’Π°ΠΌ просто создайтС слой с надписями Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² Π±Π»ΠΎΠΊΠΎΠ², Π²ΠΎΡ‚ ΠΊΠ°ΠΊ Ρƒ мСня:

Π­Ρ‚ΠΈ ΠΌΠ΅Ρ‚ΠΊΠΈ ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ ΠΏΡ€ΠΈ вёрсткС. НС Π½ΡƒΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Π²ΡΠΏΠΎΠΌΠΈΠ½Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹.

Π‘Π»ΠΎΠΊΠΈ с записями

Начнём ΠΌΡ‹ ΠΏΠΎΠΆΠ°Π»ΡƒΠΉ с Π±Π»ΠΎΠΊΠΎΠ² с записями, Π΄Π΅Π»Π°ΡŽΡ‚ΡΡ ΠΎΠ½ΠΈ Π² Π΄Π°Π½Π½ΠΎΠΌ случаС ΠΎΡ‡Π΅Π½ΡŒ просто.

Π’ Π³Ρ€ΡƒΠΏΠΏΠ΅ Β«Π›Π΅Π²Ρ‹ΠΉΒ» создаём ΠΏΠΎΠ΄Π³Ρ€ΡƒΠΏΠΏΡƒ Β«Π±Π»ΠΎΠΊΒ» ΠΈ Π½ΠΎΠ²Ρ‹ΠΉ слой.

ΠžΠΏΡΡ‚ΡŒ Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ инструмСнт Β«ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½Π°Ρ ΠΎΠ±Π»Π°ΡΡ‚ΡŒΒ». Π’ стилС Π·Π°Π΄Π°Ρ‘ΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ 800 Ρ… 300. ПодгоняСм ΠΏΠΎΠ΄ Π»ΠΈΠ½ΠΈΠΈ. ΠŸΠΎΡ‚ΠΎΠΌ Π·Π°Π»ΠΈΠ²Π°Π΅ΠΌ Π²ΠΎΡ‚ этим Ρ†Π²Π΅Ρ‚ΠΎΠΌ #d9d9d9. Π­Ρ‚ΠΎ Ρƒ нас ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»Π°ΡΡŒ ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Π°.

Π’ Ρ‚ΠΎΠΉ ΠΆΠ΅ Π³Ρ€ΡƒΠΏΠΏΠ΅ Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΠΌΠ΅Ρ‚ΠΊΡƒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ тСкста ΠΊΠ°ΠΊ Ρƒ мСня Π½Π° рисункС Π²Ρ‹ΡˆΠ΅.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π΄Π°Π²Π°ΠΉΡ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΊ записи. Π‘Π΅Ρ€Ρ‘ΠΌ Β«Π“ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ тСкст» ставим Ρ€Π°Π·ΠΌΠ΅Ρ€ Π²Β 35 ΠΏΡ‚ ΠΈ Ρ†Π²Π΅Ρ‚ Ρ‡Ρ‘Ρ€Π½Ρ‹ΠΉ. ДобавляСм прям ΠΏΠΎΠ΄ ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€ΠΎΠΉ:

ДобавляСм ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΊ посту. Π‘Ρ‚Π°Π²ΠΈΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° Π²Β 14 ΠΏΡ‚ ΠΈ Ρ†Π²Π΅Ρ‚ Π±Π»ΠΈΠΆΠ΅ ΠΊ сСрому:

И описаниС ΠΊ посту:

БСйчас Π΄Π°Π²Π°ΠΉΡ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ ΠΊΠ½ΠΎΠΏΠΊΡƒ Π”Π°Π»Π΅Π΅. Она Ρ‚ΠΎΠΆΠ΅ ΠΎΡ‡Π΅Π½ΡŒ простая. Π’Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ инструмСнт Β«ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ со скруглСнными ΡƒΠ³Π»Π°ΠΌΠΈΒ» Π·Π°Π΄Π°Ρ‘ΠΌ Π΅ΠΌΡƒ Π²ΠΎΡ‚ это Ρ†Π²Π΅Ρ‚ #0dbfe5 ΠΈ радиус ΡƒΠ³Π»ΠΎΠ² Π² 2Ρ€Ρ…. И рисуСм ΠΊΠ½ΠΎΠΏΠΊΡƒ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π’Π°ΠΌ понравится:

Π’Π΅ΠΏΠ΅Ρ€ΡŒ добавляСм тСкст ΠΈ смотрим, Ρ‡Ρ‚ΠΎ Ρƒ нас ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΎΡΡŒ:

Π§Ρ‚ΠΎΠ±Ρ‹ записи Ρ…ΠΎΡ‚ΡŒ Π½Π΅ ΠΌΠ½ΠΎΠ³ΠΎ Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚ΡŒ, Π΄Π°Π²Π°ΠΉΡ‚Π΅ создадим простой Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚Π΅Π»ΡŒ ΠΈΠ· ΠΊΡ€ΡƒΠ³ΠΎΠ².

Π‘ΠΎΠ·Π΄Π°Ρ‘ΠΌ Π³Ρ€ΡƒΠΏΠΏΡƒ Β«Π Π°Π·Π΄Π΅Π»ΠΈΡ‚Π΅Π»ΡŒΒ», Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ «Овальная ΠΎΠ±Π»Π°ΡΡ‚ΡŒΒ» создаём слой. И ΠΏΠΎΠ΄ Π±Π»ΠΎΠΊΠΎΠΌ записСй заТимая Shift рисуСм ΠΊΡ€ΡƒΠ³, Π·Π°Ρ‚Π΅ΠΌ Π·Π°Π»ΠΈΠ²Π°Π΅ΠΌ Π΅Π³ΠΎ Π²ΠΎΡ‚ этим Ρ†Π²Π΅Ρ‚ΠΎΠΌ #efefef.

ΠžΡ‚ΠΌΠ΅Π½ΡΠ΅ΠΌ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΈ ΠΈΡ‰Π΅ΠΌ сСрСдину ΠΊΡ€ΡƒΠ³Π° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ

Π’Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ слой с нашим ΠΊΡ€ΡƒΠΆΠΊΠΎΠΌ Π½Π° Π½Ρ‘ΠΌ ΠΆΠ΅ Π½Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ ΠΏΡ€Π°Π²ΡƒΡŽ ΠΊΠ½ΠΎΠΏΠΊΡƒ ΠΌΡ‹ΡˆΠΈ ΠΈ Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ Β«Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ Π΄ΡƒΠ±Π»ΠΈΠΊΠ°Ρ‚ слоя». ΠŸΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚Π΅ Π΅Π³ΠΎ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π²Π»Π΅Π²ΠΎ.

Π’ Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ Π·Π°Ρ…ΠΎΠ΄ΠΈ Π²ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ Β«Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅Β» β€” ВрансформированиС ΠΈ Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ ΠœΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅. И Π΄Π΅Π»Π°Π΅ΠΌ ΠΊΡ€ΡƒΠ³ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ мСньшС ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ, ΠΏΡ€ΠΈ этом заТимая Shift Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΊΡ€ΡƒΠ³ получился Ρ€ΠΎΠ²Π½Ρ‹ΠΌ.

Π’ΠΎΡ‚ Ρ‡Ρ‚ΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ:

ΠšΠΎΠΏΠΈΡ€ΡƒΠ΅ΠΌ слой этого малСнького ΠΊΡ€ΡƒΠ³Π° ΠΎΠΏΡΡ‚ΡŒ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Π΅ΠΌ Π΅Π³ΠΎ Π²Π»Π΅Π²ΠΎ. Π’Π°ΠΊ ΠΆΠ΅ Ρ‚ΠΎΡ‡Π½ΠΎ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°Π΅ΠΌ Π΅Π³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠ°ΠΊ написано Π²Ρ‹ΡˆΠ΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΎΡΡŒ Π²ΠΎΡ‚ Ρ‚Π°ΠΊ:

БСйчас Π’Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π΄ΡƒΠ±Π»ΠΈΠΊΠ°Ρ‚ срСднСго ΠΊΡ€ΡƒΠ³Π° ΠΈ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π²ΠΏΡ€Π°Π²ΠΎ, ΠΈ Ρ‚ΠΎΠΆΠ΅ самоС ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ с малСньким ΠΊΡ€ΡƒΠ³ΠΎΠΌ. Π§Ρ‚ΠΎΠ±Ρ‹ Π±Ρ‹Π»ΠΎ понятнСС сдСлайтС ΠΊΠ°ΠΊ Π½Π° рисункС:

А Π²ΠΎΡ‚ Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΎΡΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½ΠΎΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ€Π΅:

БСйчас Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Π΅ΠΌ Π±Π»ΠΎΠΊ записСй ΠΏΠΎΠ΄ Π±Π»ΠΎΠΊΠΎΠΌ. Π‘ΠΎΠ·Π΄Π°Ρ‘ΠΌ Π΄ΡƒΠ±Π»ΠΈΠΊΠ°Ρ‚ нашСй Π³Ρ€ΡƒΠΏΠΏΡ‹ Β«Π‘Π»ΠΎΠΊΒ» На ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ курсор (самый Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ). И пСрСтаскиваСм наш Π±Π»ΠΎΠΊ записСй Π²Π½ΠΈΠ·. ΠΈ Ρ‚Π°ΠΊ Π΄Π΅Π»Π°Π΅ΠΌ Ρ€Π°Π· 5.

Π‘Π°ΠΉΠ΄Π±Π°Ρ€ (правая ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ°)

Находим Π½Π°ΡˆΡƒ Π³Ρ€ΡƒΠΏΠΏΡƒ Β«Π‘Π°ΠΉΠ΄Π±Π°Ρ€Β», ΠΈ создаём Π² Π½Π΅ΠΉ ΠΏΠΎΠ΄Π³Ρ€ΡƒΠΏΠΏΡƒ «Поиск». Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π»ΠΈΠ½ΠΈΠΈ Π΄Π΅Π»Π°Π΅ΠΌ Π²ΠΎΡ‚ Ρ‚Π°ΠΊ:

Π’Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ инструмСнт Β«ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½Π°Ρ ΠΎΠ±Π»Π°ΡΡ‚ΡŒΒ» ΠΈ выдСляСм ΠΏΠΎΠ»Π΅ для поиска, Π·Π°Ρ‚Π΅ΠΌ Π·Π°Π»ΠΈΠ²Π°Π΅ΠΌ Π΅Π³ΠΎ Π²ΠΎΡ‚ этим Ρ†Π²Π΅Ρ‚ΠΎΠΌ #eeeeee

НС Π·Π°Π±Ρ‹Π²Π°Π΅ΠΌ ΠΎΡ‚ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅, ΠΊΠ»ΠΈΠΊΠ°Π΅ΠΌ Π½Π° инструмСнт Β«Π“ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ тСкст» ΠΈ Π² сСром ΠΏΠΎΠ»Π΅ пишСм слово Поиск

Π‘Π»Π΅Π²Π° Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ инструмСнт Β«ΠŸΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½Π°Ρ Ρ„ΠΈΠ³ΡƒΡ€Π°Β» ΠΈ свСрху ΠΈΡ‰Π΅ΠΌ Ρ„ΠΈΠ³ΡƒΡ€Ρƒ Π»ΡƒΠΏΡ‹. Она Π΅ΡΡ‚ΡŒ Π² стандартных Ρ„ΠΈΠ³ΡƒΡ€Π°Ρ…. Π‘ΠΎΠ·Π΄Π°Ρ‘ΠΌ слой Π² Π³Ρ€ΡƒΠΏΠΏΠ΅ «Поиск» Π½Π°Π²ΠΎΠ΄ΠΈΠΌ Π½Π° ΠΏΠΎΠ»Π΅ ΠΈ рисуСм Π½Π°ΡˆΡƒ Ρ„ΠΈΠ³ΡƒΡ€Ρƒ удСрТивая Shift.

ПолС поиска Π³ΠΎΡ‚ΠΎΠ²ΠΎ. Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΠΌ ΠΊ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Π°ΠΌ.

Π‘ΠΎΠ·Π΄Π°Ρ‘ΠΌ Π³Ρ€ΡƒΠΏΠΏΡƒ Β«Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Β» ΠΈ Π½ΠΎΠ²Ρ‹ΠΉ слой Π² Π½Π΅ΠΉ. Π—Π°Ρ‚Π΅ΠΌ добавляСм Π»ΠΈΠ½ΠΈΠΉ ΠΊΠ°ΠΊ Π½Π° рисункС. Π­Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Ρ„ΠΎΠ½ нашСго Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°, ΠΈ Π·Π°Π»ΠΈΠ²Π°Π΅ΠΌ Π΅Π³ΠΎ эти Ρ†Π²Π΅Ρ‚ΠΎΠΌ #eeeeee

Π’ наш Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Π½ΡƒΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ сам Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, Π΄Π΅Π»Π°Π΅ΠΌ это с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ тСкста. А Π΅Ρ‰Ρ‘ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ ΠΈΠΊΠΎΠ½ΠΊΡƒ ΠΊ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΡƒ. Для этого Π½ΡƒΠΆΠ½ΠΎ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π»ΡŽΠ±ΡƒΡŽ Ρ„ΠΈΠ³ΡƒΡ€Ρƒ которая ΠΏΠΎ Π΄ΡƒΡˆΠ΅, ΠΈ которая ΠΏΠΎ смыслу ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ πŸ™‚ НС Π·Π°Π±Ρ‹Π²Π°Π΅ΠΌ Π·Π°ΠΆΠΈΠΌΠ°Ρ‚ΡŒ Shift ΠΊΠΎΠ³Π΄Π° добавляСм Ρ„ΠΈΠ³ΡƒΡ€Ρƒ. И Π·Π°Π»Π΅ΠΉΡ‚Π΅ Π΅Ρ‘ Π²ΠΎΡ‚ этим Ρ†Π²Π΅Ρ‚ΠΎΠΌ #0dbfe5

И ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ ΠΆΠ΅ Π½ΡƒΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ записи ΠΊ нашим Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Π°ΠΌ. НуТно Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ инструмСнт Β«Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ тСкст», Π·Π°Ρ‚Π΅ΠΌ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ Π²Β 16 ΠΏΡ‚. И ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΠ° Π½Π° рисункС Π½ΠΈΠΆΠ΅

Π—Π°Ρ‚Π΅ΠΌ просто создаём Π΄ΡƒΠ±Π»ΠΈΠΊΠ°Ρ‚ Π³Ρ€ΡƒΠΏΠΏΡ‹ ΠΈ пСрСтаскиваСм Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ Π²Π½ΠΈΠ·. Π”Π΅Π»Π°Π΅ΠΌ Ρ‚ΠΎ ΠΆΠ΅ самоС Ρ‡Ρ‚ΠΎ ΠΈ с постами.

Π’ΠΎΡ‚ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π½Π°Π±Π»ΡŽΠ΄Π°Ρ‚ΡŒ ΠΏΠΎΡ‡Ρ‚ΠΈ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ ΠΈ простой ΠΌΠ°ΠΊΠ΅Ρ‚ для нашСго Π±ΡƒΠ΄ΡƒΡ‰Π΅Π³ΠΎ сайта.

Π€ΡƒΡ‚Π΅Ρ€ (Низ сайта)

Ну ΠΊΠ°ΠΊ ΠΆΠ΅ Π±Π΅Π· Π½Π΅Π³ΠΎ. Π’ этом шаблонС ΠΎΠ½ Ρ‚ΠΎΠΆΠ΅ Π½Π΅ сильно слоТный.

Всё ΠΊΠ°ΠΊ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ создаём Π³Ρ€ΡƒΠΏΠΏΡƒ Β«Π€ΡƒΡ‚Π΅Ρ€Β» ΠΈ слой Π² Π½Π΅ΠΉ. И Ρ€Π°Π·ΠΌΠ΅Ρ‡Π°Π΅ΠΌ Π΅Π³ΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ, Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ наш ΡƒΠΆΠ΅ Π»ΡŽΠ±ΠΈΠΌΡ‹ΠΉ инструмСнт Β«ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½Π°Ρ ΠΎΠ±Π»Π°ΡΡ‚ΡŒΒ» выдСляСм Π΅Π³ΠΎ ΠΈ Π·Π°Π»ΠΈΠ²Π°Π΅ΠΌ #0dbfe5

ΠžΡ‚ΠΌΠ΅Π½ΡΠ΅ΠΌ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅. Π‘Π΅Ρ€Ρ‘ΠΌ Β«Π“ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ тСкст» Π½Π°Ρ…ΠΎΠ΄ΠΈΠΌ Ρ‚ΠΎΡ‚ ΡˆΡ€ΠΈΡ„Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΡ‹ скачали (Olivier), ΠΈ вписываСм наш Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ, Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ†Π²Π΅Ρ‚ тСкста Π΄Π΅Π»Π°Π΅ΠΌ Ρ‡ΡƒΡ‚ΡŒ Ρ‚Π΅ΠΌΠ½Π΅Π΅.

А с ΠΏΡ€Π°Π²ΠΎΠΉ стороны нашСго Ρ„ΡƒΡ‚Π΅Ρ€Π° добавляСм мСню Ρ‚Π°ΠΊΠΎΠ΅ ΠΆΠ΅ ΠΊΠ°ΠΊ свСрху Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π±Π΅Π· Π»ΠΈΠ½ΠΈΠΈ. Π•Π³ΠΎ Π΄Π°ΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ просто ΡΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π²Π½ΠΈΠ·.

Π’ΠΎΡ‚ ΠΈ всё, Π΄Ρ€ΡƒΠ·ΡŒΡ, Ρƒ нс Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΡƒΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π²Π΅Ρ€ΡΡ‚Π°Ρ‚ΡŒ πŸ™‚

Π•Ρ‰Ρ‘, Π²ΠΎΡ‚ Π’Π°ΠΌ Π΅Π³ΠΎ PSD Ρ„Π°ΠΉΠ». Π‘ΠΊΠ°Ρ‡ΠΈΠ²Π°ΠΉΡ‚Π΅, ΠΈ смотритС Ссли Ρ‡Ρ‚ΠΎ Ρ‚ΠΎ Π½Π΅ поняли.

Π”Ρ€ΡƒΠ·ΡŒΡ, Ссли Π’Π°ΠΌ Ρ‡Ρ‚ΠΎ Π½ΠΈΠ±ΡƒΠ΄ΡŒ Π±ΡƒΠ΄Π΅Ρ‚ Π½Π΅ понятно, ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΡΠΏΡ€Π°ΡˆΠΈΠ²Π°ΠΉΡ‚Π΅ Π² коммСнтариях.

Π”ΠΎ скорых встрСч.

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΌΠ°ΠΊΠ΅Ρ‚Π° сайта: этапы, ΠΏΡ€Π°Π²ΠΈΠ»Π°, инструмСнты

Π’ ΡΡ‚Π°Ρ‚ΡŒΠ΅ рассказываСтся:Β Β Β Β Β 

  1. Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ ΠΌΠ°ΠΊΠ΅Ρ‚ сайта ΠΈ Π·Π°Ρ‡Π΅ΠΌ ΠΎΠ½ Π½ΡƒΠΆΠ΅Π½
  2. Π­Ρ‚Π°ΠΏΡ‹ создания ΠΌΠ°ΠΊΠ΅Ρ‚Π° сайта
  3. Π˜Π½ΡΡ‚Ρ€ΡƒΠΊΡ†ΠΈΡ ΠΏΠΎ созданию ΠΌΠ°ΠΊΠ΅Ρ‚Π° сайта Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ
  4. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΌΠ°ΠΊΠ΅Ρ‚Π° сайта Π² конструкторС
  5. ΠžΠ±Ρ‰ΠΈΠ΅ ΠΏΡ€Π°Π²ΠΈΠ»Π° Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚Π° сайта
  6. ΠŸΡ€ΠΎΠΉΠ΄ΠΈ тСст ΠΈ ΡƒΠ·Π½Π°ΠΉ, какая сфСра Ρ‚Π΅Π±Π΅ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚:
    Π°ΠΉΡ‚ΠΈ, Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈΠ»ΠΈ ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΈΠ½Π³.

    БСсплатно ΠΎΡ‚ Geekbrains

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

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

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ ΠΌΠ°ΠΊΠ΅Ρ‚ сайта ΠΈ Π·Π°Ρ‡Π΅ΠΌ ΠΎΠ½ Π½ΡƒΠΆΠ΅Π½

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

Как Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΠΎΡ€ прСдставляСт Π½Π° конкурс ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ здания Π² Π²ΠΈΠ΄Π΅ Π΅Π³ΠΎ ΠΌΠΎΠ΄Π΅Π»ΠΈ ΠΈΠ· пластика, Ρ‚Π°ΠΊ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΡƒ, ΠΊΠ°ΠΊ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Π½ΠΎΠ²Ρ‹ΠΉ рСсурс Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅, прСдставляя ΠΌΠ°ΠΊΠ΅Ρ‚ сайта.

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

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ ΠΌΠ°ΠΊΠ΅Ρ‚ сайта

ΠœΠ°ΠΊΠ΅Ρ‚ ΡƒΠΏΡ€ΠΎΡ‰Π°Π΅Ρ‚ ΠΈ ускоряСт процСсс создания сайта. Благодаря Π΅Π³ΠΎ Π½Π°Π»ΠΈΡ‡ΠΈΡŽ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΠΌΠΎΠ³ΡƒΡ‚:

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

Π­Ρ‚Π°ΠΏΡ‹ создания ΠΌΠ°ΠΊΠ΅Ρ‚Π° сайта

ΠŸΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠΌ ΠΎ процСссС Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π½Π°Π΄ ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠΌ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ΠΈ ΠΎΠ±Ρ€Π°Ρ‚ΠΈΠΌ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° Π²Π°ΠΆΠ½Ρ‹Π΅ Π½ΡŽΠ°Π½ΡΡ‹.

Π­Ρ‚Π°ΠΏ 1: Π€ΠΎΡ€ΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ тСхзадания

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

  • Π¦Π΅Π»ΠΈ сайта – для Ρ‡Π΅Π³ΠΎ Π½ΡƒΠΆΠ΅Π½ Π±ΡƒΠ΄ΡƒΡ‰ΠΈΠΉ Π²Π΅Π±-рСсурс.
  • ΠšΡ€Π°Ρ‚ΠΊΠΈΠΉ Π°Π½Π°Π»ΠΈΠ· ЦА – ΠΊΡ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΏΠ»ΠΎΡ‰Π°Π΄ΠΊΠΎΠΉ, ΠΊΠ°ΠΊΠΈΠ΅ потрСбности ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΎΠ½Π° Π±ΡƒΠ΄Π΅Ρ‚ ΡƒΠ΄ΠΎΠ²Π»Π΅Ρ‚Π²ΠΎΡ€ΡΡ‚ΡŒ.
  • ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠ΅ сцСнарии – ΠΊΠ°ΠΊ ΠΈΠΌΠ΅Π½Π½ΠΎ посСтитСли сайта Π±ΡƒΠ΄ΡƒΡ‚ ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ³Π°Ρ‚ΡŒΡΡ ΠΊ Π½ΡƒΠΆΠ½ΠΎΠΌΡƒ Π²Π°ΠΌ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρƒ.
  • ΠšΠΎΠ»ΠΈΡ‡Π΅ΡΡ‚Π²ΠΎ ΠΈ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎΠ΅ содСрТаниС страниц – сколько ΠΈΡ… понадобится, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ поставлСнныС Ρ†Π΅Π»ΠΈ.
  • Π‘Ρ€ΠΎΠΊ выполнСния Ρ€Π°Π±ΠΎΡ‚Ρ‹ – сколько Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π²Ρ‹ ΠΎΡ‚Π²ΠΎΠ΄ΠΈΡ‚Π΅ ΠΈΡΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŽ Π½Π° созданиС Π΄ΠΈΠ·Π°ΠΉΠ½-ΠΌΠ°ΠΊΠ΅Ρ‚Π° сайта.

Π­Ρ‚Π°ΠΏ 2: Π Π°Π±ΠΎΡ‚Π° Π½Π°Π΄ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠΌ

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

Π­Ρ‚Π°ΠΏ 3: ΠŸΠΎΠ΄Π±ΠΎΡ€ Ρ†Π²Π΅Ρ‚Π°

ΠŸΠ°Π»ΠΈΡ‚Ρ€Π° Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½Π° Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ пяти Ρ†Π²Π΅Ρ‚ΠΎΠ². Из Π½ΠΈΡ… Π΄Π²Π° ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Ρ‹ для Ρ„ΠΎΠ½Π°, Π΄Π²Π° – для ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² ΠΈ ΠΎΠ΄ΠΈΠ½, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ, – для Π²Π°ΠΆΠ½Ρ‹Ρ… ΠΊΠ½ΠΎΠΏΠΎΠΊ. НаличиС Π±Ρ€Π΅Π½Π΄Π±ΡƒΠΊΠ° ΠΏΡ€Π΅Π΄ΠΏΠΎΠ»Π°Π³Π°Π΅Ρ‚ использованиС Π² ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠΈ сайта ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΎΡ‚Ρ‚Π΅Π½ΠΊΠΎΠ².

Π£ΠΏΡ€ΠΎΡΡ‚ΠΈΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ ΠΏΠΎ ΠΏΠΎΠ΄Π±ΠΎΡ€Ρƒ Ρ†Π²Π΅Ρ‚ΠΎΠ² ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ сСрвисы. БСсплатно ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ с ΠΏΠ°Π»ΠΈΡ‚Ρ€ΠΎΠΉ Π±ΡƒΠ΄ΡƒΡ‰Π΅ΠΉ Π²Π΅Π±-ΠΏΠ»ΠΎΡ‰Π°Π΄ΠΊΠΈ Π²Π°ΠΌ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚:

  • Adobe Color
  • ColorCode
  • ColrD
  • Cohensive Colors
  • ColorHunter

Π­Ρ‚Π°ΠΏ 4: ΠŸΠΎΠ΄Π±ΠΎΡ€ ΡˆΡ€ΠΈΡ„Ρ‚Π°

НС ΠΏΠ΅Ρ€Π΅Π³Ρ€ΡƒΠΆΠ°ΠΉΡ‚Π΅ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΎΠ±ΠΈΠ»ΠΈΠ΅ΠΌ Ρ€Π°Π·Π½Ρ‹Ρ… ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ², достаточно Π΄Π²ΡƒΡ… – для Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² ΠΈ для основного тСкста. ΠŸΡ€ΠΈ нСобходимости ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ‚Ρ€Π΅Ρ‚ΠΈΠΉ, Π½ΠΎ Π΅Π³ΠΎ присутствиС Π½Π° страницС Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ ΠΎΠΏΡ€Π°Π²Π΄Π°Π½ΠΎ. ΠŸΡ€ΠΈ ΠΏΠΎΠ΄Π±ΠΎΡ€Π΅ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°ΠΉΡ‚Π΅ Π΄Π²Π° ΠΌΠΎΠΌΠ΅Π½Ρ‚Π°:

  • Они ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ Π·Π°Ρ‰ΠΈΡ‰Π΅Π½Ρ‹ авторскими ΠΏΡ€Π°Π²Π°ΠΌΠΈ. Π’ΠΎ ΠΈΠ·Π±Π΅ΠΆΠ°Π½ΠΈΠ΅ нСприятностСй ΠΎΠΏΠ»Π°Ρ‚ΠΈΡ‚Π΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΈΡ… использования ΠΈΠ»ΠΈ Π±Π΅Ρ€ΠΈΡ‚Π΅ бСсплатныС Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ с Google Fonts, Font Space, 1001 free fonts.
  • НС Π²ΠΎ всСх ΡˆΡ€ΠΈΡ„Ρ‚Π°Ρ… Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ Π·Π½Π°ΠΊΠΈ ΠΈ начСртания. Допустим, Π½Π΅ смоТСтС Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹ тСкста курсивом, Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π·Π½Π°ΠΊ Π΄ΠΎΠ»Π»Π°Ρ€Π° ΠΈΠ»ΠΈ Π±ΡƒΠΊΠ²Ρƒ Β«Ρ‘Β». ΠŸΠΎΠΏΡ‹Ρ‚ΠΊΠΈ Ρ€Π΅ΡˆΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ Photoshop Ρ‡Ρ€Π΅Π²Π°Ρ‚Ρ‹ появлСниСм ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ ΠΏΡ€ΠΈ вСрсткС страницы, поэтому Π»ΡƒΡ‡ΡˆΠ΅ Π½Π°ΠΉΡ‚ΠΈ ΡˆΡ€ΠΈΡ„Ρ‚, ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ ΠΈΠ΄Π΅Π΅ оформлСния Π²Π΅Π±-рСсурса.
ΠŸΠΎΠ΄Π±ΠΎΡ€ ΡˆΡ€ΠΈΡ„Ρ‚Π°

Π­Ρ‚Π°ΠΏ 5: ΠŸΡ€ΠΎΡ€Π°Π±ΠΎΡ‚ΠΊΠ°

ПослС ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… дСйствий приступаСм ΠΊ процСссу нСпосрСдствСнного создания ΠΌΠ°ΠΊΠ΅Ρ‚Π° страницы сайта.

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

Для удобства присваивайтС ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΌ элСмСнтам, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΡ… Π³Ρ€ΡƒΠΏΠΏΠ°ΠΌ Π»ΠΎΠ³ΠΈΡ‡Π½Ρ‹Π΅ названия: button для ΠΊΠ½ΠΎΠΏΠΎΠΊ, item name – для Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ² ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅.

Π­Ρ‚Π°ΠΏ 6: Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π³Π°ΠΉΠ΄Π°

Π’Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊ Π±ΡƒΠ΄Π΅Ρ‚ Π²Π°ΠΌ Π±Π»Π°Π³ΠΎΠ΄Π°Ρ€Π΅Π½ Π·Π° ΡΠΎΠΏΡ€ΠΎΠ²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ описаниС ΠΌΠ°ΠΊΠ΅Ρ‚Π° сайта. Π’ этом Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅ ΠΎΡ‚Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ Π΅Π³ΠΎ Π·Π½Π°Ρ‡ΠΈΠΌΡ‹Π΅ характСристики:

  • ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Π΅ Ρ†Π²Π΅Ρ‚Π°,
  • Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ сСтки,
  • тСкстовоС описаниС Π±Π°Π·ΠΎΠ²Ρ‹Ρ… элСмСнтов ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅.

Π’ΠΎΠΏ-30 самых вострСбованных ΠΈ высокооплачиваСмых профСссий 2023

ΠŸΠΎΠΌΠΎΠΆΠ΅Ρ‚ Ρ€Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ Π² Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ ситуации Π½Π° Ρ€Ρ‹Π½ΠΊΠ΅ Ρ‚Ρ€ΡƒΠ΄Π°

ΠŸΠΎΠ΄Π±ΠΎΡ€ΠΊΠ° 50+ рСсурсов ΠΎΠ± IT-сфСрС

Волько Π»ΡƒΡ‡ΡˆΠΈΠ΅ Ρ‚Π΅Π»Π΅Π³Ρ€Π°ΠΌ-ΠΊΠ°Π½Π°Π»Ρ‹, ΠΊΠ°Π½Π°Π»Ρ‹ Youtube, подкасты, Ρ„ΠΎΡ€ΡƒΠΌΡ‹ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅ для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Π²Π°Ρ‚ΡŒ Π½ΠΎΠ²ΠΎΠ΅ ΠΏΡ€ΠΎ IT

ВОП 50+ сСрвисов ΠΈ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΎΡ‚ Geekbrains

БСзопасныС ΠΈ Π½Π°Π΄Π΅ΠΆΠ½Ρ‹Π΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ для Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π² наши Π΄Π½ΠΈ

pdf 3,7mb

doc 1,7mb

Π£ΠΆΠ΅ скачали 19946

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

ΠŸΠΎΠ»Π΅Π·Π½Ρ‹ΠΌ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ΠΌ считаСтся сопоставлСниС внСшнСго Π²ΠΈΠ΄Π° страницы Π½Π° смартфонах, ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Π°Ρ… ΠΈ ПК. Π­Ρ‚ΠΎ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΡƒ ΠΈΠ·Π±Π΅ΠΆΠ°Ρ‚ΡŒ ошибок, Π²Ρ‹Π·Π²Π°Π½Π½Ρ‹Ρ… просмотром рСсурса Π½Π° Ρ€Π°Π·Π½Ρ‹Ρ… устройствах.

Π˜Π½ΡΡ‚Ρ€ΡƒΠΊΡ†ΠΈΡ ΠΏΠΎ созданию ΠΌΠ°ΠΊΠ΅Ρ‚Π° сайта Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ

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

  • Π€ΠΎΡ€ΠΌΠΈΡ€ΡƒΠ΅ΠΌ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ Π½ΡƒΠΆΠ½Ρ‹Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ²

НачинаСм с ΠΊΠ»ΠΈΠΊΠΎΠ² ΠΏΠΎ Β«Π€Π°ΠΉΠ»Β» ΠΈ Β«Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒΒ», ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅ΠΌ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ ΠΏΠΎΠ»Π΅ΠΉ. Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ большС Π½Π° 200 пиксСлСй, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ соотвСтствия с Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹ΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ страницы.

  • Π’ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌ Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ ΠΈ Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΡƒΠ΅ΠΌ сСтку

На листС появятся ΠΊΠ»Π΅Ρ‚ΠΎΡ‡ΠΊΠΈ, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ для располоТСния элСмСнтов ΠΏΠΎ ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π½Ρ‹ΠΌ для Π½ΠΈΡ… областям. На Π³ΠΎΡ‚ΠΎΠ²ΠΎΠΌ ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ эти Π»ΠΈΠ½ΠΈΠΈ ΠΏΡ€ΠΎΠΏΠ°Π΄ΡƒΡ‚.

  • ΠŸΠΎΠ΄Π±ΠΈΡ€Π°Π΅ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρƒ Ρ†Π²Π΅Ρ‚ΠΎΠ² для Ρ„ΠΎΠ½Π°

Π‘Π°ΠΌΡ‹ΠΉ простой Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ – ΠΏΡ€ΠΈΠ΄Π°Ρ‚ΡŒ Ρ„ΠΎΠ½Ρƒ Ρ€ΠΎΠ²Π½Ρ‹ΠΉ ΠΎΡ‚Ρ‚Π΅Π½ΠΎΠΊ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ Β«Π—Π°Π»ΠΈΠ²ΠΊΠ°Β». Π‘ΠΎΠ»Π΅Π΅ Π²Ρ‹ΠΈΠ³Ρ€Ρ‹ΡˆΠ½ΠΎ смотрятся ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΏΠΎ Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΠΊΠ΅ сайта.

  • ДобавляСм Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ стандартный инструмСнт.
  • Π€ΠΎΡ€ΠΌΠΈΡ€ΡƒΠ΅ΠΌ Π²Π΅Ρ€Ρ…Π½Π΅Π΅ мСню. ПослС выставлСния Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ ΠΊΠ»ΠΈΠΊΠ°Π΅ΠΌ Π½Π° Β«ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΡƒΡŽ ΠΎΠ±Π»Π°ΡΡ‚ΡŒΒ», выдСляСм мСсто вдоль Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ.

ΠŸΠΎΠ΄Π±ΠΈΡ€Π°Π΅ΠΌ подходящий Ρ†Π²Π΅Ρ‚, ΠΆΠΌΠ΅ΠΌ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«Π—Π°Π»ΠΈΠ²ΠΊΠ°Β», Ρ‚Π΅ΠΌ самым Π·Π°ΠΊΡ€Π°ΡˆΠΈΠ²Π°Π΅ΠΌ Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½ΡƒΡŽ Ρ€Π°Π½Π΅Π΅ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ. Π—Π°Ρ‚Π΅ΠΌ отмСняСм Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅: Β«Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅Β» – Β«ΠžΡ‚ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅Β».

ПослС этого Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ Β«Π“ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ тСкст» ΠΈ ΡˆΡ€ΠΈΡ„Ρ‚. Π©Π΅Π»Ρ‡ΠΊΠΎΠΌ ΠΌΡ‹ΡˆΠΈ ΠΏΠΎ Π·Π°ΠΊΡ€Π°ΡˆΠ΅Π½Π½ΠΎΠΉ области Π΄Π°Π΅ΠΌ названия Ρ€Π°Π·Π΄Π΅Π»Π°ΠΌ мСню. ΠŸΡ€ΠΈ нСобходимости ΠΏΠ΅Ρ€Π΅Π΄Π²ΠΈΠ³Π°Π΅ΠΌ тСкст Π² Π½ΡƒΠΆΠ½ΠΎΠ΅ мСсто.

Π—Π°Ρ‚Π΅ΠΌ создаСм слой, ΠΊΠ»ΠΈΠΊΠ°Π΅ΠΌ Π½Π° «Линия», Π½Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ Shift ΠΈ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠ΅ΠΉ Π΄Π΅Π»ΠΈΠΌ Ρ„ΠΎΠ½ мСню.

Π’ΠΎΡ‡Π½Ρ‹ΠΉ инструмСнт «КолСсо ΠΊΠΎΠΌΠΏΠ΅Ρ‚Π΅Π½Ρ†ΠΈΠΉΒ»

Для Π΄Π΅Ρ‚Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ самоанализа ΠΏΠΎ Π²Ρ‹Π±ΠΎΡ€Ρƒ IT-профСссии

Бписок Π³Ρ€ΡƒΠ±Ρ‹Ρ… ошибок Π² IT, ΠΈΠ·-Π·Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… сразу ΡƒΠ²ΠΎΠ»ΡŒΠ½ΡΡŽΡ‚

Об этом ΠΌΠ°Π»ΠΎ ΠΊΡ‚ΠΎ рассказываСт, Π½ΠΎ это Π΄ΠΎΠ»ΠΆΠ΅Π½ Π·Π½Π°Ρ‚ΡŒ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ

Мини-тСст ΠΈΠ· 11 вопросов ΠΎΡ‚ нашСго Π»ΠΈΡ‡Π½ΠΎΠ³ΠΎ психолога

Π’Ρ‹ сразу ΠΏΠΎΠΉΠΌΠ΅Ρ‚Π΅, Ρ‡Ρ‚ΠΎ Π² Π΄Π°Π½Π½Ρ‹ΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚ Ρ‚ΠΎΡ€ΠΌΠΎΠ·ΠΈΡ‚ ваш успСх

Π Π΅Π³ΠΈΡΡ‚Ρ€ΠΈΡ€ΡƒΠΉΡ‚Π΅ΡΡŒ Π½Π° бСсплатный интСнсив, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π° 3 часа Π½Π°Ρ‡Π°Ρ‚ΡŒ Ρ€Π°Π·Π±ΠΈΡ€Π°Ρ‚ΡŒΡΡ Π² IT Π»ΡƒΡ‡ΡˆΠ΅ 90% Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ².

Волько Π΄ΠΎ 13 ΠΌΠ°Ρ€Ρ‚Π°

ΠžΡΡ‚Π°Π»ΠΎΡΡŒ 17 мСст

ΠŸΠΎΡ‚ΠΎΠΌ ΠΊΠΎΠΏΠΈΡ€ΡƒΠ΅ΠΌ слой ΠΈ выставляСм послС ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Ρ€Π°Π·Π΄Π΅Π»Π°:

  • Π‘ΠΎΠ·Π΄Π°Π΅ΠΌ основной Π±Π»ΠΎΠΊ с ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ. УстанавливаСм Π»ΠΈΠ½ΠΈΠΈ – Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΡƒΡŽ ΠΈ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΡƒΡŽ. Π”Π΅Π»Π°Π΅ΠΌ слои – с Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ ΠΈ с тСкстом. ΠŸΡ€ΠΈ нСобходимости ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Π΅ΠΌ изобраТСния. Π›Π΅Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΆΠΌΠ΅ΠΌ Π½Π° «ВСкст» ΠΈ растягиваСм ΠΏΠΎ Π΄ΠΈΠ°Π³ΠΎΠ½Π°Π»ΠΈ, послС Ρ‡Π΅Π³ΠΎ вставляСм ΠΈ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΡƒΠ΅ΠΌ тСкст.
  • Π’ ΠΏΠΎΠ΄Π²Π°Π»Π΅ сайтС создаСм Π³Ρ€ΡƒΠΏΠΏΡƒ ΠΈ слой. ВыполняСм Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΡƒ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Π»ΠΈΠ½Π΅ΠΉΠΊΡƒ. Π”Π°Π»Π΅Π΅ Β«ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½Π°Ρ ΠΎΠ±Π»Π°ΡΡ‚ΡŒΒ» ΠΈ Β«Π—Π°Π»ΠΈΠ²ΠΊΠ°Β».
Π˜Π½ΡΡ‚Ρ€ΡƒΠΊΡ†ΠΈΡ ΠΏΠΎ созданию ΠΌΠ°ΠΊΠ΅Ρ‚Π° сайта Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ

МСню ΠΊΠΎΠΏΠΈΡ€ΡƒΠ΅ΠΌ ΠΈΠ· Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ.

Π“ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚:

  • ΡˆΠ°ΠΏΠΊΡƒ с Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠΎΠΌ ΠΈ мСню;
  • основной Π±Π»ΠΎΠΊ с ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ;
  • Π±ΠΎΠΊΠΎΠ²ΡƒΡŽ панСль;
  • Ρ„ΡƒΡ‚Π΅Ρ€, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ находятся ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Ρ‹, ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Π΅ ссылки ΠΈ Ρ‚. Π΄.

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΌΠ°ΠΊΠ΅Ρ‚Π° сайта Π² конструкторС

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

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

Π Π°Π±ΠΎΡ‚Π° Ρ‡Π΅Ρ€Π΅Π· сСрвис для создания ΠΌΠ°ΠΊΠ΅Ρ‚Π° сайта Π²Ρ‹Π³ΠΎΠ΄Π½Π° ΠΏΠΎ нСскольким ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ:

  • Π’Ρ‹Π±ΠΎΡ€ Π³ΠΎΡ‚ΠΎΠ²ΠΎΠ³ΠΎ шаблона ΠΈΠ· Π±ΠΎΠ³Π°Ρ‚ΠΎΠΉ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ.
  • ΠžΡ‚ΡΡƒΡ‚ΡΡ‚Π²ΠΈΠ΅ финансовых Π·Π°Ρ‚Ρ€Π°Ρ‚ (Π½ΠΎ Π΅ΡΡ‚ΡŒ ΠΈ ΠΏΠ»Π°Ρ‚Π½Ρ‹Π΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹).
  • Экономия Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ.
  • ΠœΠΎΠΌΠ΅Π½Ρ‚Π°Π»ΡŒΠ½ΠΎΠ΅ внСсСниС ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚ΠΈΠ².
  • Доступна людям, Π½Π΅ ΠΎΠ±Π»Π°Π΄Π°ΡŽΡ‰ΠΈΠΌΠΈ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ знаниями.

ΠžΠ±Ρ‰ΠΈΠ΅ ΠΏΡ€Π°Π²ΠΈΠ»Π° Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚Π° сайта

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

ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊ ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π°ΠΉΡ‚ΠΈ ΠΈ ΠΏΠΎΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ Π΄ΠΎΠΏΡƒΡ‰Π΅Π½Π½Ρ‹Π΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠΌ Π½Π΅Π΄ΠΎΡ‡Π΅Ρ‚Ρ‹, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ΠΈ Π½Π΅ ΠΏΠΎΠΏΠ°Π»ΠΈ Π½Π° ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½Π½Ρ‹ΠΉ рСсурс.

К Ρ‚ΠΈΠΏΠΈΡ‡Π½Ρ‹ΠΌ дизайнСрским ошибкам относятся ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅:

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

БвСсти ΠΊ ΠΌΠΈΠ½ΠΈΠΌΡƒΠΌΡƒ Π²Π΅Ρ€ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒ появлСния ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹Ρ… ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ соблюдСниС основных ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠΎΠ² создания Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°ΠΊΠ΅Ρ‚Π° сайта.

ΠŸΡ€Π°Π²ΠΈΠ»ΠΎ 1: Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Ρ„Π°ΠΉΠ»ΠΎΠ², ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ для всСх

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

НаиболСС вострСбованным графичСским Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠΌ считаСтся Adobe Photoshop. Π‘ Π½ΠΈΠΌ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ ΡƒΡΠΏΠ΅ΡˆΠ½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„Ρ‹, ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ‚ΠΎΡ€Ρ‹ ΠΈ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹. Π€Π°ΠΉΠ»Ρ‹ Photoshop ΠΈΠΌΠ΅ΡŽΡ‚ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ .psd, поэтому Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚ ΠΎΡ‚ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° PSD-ΠΌΠ°ΠΊΠ΅Ρ‚.

Π£Π½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ этого Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° ΠΏΡ€ΠΈΠ²ΠΎΠ΄ΠΈΡ‚ ΠΊ Ρ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎ Π½Π° ΠΎΠ²Π»Π°Π΄Π΅Π½ΠΈΠ΅ Π΅Π³ΠΎ функциями трСбуСтся врСмя. Для Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ Π·Π°Π΄Π°Ρ‡ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° созданы ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Π½ΠΎΠ²ΠΎΠ³ΠΎ поколСния, Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ Π³ΠΎΡ€Π°Π·Π΄ΠΎ ΠΏΡ€ΠΎΡ‰Π΅. МногиС Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡŽΡ‚ созданиС ΠΌΠ°ΠΊΠ΅Ρ‚Π° сайта Π² Figma, Adobe XD, Sketch. ΠšΡ‚ΠΎ-Ρ‚ΠΎ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°Π΅Ρ‚ Adobe Illustrator ΠΈΠ»ΠΈ Adobe InDesign.

Π’Π°ΠΊΠΎΠ΅ Ρ€Π°Π·Π½ΠΎΠΎΠ±Ρ€Π°Π·ΠΈΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Ρ… Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ ΠΏΡ€ΠΈΠ²ΠΎΠ΄ΠΈΡ‚ ΠΊ Ρ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎ Ρƒ Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΠ° ΠΌΠΎΠ³ΡƒΡ‚ Π²ΠΎΠ·Π½ΠΈΠΊΠ½ΡƒΡ‚ΡŒ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ с ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½Π½Ρ‹ΠΌΠΈ Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ. Π₯ΠΎΡ€ΠΎΡˆΠΈΠΌ Ρ‚ΠΎΠ½ΠΎΠΌ считаСтся Π΄ΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ΡŒΡΡ ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ ΠΌΠ°ΠΊΠ΅Ρ‚ сайта, Π΄ΠΎ Π½Π°Ρ‡Π°Π»Π° Ρ€Π°Π±ΠΎΡ‚Ρ‹.

ΠŸΡ€Π°Π²ΠΈΠ»ΠΎ 2: Π‘ΠΎΠ±Π»ΡŽΠ΄Π°ΠΉΡ‚Π΅ ΠΏΡ€Π°Π²ΠΈΠ»Π° ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°

БоблюдСниС этих трСбования упростит ΠΈ созданиС ΠΌΠ°ΠΊΠ΅Ρ‚Π° сайта, ΠΈ Π΅Π³ΠΎ вСрстку.

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

ΠŸΡ€Π°Π²ΠΈΠ»ΠΎ 3: ΠŸΡ€ΠΎΡΠ»Π΅Π΄ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π΅ Π±Ρ‹Π»ΠΎ Π΄Ρ€ΠΎΠ±Π½Ρ‹Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ²

Π£Π±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ расстояния ΠΈ отступы ΠΈΠΌΠ΅ΡŽΡ‚ Ρ†Π΅Π»Ρ‹Π΅ значСния, Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½Π½Ρ‹Π΅ Ρ‡Π΅Ρ‚Π½Ρ‹ΠΌΠΈ числами. Π”Ρ€ΠΎΠ±Π΅ΠΉ ΠΈ Π½Π΅Ρ‡Π΅Ρ‚Π½Ρ‹Ρ… чисСл Π² ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ Π±Ρ‹Ρ‚ΡŒ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ.

ΠŸΡ€Π°Π²ΠΈΠ»ΠΎ 4: НавСдитС порядок Π² слоях ΠΈ Π°Ρ€Ρ‚Π±ΠΎΡ€Π΄Π°Ρ…

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

Π’ΠΎ ΠΈΠ·Π±Π΅ΠΆΠ°Π½ΠΈΠ΅ этой ситуации:

  • ΡƒΠ΄Π°Π»ΠΈΡ‚Π΅ скрытыС ΠΈ пустыС слои,
  • ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚Π΅ элСмСнты Π² Π³Ρ€ΡƒΠΏΠΏΡ‹ ΠΏΠΎ смыслу,
  • Π΄Π°ΠΉΡ‚Π΅ ΠΊΠ°ΠΆΠ΄ΠΎΠΌΡƒ слою Π½Π°Π·Π²Π°Π½ΠΈΠ΅.

ВсС Π°Ρ€Ρ‚Π±ΠΎΡ€Π΄Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ понятноС Π»ΠΎΠ³ΠΈΡ‡Π½ΠΎΠ΅ Π½Π°ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½ΠΈΠ΅. Π­Ρ‚ΠΎ упростит Ρ€Π°Π±ΠΎΡ‚Ρƒ Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΠ° ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… спСциалистов.

ΠžΠ±Ρ‰ΠΈΠ΅ ΠΏΡ€Π°Π²ΠΈΠ»Π° Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚Π° сайта

ΠŸΡ€Π°Π²ΠΈΠ»ΠΎ 5: ΠŸΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚Π΅ элСмСнты Π½Π° ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π°Ρ€Ρ‚Π±ΠΎΡ€Π΄

Π­Ρ‚ΠΎ касаСтся элСмСнтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ HTML ΠΈ CSS: ΠΈΠΊΠΎΠ½ΠΊΠΈ, ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ, ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ. ВсС ΠΎΠ½ΠΈ выносятся Π½Π° ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΡƒΡŽ страницу ΠΌΠ°ΠΊΠ΅Ρ‚Π°. Экспортировав ΠΈΡ… Π² PNG ΠΈΠ»ΠΈ SVG, Π²Ρ‹ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΡƒ: Π΅ΠΌΡƒ Π½Π΅ придСтся Ρ‚Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ врСмя Π½Π° ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚Π°Ρ†ΠΈΡŽ.

Π—Π΄Π΅ΡΡŒ ΠΆΠ΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚Π΅ всС состояния элСмСнтов: Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΊΠ°ΠΊ ΠΎΠ΄Π½Π° ΠΈ Ρ‚Π° ΠΆΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠ° выглядит ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ, ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора, ΠΏΡ€ΠΈ ΠΊΠ»ΠΈΠΊΠ΅. На этом ΠΆΠ΅ Π°Ρ€Ρ‚Π±ΠΎΡ€Π΄Π΅ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΡŒΡ‚Π΅ ΠΎΠ±Ρ€Π°Π·Ρ†Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Π½Π½Ρ‹Ρ… Π²Π°ΠΌΠΈ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² ΠΈ Ρ†Π²Π΅Ρ‚ΠΎΠ².

ΠŸΡ€Π°Π²ΠΈΠ»ΠΎ 6: Π‘ΠΎΠΏΡ€ΠΎΠ²ΠΎΠ΄ΠΈΡ‚Π΅ ΠΌΠ°ΠΊΠ΅Ρ‚ ΡˆΡ€ΠΈΡ„Ρ‚Π°ΠΌΠΈ ΠΈ ΠΈΠΊΠΎΠ½ΠΊΠ°ΠΌΠΈ

Π Π΅Ρ‡ΡŒ ΠΈΠ΄Π΅Ρ‚ ΠΎ Ρ€Π΅Π΄ΠΊΠΈΡ… ΡˆΡ€ΠΈΡ„Ρ‚Π°Ρ…, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΡ‚ΡΡƒΡ‚ΡΡ‚Π²ΡƒΡŽΡ‚ Π² популярных Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ°Ρ…. Если ΠΎΠ½ Π΅ΡΡ‚ΡŒ Π² Google Fonts, достаточно ΠΏΡ€ΠΈΠ»ΠΎΠΆΠΈΡ‚ΡŒ ссылку.

ΠŸΡ€ΠΈΠ»ΠΎΠΆΠΈΡ‚Π΅ ΠΊ ΠΌΠ°ΠΊΠ΅Ρ‚Ρƒ всС элСмСнты, экспортированныС ΠΈΠ· Π°Ρ€Ρ‚Π±ΠΎΡ€Π΄Π°. Для Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° PNG ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΡŒΡ‚Π΅ вСрсии Π² Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡΡ….

ΠŸΡ€Π°Π²ΠΈΠ»ΠΎ 7: Π‘ΠΎΠ·Π΄Π°Π²Π°ΠΉΡ‚Π΅ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ для дСмонстрации двиТущихся элСмСнтов

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

АнимированныС ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для дСмонстрации сайта Π² ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ ΠΈΠ»ΠΈ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΠΈ Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΡƒ.

ΠœΠ°ΠΊΠ΅Ρ‚, нарисованный Π² любом графичСском Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅, Π»Π΅Π³ΠΊΠΎ пСрСносится Π² ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹: Adobe Animate, Adobe Edge ΠΈΠ»ΠΈ Principle.

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

ΠŸΡ€ΠΎΠ΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ Π±Π»ΠΎΠ³Π° — Π“Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€ ΠΏΡ€ΠΎΠ΄Π°ΠΆ

Π Π΅ΠΉΡ‚ΠΈΠ½Π³: 5

( голосов 3 )

ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ ΡΡ‚Π°Ρ‚ΡŒΠ΅ΠΉ

Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ сайта Π² Photoshop

Π§Π°ΡΡ‚ΡŒ 2 ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π²Π΅Π±-сайт с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Photoshop ΠΈ Dreamweaver

Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ Π²Π΅Π±-сайта, ΠΏΠΎΠΊΠ°Π·Π°Π½Π½Ρ‹ΠΉ Π½ΠΈΠΆΠ΅, Π² Photoshop. НаТмитС здСсь, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π² ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ html-сайт Π² ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… ΡƒΡ€ΠΎΠΊΠ°Ρ….

Π­Ρ‚ΠΎΡ‚ ΡƒΡ‡Π΅Π±Π½ΠΈΠΊ являСтся Ρ‡Π°ΡΡ‚ΡŒΡŽ 4-страничного руководства ΠΏΠΎ созданию простого Π²Π΅Π±-сайта с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Photoshop ΠΈ Dreamweaver.

Π£Ρ€ΠΎΠΊ 1: Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° Π²Π΅Π±-сайта
Π£Ρ€ΠΎΠΊ 2: Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π²Π΅Π±-сайта Π² Photoshop
Π£Ρ€ΠΎΠΊ 3: НарСзка ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π² Photoshop
Π£Ρ€ΠΎΠΊ 4: Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π²Π΅Π±-сайта Π² Dreamweaver

ΠœΡ‹ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π»ΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚ с Ρ‡Π΅Ρ€Π½Ρ‹ΠΌ Ρ„ΠΎΠ½ΠΎΠΌ, ΠΎΠ±Π»Π°ΡΡ‚ΡŒΡŽ для Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ°, ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ графичСским Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ, Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹ΠΌΠΈ ссылками, содСрТимым ΠΈ изобраТСниями.

ΠŸΠΎΠΌΠ½ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ мСста для ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π³ΠΎ:

  • Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ β€” это ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ графичСский Π±Π°Π½Π½Π΅Ρ€
  • Π›ΠΎΠ³ΠΎΡ‚ΠΈΠΏ
  • Кнопки — Бсылки для Π΄ΠΎΠΌΠ°, ΠΎ нас, ΡΠ²ΡΠ·Π°Ρ‚ΡŒΡΡ с Π½Π°ΠΌΠΈ ΠΈ Ρ‚. Π΄.
  • ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ
  • ΠžΠ±Π»Π°ΡΡ‚ΡŒ содСрТимого
  • Π˜Π½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡ ΠΎΠ± авторских ΠΏΡ€Π°Π²Π°Ρ…

Π’Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ шаги, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ Π²Π΅Π±-сайта Π² Photoshop:

  1. ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Π½ΠΎΠ²Ρ‹ΠΉ Ρ„Π°ΠΉΠ» Π² Photoshop, Π½Π°ΠΆΠ°Π² File/New ΠΈ Π²Π²Π΅Π΄ΠΈΡ‚Π΅ ΡˆΠΈΡ€ΠΈΠ½Ρƒ 750 пиксСлСй ΠΈ высоту 450 пиксСлСй.
  2. Π—Π°ΠΊΡ€Π°ΡΡŒΡ‚Π΅ Ρ„ΠΎΠ½ Ρ‡Π΅Ρ€Π½Ρ‹ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ, Π²Ρ‹Π±Ρ€Π°Π² Ρ‡Π΅Ρ€Π½Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚ ΠΏΠ΅Ρ€Π΅Π΄Π½Π΅Π³ΠΎ ΠΏΠ»Π°Π½Π° ΠΈ Π²Ρ‹Π±Ρ€Π°Π² инструмСнт Π²Π΅Π΄Ρ€ΠΎ краски ΠΈ Ρ‰Π΅Π»ΠΊΠ½ΡƒΠ² ΠΏΠΎ холсту. Π’Π°Ρˆ Ρ„ΠΎΠ½ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Π±ΡƒΠ΄Π΅Ρ‚ Ρ‡Π΅Ρ€Π½Ρ‹ΠΌ.
  3. Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Π½ΠΎΠ²Ρ‹ΠΉ слой, Ρ‰Π΅Π»ΠΊΠ½ΡƒΠ² Π·Π½Π°Ρ‡ΠΎΠΊ Β«Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ слой» Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ Β«Π‘Π»ΠΎΠΈΒ». Если панСль Β«Π‘Π»ΠΎΠΈΒ» Π½Π΅ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Π°, ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ ΠΊ Window/Layers . НазовитС Π½ΠΎΠ²Ρ‹ΠΉ слой авторскоС ΠΏΡ€Π°Π²ΠΎ . Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Rectangle Marquee Tool ΠΈ ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚Π΅ Π΅Π³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π½ΠΈΠΆΠ½ΠΈΠΉ Π±Π°Π½Π½Π΅Ρ€ ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ 750 пиксСлСй Π½Π° 21 пиксСль. Π Π°ΡΠΊΡ€Π°ΡΡŒΡ‚Π΅ этот Π±Π°Π½Π½Π΅Ρ€ Ρ†Π²Π΅Ρ‚ΠΎΠΌ #303030.
  4. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Horizontal Type Tool . ВСкстовый слой создаСтся автоматичСски. Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π²Π²Π΅Π΄ΠΈΡ‚Π΅ тСкст для авторских ΠΏΡ€Π°Π², Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€. «ΠΠ²Ρ‚орскоС ΠΏΡ€Π°Π²ΠΎ Β© 2005 www.YourWebBusiness.com. ВсС ΠΏΡ€Π°Π²Π° Π·Π°Ρ‰ΠΈΡ‰Π΅Π½Ρ‹.
  5. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ инструмСнт Β«Π“ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ тСкст». ВСкстовый слой появится автоматичСски. Π’Π°ΠΊΠΆΠ΅ Π²Π²Π΅Π΄ΠΈΡ‚Π΅ тСкст ΠΊΠ½ΠΎΠΏΠΊΠΈ Π½Π° Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ Π±Π°Π½Π½Π΅Ρ€Π΅: «главная страница l ΠΊΠ°Ρ€Ρ‚Π° сайта l новости l Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈΒ».

  6. Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½ΠΎΠ²Ρ‹ΠΉ слой. Π’Π΅ΠΏΠ΅Ρ€ΡŒ сдСлайтС Ρ†Π²Π΅Ρ‚ сСрой Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ #808080 с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ single Marquee tool . ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ ΠΊ Edit>Stroke . Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π¨ΠΈΡ€ΠΈΠ½Π° ΠΎΠ±Π²ΠΎΠ΄ΠΊΠΈ 1 пиксСль. Π¦Π²Π΅Ρ‚ β„– 808080. РасполоТСниС Π¦Π΅Π½Ρ‚Ρ€. НаТмитС ΠΊΠ½ΠΎΠΏΠΊΡƒ ОК.
  7. Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ ΠΏΠΎ слою ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π΄ΡƒΠ±Π»ΠΈΠΊΠ°Ρ‚ слоя 3 Ρ€Π°Π·Π°, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Ρƒ вас Π΅ΡΡ‚ΡŒ 4 Π»ΠΈΠ½ΠΈΠΈ. ΠŸΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚Π΅ Π»ΠΈΠ½ΠΈΠΈ Π² ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ мСста: Π²Π½ΠΈΠ·Ρƒ, посСрСдинС, Π²Π²Π΅Ρ€Ρ…Ρƒ.
  8. Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ввСсти тСкст ΠΊΠ½ΠΎΠΏΠΊΠΈ Π½Π° Π²Ρ‚ΠΎΡ€ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ Π±Π°Π½Π½Π΅Ρ€Π΅ Π² Π½ΠΎΠ²ΠΎΠΌ слоС, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€. О нас l услуги l продукция l ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΡƒΡ€Π° l ΡΠ²ΡΠ·Π°Ρ‚ΡŒΡΡ с Π½Π°ΠΌΠΈ.
  9. Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚Π΅ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΎΠ³ΠΎ инструмСнта выдСлСния. ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² Β«ΠŸΡ€Π°Π²ΠΊΠ°Β»> «Обводка». Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΎΠ±Π²ΠΎΠ΄ΠΊΠΈ 1 пиксСль. Π¦Π²Π΅Ρ‚ #808080. РасполоТСниС Π¦Π΅Π½Ρ‚Ρ€. Π—Π°Π»Π΅ΠΉΡ‚Π΅ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΡŽΡŽ Ρ‡Π°ΡΡ‚ΡŒ Ρ‡Π΅Ρ€Π½Ρ‹ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнта Paint. НазовитС Π΅Π³ΠΎ ΠžΠ±Π»Π°ΡΡ‚ΡŒ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ°.
  10. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ инструмСнт Β«Π“ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ тСкст» ΠΈ Π½Π°ΠΏΠΈΡˆΠΈΡ‚Π΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ своСй ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ ΠΈΠ»ΠΈ Π²Π΅Π±-сайта.
  11. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ инструмСнт Β«Π“ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ тСкст» ΠΈ Π²Π²Π΅Π΄ΠΈΡ‚Π΅ содСрТимоС посСрСдинС.
  12. Π’ΡΡ‚Π°Π²ΡŒΡ‚Π΅ свой Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ (см. наш ΡƒΡ‡Π΅Π±Π½ΠΈΠΊ ΠΏΠΎ созданию ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°ΡŽΡ‰Π΅Π³ΠΎ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°). Π­Ρ‚ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ любоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π²Ρ‹ Π²Ρ‹Π±Π΅Ρ€Π΅Ρ‚Π΅. Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΌ Π±Π°Π½Π½Π΅Ρ€ΠΎΠΌ. ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Ρ„Π°ΠΉΠ» изобраТСния. ΠŸΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ инструмСнту пСрСмСщСния. ΠŸΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚Π΅ ΠΈΠ· Ρ„Π°ΠΉΠ»Π° изобраТСния Π² этот ΠΌΠ°ΠΊΠ΅Ρ‚ Π² сСрСдинС ΠΌΠ°ΠΊΠ΅Ρ‚Π°.
  13. НарисуйтС ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΈ справа с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнта Polygonal Lasso Tool . ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² Β«ΠŸΡ€Π°Π²ΠΊΠ°Β»> «Обводка». Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΎΠ±Π²ΠΎΠ΄ΠΊΠΈ 1 пиксСль. Π¦Π²Π΅Ρ‚ #808080. РасполоТСниС Π¦Π΅Π½Ρ‚Ρ€.
    НазовитС свой слой borderpics. Π‘Π΄Π΅Π»Π°ΠΉΡ‚Π΅ Π΅Ρ‰Π΅ Π΄Π²Π΅ ΠΊΠΎΡ€ΠΎΠ±ΠΊΠΈ. ΠžΡ‚Ρ€Π΅Π³ΡƒΠ»ΠΈΡ€ΡƒΠΉΡ‚Π΅ ΠΈΡ… ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ Π² ΠΏΡ€Π°Π²ΠΎΠΉ части ΠΌΠ°ΠΊΠ΅Ρ‚Π°. Π’ΡΡ‚Π°Π²ΡŒΡ‚Π΅ изобраТСния, ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΠ² ΠΈΡ… Π½Π° ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΈ Π½Π°Π·Π²Π°Π² слои.
  14. ΠŸΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚Π΅ слой borderpics ΠΏΠΎΠ²Π΅Ρ€Ρ… Ρ‚Ρ€Π΅Ρ… слоСв изобраТСния. ΠšΡ€Π°Ρ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ ΠΎΠ±Ρ€Π΅Π·Π°Π½Ρ‹ Π² соотвСтствии с Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ ΠΊΠΎΡ€ΠΎΠ±ΠΊΠΈ.
  15. Π’Π΅ΠΏΠ΅Ρ€ΡŒ создайтС Π±Π΅Π»Ρ‹Π΅ полосы с тСкстом Π² Π½ΠΈΠΆΠ½Π΅ΠΉ части ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΏΡ€Π°Π²ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнта выдСлСния ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°. Π—Π°Π»Π΅ΠΉΡ‚Π΅ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ Π±Π΅Π»Ρ‹ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнта Paint. НазовитС Π΅Π³ΠΎ Β«whitebandpicsΒ». Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ инструмСнт Β«Π“ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ тСкст». ВСкстовый слой создаСтся автоматичСски. Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π²Π²Π΅Π΄ΠΈΡ‚Π΅ тСкст для ΠΏΠΎΠ΄Π°Ρ€ΠΊΠΎΠ². ΠŸΡ€ΠΎΠ΄Π΅Π»Π°ΠΉΡ‚Π΅ Ρ‚ΠΎ ΠΆΠ΅ самоС с ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°ΠΌΠΈ. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΆΠ°Ρ‚ΡŒ здСсь для ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ — pic1, pic2, pic3. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚ΡŒ эти изобраТСния Π² свой ΠΌΠ°ΠΊΠ΅Ρ‚.

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

Π­Ρ‚ΠΎΡ‚ ΡƒΡ‡Π΅Π±Π½ΠΈΠΊ являСтся Ρ‡Π°ΡΡ‚ΡŒΡŽ 4-страничного руководства ΠΏΠΎ созданию простого Π²Π΅Π±-сайта с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Photoshop.

Π£Ρ€ΠΎΠΊ 1. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° Π²Π΅Π±-сайта
Π£Ρ€ΠΎΠΊ 2: Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π²Π΅Π±-сайта Π² Photoshop
Π£Ρ€ΠΎΠΊ 3: НарСзка ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π² Photoshop
Π£Ρ€ΠΎΠΊ 4: Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π²Π΅Π±-сайта Π² Dreamweaver

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΡ‡Π΅Ρ€ΠΏΠ½ΡƒΡ‚ΡŒ ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹Π΅ ΠΈΠ΄Π΅ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π²Π΅Π±-сайта ΠΈΠ· мноТСства Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… шаблонов ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π²Π΅Π±-сайта!

Никакая Ρ‡Π°ΡΡ‚ΡŒ этих ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ² Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ воспроизвСдСна ΠΊΠ°ΠΊΠΈΠΌ Π±Ρ‹ Ρ‚ΠΎ Π½ΠΈ Π±Ρ‹Π»ΠΎ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ Π±Π΅Π· письмСнного согласия Entheos. Π›ΡŽΠ±ΠΎΠ΅ нСсанкционированноС использованиС, совмСстноС использованиС, воспроизвСдСниС ΠΈΠ»ΠΈ распространСниС этих ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ² Π»ΡŽΠ±Ρ‹ΠΌΠΈ срСдствами, элСктронными, мСханичСскими ΠΈΠ»ΠΈ ΠΈΠ½Ρ‹ΠΌΠΈ, строго Π·Π°ΠΏΡ€Π΅Ρ‰Π΅Π½ΠΎ.

Π Π°Π±ΠΎΡ‚Π° с Π²Π΅Π±-Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠΉ Π² ​​Photoshop

Руководство ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠžΡ‚ΠΌΠ΅Π½Π°

Поиск

ПослСднСС ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅: 16 ноября 2022 Π³., 04:56:45 ΠΏΠΎ Π“Ρ€ΠΈΠ½Π²ΠΈΡ‡Ρƒ

  1. Руководство ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Photoshop
  2. Знакомство с Photoshop
    1. ΠœΠ΅Ρ‡Ρ‚Π°ΠΉ. Π‘Π΄Π΅Π»Π°ΠΉ это.
    2. Π§Ρ‚ΠΎ Π½ΠΎΠ²ΠΎΠ³ΠΎ Π² Photoshop
    3. ΠžΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠΉΡ‚Π΅ свою ΠΏΠ΅Ρ€Π²ΡƒΡŽ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ
    4. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ²
    5. Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ | ΠžΠ±Ρ‰ΠΈΠ΅ вопросы
    6. БистСмныС трСбования Photoshop
    7. ΠŸΠ΅Ρ€Π΅Π½ΠΎΡ прСдустановок, дСйствий ΠΈ настроСк
    8. Знакомство с Photoshop
  3. Photoshop ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρ‹ ΠΈ услуги Adobe
    1. Π Π°Π±ΠΎΡ‚Π° с ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΡΠΌΠΈ Illustrator Π² Photoshop
    2. Π Π°Π±ΠΎΡ‚Π° с Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ Photoshop Π² InDesign
    3. ΠœΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹ Substance 3D для Photoshop
    4. Photoshop ΠΈ Adobe Stock
    5. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ встроСнноС Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Capture Π² Photoshop
    6. Π‘ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ Creative Cloud
    7. Π‘ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ Creative Cloud Π² Photoshop
    8. ИспользованиС сСнсорной ΠΏΠ°Π½Π΅Π»ΠΈ с Photoshop
    9. Π‘Π΅Ρ‚ΠΊΠ° ΠΈ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅
    10. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ дСйствий
    11. ΠžΡ‚ΠΌΠ΅Π½Π° ΠΈ история
  4. Photoshop Π½Π° iPad
    1. Photoshop Π½Π° iPad | ΠžΠ±Ρ‰ΠΈΠ΅ вопросы
    2. Знакомство с Ρ€Π°Π±ΠΎΡ‡ΠΈΠΌ пространством
    3. БистСмныС трСбования | Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ Π½Π° iPad
    4. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅, ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ ΠΈ экспорт Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ²
    5. Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ
    6. Π Π°Π±ΠΎΡ‚Π° со слоями
    7. Π ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ ΠΈ Ρ€Π°ΡΠΊΡ€Π°ΡˆΠΈΠ²Π°Ρ‚ΡŒ кистями
    8. Π‘Π΄Π΅Π»Π°Ρ‚ΡŒ Π²Ρ‹Π±ΠΎΡ€ ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ маски
    9. Π Π΅Ρ‚ΡƒΡˆΡŒ Π²Π°ΡˆΠΈΡ… ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ‚ΠΎΠ²
    10. Π Π°Π±ΠΎΡ‚Π° с ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚ΠΈΡ€ΡƒΡŽΡ‰ΠΈΠΌΠΈ слоями
    11. ΠžΡ‚Ρ€Π΅Π³ΡƒΠ»ΠΈΡ€ΡƒΠΉΡ‚Π΅ Ρ‚ΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠšΡ€ΠΈΠ²Ρ‹Ρ…
    12. ΠŸΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΈ прСобразования
    13. ΠžΠ±Ρ€Π΅Π·ΠΊΠ° ΠΈ ΠΏΠΎΠ²ΠΎΡ€ΠΎΡ‚ ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ‚ΠΎΠ²
    14. ΠŸΠΎΠ²ΠΎΡ€ΠΎΡ‚, ΠΏΠ°Π½ΠΎΡ€Π°ΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅, ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ сброс холста
    15. Π Π°Π±ΠΎΡ‚Π° с тСкстовыми слоями
    16. Π Π°Π±ΠΎΡ‚Π° с Photoshop ΠΈ Lightroom
    17. ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΎΡ‚ΡΡƒΡ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ Π² Photoshop Π½Π° iPad
    18. Японский тСкст Π² Photoshop Π½Π° iPad
    19. Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ настройками прилоТСния
    20. БСнсорныС клавиши ΠΈ ТСсты
    21. БочСтания клавиш
    22. Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния
    23. ΠŸΡ€ΡΠΌΠ°Ρ трансляция Π²ΠΎ врСмя создания Π² Photoshop Π½Π° iPad
    24. Π˜ΡΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ нСдостатков с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π’ΠΎΡΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°ΡŽΡ‰Π΅ΠΉ кисти
    25. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ кистСй Π² Capture ΠΈ использованиС ΠΈΡ… Π² Photoshop
    26. Π Π°Π±ΠΎΡ‚Π° с Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ Camera Raw
    27. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ смарт-ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² ΠΈ Ρ€Π°Π±ΠΎΡ‚Π° с Π½ΠΈΠΌΠΈ
    28. ΠžΡ‚Ρ€Π΅Π³ΡƒΠ»ΠΈΡ€ΡƒΠΉΡ‚Π΅ ΡΠΊΡΠΏΠΎΠ·ΠΈΡ†ΠΈΡŽ Π²Π°ΡˆΠΈΡ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Dodge and Burn
  5. Photoshop Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅, Π±Π΅Ρ‚Π°-вСрсия
    1. ΠžΠ±Ρ‰ΠΈΠ΅ вопросы | Photoshop Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅, Π±Π΅Ρ‚Π°-вСрсия
    2. Π’Π²Π΅Π΄Π΅Π½ΠΈΠ΅ Π² Ρ€Π°Π±ΠΎΡ‡Π΅Π΅ пространство
    3. БистСмныС трСбования | Photoshop Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅, Π±Π΅Ρ‚Π°-вСрсия
    4. БочСтания клавиш | Photoshop Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅, Π±Π΅Ρ‚Π°-вСрсия
    5. ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅ΠΌΡ‹Π΅ Ρ‚ΠΈΠΏΡ‹ Ρ„Π°ΠΉΠ»ΠΎΠ² | Photoshop Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅, Π±Π΅Ρ‚Π°-вСрсия
    6. ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ ΠΈ Ρ€Π°Π±ΠΎΡ‚Π° с ΠΎΠ±Π»Π°Ρ‡Π½Ρ‹ΠΌΠΈ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°ΠΌΠΈ
    7. ΠŸΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½Ρ‹Ρ… ΠΏΡ€Π°Π²ΠΎΠΊ ΠΊ ΠΎΠ±Π»Π°Ρ‡Π½Ρ‹ΠΌ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°ΠΌ
    8. Π‘ΠΎΡ‚Ρ€ΡƒΠ΄Π½ΠΈΡ‡Π°Ρ‚ΡŒ с заинтСрСсованными сторонами
  6. ΠžΠ±Π»Π°Ρ‡Π½Ρ‹Π΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹
    1. ΠžΠ±Π»Π°Ρ‡Π½Ρ‹Π΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹ Photoshop | ΠžΠ±Ρ‰ΠΈΠ΅ вопросы
    2. ΠžΠ±Π»Π°Ρ‡Π½Ρ‹Π΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹ Photoshop | Вопросы ΠΏΠΎ Ρ€Π°Π±ΠΎΡ‡Π΅ΠΌΡƒ процСссу
    3. Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΈ Ρ€Π°Π±ΠΎΡ‚Π° с ΠΎΠ±Π»Π°Ρ‡Π½Ρ‹ΠΌΠΈ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°ΠΌΠΈ Π² Photoshop
    4. ОбновлСниС ΠΎΠ±Π»Π°Ρ‡Π½ΠΎΠ³ΠΎ Ρ…Ρ€Π°Π½ΠΈΠ»ΠΈΡ‰Π° для Photoshop
    5. НСвозмоТно ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΈΠ»ΠΈ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΎΠ±Π»Π°Ρ‡Π½Ρ‹ΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚
    6. УстранСниС ошибок ΠΎΠ±Π»Π°Ρ‡Π½ΠΎΠ³ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Photoshop
    7. Π‘Π±ΠΎΡ€ ΠΆΡƒΡ€Π½Π°Π»ΠΎΠ² синхронизации ΠΎΠ±Π»Π°Ρ‡Π½Ρ‹Ρ… Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ²
    8. Π”Π΅Π»ΠΈΡ‚Π΅ΡΡŒ доступом ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠΉΡ‚Π΅ свои ΠΎΠ±Π»Π°Ρ‡Π½Ρ‹Π΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹
    9. Π”Π΅Π»ΠΈΡ‚Π΅ΡΡŒ Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ ΠΈ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚ΠΈΡ€ΡƒΠΉΡ‚Π΅ Π² ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ
  7. Π Π°Π±ΠΎΡ‡Π΅Π΅ пространство
    1. ΠžΡΠ½ΠΎΠ²Ρ‹ Ρ€Π°Π±ΠΎΡ‡Π΅Π³ΠΎ пространства
    2. Настройки
    3. Π£Ρ‡ΠΈΡ‚Π΅ΡΡŒ быстрСС с панСлью Photoshop Discover
    4. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ²
    5. ΠŸΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Ρ„Π°ΠΉΠ»Ρ‹
    6. БочСтания клавиш ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ
    7. Настройка сочСтаний клавиш
    8. Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Π°Π»ΡŒΠ½Ρ‹Π΅ Π³Π°Π»Π΅Ρ€Π΅ΠΈ
    9. ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ
    10. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ инструмСнты
    11. ΠŸΡ€Π΅Π΄ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΊΠΈ
    12. Π‘Π΅Ρ‚ΠΊΠ° ΠΈ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅
    13. БСнсорныС ТСсты
    14. ИспользованиС сСнсорной ΠΏΠ°Π½Π΅Π»ΠΈ с Photoshop
    15. БСнсорныС возмоТности ΠΈ настраиваСмыС Ρ€Π°Π±ΠΎΡ‡ΠΈΠ΅ области
    16. ΠŸΡ€Π΅Π²ΡŒΡŽ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ
    17. ΠœΠ΅Ρ‚Π°Π΄Π°Π½Π½Ρ‹Π΅ ΠΈ примСчания
    18. БСнсорныС возмоТности ΠΈ настраиваСмыС Ρ€Π°Π±ΠΎΡ‡ΠΈΠ΅ области
    19. Π Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Photoshop Π² Π΄Ρ€ΡƒΠ³ΠΈΡ… прилоТСниях
    20. Π›ΠΈΠ½Π΅ΠΉΠΊΠΈ
    21. ΠŸΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΈΠ»ΠΈ ΡΠΊΡ€Ρ‹Ρ‚ΡŒ Π½Π΅ΠΏΠ΅Ρ‡Π°Ρ‚Π°Π΅ΠΌΡ‹Π΅ дополнСния
    22. Π£ΠΊΠ°ΠΆΠΈΡ‚Π΅ столбцы для изобраТСния
    23. ΠžΡ‚ΠΌΠ΅Π½Π° ΠΈ история
    24. ПанСли и мСню
    25. ΠŸΠΎΠ·ΠΈΡ†ΠΈΠΎΠ½Π½Ρ‹Π΅ элСмСнты с привязкой
    26. ПолоТСниС с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнта Β«Π›ΠΈΠ½Π΅ΠΉΠΊΠ°Β»
  8. Π’Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½, экранный Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ
    1. Photoshop для дизайна
    2. Артборды
    3. ΠŸΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ просмотр устройства
    4. ΠšΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ CSS ΠΈΠ· слоСв
    5. Π Π°Π·Ρ€Π΅Π·Π°Ρ‚ΡŒ Π²Π΅Π±-страницы
    6. ΠžΠΏΡ†ΠΈΠΈ HTML для Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ΠΎΠ²
    7. Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ срСза
    8. Π Π°Π±ΠΎΡ‚Π° с Π²Π΅Π±-Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠΉ
    9. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Ρ„ΠΎΡ‚ΠΎΠ³Π°Π»Π΅Ρ€Π΅ΠΉ Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅
  9. ΠžΡΠ½ΠΎΠ²Ρ‹ изобраТСния ΠΈ Ρ†Π²Π΅Ρ‚Π°
    1. Как ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния
    2. Π Π°Π±ΠΎΡ‚Π° с растровыми ΠΈ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹ΠΌΠΈ изобраТСниями
    3. Π Π°Π·ΠΌΠ΅Ρ€ изобраТСния ΠΈ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅
    4. ΠŸΠΎΠ»ΡƒΡ‡Π΅Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ с ΠΊΠ°ΠΌΠ΅Ρ€ ΠΈ сканСров
    5. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅, ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ ΠΈ ΠΈΠΌΠΏΠΎΡ€Ρ‚ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ
    6. ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ
    7. НСдопустимая ошибка ΠΌΠ°Ρ€ΠΊΠ΅Ρ€Π° JPEG | ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ
    8. ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ
    9. Настройка ΠΏΠ°Π»ΠΈΡ‚Ρ€ Ρ†Π²Π΅Ρ‚ΠΎΠ² ΠΈ ΠΎΠ±Ρ€Π°Π·Ρ†ΠΎΠ²
    10. Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ с высоким динамичСским Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½ΠΎΠΌ
    11. Π‘ΠΎΠΏΠΎΡΡ‚Π°Π²ΡŒΡ‚Π΅ Ρ†Π²Π΅Ρ‚Π° Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ
    12. ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹ΠΌΠΈ Ρ€Π΅ΠΆΠΈΠΌΠ°ΠΌΠΈ
    13. Π¦Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ Ρ€Π΅ΠΆΠΈΠΌΡ‹
    14. Π‘Ρ‚Π΅Ρ€Π΅Ρ‚ΡŒ части изобраТСния
    15. Π Π΅ΠΆΠΈΠΌΡ‹ налоТСния
    16. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ†Π²Π΅Ρ‚
    17. Настройка индСксированных Ρ‚Π°Π±Π»ΠΈΡ† Ρ†Π²Π΅Ρ‚ΠΎΠ²
    18. Π˜Π½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡ ΠΎΠ± ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ
    19. Π€ΠΈΠ»ΡŒΡ‚Ρ€Ρ‹ искаТСния нСдоступны
    20. О Ρ†Π²Π΅Ρ‚Π΅
    21. Π¦Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ ΠΈ ΠΌΠΎΠ½ΠΎΡ…Ρ€ΠΎΠΌΠ½Ρ‹Π΅ настройки с использованиСм ΠΊΠ°Π½Π°Π»ΠΎΠ²
    22. Π’Ρ‹Π±ΠΎΡ€ Ρ†Π²Π΅Ρ‚ΠΎΠ² Π½Π° панСлях Β«Π¦Π²Π΅Ρ‚Β» ΠΈ Β«ΠžΠ±Ρ€Π°Π·Ρ†Ρ‹Β»
    23. ΠžΠ±Ρ€Π°Π·Π΅Ρ†
    24. Π¦Π²Π΅Ρ‚ΠΎΠ²ΠΎΠΉ Ρ€Π΅ΠΆΠΈΠΌ ΠΈΠ»ΠΈ Π Π΅ΠΆΠΈΠΌ изобраТСния
    25. Π¦Π²Π΅Ρ‚Π½ΠΎΠΉ ΠΎΡ‚Ρ‚Π΅Π½ΠΎΠΊ
    26. Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ условноС ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Ρ€Π΅ΠΆΠΈΠΌΠ° ΠΊ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ
    27. Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΎΠ±Ρ€Π°Π·Ρ†Ρ‹ ΠΈΠ· HTML CSS ΠΈ SVG
    28. Битовая Π³Π»ΡƒΠ±ΠΈΠ½Π° ΠΈ настройки
  10. Π‘Π»ΠΎΠΈ
    1. ΠžΡΠ½ΠΎΠ²Ρ‹ слоСв
    2. ΠΠ΅Ρ€Π°Π·Ρ€ΡƒΡˆΠ°ΡŽΡ‰Π΅Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅
    3. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΈ ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ слоями ΠΈ Π³Ρ€ΡƒΠΏΠΏΠ°ΠΌΠΈ
    4. Π’Ρ‹Π±Ρ€Π°Ρ‚ΡŒ, ΡΠ³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ ΡΠ²ΡΠ·Π°Ρ‚ΡŒ слои
    5. ΠŸΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚Π΅ изобраТСния Π² Ρ€Π°ΠΌΠΊΠΈ
    6. ΠΠ΅ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ слоя ΠΈ смСшиваниС
    7. Блои маски
    8. ΠŸΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ смарт-Ρ„ΠΈΠ»ΡŒΡ‚Ρ€ΠΎΠ²
    9. ΠšΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ слоСв
    10. ΠŸΠ΅Ρ€Π΅ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ, ΡΠ»ΠΎΠΆΠΈΡ‚ΡŒ ΠΈ Π·Π°Π±Π»ΠΎΠΊΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ слои
    11. Π‘Π»ΠΎΠΈ маски с Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹ΠΌΠΈ масками
    12. Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ слоями ΠΈ Π³Ρ€ΡƒΠΏΠΏΠ°ΠΌΠΈ
    13. Π­Ρ„Ρ„Π΅ΠΊΡ‚Ρ‹ слоя ΠΈ стили
    14. Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ маски слоя
    15. Π˜Π·Π²Π»Π΅Ρ‡Π΅Π½ΠΈΠ΅ Π°ΠΊΡ‚ΠΈΠ²ΠΎΠ²
    16. ΠžΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ слоСв с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΎΠ±Ρ‚Ρ€Π°Π²ΠΎΡ‡Π½Ρ‹Ρ… масок
    17. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ рСсурсов изобраТСния ΠΈΠ· слоСв
    18. Π Π°Π±ΠΎΡ‚Π° со смарт-ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°ΠΌΠΈ
    19. Π Π΅ΠΆΠΈΠΌΡ‹ налоТСния
    20. ОбъСдинСниС Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² Π³Ρ€ΡƒΠΏΠΏΠΎΠ²ΠΎΠΉ ΠΏΠΎΡ€Ρ‚Ρ€Π΅Ρ‚
    21. ОбъСдинСниС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Auto-Blend Layers
    22. Π’Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΈ распрСдСлСниС слоСв
    23. ΠšΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ CSS ΠΈΠ· слоСв
    24. Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΈΠ· Π³Ρ€Π°Π½ΠΈΡ† слоя ΠΈΠ»ΠΈ маски слоя
    25. Knockout для отобраТСния содСрТимого Π΄Ρ€ΡƒΠ³ΠΈΡ… слоСв
  11. ΠŸΠΎΠ΄Π±ΠΎΡ€ΠΊΠΈ
    1. Начало Ρ€Π°Π±ΠΎΡ‚Ρ‹ с ΠΏΠΎΠ΄Π±ΠΎΡ€ΠΊΠ°ΠΌΠΈ
    2. Π‘Π΄Π΅Π»Π°ΠΉΡ‚Π΅ Π²Ρ‹Π±ΠΎΡ€ Π² ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ‚Π΅
    3. Π Π°Π±ΠΎΡ‡Π΅Π΅ пространство Β«Π’Ρ‹Π±ΠΎΡ€ ΠΈ маска»
    4. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнтов выдСлСния
    5. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнтов лассо
    6. Настройка Π²Ρ‹Π±ΠΎΡ€Π° пиксСлСй
    7. ΠŸΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠ΅, ΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ ΡƒΠ΄Π°Π»Π΅Π½ΠΈΠ΅ Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹Ρ… пиксСлСй
    8. Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ Π²Ρ€Π΅ΠΌΠ΅Π½Π½ΡƒΡŽ Π±Ρ‹ΡΡ‚Ρ€ΡƒΡŽ маску
    9. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½ Ρ†Π²Π΅Ρ‚ΠΎΠ² Π² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ
    10. ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρƒ путями ΠΈ Π³Ρ€Π°Π½ΠΈΡ†Π°ΠΌΠΈ выдСлСния
    11. ΠžΡΠ½ΠΎΠ²Ρ‹ ΠΊΠ°Π½Π°Π»ΠΎΠ²
    12. Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΈ маски Π°Π»ΡŒΡ„Π°-ΠΊΠ°Π½Π°Π»Π°
    13. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ области изобраТСния Π² фокусС
    14. Π”ΡƒΠ±Π»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, Ρ€Π°Π·Π΄Π΅Π»ΡΡ‚ΡŒ ΠΈ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΡΡ‚ΡŒ ΠΊΠ°Π½Π°Π»Ρ‹
    15. ВычислСния ΠΊΠ°Π½Π°Π»ΠΎΠ²
  12. Настройки изобраТСния
    1. Π—Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ†Π²Π΅Ρ‚Π° ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°
    2. ДСформация пСрспСктивы
    3. Π£ΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΡ‹Ρ‚ΠΈΠ΅ изобраТСния ΠΏΡ€ΠΈ Π΄Ρ€ΠΎΠΆΠ°Π½ΠΈΠΈ ΠΊΠ°ΠΌΠ΅Ρ€Ρ‹
    4. ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ Π»Π΅Ρ‡Π΅Π±Π½Ρ‹Ρ… кистСй
    5. Экспорт Ρ‚Π°Π±Π»ΠΈΡ† поиска Ρ†Π²Π΅Ρ‚ΠΎΠ²
    6. Настройка рСзкости ΠΈ размытия изобраТСния
    7. ПониманиС настроСк Ρ†Π²Π΅Ρ‚Π°
    8. ΠŸΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Ρ€Π΅Π³ΡƒΠ»ΠΈΡ€ΠΎΠ²ΠΊΠΈ яркости/контрастности
    9. Настройка Π΄Π΅Ρ‚Π°Π»Π΅ΠΉ Ρ‚Π΅Π½Π΅ΠΉ ΠΈ свСтлых участков
    10. Π Π΅Π³ΡƒΠ»ΠΈΡ€ΠΎΠ²ΠΊΠ° ΡƒΡ€ΠΎΠ²Π½Π΅ΠΉ
    11. Настройка ΠΎΡ‚Ρ‚Π΅Π½ΠΊΠ° ΠΈ насыщСнности
    12. Настройка Π²ΠΈΠ±Ρ€Π°Ρ†ΠΈΠΈ
    13. Настройка насыщСнности Ρ†Π²Π΅Ρ‚Π° Π² областях изобраТСния
    14. Быстрая настройка Ρ‚ΠΎΠ½Π°
    15. ΠŸΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Ρ… эффСктов ΠΊ изобраТСниям
    16. Π£Π»ΡƒΡ‡ΡˆΠΈΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ настройки Ρ†Π²Π΅Ρ‚ΠΎΠ²ΠΎΠ³ΠΎ баланса
    17. Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ с высоким динамичСским Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½ΠΎΠΌ
    18. ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ гистограмм ΠΈ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ пиксСлСй
    19. Π‘ΠΎΠΏΠΎΡΡ‚Π°Π²ΡŒΡ‚Π΅ Ρ†Π²Π΅Ρ‚Π° Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ
    20. ΠžΠ±Ρ€Π΅Π·ΠΊΠ° ΠΈ Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ
    21. ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ Ρ†Π²Π΅Ρ‚Π½ΠΎΠ³ΠΎ изобраТСния Π² Ρ‡Π΅Ρ€Π½ΠΎ-Π±Π΅Π»ΠΎΠ΅
    22. ΠšΠΎΡ€Ρ€Π΅ΠΊΡ‚ΠΈΡ€ΡƒΡŽΡ‰ΠΈΠ΅ слои ΠΈ слои-Π·Π°Π»ΠΈΠ²ΠΊΠΈ
    23. Настройка ΠΊΡ€ΠΈΠ²Ρ‹Ρ…
    24. Π Π΅ΠΆΠΈΠΌΡ‹ налоТСния
    25. Π¦Π΅Π»Π΅Π²Ρ‹Π΅ изобраТСния для прСссы
    26. Настройка Ρ†Π²Π΅Ρ‚Π° ΠΈ Ρ‚ΠΎΠ½Π° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠΈΠΏΠ΅Ρ‚ΠΎΠΊ Β«Π£Ρ€ΠΎΠ²Π½ΠΈΒ» ΠΈ Β«ΠšΡ€ΠΈΠ²Ρ‹Π΅Β»
    27. Настройка экспозиции ΠΈ тонирования HDR
    28. ΠžΡΠ²Π΅Ρ‚Π»Π΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ Π·Π°Ρ‚Π΅ΠΌΠ½Π΅Π½ΠΈΠ΅ областСй изобраТСния
    29. Выборочная настройка Ρ†Π²Π΅Ρ‚Π°
  13. Adobe Camera Raw
    1. БистСмныС трСбования Camera Raw
    2. Π§Ρ‚ΠΎ Π½ΠΎΠ²ΠΎΠ³ΠΎ Π² Camera Raw
    3. Знакомство с Camera Raw
    4. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΏΠ°Π½ΠΎΡ€Π°ΠΌ
    5. ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅ΠΌΡ‹Π΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΈΠ²Ρ‹
    6. Π­Ρ„Ρ„Π΅ΠΊΡ‚Ρ‹ Π²ΠΈΠ½ΡŒΠ΅Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡ, зСрнистости ΠΈ устранСния Π΄Ρ‹ΠΌΠΊΠΈ Π² Camera Raw
    7. БочСтания клавиш ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ
    8. АвтоматичСская коррСкция пСрспСктивы Π² Camera Raw
    9. Π Π°Π΄ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ„ΠΈΠ»ΡŒΡ‚Ρ€ Π² Camera Raw
    10. Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ настройками Camera Raw
    11. ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅, ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° ΠΈ сохранСниС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² Camera Raw
    12. Π˜ΡΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнта Enhanced Spot Removal Tool Π² Camera Raw
    13. ΠŸΠΎΠ²ΠΎΡ€ΠΎΡ‚, ΠΎΠ±Ρ€Π΅Π·ΠΊΠ° ΠΈ настройка ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ
    14. Настройка Ρ†Π²Π΅Ρ‚ΠΎΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡ΠΈ Π² Camera Raw
    15. ВСрсии процСсса Π² Camera Raw
    16. ВнСсСниС Π»ΠΎΠΊΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²ΠΎΠΊ Π² Camera Raw
  14. Π˜ΡΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΈ восстановлСниС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ
    1. Π£Π΄Π°Π»Π΅Π½ΠΈΠ΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² с Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Content-Aware Fill
    2. Content-Aware Patch and Move
    3. Π Π΅Ρ‚ΡƒΡˆΡŒ ΠΈ исправлСниС Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ
    4. Π˜ΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ искаТСниС изобраТСния ΠΈ ΡˆΡƒΠΌ
    5. ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ дСйствия ΠΏΠΎ ΡƒΡΡ‚Ρ€Π°Π½Π΅Π½ΠΈΡŽ Π½Π΅ΠΏΠΎΠ»Π°Π΄ΠΎΠΊ для устранСния Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π° ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ
  15. Π£Π»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΠ΅ качСства изобраТСния ΠΈ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅
    1. Π—Π°ΠΌΠ΅Π½ΠΈΡ‚Π΅ Π½Π΅Π±ΠΎ Π½Π° изобраТСниях
    2. ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ²
    3. Настройка кадрирования, ΠΏΠΎΠ²ΠΎΡ€ΠΎΡ‚Π° ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° холста
    4. Как ΠΎΠ±Ρ€Π΅Π·Π°Ρ‚ΡŒ ΠΈ Π²Ρ‹ΠΏΡ€ΡΠΌΠΈΡ‚ΡŒ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ
    5. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΏΠ°Π½ΠΎΡ€Π°ΠΌΠ½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ
    6. ДСформация ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Ρ„ΠΎΡ€ΠΌ ΠΈ ΠΏΡƒΡ‚Π΅ΠΉ
    7. Π’ΠΎΡ‡ΠΊΠ° схода
    8. ΠšΠΎΠ½Ρ‚Π΅Π½Ρ‚Π½ΠΎ-зависимоС ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅
    9. ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Ρ„ΠΎΡ€ΠΌ ΠΈ ΠΊΠΎΠ½Ρ‚ΡƒΡ€ΠΎΠ²
  16. РисованиС ΠΈ Ρ€Π°ΡΠΊΡ€Π°ΡˆΠΈΠ²Π°Π½ΠΈΠ΅
    1. РисованиС симмСтричных ΡƒΠ·ΠΎΡ€ΠΎΠ²
    2. РисованиС ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΎΠ² ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² ΠΎΠ±Π²ΠΎΠ΄ΠΊΠΈ
    3. О Ρ‡Π΅Ρ€Ρ‚Π΅ΠΆΠ΅
    4. РисованиС ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Ρ„ΠΈΠ³ΡƒΡ€
    5. ΠœΠ°Π»ΡΡ€Π½Ρ‹Π΅ инструмСнты
    6. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ кистСй
    7. Π Π΅ΠΆΠΈΠΌΡ‹ налоТСния
    8. Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ†Π²Π΅Ρ‚ ΠΊ путям
    9. Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡƒΡ‚ΠΈ
    10. ΠšΡ€Π°ΡΠΊΠ° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ кисти-миксСра
    11. Наборы кистСй
    12. Π“Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Ρ‹
    13. ГрадиСнтная интСрполяция
    14. Π’Ρ‹Π±ΠΎΡ€ Π·Π°Π»ΠΈΠ²ΠΊΠΈ ΠΈ ΠΎΠ±Π²ΠΎΠ΄ΠΊΠΈ, слоСв ΠΈ ΠΊΠΎΠ½Ρ‚ΡƒΡ€ΠΎΠ²
    15. РисованиС с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнтов Β«ΠŸΠ΅Ρ€ΠΎΒ»
    16. БозданиС шаблонов
    17. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ шаблона с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Pattern Maker
    18. Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ путями
    19. Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ°ΠΌΠΈ рисунков ΠΈ прСсСтами
    20. Π ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠ»ΠΈ Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ Π½Π° графичСском ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Π΅
    21. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ тСкстурированных кистСй
    22. Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ динамичСских элСмСнтов ΠΊ кистям
    23. Π“Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚
    24. НарисуйтС стилизованныС ΠΌΠ°Π·ΠΊΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Art History Brush
    25. ΠšΡ€Π°ΡΠΊΠ° с рисунком
    26. Бинхронизация прСсСтов Π½Π° Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… устройствах
  17. ВСкст
    1. Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΈ ΠΎΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ тСкст
    2. Π•Π΄ΠΈΠ½Ρ‹ΠΉ тСкстовый Π΄Π²ΠΈΠΆΠΎΠΊ
    3. Π Π°Π±ΠΎΡ‚Π° со ΡˆΡ€ΠΈΡ„Ρ‚Π°ΠΌΠΈ OpenType SVG
    4. Π‘ΠΈΠΌΠ²ΠΎΠ»Ρ‹ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°
    5. Π€ΠΎΡ€ΠΌΠ°Ρ‚ Π°Π±Π·Π°Ρ†Π΅Π²
    6. Как ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ тСкстовыС эффСкты
    7. Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ тСкст
    8. Π˜Π½Ρ‚Π΅Ρ€Π²Π°Π» ΠΌΠ΅ΠΆΠ΄Ρƒ строками ΠΈ символами
    9. Арабский ΠΈ СврСйский ΡˆΡ€ΠΈΡ„Ρ‚
    10. Π¨Ρ€ΠΈΡ„Ρ‚Ρ‹
    11. УстранСниС Π½Π΅ΠΏΠΎΠ»Π°Π΄ΠΎΠΊ со ΡˆΡ€ΠΈΡ„Ρ‚Π°ΠΌΠΈ
    12. Азиатский Ρ‚ΠΈΠΏ
    13. Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ‚ΠΈΠΏ
    14. Ошибка Text Engine ΠΏΡ€ΠΈ использовании инструмСнта «ВСкст» Π² Photoshop | Windows 8
  18. Π€ΠΈΠ»ΡŒΡ‚Ρ€Ρ‹ ΠΈ эффСкты
    1. ИспользованиС Ρ„ΠΈΠ»ΡŒΡ‚Ρ€Π° Β«ΠŸΠ»Π°ΡΡ‚ΠΈΠΊΠ°Β»
    2. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π³Π°Π»Π΅Ρ€Π΅ΡŽ размытия
    3. ΠžΡΠ½ΠΎΠ²Ρ‹ Ρ„ΠΈΠ»ΡŒΡ‚Ρ€Π°
    4. Бсылка Π½Π° эффСкты Ρ„ΠΈΠ»ΡŒΡ‚Ρ€Π°
    5. Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ свСтовыС эффСкты
    6. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ ΡˆΠΈΡ€ΠΎΠΊΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½Ρ‹ΠΉ Ρ„ΠΈΠ»ΡŒΡ‚Ρ€
    7. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Ρ„ΠΈΠ»ΡŒΡ‚Ρ€ масляной краски
    8. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ„ΠΈΠ»ΡŒΡ‚Ρ€ Β«ΠŸΠ»Π°ΡΡ‚ΠΈΠΊΠ°Β»
    9. Π­Ρ„Ρ„Π΅ΠΊΡ‚Ρ‹ слоя ΠΈ стили
    10. ΠŸΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ Ρ„ΠΈΠ»ΡŒΡ‚Ρ€Ρ‹
    11. Π Π°Π·ΠΌΠ°Π·Ρ‹Π²Π°Π½ΠΈΠ΅ областСй изобраТСния
  19. Π‘ΠΎΡ…Ρ€Π°Π½Π΅Π½ΠΈΠ΅ ΠΈ экспорт
    1. Π‘ΠΎΡ…Ρ€Π°Π½Π΅Π½ΠΈΠ΅ Ρ„Π°ΠΉΠ»ΠΎΠ² Π² Photoshop
    2. Экспорт Ρ„Π°ΠΉΠ»ΠΎΠ² Π² Photoshop
    3. ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅ΠΌΡ‹Π΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ Ρ„Π°ΠΉΠ»ΠΎΠ²
    4. Π‘ΠΎΡ…Ρ€Π°Π½Π΅Π½ΠΈΠ΅ Ρ„Π°ΠΉΠ»ΠΎΠ² Π² графичСских Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ…
    5. ΠŸΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠ² ΠΌΠ΅ΠΆΠ΄Ρƒ Photoshop ΠΈ Illustrator
    6. Π‘ΠΎΡ…Ρ€Π°Π½Π΅Π½ΠΈΠ΅ ΠΈ экспорт Π²ΠΈΠ΄Π΅ΠΎ ΠΈ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ
    7. Π‘ΠΎΡ…Ρ€Π°Π½Π΅Π½ΠΈΠ΅ Ρ„Π°ΠΉΠ»ΠΎΠ² PDF
    8. Π—Π°Ρ‰ΠΈΡ‚Π° авторских ΠΏΡ€Π°Π² Digimarc
  20. Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ Ρ†Π²Π΅Ρ‚ΠΎΠΌ
    1. ПониманиС управлСния Ρ†Π²Π΅Ρ‚ΠΎΠΌ
    2. ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅ согласованности Ρ†Π²Π΅Ρ‚ΠΎΠ²
    3. Настройки Ρ†Π²Π΅Ρ‚Π°
    4. Π”ΡƒΠΎΡ‚ΠΎΠ½Ρ‹
    5. Π Π°Π±ΠΎΡ‚Π° с Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹ΠΌΠΈ профилями
    6. Π”ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹ с ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ для ΠΎΠ½Π»Π°ΠΉΠ½-просмотра
    7. Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ Ρ†Π²Π΅Ρ‚ΠΎΠΌ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² ΠΏΡ€ΠΈ ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ
    8. Π˜ΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ изобраТСния с ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ
    9. ΠŸΡ€ΠΎΠ±Π½Ρ‹Π΅ Ρ†Π²Π΅Ρ‚Π°
  21. Π’Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½, экранный Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ
    1. Photoshop для дизайна
    2. Артборды
    3. ΠŸΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ просмотр устройства
    4. ΠšΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ CSS ΠΈΠ· слоСв
    5. Π Π°Π·Ρ€Π΅Π·Π°Ρ‚ΡŒ Π²Π΅Π±-страницы
    6. ΠžΠΏΡ†ΠΈΠΈ HTML для Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ΠΎΠ²
    7. Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ срСза
    8. Π Π°Π±ΠΎΡ‚Π° с Π²Π΅Π±-Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠΉ
    9. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Ρ„ΠΎΡ‚ΠΎΠ³Π°Π»Π΅Ρ€Π΅ΠΉ Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅
  22. Π’ΠΈΠ΄Π΅ΠΎ ΠΈ анимация
    1. Π’ΠΈΠ΄Π΅ΠΎΠΌΠΎΠ½Ρ‚Π°ΠΆ Π² Photoshop
    2. Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ слои Π²ΠΈΠ΄Π΅ΠΎ ΠΈ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ
    3. ΠžΠ±Π·ΠΎΡ€ Π²ΠΈΠ΄Π΅ΠΎ ΠΈ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ
    4. ΠŸΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ просмотр Π²ΠΈΠ΄Π΅ΠΎ ΠΈ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ
    5. ΠžΡ‚Ρ€ΠΈΡΠΎΠ²ΠΊΠ° ΠΊΠ°Π΄Ρ€ΠΎΠ² Π² слоях Π²ΠΈΠ΄Π΅ΠΎ
    6. Π˜ΠΌΠΏΠΎΡ€Ρ‚ Π²ΠΈΠ΄Π΅ΠΎΡ„Π°ΠΉΠ»ΠΎΠ² ΠΈ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚Π΅ΠΉ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ
    7. Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ ΠΊΠ°Π΄Ρ€Π°
    8. Creative Cloud 3D-анимация (ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ вСрсия)
    9. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ Π²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ ΡˆΠΊΠ°Π»Ρ‹
    10. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ для Π²ΠΈΠ΄Π΅ΠΎ
  23. ΠŸΠ΅Ρ‡Π°Ρ‚ΡŒ
    1. ΠŸΠ΅Ρ‡Π°Ρ‚ΡŒ 3D-ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ²
    2. ΠŸΠ΅Ρ‡Π°Ρ‚ΡŒ ΠΈΠ· Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ°
    3. ΠŸΠ΅Ρ‡Π°Ρ‚ΡŒ с ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ
    4. ΠšΠΎΠ½Ρ‚Π°ΠΊΡ‚Π½Ρ‹Π΅ листы ΠΈ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΠΈ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PDF
    5. ΠŸΠ΅Ρ‡Π°Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ Π² ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ ΠΏΠ°ΠΊΠ΅Ρ‚Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ
    6. ΠŸΠ»Π°ΡˆΠ΅Ρ‡Π½Ρ‹Π΅ Ρ†Π²Π΅Ρ‚Π° для ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ
    7. ΠŸΠ΅Ρ‡Π°Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π½Π° коммСрчСской Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ
    8. Π£Π»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΠ΅ Ρ†Π²Π΅Ρ‚Π½Ρ‹Ρ… ΠΎΡ‚ΠΏΠ΅Ρ‡Π°Ρ‚ΠΊΠΎΠ² ΠΈΠ· Photoshop
    9. УстранСниС ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ с ΠΏΠ΅Ρ‡Π°Ρ‚ΡŒΡŽ | Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ
  24. Автоматизация
    1. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ дСйствий
    2. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ, управляСмой Π΄Π°Π½Π½Ρ‹ΠΌΠΈ
    3. Π‘Ρ†Π΅Π½Π°Ρ€ΠΈΠΉ
    4. ΠžΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° ΠΏΠ°ΠΊΠ΅Ρ‚Π° Ρ„Π°ΠΉΠ»ΠΎΠ²
    5. ВоспроизвСдСниС ΠΈ ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ дСйствиями
    6. Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ условныС дСйствия
    7. О дСйствиях ΠΈ ΠΏΠ°Π½Π΅Π»ΠΈ ДСйствия
    8. Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ записи Π² дСйствиях
    9. Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ условноС ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Ρ€Π΅ΠΆΠΈΠΌΠ° ΠΊ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ
    10. Набор инструмСнтов ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса Photoshop для ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΡ‹Ρ… ΠΌΠΎΠ΄ΡƒΠ»Π΅ΠΉ ΠΈ сцСнариСв
  25. ΠŸΠΎΠ΄Π»ΠΈΠ½Π½ΠΎΡΡ‚ΡŒ содСрТимого
    1. Π£Π·Π½Π°ΠΉΡ‚Π΅ ΠΎΠ± ΡƒΡ‡Π΅Ρ‚Π½Ρ‹Ρ… Π΄Π°Π½Π½Ρ‹Ρ… содСрТимого
    2. Π˜Π΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΡ ΠΈ происхоТдСниС для NFT
    3. ΠŸΠΎΠ΄ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΡƒΡ‡Π΅Ρ‚Π½Ρ‹Π΅ записи для Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ†ΠΈΠΈ ΠΊΡ€Π΅Π°Ρ‚ΠΈΠ²ΠΎΠ²
  26. Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ 3D
    1. Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ 3D | ΠžΠ±Ρ‰ΠΈΠ΅ вопросы ΠΎ снятых с производства 3D-функциях

Π’Π΅Π±-инструмСнты Photoshop ΡƒΠΏΡ€ΠΎΡ‰Π°ΡŽΡ‚ созданиС ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² для Π²Π°ΡˆΠΈΡ… Π²Π΅Π±-страниц ΠΈΠ»ΠΈ для Π²Ρ‹Π²ΠΎΠ΄Π° ΠΏΠΎΠ»Π½Ρ‹Ρ… Π²Π΅Π±-страниц Π² прСдустановлСнных ΠΈΠ»ΠΈ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹.

  • Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ слои ΠΈ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹ для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π²Π΅Π±-страниц ΠΈ элСмСнтов интСрфСйса Π²Π΅Π±-страниц. (Π‘ΠΌ. Π²Π΅Π±-страницы Β«Π‘Π»ΠΎΠΈ ΠΈ Π½Π°Ρ€Π΅Π·ΠΊΠ°Β».)

  • Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ слоСв для экспСримСнтов с Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ композициями страниц ΠΈΠ»ΠΈ для экспорта Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² страницы. (Π‘ΠΌ. ΠšΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ слоСв.)

  • Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ ΡΠΊΠΎΠ»ΡŒΠ·ΡΡ‰ΠΈΠΉ тСкст ΠΈΠ»ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ ΠΊΠ½ΠΎΠΏΠΎΠΊ для ΠΈΠΌΠΏΠΎΡ€Ρ‚Π° Π² Dreamweaver ΠΈΠ»ΠΈ Flash.

  • Π‘ΠΎΠ·Π΄Π°Π²Π°ΠΉΡ‚Π΅ Π²Π΅Π±-Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ°Π½Π΅Π»ΠΈ «Анимация», Π° Π·Π°Ρ‚Π΅ΠΌ экспортируйтС ΠΈΡ… Π² Π²ΠΈΠ΄Π΅ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ GIF ΠΈΠ»ΠΈ Ρ„Π°ΠΉΠ»ΠΎΠ² QuickTime. Π‘ΠΌ. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΊΠ°Π΄Ρ€ΠΎΠ²ΠΎΠΉ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ.

  • Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Adobe Bridge для создания Ρ„ΠΎΡ‚ΠΎΠ³Π°Π»Π΅Ρ€Π΅ΠΈ Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ быстро ΠΏΡ€Π΅Π²Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Π½Π°Π±ΠΎΡ€ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π²Π΅Π±-сайт, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎ выглядящиС ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹.

Π’ΠΈΠ΄Π΅ΠΎ ΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ Π²Π΅Π±-сайтов с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Photoshop ΠΈ Dreamweaver см. Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ Доступ ΠΊ Photoshop ΠΈΠ· Dreamweaver для ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ Π²Π΅Π±-изобраТСния.

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Ρ€ΠΎΠ»Π»ΠΎΠ²Π΅Ρ€ΠΎΠ²

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

Photoshop прСдоставляСт ряд ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… инструмСнтов для создания Ρ€ΠΎΠ»Π»ΠΎΠ²Π΅Ρ€ΠΎΠ². images:

  • Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ слои для создания ΠΏΠ΅Ρ€Π²ΠΈΡ‡Π½Ρ‹Ρ… ΠΈ Π²Ρ‚ΠΎΡ€ΠΈΡ‡Π½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ содСрТимоС Π½Π° ΠΎΠ΄Π½ΠΎΠΌ слоС, Π·Π°Ρ‚Π΅ΠΌ ΠΏΡ€ΠΎΠ΄ΡƒΠ±Π»ΠΈΡ€ΡƒΠΉΡ‚Π΅ слой ΠΈ ΠΎΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠΉΡ‚Π΅ Π΅Π³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΏΠΎΡ…ΠΎΠΆΠ΅Π΅ содСрТимоС, сохраняя ΠΏΡ€ΠΈ этом Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρƒ слоями. ΠŸΡ€ΠΈ создании эффСкта Ρ€ΠΎΠ»Π»ΠΎΠ²Π΅Ρ€Π° Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΡΡ‚ΠΈΠ»ΡŒ, Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ ΠΈΠ»ΠΈ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ слоя, Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Ρ†Π²Π΅Ρ‚ ΠΈΠ»ΠΈ Ρ‚ΠΎΠ½ ΠΈΠ»ΠΈ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ эффСкты Ρ„ΠΈΠ»ΡŒΡ‚Ρ€Π°. Π‘ΠΌ. Π”ΡƒΠ±Π»ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ слоСв.

  • Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ стили слоя для примСнСния эффСктов, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ налоТСния, Ρ‚Π΅Π½ΠΈ, свСчСниС ΠΈΠ»ΠΈ тиснСниС, ΠΊ основному слою. Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΏΠ°Ρ€Ρƒ Ρ€ΠΎΠ»Π»ΠΎΠ²Π΅Ρ€ΠΎΠ², Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ ΠΈΠ»ΠΈ Π²Ρ‹ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ ΡΡ‚ΠΈΠ»ΡŒ слоя ΠΈ сохранитС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΌ состоянии. Π‘ΠΌ. Π­Ρ„Ρ„Π΅ΠΊΡ‚Ρ‹ ΠΈ стили слоя.

  • Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ прСдустановлСнныС стили ΠΊΠ½ΠΎΠΏΠΎΠΊ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ Β«Π‘Ρ‚ΠΈΠ»ΠΈΒ», Ρ‡Ρ‚ΠΎΠ±Ρ‹ быстро ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ с ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΌΠΈ состояниями, состояниями ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΈ опускании ΠΌΡ‹ΡˆΠΈ. НарисуйтС Π±Π°Π·ΠΎΠ²ΡƒΡŽ Ρ„ΠΈΠ³ΡƒΡ€Ρƒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнта Β«ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΒ» ΠΈ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚Π΅ ΡΡ‚ΠΈΠ»ΡŒ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Β«Π‘ΠΊΠΎΡˆΠ΅Π½Π½Ρ‹ΠΉ Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉΒ», Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ автоматичСски прСвратился Π² ΠΊΠ½ΠΎΠΏΠΊΡƒ. Π—Π°Ρ‚Π΅ΠΌ скопируйтС слой ΠΈ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚Π΅ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ прСдустановлСнныС стили, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Beveled Mouseover, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ состояния ΠΊΠ½ΠΎΠΏΠΎΠΊ. Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚Π΅ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ слой ΠΊΠ°ΠΊ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ Π½Π°Π±ΠΎΡ€ ΠΊΠ½ΠΎΠΏΠΎΠΊ для Ρ€ΠΎΠ»Π»ΠΎΠ²Π΅Ρ€ΠΎΠ².

  • Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ Β«Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ для Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π° ΠΈ устройства», Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Ρ€ΠΎΠ»Π»ΠΎΠ²Π΅Ρ€-изобраТСния Π² Π²Π΅Π±-совмСстимом Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ ΠΈ с ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ Ρ„Π°ΠΉΠ»Π°.

ΠŸΡ€ΠΈ сохранСнии Ρ€ΠΎΠ»Π»ΠΎΠ²Π΅Ρ€Π½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ соглашСниС ΠΎΠ± ΠΈΠΌΠ΅Π½Π°Ρ…, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚Π»ΠΈΡ‡Π°Ρ‚ΡŒ основноС (Π½Π΅ Ρ€ΠΎΠ»Π»ΠΎΠ²Π΅Ρ€Π½ΠΎΠ΅) ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΎΡ‚ Π²Ρ‚ΠΎΡ€ΠΈΡ‡Π½ΠΎΠ³ΠΎ (Ρ€ΠΎΠ»Π»ΠΎΠ²Π΅Ρ€Π½ΠΎΠ³ΠΎ).

ПослС создания Π½Π°Π±ΠΎΡ€Π° Ρ€ΠΎΠ»Π»ΠΎΠ²Π΅Ρ€ΠΎΠ² Π² Photoshop ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Dreamweaver для размСщСния ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π½Π° Π²Π΅Π±-страницС ΠΈ автоматичСского добавлСния ΠΊΠΎΠ΄Π° JavaScript для Ρ€ΠΎΠ»Π»ΠΎΠ²Π΅Ρ€Π°.

Экспорт Π² Zoomify

Команда Zoomify Π±Ρ‹Π»Π° ΡƒΠ΄Π°Π»Π΅Π½Π°. ΠŸΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅Β http://www.zoomify.com для создания ΠΈ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ просмотра ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° Zoomify.

Π Π°Π±ΠΎΡ‚Π° с ΡˆΠ΅ΡΡ‚Π½Π°Π΄Ρ†Π°Ρ‚Π΅Ρ€ΠΈΡ‡Π½Ρ‹ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ значСния

Photoshop ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ ΡˆΠ΅ΡΡ‚Π½Π°Π΄Ρ†Π°Ρ‚Π΅Ρ€ΠΈΡ‡Π½Ρ‹Π΅ значСния Ρ†Π²Π΅Ρ‚ΠΎΠ² изобраТСния ΠΈΠ»ΠΈ ΡΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΡˆΠ΅ΡΡ‚Π½Π°Π΄Ρ†Π°Ρ‚Π΅Ρ€ΠΈΡ‡Π½ΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Ρ†Π²Π΅Ρ‚Π° для использования Π² HTML-Ρ„Π°ΠΉΠ».

  1. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ «Окно» > Β«Π˜Π½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡΒ» ΠΈΠ»ΠΈ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ ΠΏΠ°Π½Π΅Π»ΠΈ Β«Π˜Π½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡΒ», Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ панСль.

  2. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Β«ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ ΠΏΠ°Π½Π΅Π»ΠΈΒ» Π² мСню ΠΏΠ°Π½Π΅Π»ΠΈ. Под ΠΏΠ΅Ρ€Π²Ρ‹ΠΌ Π‘Ρ‡ΠΈΡ‚Ρ‹Π²Π°Π½ΠΈΠ΅ Ρ†Π²Π΅Ρ‚Π° ΠΈΠ»ΠΈ Π‘Ρ‡ΠΈΡ‚Ρ‹Π²Π°Π½ΠΈΠ΅ Π²Ρ‚ΠΎΡ€ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚Π°, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Web Color ΠΈΠ· мСню «Π Π΅ΠΆΠΈΠΌ» ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ «ΠžΠš».

  3. НавСдитС ΡƒΠΊΠ°Π·Π°Ρ‚Π΅Π»ΡŒ Π½Π° Π½ΡƒΠΆΠ½Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚. для просмотра ΡˆΠ΅ΡΡ‚Π½Π°Π΄Ρ†Π°Ρ‚Π΅Ρ€ΠΈΡ‡Π½Ρ‹Ρ… Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ.

ΠšΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚ ΠΊΠ°ΠΊ ΡˆΠ΅ΡΡ‚Π½Π°Π΄Ρ†Π°Ρ‚Π΅Ρ€ΠΈΡ‡Π½ΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅

Photoshop ΠΊΠΎΠΏΠΈΡ€ΡƒΠ΅Ρ‚ Ρ†Π²Π΅Ρ‚Π° Π»ΠΈΠ±ΠΎ ΠΊΠ°ΠΊ HTML Атрибут COLOR, содСрТащий ΡˆΠ΅ΡΡ‚Π½Π°Π΄Ρ†Π°Ρ‚Π΅Ρ€ΠΈΡ‡Π½ΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ (color=#xxyyzz), ΠΈΠ»ΠΈ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΊΠ°ΠΊ ΡˆΠ΅ΡΡ‚Π½Π°Π΄Ρ†Π°Ρ‚Π΅Ρ€ΠΈΡ‡Π½ΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅.

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

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

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