Настройка Photoshop для веб-дизайна - Настройка, плагины, секреты

Сегодня мы рассмотрим настройку Photoshop для веб-дизайна и плагины, которыми я пользуюсь для быстрого создания дизайна сайтов и прототипирования веб-интерфейсов, а именно InVision Craft и Font Awesome PS. Также мы рассмотрим настройку цветового профиля Photoshop.

Таймкоды:
00:00 Начало урока
01:26 Обзор настроек Photoshop
04:13 Обзор плагинов Photoshop
05:54 Установка плагинов (см. страницу урока)
07:51 Как работает плагин InVision Craft (см. страницу урока)
08:10 Три основные возможности плагина InVision Craft
08:31 Работа с текстом в InVision Craft
11:37 Работа с фотографиями в InVision Craft
15:33 Дублирование контента в InVision Craft

[wdm]

Внимание! Все вновь установленные расширения находятся в меню Photoshop: "Окно" -> "Расширения" или в англоязычной версии Photoshop: "Window" - > "Extensions". При клике они добавляются на панель справа. Интерфейс плагинов InVision Craft может отличаться от показанного в видео. В частности, плагины "Type" и "Photos" были объединены в один плагин "Data".


Обратите внимание, при установке FonAwesome для Photoshop, необходимо открыть с помощью 7-Zip и распаковать именно файл с расширением ".zxp", который находится в zip-архиве.

Если вы получили сообщение "Не удалось загрузить расширение, потому что оно неверно подписано", скачайте со страницы урока и установите патч в реестр "photoshop_ext_fix.reg". После этого можете повторно запустить плагин "FontAwesomePS" в Adobe Photoshop.

[ideagame]

Вы вдохновитель даже врачей заняться вэб-дизайном )))

[uka]

Я искала, как закрепить рабочую среду в фотошопе, а тут попала на такой классный урок :)

[dmytro_kom]

офигеть!
Алексей!
какой же ты крутой!)

я тут спать собирался ложиться...и случайно был нажал на видео, которое 6 часов длится...это я зря сделал...

[olgakuzminykh]

Спасибо большое за такой полезный урок!

[Igrotouch]

В конце концов у снес и и второй плагин тоже. Вручную мне оказалось гораздо легче и удобнее подбирать иконки и изображения.

[PozitiveJazz]

Привет, спасибо за урок, очень познавательно. Подскажи с помощью какой программы ты записываешь видео. так что она подсвечивает нажатие клавиш? Спасибо!)

[ВебикДизайна]

*круто, спасибо за урок а как сделать, чтобы при перемещении текста и любых элементов появлялась такая сетка выравнивания?*

[worldtech]

Спасибо за видео!Подскажи пожалуйста, когда ты трансформируешь картинку, у тебя появляются розовые линии по горизонтали и вертикале.Как это сделать ?
Надеюсь вопрос понятен)

[chocolaka]

Такой вопрос: Как выбрать нужный размер холста? вот в твоем спид арте ты брал FullHD разрешение (1920*1080)..На чем основывался выбор?

[rysikx]

Александр смотрю ваши уроки, урок за уроком. Очень нравится подача, подскажите плиз для Виндовс программу пикер цветов какую вы используете??

[MaxHustleInSilence]

А как у тебя в Фотошопе оформление не стандартные, другие иконки, кнопки и т.д Или это спец версия?

[AlexRomash]

Если у кого то не активен пункт "Расширения" в меню "Окно", где, собственно, и выбираем установленные плагины, то нужно поставить галочку в меню "Внешние модули" -> "Загрузить панели расширения".

[random.user]

+WebDesign Master подскажите, пожалуйста, с помощью чего выводятся на экран нажимаемые вами клавиши при записи скринкаста?

[TheGolubin]

У меня плагин с иконками установился через ZXPInstaller. Сперва выдавало ошибку, но все установилось, когда я исходный файл переместил в корень диска. Видимо мешали кириллические названия папок в пути к файлу. Работаю в Win7. Спасибо!

[ВячеславКруглов-цэ]

Здравствуйте! Подскажите, в чем засада. InVision Craft автоматически устанавливается, но отдельной папки в Plag-ins не создается, модифицируется папка Generator. И никаких следов в "Фильтры", или "Расширения" в Фотошоп СС нет. Что сделать для активации плагина?

[kollabaaa]

Заинтересовало вот что. В графе разрешение стояло "118, 11" вместо привычных "72" точек. Так и нужно? Или ошибка? И если нужно, то почему именно "118, 11"?

[bu-lin]

Подскажите как установить InVision Craft в фотошоп на windows?

[seasame_]

Подскажите пожалуйста.У меня новая картинка открывается в виде отдельного окна.Также, я не могу перетащить файл.Просто отображается знак запрета(круг с наклонной линией).Как сделать так, чтобы открывалось на всю ширину фотошопа не в виде отдельного окна, и как сделать так, чтобы я смог открыть файл.просто перетащив на рабочую зону фотошопа.

[rvrsrec]

А вот этот модный дизайн у Photoshop - это какая-то тема оформления?