Приветствую вас на сайте Impuls-Web!
Уверена, большинство из вас согласится с тем, что графические изображения являются одной из наиболее важных составляющих контента для любого сайта. Изображения должны быть как можно более качественными и уникальными — это поможет вашему сайту продвигаться в поисковых системах.
Подобрать качественное изображение для сайта достаточно не сложно. А вот с уникальностью все намного сложнее. Если вы скачиваете какое-либо изображение с интернета, то по умолчанию оно уже не уникально. С этим можно бороться несколькими способами, в том числе можно так же покупать картинки в банках, или, например, можно сделать коллаж. В этом случае вы сможете быть уверены в достаточной уникальности изображения.
Сегодня я покажу вам, как сделать коллаж в фотошопе на простом примере. В качестве примера я предлагаю взять миниатюру для статьи.
- 1.Первое, что нам нужно сделать – это определиться с размером коллажа. Размер у моих миниатюр составляет 730×350 пикселей.
- 2.Открываем программу Adobe PhotoShop и создаем новый файл кликнув по пункту меню «Файл», и далее «Создать». В открывшемся окошке нам нужно задать высоту и ширину будущего изображения. В моем случае ширина равна 730 пикселям, а высота — 350 пикселям:
Далее нажимаем на кнопку «ОК».
- 3.Теперь нам нужно определиться с фоном для нашего коллажа. Так как мы делаем миниатюру для сайта, то, на мой взгляд, фон должен совпадать с основными цветами сайта. Но это не обязательно.
Фон можно задать несколькими способами:
- 1.)Задать однотонный фон, сделав наложение цвета рабочей области. Для этого нужно сделать двойной клик указателем мышки по слою с фоном в правой области со слоями:
Выбрать пункт «Наложение цвета» и кликаем по значку с цветом:
В открывшейся палитре задаем нужный оттенок и нажимаем на кнопку «ОК», а затем еще раз «ОК»:
Так же вы можете воспользоваться специальными программами для определения точного цвета, используемого на вашем сайте, например, Pixie, и далее вставить шестнадцатеричный код цвета в нижнее поле.
Прочитать подробную инструкцию по использованию данной программы вы можете по этой ссылке: Как определить цвет на сайте - 2.)Второй вариант более простой. Вы можете найти в интернете подходящий по цвету однотонный фон и вставить ее как фон для нашего коллажа.
Что бы вставить картинку в качестве фона коллажа вам нужно открыть ее в фотошопе, кликнув по пункту меню «Файл» → «Открыть», и выбрать ее на своем компьютере и нажать на кнопку «Открыть».
Далее, фоновая картинка откроется в новой вкладке:
Выделаем его нажав клавиши CTRL+A и копируем ее нажав клавиши CTRL+C. Переходим на вкладку с нашим проектом и вставляем фон нажав CTRL+V.
Вот что получится если картинка не подходит по размеру или соотношению сторон:
Для того, что бы подогнать фон под размер коллажа нужно включить трансформирование объекта, нажав клавиши CTRL+T, а затем, зажав клавишу Shift, для пропорционального изменения размера картинки, растянуть ее до нужного размера и нажать на клавишу Enter:
- 1.)Задать однотонный фон, сделав наложение цвета рабочей области. Для этого нужно сделать двойной клик указателем мышки по слою с фоном в правой области со слоями:
- 4.Теперь добавим в наш коллаж заголовок статьи. Для этого в левой панели инструментов выберем «Текст», и кликнув указателем мышки по рабочей области, в том месте, где хотим разместить заголовок:
- 5.Задаем текст и форматируем его, используя инструменты на верхней панели:
- 6.Далее нам нужно добавить в наш коллаж насколько изображений, желательно соответствующих тематике нашей статьи. Проще всего их найти в Яндексе. Например, задаем в строке поиска «клипарт фото png» и переходим на вкладку «Изображения». Для нашего коллажа нам нужны изображения в формате .png с прозрачным фоном. Например, вот такое:
О том, что эта картинка в нужном нам формате вы можете определить по маленькой шахматной сетке на фоне картинки, это означает, что у нее прозрачный фон.
Находим несколько подходящих картинок и сохраняем к себе на компьютер.
- 7.Добавляем скачанные картинки на наш коллаж, так же, как добавляли фон. То есть, открываем их в фотошопе, выделяем и вставляем в коллаж, и подгоняем размеры, если нужно:
- 8.Каждый новый элемент, который вы вставляете в коллаж, добавляется в виде нового слоя. При необходимости вы можете передвигать добавленное изображение. Для этого нужно выбрать нужный слой в правой панели со слоями и выбрать инструмент «Перемещение». Так же можно выбрать слой и нажать на клавишу V.
Далее, наводим указатель мышки на выбранный элемент (он подсветиться рамочкой) и перемещаем его на нужное место.
Вот что у нас получилось:
Как видите, сделать коллаж не так уж и сложно. Конечно с непривычки, если вы впервые сталкиваетесь с фотошопом, у вас могут возникнуть трудности и в работе с отдельными инструментами. Надеюсь, моя статья поможет вам разобраться, как сделать коллаж в фотошопе, и немного потренировавшись, у вас получится сделать достойный коллаж для своего сайта.
А на сегодня у меня все. Если вам была полезна этой статья, поделитесь ею со своими друзьями в социальных сетях, и оставьте свой комментарий.
До встречи в следующих статьях!
С уважением Юлия Гусарь