-Поиск по дневнику

Поиск сообщений в Ushba

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 24.04.2011
Записей: 1322
Комментариев: 40
Написано: 1381


Возможности Photoshop по созданию графики для сайтов

Суббота, 09 Июня 2012 г. 22:42 + в цитатник
Цитата сообщения Иннушка Возможности Photoshop по созданию графики для сайтов

 

Программа Photoshop была доработана по нескольким направлениям, обеспечивающим дополнительные преимущества при создании Web-графики. Возможно, одним из наименее очевидных для Web-дизайнеров преимуществ обладает такая новинка Photoshop, как палитра Actions (Операции).

Графическое оформление Web-узла может включать десятки вариантов во многом сходных элементов, таких как треугольные кнопки перемещения или рамки для изображений требуемых размеров.

Если, выполняя процедуру создания первого из однотипных графических элементов, вы запишете свои действия с помощью палитры Actions (Операции), то скорее всего сумеете в значительной мере автоматизировать процесс создания аналогичных образцов графики.

Последняя версия программы Photoshop способна сохранять изображения в формате PNG, который, будем надеяться, со временем станет стандартным для хранения растровой Web-графики.

В связи с тем, что Web-страницы часто содержат по нескольку образцов однотипных графических элементов, таких как миниатюры содержимого библиотек или кнопки перемещения, часто бывает важно согласовать их расположение, размер и обеспечить выравнивание.

Очередная новинка - невоспроизводимые при печати линии сетки - обеспечивают большую помощь в решении этой задачи.

Использование координатной сетки Photoshop для макетирования графики

Поскольку единство дизайна и качественное макетирование графики важны для Web-страниц в той же мере, что и для страниц печатных изданий, правильнее всего осуществлять разработку графических элементов Web-страницы в едином файле программы Photoshop.

Используйте линии сетки, чтобы контролировать процесс построения макета, и держите различные элементы графического оформления и их составные части на отдельных слоях изображения.

В этом случае легко вносить изменения только в те элементы, которые требуют этого, и наблюдать влияние произведенных изменений на вид страницы в целом. Добившись требуемого качества макета и дизайна страницы, выполните следующие действия:

  1. Создайте копию изображения страницы и сведите ее слои.
  2. Выделите отдельный графический элемент с помощью инструмента Marquee (Область) и скопируйте его в буфер обмена.
  3. Откройте новый файл и вставьте в него изображение из буфера обмена.
  4. Закройте файл, сохранив его в нужном формате и в нужной папке диска.
  5. Повторите описанную процедуру для каждого графического элемента.

Упражнение в конце данной главы поможет вам проделать описанные действия шаг за шагом. Теперь больше нет никакой необходимости загружать из отдельного внешнего файла палитру Photoshop, ориентированную на работу с программами-броузерами.

Теперь программа Photoshop поставляется со встроенной палитрой подобного назначения. Ниже в данной главе мы обсудим способы использования такой палитры.

Наконец, если ваш компьютер во время работы с программой Photoshop подключен к сети Internet, то можно щелкнуть на кнопке Program Identifier (Программный идентификатор) в виде горизонтальной полосы с фирменным значком в верхней части панели инструментов.

При этом, сама программа Photoshop 4.0 установит сетевое соединение прямо с разделом Web-узла компании Adobe, посвященным программе Photoshop.

 

Серия сообщений "Полезности для компьютера":
Часть 1 - Полезнности для дневника: кнопочки...
Часть 2 - Опять фотошоп, но для новичков...
...
Часть 15 - Все для фотошопа
Часть 16 - Программа для анимации текста SWF-text
Часть 17 - Возможности Photoshop по созданию графики для сайтов
Часть 18 - Без заголовка
Часть 19 - Создание баннеров для сайта
Часть 20 - Иконки для сайта
Часть 21 - ЕСЛИ ЗАВИСЛА ПРОГРАММА ИЛИ КОМПЬЮТЕР


 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку