Css3Ps: free cloud based photoshop plugin that converts layers to CSS3 styles.

Π›ΡƒΡ‡ΡˆΠΈΠ΅ бСсплатныС ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ Photoshop для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ²

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

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

  • Layrs Control
    • Cut&Slice
    • Render.ly
    • CSS3Ps
    • Composer
    • GuideGuide
    • WebFont
    • Divine Elemente
    • Random User Generator
    • BlendMeIn
    • FlatIcon

CS6 CC

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

А Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ плоскиС интСрфСйсы становятся всС Π±ΠΎΠ»Π΅Π΅ популярными, Ρ‚ΠΎ для ΠΈΡ… создания Π²Π°ΠΌ потрСбуСтся ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΠ»Π°Π³ΠΈΠ½, Ρ‚Π°ΠΊΠΎΠΉ ΠΊΠ°ΠΊ Skeuomorphism.it.

CS6 CC

Π­Ρ‚ΠΎΡ‚ ΠΎΡ‡Π΅Π½ΡŒ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ инструмСнт ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ для Ρ€Π΅Π·ΠΊΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² ΠΈ экспорта ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ… Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ΠΎΠ² ΠΏΠΎΠ΄ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ устройства. Для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°, Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‰Π΅Π³ΠΎ с Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌΠΈ экрана, это поистинС Π½Π°Ρ…ΠΎΠ΄ΠΊΠ°. Cut&Slice позволяСт ΡΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ слои, ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ ΠΏΠΎΠ΄ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹Π΅ Ρ‚ΠΈΠΏΡ‹ устройств.

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

CC

Render.ly ΠΏΠΎ своСму Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»Ρƒ Π²ΠΎ ΠΌΠ½ΠΎΠ³ΠΎΠΌ схоТ с Cut&Slice, Π½ΠΎ этот ΠΏΠ»Π°Π³ΠΈΠ½ ΠΈΠΌΠ΅Π΅Ρ‚ нСсколько ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ. Он позволяСт ΠΎΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ ΠΊ ΠΌΠ°ΠΊΠ΅Ρ‚Ρƒ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π·Π°Ρ‚Π΅ΠΌ ΡΠΈΠ½Ρ…Ρ€ΠΎΠ½ΠΈΠ·ΠΈΡ€ΡƒΡŽΡ‚ΡΡ ΠΈ становятся доступны Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅. Π•Ρ‰Π΅ ΠΎΠ΄Π½Π° ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΡŒ Render.ly Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ экспортируСт Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‚Π΅ элСмСнты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±Ρ‹Π»ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½Ρ‹ Π²ΠΎ врСмя послСднСй сСссии. Π­Ρ‚ΠΎ позволяСт Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ быстро ΠΈ эффСктивно.

CS3 +

CSS3Ps — это ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ инструмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΡƒΠ΅Ρ‚ стили ΠΈ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ Photoshop Π² CSS3 ΠΈ SCSS/SASS ΠΏΠΎΠ΄ Compass. Он Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Π΅Ρ‰Π΅ нСсколько ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ тСкстовыС слои, Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠ΅ Ρ‚Π΅Π½ΠΈ ΠΈ внСшнСС свСчСниС, Ρ‡Ρ‚ΠΎ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΎΠ±Π»Π΅Π³Ρ‡Π°Π΅Ρ‚ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ ΠΊΠ½ΠΎΠΏΠΎΠΊ, Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅ΠΉ ΠΈ внСшнСй подсвСтки, Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚ΠΎΠ², Π³Ρ€Π°Π½ΠΈΡ† радиусов ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅.

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

CS5, CS6, Π‘Π‘

Composer — это большой ΠΏΠ»Π°Π³ΠΈΠ½, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ ΠΎΠ΄Π½ΠΈ ΠΈ Ρ‚Π΅ ΠΆΠ΅ ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΈ для Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… слоСв ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ. Π­Ρ‚ΠΎ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°Π΅Ρ‚ объСм Ρ€ΡƒΡ‚ΠΈΠ½Π½ΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Ρ‚Π°ΠΊ Π½Π΅ Π»ΡŽΠ±ΠΈΡ‚ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ². К соТалСнию, ΠΏΠ»Π°Π³ΠΈΠ½ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ 4 ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ (ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ стилСй слоя, ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅, Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ ΠΈ всС сразу), Π½ΠΎ Π² ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠ΅ этого Ρ…Π²Π°Ρ‚Π°Π΅Ρ‚ для ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Π½ΡƒΠΆΠ½ΠΎ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚ΡŒ для Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… слоСв.

CS5, CS6, Π‘Π‘

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

CS5, CS6, Π‘Π‘

Π’ своСй Ρ€Π°Π±ΠΎΡ‚Π΅ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ нСстандартныС ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹. Но, ΠΊ соТалСнию, Π½Π΅ всС ΠΈΠ· Π½ΠΈΡ… Π±ΡƒΠ΄ΡƒΡ‚ ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π² Ρ€Π°Π·Π½Ρ‹Ρ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ… ΠΈ Π½Π° Ρ€Π°Π·Π½Ρ‹Ρ… Ρ‚ΠΈΠΏΠ°Ρ… устройств. Π­Ρ‚ΠΎΡ‚ ΠΏΠ»Π°Π³ΠΈΠ½ позволяСт «ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΈΡ‚ΡŒ» тысячи Π²Π΅Π±-ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² ΠΈ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΈΡ… Π²ΠΈΠ΄ Π² ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΌ ΠΎΠΊΠ½Π΅ Photoshop. Плагин прСдоставляСт доступ ΠΊ бСсплатным Π²Π΅Π±-ΡˆΡ€ΠΈΡ„Ρ‚Π°ΠΌ ΠΎΡ‚ WebInk ΠΈ Google.

Divine Elemente — ΠΏΠ»Π°Π³ΠΈΠ½ ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², Π½ΠΎ ΠΈ для Π±Π»ΠΎΠ³Π΅Ρ€ΠΎΠ² ΠΈ Π²Π΅Π±-мастСров, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΠ±Π»Π°Π΄Π°ΡŽΡ‚ Π±Π°Π·ΠΎΠ²Ρ‹ΠΌΠΈ знаниями ΠΏΠΎ Photoshop. Как говорится Π½Π° ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠΌ сайтС ΠΏΠ»Π°Π³ΠΈΠ½Π°: «ΠžΠ½ соСдиняСт Photoshop ΠΈ WordPress».

Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ»Π°Π³ΠΈΠ½Π° Divine Elemente Π΄Π°ΠΆΠ΅ Π½ΠΎΠ²ΠΈΡ‡ΠΎΠΊ смоТСт ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ‚Π΅ΠΌΡƒ WordPress. ВсС, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, это ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΏΠ»Π°Π³ΠΈΠ½, ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ Π·Π°Π³ΠΎΡ‚ΠΎΠ²ΠΊΠΈ, ΠΈ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ созданный Π΄ΠΈΠ·Π°ΠΉΠ½ Π² ΠΊΠΎΠ΄ HTML / CSS / PHP.

Π’ Π±ΡƒΠ΄ΡƒΡ‰Π΅ΠΌ Π°Π²Ρ‚ΠΎΡ€Ρ‹ ΠΏΠ»Π°Π³ΠΈΠ½Π° ΠΎΠ±Π΅Ρ‰Π°ΡŽΡ‚ Π½Π°ΠΌ ΠΌΠ½ΠΎΠ³ΠΎ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, Π² Ρ‚ΠΎΠΌ числС: SEO-ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡŽ, ΡΠΎΠ²ΠΌΠ΅ΡΡ‚ΠΈΠΌΠΎΡΡ‚ΡŒ с HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°ΠΌΠΈ, ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ XAMPP ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅.

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

CS6, Π‘Π‘

Часто для тСстирования созданных ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² Π²Π΅Π±-страниц Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ Π΄Π°Π½Π½Ρ‹Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ с рСалистичными ΠΈΠΌΠ΅Π½Π°ΠΌΠΈ ΠΈ Ρ„ΠΎΡ‚ΠΎ. Π’ этом Π²Π°ΠΌ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Random User Generator. НаТатиСм всСго ΠΎΠ΄Π½ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ³Π΅Π½Π΅Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ муТской ΠΈΠ»ΠΈ ТСнский «пСрсонаТ», ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΠΌΠ΅Π΅Ρ‚ случайныС имя ΠΈ Ρ„Π°ΠΌΠΈΠ»ΠΈΡŽ, Ρ„ΠΎΡ‚ΠΎ, Π½ΠΎ Π² Ρ†Π΅Π»ΠΎΠΌ выглядит ΠΎΡ‡Π΅Π½ΡŒ рСалистично.

Π­Ρ‚Π° функция особСнно ΠΏΠΎΠ»Π΅Π·Π½Π°, ΠΊΠΎΠ³Π΄Π° Π½ΡƒΠΆΠ½ΠΎ Π·Π°ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ Ρ‡Π΅ΠΌ-Ρ‚ΠΎ тСстовый ΠΌΠ°ΠΊΠ΅Ρ‚ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Плагин Random User Generator Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π½Π° Π±Π°Π·Π΅ RandomUser API.

CS6, Π‘Π‘

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

Плагин ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΡˆΠΈΡ€ΠΎΠΊΠΈΠΉ Π²Ρ‹Π±ΠΎΡ€ бСсплатных дизайнСрских рСсурсов Π² Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅, ΠΊΠ°ΠΊ для Photoshop, Ρ‚Π°ΠΊ ΠΈ для Illustrator. Установив BlendMeIn, Π²Ρ‹ смоТСтС ΠΈΡΠΊΠ°Ρ‚ΡŒ Π½ΡƒΠΆΠ½Ρ‹ΠΉ элСмСнт, Π½Π΅ покидая Photoshop ΠΈΠ»ΠΈ Illustrator. Π”Π°Π½Π½ΠΎΠ΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ оцСнят ΠΏΠΎ достоинству, ΠΊΠ°ΠΊ профСссионалы, Ρ‚Π°ΠΊ ΠΈ Π»ΡŽΠ±ΠΈΡ‚Π΅Π»ΠΈ.

CS5, CS6, Π‘Π‘

FlatIcon — бСсплатный ΠΏΠ»Π°Π³ΠΈΠ½, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ прСдоставляСт доступ ΠΊ самой большой ΠΊΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΠΈ (Π±ΠΎΠ»Π΅Π΅ 38 000 элСмСнтов) плоских ΠΈΠΊΠΎΠ½ΠΎΠΊ нСпосрСдствСнно ΠΈΠ· Ρ€Π°Π±ΠΎΡ‡Π΅ΠΉ срСды. Плагин Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ freepik.com, рСсурса, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ являСтся ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΌ источником бСсплатных Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Ρ… ΠΈ . psd Ρ„Π°ΠΉΠ»ΠΎΠ².

Π Π΅Π΄Π°ΠΊΡ†ΠΈΡΠŸΠ΅Ρ€Π΅Π²ΠΎΠ΄ ΡΡ‚Π°Ρ‚ΡŒΠΈ Β«The Best Free Photoshop Plugins for Web DesignersΒ»

photoshop | Gtalk.kz

БСгодня ΠΌΡ‹ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠΌ ΠΎ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏ, ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ ΠΏΡ€ΠΈ вСрсткС плюс малСнькиС хитрости, Π±ΡƒΠ΄Π΅ΠΌ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°Ρ‚ΡŒ врСмя Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Π΄Π°Π½Π½ΠΎΠΉ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΎΠΉ. Π Π°Π½Π΅Π΅ я писал Π² Π£Ρ€ΠΎΠΊ 3. ВСрстка сайта: быстро Π²Ρ‹Ρ€Π΅Π·Π°Π΅ΠΌ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅, ΠΊΠ°ΠΊ дСлаю это я.

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

НС Π±ΡƒΠ΄Π΅Ρ‚ Ρ‚ΡΠ½ΡƒΡ‚ΡŒ ΠΊΠΎΡ‚Π° Π·Π° хвост, ΠΈ Π½Π°Ρ‡Π½Π΅ΠΌ, ΠΏΠΎΠΆΠ°Π»ΡƒΠΉ 😐

ГорячиС клавиши Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ°.

ГорячиС клавиши Π² любой ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°ΡŽΡ‚ вашС Π΄Ρ€Π°Π³ΠΎΡ†Π΅Π½Π½ΠΎΠ΅ врСмя. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Π·Π°ΠΏΠΎΠΌΠΈΠ½Π°ΠΉΡ‚Π΅ ΠΈΡ…. Π§Ρ‚ΠΎΠ±Ρ‹ Π’Π°ΠΌ Π±Ρ‹Π»ΠΎ Π»Π΅Π³Ρ‡Π΅, посмотритС основныС ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Π΅ горячиС клавиши.

Если Π’Π°ΠΌ этого ΠΌΠ°Π»ΠΎ, Ρ‚ΠΎ Π½Π°Π±Π΅Ρ€ΠΈΡ‚Π΅ Π² google горячиС клавиши Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ ΠΈ Π·Π°ΠΏΠΎΠΌΠΈΠ½Π°ΠΉΡ‚Π΅ ΠΈΡ….

НСобходимый Π½Π°Π±ΠΎΡ€.

Π£ ΠΌΠ½ΠΎΠ³ΠΈΡ… Π±Π»ΠΎΠ³ΠΎΠ², Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΊΠ°ΠΊ Ρƒ ΠΌΠΎΠ΅Π³ΠΎ, Π΅ΡΡ‚ΡŒ ΠΏΡ€Π΅Π²ΡŒΡŽΡˆΠΊΠΈ для статСй. И ΠΎΠ½ΠΈ всС ΠΊΠ°ΠΊ ΠΎΠ΄ΠΈΠ½ Π½Π° Π»ΠΈΡ†ΠΎ ΠΏΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌ. И Π’Π°ΠΌ Π½Π΅Ρ‚ нСобходимости постоянно Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π½Π°Π±ΠΎΡ€ ΠΈΠ· Π½ΡƒΠΆΠ½Ρ‹Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ².

ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏ, создайтС Π½ΠΎΠ²Ρ‹ΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ (ctrl + N), Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ вашСй ΠΏΡ€Π΅Π²ΡŒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ (Ρƒ мСня 200 Π½Π° 200 пиксСлСй), Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Β«Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Π½Π°Π±ΠΎΡ€ парамСтров…».

Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΏΡ€ΠΈΠ΄ΡƒΠΌΡ‹Π²Π°Π΅ΠΌ Π½Π°Π·Π²Π°Π½ΠΈΠ΅: Β«200 пикс Ρ… 200 пикс», Π»ΠΈΠ±ΠΎ Β«ΠŸΡ€Π΅Π²ΡŒΡŽ Π±Π»ΠΎΠ³Π°Β» ΠΈ Ρ‚.Π΄. ΠΈ ΠΆΠΌΠΈΡ‚Π΅ ok.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ (ctrl + N) Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² 200 Π½Π° 200 пиксСлСй, ΠΌΠ½Π΅ достаточно Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ Π½Π°Π±ΠΎΡ€.

РасстояниС ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ элСмСнтов Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅.

Π•ΡΡ‚ΡŒ нСсколько способов опрСдСлСния расстояния ΠΌΠ΅ΠΆΠ΄Ρƒ Π±Π»ΠΎΠΊΠ°ΠΌΠΈ ΠΈ Π±Π»ΠΎΠΊΠΎΠ². Рассмотрим Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹Π΅.

ΠŸΠ΅Ρ€Π²Ρ‹ΠΉ способ. Π’Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ инструмСнт Β«ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½Π°Ρ ΠΎΠ±Π»Π°ΡΡ‚ΡŒΒ» (М) ΠΈ выдСляСм Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΉ Π±Π»ΠΎΠΊ.Β  Π‘ΠΌΠΎΡ‚Ρ€ΠΈΠΌ Π²ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ Β«Π˜Π½Ρ„ΠΎΒ» Π² Photoshop.

Π’Π°ΠΊΠΈΠΌ ΠΆΠ΅ способом опрСдСляСм расстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ Π±Π»ΠΎΠΊΠ°ΠΌΠΈ.

Π’Ρ‚ΠΎΡ€ΠΎΠΉ способ. Π’Π°ΠΊΠΆΠ΅ расстояниС ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Ρ€ΠΈΡ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнта Β«Π›ΠΈΠ½Π΅ΠΉΠΊΠ°Β». НС Π·Π°Π±Ρ‹Π²Π°ΠΉΡ‚Π΅ Π·Π°ΠΆΠΈΠΌΠ°Ρ‚ΡŒ Shift для прямой Π»ΠΈΠ½ΠΈΠΈ Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ. ΠœΠΈΠ½ΡƒΡ Π΄Π°Π½Π½ΠΎΠ³ΠΎ способа: Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡ‚ΡŒ ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΈ высоту ΠΏΠΎ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ.

Π”Ρ€ΡƒΠ³ΠΈΠ΅ способы: Π’Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ элСмСнт, ΡΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ ΠΏΡ€ΠΈ создании Π½ΠΎΠ²ΠΎΠ³ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Π·Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹. Π£Π·Π½Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ‚Π΅ΠΊΡƒΡ‰Π΅Π³ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° ΠΌΠΎΠΆΠ½ΠΎ Π² Π»Π΅Π²ΠΎΠΌ Π½ΠΈΠΆΠ½Π΅ΠΌ ΡƒΠ³Π»Ρƒ.

Π¦Π²Π΅Ρ‚ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅.

Π£Π·Π½Π°Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚ ΠΎΡ‡Π΅Π½ΡŒ просто.

ΠŸΠ΅Ρ€Π²Ρ‹ΠΉ способ. Π’Ρ‹Π±ΠΈΡ€Π°Π΅Ρ‚Π΅ инструмСнт Β«ΠŸΠΈΠΏΠ΅Ρ‚ΠΊΠ°Β» ΠΈ ΠΊΠ»ΠΈΠΊΠ°ΠΉΡ‚Π΅ Π½Π° Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΉ элСмСнт. Π’ Π±Π»ΠΎΠΊΠ΅ Β«Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹Β»  появится Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚. ΠšΠ»ΠΈΠΊΠ°ΠΉΡ‚Π΅ ΠΏΠΎ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Ρƒ с Ρ†Π²Π΅Ρ‚ΠΎΠΌ.

И ΠΊΠΎΠΏΠΈΡ€ΡƒΠΉΡ‚Π΅ Ρ†Π²Π΅Ρ‚ Π² Π½ΡƒΠΆΠ½ΠΎΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅.

Π’Ρ‚ΠΎΡ€ΠΎΠΉ способ. Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ. НапримСр, Pixie. Для этого Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ навСсти Π½Π° ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ ΠΈ Π·Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ Π½ΡƒΠΆΠ½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Ρ†Π²Π΅Ρ‚Π°.

Для тСкста. МоТно ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π²Ρ‹ΡˆΠ΅ΠΎΠΏΠΈΡΠ°Π½Π½Ρ‹Π΅ способы, Π½ΠΎ Π»ΡƒΡ‡ΡˆΠ΅ Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ тСкст: Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ инструмСнт Β«Π“ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ тСкст» (Π’) ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° тСкст, Π² Π±Π»ΠΎΠΊΠ΅ Β«ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹Β» Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ Ρ†Π²Π΅Ρ‚ тСкста, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ ΡˆΡ€ΠΈΡ„Ρ‚, Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹, ΠΆΠΈΡ€Π½ΠΎΡΡ‚ΡŒ ΠΈ Ρ‚. Π΄.

Рабочая срСда Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅.

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

Π—Π°ΠΊΡ€ΠΎΠΉΡ‚Π΅ всС Π½Π΅Π½ΡƒΠΆΠ½Ρ‹Π΅ ΠΎΠΊΠ½Π°: Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° крСстикС ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡˆΠ΅Π³ΠΎ Π±Π»ΠΎΠΊΠ°, Π»ΠΈΠ±ΠΎ Окно Β ->Π£Π±Π΅Ρ€ΠΈΡ‚Π΅ Π³Π°Π»ΠΎΡ‡ΠΊΡƒ.

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

ΠŸΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ слоСв.

Иногда ΠΏΡ€ΠΈ сохранСнии слоя конСчная ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° отличаСтся ΠΎΡ‚ ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»Π° своСй ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒΡŽ, поэтому всСгда ΠΎΠ±Ρ€Π°Ρ‰Π°Π΅ΠΌ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° Π½Π΅ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ ΠΈ Π·Π°Π»ΠΈΠ²ΠΊΡƒ слоя.

ΠŸΡ€ΠΈ сохранСнии нСпрозрачности слоя, я ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ создаю Π½ΠΎΠ²Ρ‹ΠΉ пустой слой ΠΈ объСдиняю (ctrl +E) с Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΌ. ΠŸΡ€ΠΈ этом ΡΠΎΡ…Ρ€Π°Π½ΡΡŽΡ‚ΡΡ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ настройки слоя ΠΈ растСт ΠšΠŸΠ” )).

Π’Ρ‹Π±ΠΎΡ€ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΠ³ΠΎ слоя.

Для автоматичСского Π²Ρ‹Π±ΠΎΡ€Π° слоя/элСмСнта ΠΏΠΎ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌΡƒ Π²Ρ‹ ΠΊΠ»ΠΈΠΊΠ°Π΅Ρ‚Π΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ дСйствия Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅:

Π£ΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π³Π°Π»ΠΎΡ‡ΠΊΡƒ Π½Π° «Автовыбор», ΠΈ ΠΈΠ· Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π³ΠΎ сСлСкта Β«Π“Ρ€ΡƒΠΏΠΏΠ° слоСв». Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΏΠΎ ΠΊΠ»ΠΈΠΊΡƒ элСмСнта Π² Π±Π»ΠΎΠΊΠ΅ Β«Π‘Π»ΠΎΠΈΒ» Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π΄Π΅Π»ΡΡ‚ΡŒΡΡ Π½ΡƒΠΆΠ½Ρ‹ΠΉ Π²Π°ΠΌ слой.

ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ΅ сохранСниС изобраТСния

ИмСнно Ρ‚Π°ΠΊ я Ρ€Π΅ΡˆΠΈΠ» Π½Π°Π·Π²Π°Ρ‚ΡŒ этот ΠΏΡƒΠ½ΠΊΡ‚, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π½Π΅ просто ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Ρ„Π°ΠΉΠ», Π½ΠΎ ΠΈ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ.

Π—Π°ΠΏΠΎΠΌΠ½ΠΈΡ‚Π΅ Π²ΠΎΠ»ΡˆΠ΅Π±Π½ΡƒΡŽ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΡŽ: ctrl + shift +alt +s. Как Π±Ρ‹ Π΄Π»ΠΈΠ½Π½ΠΎ это Π½Π΅ ΡΠΌΠΎΡ‚Ρ€Π΅Π»ΠΎΡΡŒ, наТимаСтся ΠΎΡ‡Π΅Π½ΡŒ просто ΠΈ Π»Π΅Π³ΠΊΠΎ. ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠ΅Ρ€Π΅Π½Π°Π·Π½Π°Ρ‡ΠΈΡ‚ΡŒ Π΄Π°Π½Π½ΡƒΡŽ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ Β«Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ для Web ΠΈ устройств».


ΠŸΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ просмотр ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Ρƒ мСня стоит Π½Π° 4 Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π°Ρ…. Одна ΠΎΠ±Π»Π°ΡΡ‚ΡŒ для исходного изобраТСния, ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠΌΠ΅Π½ΡΡ‚ΡŒ для gif, jpeg ΠΈ png Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ². ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°ΠΊΠΎΠΉ Π²Π΅ΡΠΈΡ‚ΡŒ Π»Π΅Π³Ρ‡Π΅ ΠΈ ΠΏΡ€ΠΈ этом качСство Π½Π΅ тСряСтся (для этого сравниваСм с исходным ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ). Если Π² ΠΎΠ±Ρ‰Π΅ΠΌ Ρ‚ΠΎ png ΠΈ gif для ΠΌΠ΅Π»ΠΊΠΈΡ… ΠΈ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹Ρ… элСмСнтов, для простых ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ ΠΌΠΎΠΆΠ½ΠΎ jpeg Π² высоком ΠΈΠ»ΠΈ срСднСм качСствС. ΠŸΠΎΠ½Π°ΠΆΠΈΠΌΠ°ΠΉΡ‚Π΅ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΡˆΠ΅.Если вас Π½Π΅ ΡƒΡΡ‚Ρ€Π°ΠΈΠ²Π°ΡŽΡ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€, Ρ‚ΠΎ Π²Ρ‹ Ρ‚ΡƒΡ‚ ΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡ… ΠΏΠΎΠΌΠ΅Π½ΡΡ‚ΡŒ (справа Π²Π½ΠΈΠ·Ρƒ). ΠŸΡ€ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ Π½Π΅ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° Π·Π½Π°Ρ‡ΠΎΠΊ справа ΠΎΡ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ².

НаТимайтС Β«Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒΒ» ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ΡΡŒ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΌΠΈ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°ΠΌΠΈ для вашСго сайта.

А ΠΊΠ°ΠΊΠΈΠ΅ Ρ„ΠΈΡˆΠΊΠ°ΠΌΠΈ Π²Ρ‹ ΠΏΠΎΠ΄Π΅Π»ΠΈΡ‚Π΅ΡΡŒ? ΠžΡ‚ΠΏΠΈΡΡ‹Π²Π°ΠΉΡ‚Π΅ΡΡŒ Π² коммСнтариях ΠΈ Π΄Π΅Π»ΠΈΡ‚Π΅ΡΡŒ с Π΄Ρ€ΡƒΠ·ΡŒΡΠΌΠΈ Ρ‡Π΅Ρ€Π΅Π· ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ. πŸ˜•

с/Ρƒ Π£Ρ‚Π‘

***

Π”ΡƒΠΌΠ°Π΅Ρ‚Π΅ Π½Π°Π΄ созданиСм собствСнного бизнСса? Магазин готовых бизнСс ΠΏΠ»Π°Π½ΠΎΠ² ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ свои услуги ΠΏΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ ΠΈ знакомству с бизнСс ΠΏΠ»Π°Π½Π°ΠΌΠΈ Ρ€Π°Π·Π½Ρ‹Ρ… сфСр.

На дСсСрт сСгодня Π΄Π΅Π²ΡƒΡˆΠΊΠ° Ρ‡ΠΈΡ‚Π°Π΅Ρ‚ rap

CSS3Ps β€” Π»ΡƒΡ‡ΡˆΠΈΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ Photoshop для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ²

Home / Π’Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ / CSS3Ps β€” Π»ΡƒΡ‡ΡˆΠΈΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ Photoshop для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ²

By SourabhΒ /Β  ΠšΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΡ: Π’Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ

CSS3Ps β€” это бСсплатный ΠΎΠ±Π»Π°Ρ‡Π½Ρ‹ΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ Photoshop, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΡƒΠ΅Ρ‚ ваши слои Photoshop Π² CSS3. Для этого трСбуСтся Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Windows ΠΈΠ»ΠΈ Mac OS X ΠΈ Photoshop CS3 ΠΈ Π²Ρ‹ΡˆΠ΅, ΠΈ услуга Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½ΠΎ бСсплатна.

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΏΠ»Π°Π³ΠΈΠ½ CSS3Ps для Adobe Photoshop CC, CS3, CS4, CS5 ΠΈ CS6 ΠΈ Mac OS X 10.7 Lion (для Mac OS X ΠΏΠ΅Ρ€Π΅Π΄ установкой трСбуСтся ΠΏΠ°Ρ‚Ρ‡ ΠΎΡ‚ Adobe). НиТС ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½ выглядит Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PSD, ΠΈ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ ΠΊΠΎΠ΄ CSS, сгСнСрированный с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ»Π°Π³ΠΈΠ½Π° CSS3Ps.

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

НиТС ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½ список Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅ΠΌΡ‹Ρ… ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠΌ CSS3Ps.

ВозмоТности ΠΏΠ»Π°Π³ΠΈΠ½Π° Photoshop:

  1. Π”ΠΎΠΊΠ°Π·Π°Ρ‚Π΅Π»ΡŒΡΡ‚Π²Π° β€” Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π»Π΅Π³ΠΊΠΎ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚Π°Ρ†ΠΈΠΈ ΠΎΠ½Π»Π°ΠΉΠ½ Π² своСм Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅
  2. НСсколько слоСв β€” Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ нСсколько слоСв ΠΈ Π³Ρ€ΡƒΠΏΠΏ слоСв ΠΈ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΡ… ΠΎΠ΄Π½ΠΈΠΌ Ρ‰Π΅Π»Ρ‡ΠΊΠΎΠΌ ΠΌΡ‹ΡˆΠΈ
  3. ΠŸΡ€Π΅Ρ„ΠΈΠΊΡΡ‹ β€” ΠΌΡ‹ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅ΠΌ прСфиксы для всСх популярных Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ²: Β«-webkit-Β» для Safari ΠΈ Chrome, Β«-moz-Β» для Firefox, Β«-ms-Β» для IE 10 ΠΈ Β«-o-Β» для Opera.
  4. БмСшиваниС β€” Π½Π° Π΄Π°Π½Π½Ρ‹ΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ΡΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Π΅ Ρ€Π΅ΠΆΠΈΠΌΡ‹, Π½ΠΎ скоро ΠΌΡ‹ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Ρ€Π΅ΠΆΠΈΠΌΡ‹ смСшивания
  5. Π Π°Π·ΠΌΠ΅Ρ€ β€” ΠΌΡ‹ ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΡƒΠ΅ΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ€ слоя (Ρ„ΠΈΠ³ΡƒΡ€Π° ΠΈΠ»ΠΈ растровоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅) Π² свойства ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΈ высоты CSS
  6. Π“Ρ€Π°Π½ΠΈΡ†Π° Радиус – вычисляСм радиус Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ для Ρ„ΠΈΠ³ΡƒΡ€Ρ‹, Ссли ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Ρ„ΠΈΠ³ΡƒΡ€Ρƒ Π² Π²ΠΈΠ΄Π΅ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° со скруглСнными ΡƒΠ³Π»Π°ΠΌΠΈ; Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΡ‡Π΅Π½ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ Ρ‚ΠΈΠΏΠΎΠ² Ρ„ΠΈΠ³ΡƒΡ€
  7. Бкос ΠΈ тиснСниС – ΠΏΠΎΠΊΠ° Π½Π΅ поддСрТиваСтся
  8. Stroke β€” прСобразуСтся Π² свойство Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ CSS
  9. ВнутрСнняя Ρ‚Π΅Π½ΡŒ β€” ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΎ Π² свойство box-shadow CSS
  10. Π’Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅Π΅ свСчСниС β€” прСобразуСтся Π² свойство CSS box-shadow
  11. Satin – Π½Π΅ поддСрТиваСтся
  12. Color Overlay β€” ΠΏΠΎΠΊΠ° Π½Π΅ поддСрТиваСтся, Π½ΠΎ скоро Π΄ΠΎΠ±Π°Π²ΠΈΠΌ
  13. НалоТСниС Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚ΠΎΠ² β€” ΠΏΠΎΠΊΠ° ΠΌΡ‹ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅ΠΌ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π»ΠΈΠ½Π΅ΠΉΠ½Ρ‹Π΅ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Ρ‹, Π½ΠΎ скоро ΠΌΡ‹ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ Ρ€Π°Π΄ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΈ ΠΎΡ‚Ρ€Π°ΠΆΠ΅Π½Π½Ρ‹Π΅ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Ρ‹
  14. Pattern – ΠΏΠΎΠΊΠ° Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅ΠΌ, Π½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Π΅ΠΌ Π½Π°Π΄ этим
  15. Outer Glow β€” прСобразуСтся Π² свойство CSS box-shadow
  16. Drop Shadow β€” прСобразуСтся Π² свойство CSS box-shadow
  17. ВСкстовыС слои β€” ΠΌΡ‹ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅ΠΌ свойства CSS font-family, font-size, font-weight, font-style, text-transform, text-decoration, color ΠΈ text-shadow для тСкстовых слоСв

Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ для Adobe Photoshop CC


Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ для Adobe Photoshop CS5 ΠΈ CS6
Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ для Adobe Photoshop CS3 ΠΈ CS4

ΠšΡ€Π΅Π΄ΠΈΡ‚: css3ps

Π’Π΅Π³ΠΈ: Π›ΡƒΡ‡ΡˆΠΈΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ Photoshop для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², Плагин CSS3Ps Photoshop, Плагин CSS3Ps Photoshop для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠΏΠ»Π°Π³ΠΈΠ½ CSS3Ps Photoshop, Π›ΡƒΡ‡ΡˆΠΈΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ Photoshop для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ²

12 Π»ΡƒΡ‡ΡˆΠΈΡ… ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² Photoshop для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ²

Adobe Photoshop ΡˆΠΈΡ€ΠΎΠΊΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌΠΈ для создания ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ, Π·Π½Π°Ρ‡ΠΊΠΎΠ², рСсурсов ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ³ΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΉΡ‚ΠΈ мноТСство ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΠ²Ρ‹ΡΠΈΡ‚ΡŒ Π΅Π³ΠΎ ΡΡ„Ρ„Π΅ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ ΠΈ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π±ΠΎΠ»Π΅Π΅ Π³ΠΈΠ±ΠΊΠΈΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±Π»Π΅Π³Ρ‡ΠΈΡ‚ΡŒ Π²Π°ΡˆΡƒ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΡΠΊΡƒΡŽ Тизнь.

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

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

Π˜Ρ‚Π°ΠΊ, Ссли Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ свой ΡΡ‚ΠΈΠ»ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Π²ΠΎΡ‚ 12 Π»ΡƒΡ‡ΡˆΠΈΡ… ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² Photoshop, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ любой Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€.

1

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

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

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

2

Layrs Control 2 β€” это бСсплатный ΠΏΠ»Π°Π³ΠΈΠ½ Photoshop, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΡƒΠΏΡ€ΠΎΡΡ‚ΠΈΡ‚ΡŒ процСсс рСдактирования Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ².

Он поставляСтся с Π½Π°Π±ΠΎΡ€ΠΎΠΌ ΠΈΠ· сСми сцСнариСв, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΡƒΠΏΠΎΡ€ΡΠ΄ΠΎΡ‡ΠΈΡ‚ΡŒ ваши слои, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€:

  • Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΈΠΌΠ΅Π½ слоСв
  • Π‘Π²Π΅Π΄Π΅Π½ΠΈΠ΅ всСх эффСктов слоя
  • Π£Π΄Π°Π»ΠΈΡ‚ΡŒ Π½Π΅ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Π΅ эффСкты
  • Π£Π΄Π°Π»ΠΈΡ‚ΡŒ пустыС слои
  • Найти ΠΏΠΎΡ…ΠΎΠΆΠΈΠ΅ Ρ„Π°ΠΉΠ»Ρ‹ ΠΈΠ»ΠΈ ΠΏΠ°ΠΏΠΊΠΈ
  • РастСризация смарт-ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ²
  • ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ Π² смарт-ΠΎΠ±ΡŠΠ΅ΠΊΡ‚

Π­Ρ‚ΠΈ инструмСнты ΠΎΡ‡Π΅Π½ΡŒ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΡΡΠΊΠΎΠ½ΠΎΠΌΠΈΡ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ вашСго Π΄Ρ€Π°Π³ΠΎΡ†Π΅Π½Π½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠΏΠ»Π°Π³ΠΈΠ½ бСсплатно.

3

Если Π²Ρ‹ ΠΈΡ‰Π΅Ρ‚Π΅ бСсплатный ΠΏΠ»Π°Π³ΠΈΠ½, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π²Π΅Π±-сайты с ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ Retina, Retinize It ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ с этим справляСтся. Когда Π²Ρ‹ установитС этот ΠΏΠ»Π°Π³ΠΈΠ½, ΠΎΠ½ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ Π² ваш Photoshop Π½ΠΎΠ²Ρ‹ΠΉ экшСн, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ Π²Ρ‹ смоТСтС ΡΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ любоС ΠΈΠ· Π²Π°ΡˆΠΈΡ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² исходном Ρ€Π°Π·ΠΌΠ΅Ρ€Π΅. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, ΠΎΠ½ позволяСт ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ ΠΈΡ… Π²Π΄Π²ΠΎΠ΅ ΠΈΠ»ΠΈ Π²Ρ‚Ρ€ΠΎΠ΅.

Когда Π²Ρ‹ Π·Π°ΠΊΠΎΠ½Ρ‡ΠΈΡ‚Π΅ установку Retinize It, Π²Ρ‹ смоТСтС ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΊ Π½Π΅ΠΌΡƒ доступ Π² мСню «Окно» -> «ДСйствия». Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ рСсурсы срСза, просто Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π³Ρ€ΡƒΠΏΠΏΡƒ слоСв ΠΈΠ»ΠΈ ΠΎΠ΄ΠΈΠ½ слой, запуститС дСйствиС ΠΈ Π΄Π°ΠΉΡ‚Π΅ своим Ρ„Π°ΠΉΠ»Π°ΠΌ имя. Π­Ρ‚ΠΎ Ρ‚Π°ΠΊ просто.

4

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

Π­Ρ‚ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΡ€ΠΎΡ‰Π΅ Π² использовании. ΠŸΠ΅Ρ€Π²ΠΎΠ΅, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, это Π½Π°ΠΉΡ‚ΠΈ Π½ΡƒΠΆΠ½ΡƒΡŽ ΠΈΠΊΠΎΠ½ΠΊΡƒ Π² ΠΏΠ°Π½Π΅Π»ΠΈ ΠΏΠ»Π°Π³ΠΈΠ½Π°. Π—Π°Ρ‚Π΅ΠΌ Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ этот ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹ΠΉ Π·Π½Π°Ρ‡ΠΎΠΊ Π² свой Π΄ΠΈΠ·Π°ΠΉΠ½ Π² качСствС Π½ΠΎΠ²ΠΎΠ³ΠΎ слоя Π² Photoshop. Π‘ΠΎΠ»Π΅Π΅ Ρ‚ΠΎΠ³ΠΎ, ΠΎΠ½ позволяСт Π²Π°ΠΌ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ„ΠΎΡ€ΠΌΡƒ любого Π·Π½Π°Ρ‡ΠΊΠ° ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎ своСму вкусу.

Если Ρƒ вас Π΅ΡΡ‚ΡŒ Π²Π΅Π±-сайт Divi, Ρƒ нас Π΅ΡΡ‚ΡŒ Π½Π°Π±ΠΎΡ€ ΠΈΠ· 100 ΠΈΠΊΠΎΠ½ΠΎΠΊ Line Style Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ Π²Π΅Π±-ΡˆΡ€ΠΈΡ„Ρ‚Π° ΠΈ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎΠ΅ руководство ΠΏΠΎ ΠΈΡ… добавлСнию Π½Π° ваш Π²Π΅Π±-сайт

5

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

Π‘ Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния бСсплатных стоковых ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Pexels.com β€” ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ рСсурс. Π—Π΄Π΅ΡΡŒ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Π΅Π³ΠΎ бСсплатный ΠΏΠ»Π°Π³ΠΈΠ½ для Photoshop, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ прСдоставляСт Π²Π°ΠΌ Π»Π΅Π³ΠΊΠΈΠΉ доступ ΠΊ ΠΎΠ³Ρ€ΠΎΠΌΠ½ΠΎΠΉ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ΅ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ. Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ Π½ΡƒΠΆΠ½Ρ‹Π΅ изобраТСния ΠΈΠ»ΠΈ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ Π½ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ для ΠΈΡ… поиска.

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

6

ON1 Π­Ρ„Ρ„Π΅ΠΊΡ‚Ρ‹ β€” это панСль Π² Photoshop, ΠΊ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΠΌΠΎΠΆΠ½ΠΎ Π»Π΅Π³ΠΊΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ доступ ΠΎΠ΄Π½ΠΈΠΌ Ρ‰Π΅Π»Ρ‡ΠΊΠΎΠΌ ΠΌΡ‹ΡˆΠΈ. Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, ΠΎΠ½ Ρ‚Π°ΠΊΠΆΠ΅ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΊΠ°ΠΊ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠ΅ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅. Он считаСтся Ρ…ΠΎΡ€ΠΎΡˆΠ΅ΠΉ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²ΠΎΠΉ ΠΊΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния Adobe для графичСского Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ прСдоставляСт ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½Ρ‹Π΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ для ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ Π²Π°ΡˆΠΈΡ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

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

7

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

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

Благодаря Ink ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·Π±Π΅ΠΆΠ°Ρ‚ΡŒ нСдопонимания ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΊΠΎΠΌΠ°Π½Π΄Π°ΠΌΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ². По сути, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ свои слои, добавляя Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΊ ΠΌΠ°ΠΊΠ΅Ρ‚Ρƒ.

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ доступ ΠΊ созданной Π²Π°ΠΌΠΈ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ Π² ΠΏΠ°ΠΏΠΊΠ΅ _ink, Π³Π΄Π΅ ΠΎΠ½Π° хранится.

8

Nik Collection β€” ΠΎΡ‡Π΅Π½ΡŒ популярный ΠΏΠ»Π°Π³ΠΈΠ½ для Photoshop ΠΈ Ρ„Π°Π²ΠΎΡ€ΠΈΡ‚ Π² индустрии Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Nik Selective Tool β€” это простой ΠΈ быстрый способ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ доступ ΠΊ ΠΏΠ»Π°Π³ΠΈΠ½Π°ΠΌ прямо Π² Photoshop. Он Ρ‚Π°ΠΊΠΆΠ΅ Π±Ρ‹Π» ΠΏΠ΅Ρ€Π΅Ρ€Π°Π±ΠΎΡ‚Π°Π½ ΠΈ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ позволяСт Π²Ρ‹Π·Ρ‹Π²Π°Ρ‚ΡŒ послСдниС измСнСния ΠΈΠ»ΠΈ Π»ΡŽΠ±ΠΈΠΌΡ‹Π΅ прСсСты Ρ„ΠΈΠ»ΡŒΡ‚Ρ€ΠΎΠ² ΠΎΠ΄Π½ΠΈΠΌ Ρ‰Π΅Π»Ρ‡ΠΊΠΎΠΌ ΠΌΡ‹ΡˆΠΈ, Ρ‡Ρ‚ΠΎ экономит массу усилий ΠΈ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ.

ΠšΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΡ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π²Ρ‹Π΄Π°ΡŽΡ‰ΠΈΠ΅ΡΡ ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ Photoshop, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ нСзависимо, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€:

  • Аналог Efex Pro
  • Π’ΠΎΡ‡ΠΈΠ»ΠΊΠ° Pro
  • БСрСбряный Efex Pro
  • Color Efex Pro
  • HDR Efex Pro
  • Π’ΠΈΠ²Π΅Π·Π°
  • Вонкая

К своСму 25-Π»Π΅Ρ‚Π½Π΅ΠΌΡƒ юбилСю ΠΏΠ°ΠΊΠ΅Ρ‚ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² для творчСских Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ обновляСтся Π΄ΠΎ вСрсии 3.3, Π² ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΎ 25 Π½ΠΎΠ²Ρ‹Ρ… прСсСтов для Color Efex Pro ΠΈ Silver Efex Pro.

9

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

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

10

Fluid Mask 3 β€” ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΉ инструмСнт для удалСния Ρ„ΠΎΠ½Π° ΠΈ создания Π²Ρ‹Ρ€Π΅Π·ΠΎΠ². ΠœΠ°ΡΠΊΠΈΡ€ΠΎΠ²ΠΊΠ° β€” это способ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ слой ΠΈΠ»ΠΈ Π΅Π³ΠΎ Ρ‡Π°ΡΡ‚ΡŒ Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΡ‹ΠΌΠΈ. Π›ΡŽΠ±ΠΎΠΉ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ скаТСт Π²Π°ΠΌ, Ρ‡Ρ‚ΠΎ этот процСсс довольно Ρ‚ΠΎΠ½ΠΊΠΈΠΉ ΠΈ слоТный.

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

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

12

Как слСдуСт ΠΈΠ· названия, Perspective Mockups β€” это ΡƒΠΌΠ½Ρ‹ΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ Photoshop, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ пСрспСктивныС ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ Π²Π°ΡˆΠΈΡ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ². Π‘Π»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, Π²Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ ΠΈΠΌΠ΅Ρ‚ΡŒ Π»ΡƒΡ‡ΡˆΠ΅Π΅ прСдставлСниС ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ Π±ΡƒΠ΄ΡƒΡ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Π½Π° ΡƒΠΌΠ½Ρ‹Ρ… Π³Π°Π΄ΠΆΠ΅Ρ‚Π°Ρ… снаруТи. Π­Ρ‚ΠΎ позволяСт Π²Π°ΠΌ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ свои ΠΈΠ΄Π΅ΠΈ Π½Π° ΠΎΠ΄Π½ΠΎΠΌ Π΄Ρ‹Ρ…Π°Π½ΠΈΠΈ.

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

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

Π£ вас Π΅ΡΡ‚ΡŒ Π»ΡŽΠ±ΠΈΠΌΡ‹ΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ Photoshop, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ Π²Ρ‹ Ρ…ΠΎΡ‚Π΅Π»ΠΈ Π±Ρ‹ ΠΏΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ? ΠœΡ‹ Ρ…ΠΎΡ‚Π΅Π»ΠΈ Π±Ρ‹ ΡƒΡΠ»Ρ‹ΡˆΠ°Ρ‚ΡŒ ΠΎΡ‚ вас Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π² Π½ΠΈΠΆΠ΅.

Π­ΠΉΠ»ΠΈΠ½ β€” тСхничСский ΠΈ творчСский ΠΏΠΈΡΠ°Ρ‚Π΅Π»ΡŒ с ΠΎΠ±ΡˆΠΈΡ€Π½Ρ‹ΠΌΠΈ знаниями WordPress ΠΈ Shopify. Она Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ с компаниями Π½Π°Π΄ созданиСм ΠΈΡ… Π±Ρ€Π΅Π½Π΄Π° ΠΈ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠ΅ΠΉ ΠΈΡ… Π²Π΅Π±-сайтов. ВмСстС с сСмьСй ΠΎΠ½Π° Ρ‚Π°ΠΊΠΆΠ΅ управляСт мСстным туристичСским агСнтством. Π’ свободноС врСмя ΠΎΠ½Π° Π»ΡŽΠ±ΠΈΡ‚ Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ ΠΊΠ½ΠΈΠ³ΠΈ, ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚ΡŒ Π½Π΅ΠΈΠ·Π²Π΅Π΄Π°Π½Π½ΠΎΠ΅, ΠΈΠ³Ρ€Π°Ρ‚ΡŒ со своими двумя ΠΎΡ‡Π°Ρ€ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ собаками ΠΈ ΡΠ»ΡƒΡˆΠ°Ρ‚ΡŒ K-pop.

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

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

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