Adobe Photoshop for web-developers Photoshop: зачем он нужен WEBразработчику?
История Adobe Photoshop Томас и Джон Нолл Первая версия появилась в 1987 году. Её создал студент Мичиганского университета Томас Нолл (англ. Thomas Knoll) для платформы Macintosh. Он назвал её Display, но в 1988 году переименовал в Image. Pro. В сентябре 1988 года Adobe Systems купила права на программу, оставив разработчиком Томаса Нолла, а в 1989 году программу переименовали в Photoshop. В 1990 году появился Photoshop 1. 0.
История Adobe Photoshop Эволюция Adobe Photoshop 1989 -1990 2013
История Adobe Photoshop Эволюция Adobe Photoshop
Введение в компьютерную графику Сравнение векторной и растровой графики Растровая графика – заключается в том, что реальное непрерывное изображение разбивается на точки, называемые пикселами (от английского pixel — picture element), причем каждая точка обладает точно определенными координатами (номер строки и столбца, как ячейки таблицы). Векторная графика – представляет собой математическое описание составляющих элементов (объектов) изображения – кривых и прямых линий, а также элементарных геометрических фигур (прямоугольников, эллипсов и т. п. ).
Какие задачи решает Photoshop? • Фоторетушь • WEB-дизайн • Полиграфия • Реклама • Верстка периодических изданий • Верстка дизайн-макетов • Разработка элементов UI • Создание логотипов и т. д.
Зачем Photoshop WEB-разработчику? Основные этапы создания WEB-сайтов • • • идея; макет сайта; верстка (Frontend developer); динамика сайта, UI (Frontend developer); программирование сайта (Backend developer); production.
Зачем Photoshop WEB-разработчику? Как нарезать сайт?
Зачем Photoshop WEB-разработчику? Какой формат выбрать? • • Формат Photoshop (PSD) является форматом файла по умолчанию. Сохранение документа в формате jpg Формат JPG предназначен для компактного хранения многоцветных изображений с фотографическим качеством. Сохранение документа в формате gif Формат GIF предназначен для сохранения растровых изображений с количеством цветов не более 256. Позволяет сохранить прозрачность пикселей и поддерживает анимацию. Хорошо подходит для сохранения контрастных изображених без плавных переходов или шума, например, логотипы, баннеры, схемы, чертежи и т. п. Сохранение документа в Photoshop в формате png Формат PNG аналогичен формату GIF. Позволяет сохранять изображение с глубиной цвета 24 и даже 48 bit. Формат PNG целесообразно использовать в web-дизайне для сохранения небольших многоцветных изображений с мелкими деталями, например, переливающиеся кнопки с картинками.
Зачем Photoshop WEB-разработчику? Проблема «лишнего веса»
Q&A
ПРОВЕРКА ЗНАНИЙ Тестирование IT-специалистов Test. Provider обеспечивает надежную и объективную оценку технических знаний и опыта работы IT-специалиста с программными продуктами Microsoft. Сертификация IT-специалистов Перейти к тестированию www. Test. Provider. com Подтвердите ваш практический опыт работы с технологиями Microsoft, получив сертификацию, соответствующую той работе, которую вы выполняете сейчас или желаете получить в будущем. Компании Microsoft, Cyber. Bionic Systematics и Intel на базе портала Test. Provider компании Cyber. Bionic Systematics с использованием платформы Microsoft Azure совместно с Министерством науки и образования Украины проводят Всеукраинское дистанционное мониторинговое исследование уровня сформированности у выпускников учебных заведений навыков использования информационно-коммуникативных технологий в практической деятельности. 12
КУРС: Adobe Photoshop for web-developers Описание курса: Adobe Photoshop – негласный лидер среди инструментов для работы с растровой графикой. WEB-разработчику Adobe Photoshop предоставляет полный спектр возможностей для разработки проектов от дизайн-макета до готового веб-сайта. Правильная подборка, обработка и оптимизация изображений – необходимые к выполнению требования для обеспечения эргономики, юзабилити, эстетической привлекательности, и, как следствие, популярности сайта. Поэтому каждый вебразработчик должен обладать навыками работы с графикой для успешной реализации своих проектов. Курс «Adobe Photoshop для веб-разработчиков» позволяет освоить: • Основы работы со слоями и PSD-файлами; • Основные инструменты и способы выделения, использование масок; • Инструменты векторной графики; • Работу с фильтрами; • Методы обработки фотографий для Веб-сайтов; • Основы проектирования дизайн-макетов; • Изображения для web; • Приемы оптимизации изображений. Длительность: 20 часов/10 дней Узнать более подробно о курсе на сайте: www. edu. cbsystematics. com 13
14
Скачать презентацию Adobe Photoshop for web-developers Photoshop зачем он нужен
Presentation.pptx