Главная Заказать статью Связь с автором Заказать сайт Статьи Сказать спасибо

Добавление картинки в дизайн сайта

Итак, двигаемся дальше. У нас уже есть шапка и низ сайта с градиентной заливкой, теперь добавим картинку...

Большой выбор картинок вы можете найти в поисковике выбрав раздел "Картинки" вместо поиска.

Добавление картинки в дизайн сайта

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

После того как изображение появилось у нас на рабочей области, перемещаем его в правый угол шапки.

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

Часть рисунка у нас выходит за пределы направляющей, поэтому можем эту часть удалить выделив ее инструментом для прямоугольного выделения. Можно конечно и затереть Ластиком, тем самым сразу убрав резкий переход от черного к зеленому. Но это ваш выбор, смотрите как вам удобнее.

Наша картинка нивкакую не вписывается в наш градиент - будем исправлять. Для этого заходим в меню Изображение - Коррекция - Цветовой тон/Насыщенность, и подбираем цвет. В данном случае я использовал функцию Тонирование.

return_links(1); ?>

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

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

Далее

Уроки по созданию дизайна сайта в Photoshop
Добавление картинки в дизайн сайта
Добавление второго изображения в дизайн нашего сайта
Усложнение дизайна сайта добавлением картинки
Изменение контрастности изображения. Работа с текстом
Нарезка готового дизайна сайта в Photoshop
Доработка сайта в Adobe Dreamweaver CS3 после нарезки дизайна в фотошопе
Продолжаем работу над сайтом в Adobe Dreamweaver CS3
Дорабатываем html-код сайта в Adobe Dreamweaver CS3
Доработка сайта в Dreamweaver - добавление колонки меню
Резиновый дизайн - заканчиваем работу над сайтом в Dreamweaver
Чтобы дизайн сайта не разъехался в google chrome и safari
Жесткий дизайн сайта
Добавляем независимую таблицу в код - создаем бордюры
Убираем ненужные параметры
Добавление бэкграунда в бордюры сайта
Не отображается бэкграунд в пустой ячейке таблицы

return_links(); ?>



cubass - копирайтер на TextSale.ru Рейтинг@Mail.ru Rambler's Top100 PR-CY.ru

© 2009-2012 Все права защищены www.baxtop.ru | Копирование материалов сайта без обратной гиперссылки на первоисточник ЗАПРЕЩАЕТСЯ!!!