Приветствую Вас Гость • Регистрация • Вход
Суббота, 19.10.2019
Главная » 2013 » Сентябрь » 14 » Урок по Adobe Photoshop (Делаем бесшовный фон)
12:46
Урок по Adobe Photoshop (Делаем бесшовный фон)
И так здравствуйте снова уважаемые читатели.
Наверняка каждый из Вас хочет как то разнообразить свой сайт красивым внешним видом.А ведь внешний вид зависит не только от рекламы,расположения блоков кучи полезных но иногда и ненужных плагинов и т.д,но и зависит от красивой подложки (фона,background). Да знаю Вы сейчас скажете что в интернете уйма таких фонов,но....хочется нестандартный к примеру,необычный...Ну хорошо,нашли мы картинку,вырезали нужное нам для нашего фона,но вот беда.наш фон стоит коряво и некрасиво,линии не совпадают,и видно швы между каждым куском обрезанной картинки,и это не удивительно,поверьте,так и должно быть.
В таком случае нам приходят так называемые бесшовные фоны.Как их сделать самостоятельно,я Вам сейчас и расскажу,что бы было понятно в первую очередь для новичков в этом деле.
И так,для этого на понадобится редактор Adobe Photoshop (я использую старенькую версиюCS3) - у кого не русифицирован,русификатор можно скачать здесь,специальный плагин Mehdi и конечно же внимательность и терпение.
Поехали.....
Для начала нам нужно установить специальный плагин под названием Mehdi
Чем мне нравится - это тем что можно разделять не только на 4 части, но и по горизонтали и по вертикали и можно делать зеркальное отображение. Т.е. больший простор для фантазий, чем во встроенном фильтре фотошопа offset.
После того, как закачали, распаковываем файл на диск C:\Program Files \Adobe\Adobe Photoshop\Plug-ins
Не забываем перезагрузить Photoshop, чтоб появился плагинчик
Открываем наш редактор и выбираем нашу картинку.Далее делаем копию нашего основного слоя(комбинация Ctrl-J) и как показано на картинке убираем с первого слоя глазик(делаем его невидимым для редактирования и клацаем по второму слою,что бы аналогичный глазик появился на нем(работать будем с копией.

Дальше нажимаем на кнопку фильтра и выбираем наш фильтр под названием Mehdi

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

Сохраняем все это дело,все основное у нас готово.Получается вот такая измененная картинка

Дальше выбираем инструмент ластик и выбираем самый поболее и попушистее размерчик нашего ластика ,и кликаем ним посредине нашей картинки( и о, чудо, у нас открылась нижняя картиночка, которая не поделена) .В итоге мы получим вот такое изображение

Вот и все,наш бесшовный фон готов,сливаем его в один слой(наводим для этого мышку на наш первый слой и кликаем по нему два раза) и сохраняем его в формате JPG и внедряем в тело нашего сайта
BODY{background-image:("fon.jpeg");background-repead:repead;}

Заходим на САЙТ и радуемся

Категория: Дизайн и оформление сайта | Просмотров: 1313 | Добавил: Samosval |Рейтинг: 0.0/0


Всего комментариев: 0
avatar
    Яндекс.Метрика
Сайт создан в системе uCozЯндекс.Метрика