Доброго времени, дорогой друг! В этой статье я расскажу, как делать картинки (миниатюры) едином стиле для блога быстро? Для этого мы создадим простейший шаблон в программе фотошоп, и вставим в него выбранную картинку.
Начав вести свой блог, Вы наверняка однажды зададите себе этот вопрос, как оптимизировать картинки. Для того, чтобы блог выглядел аккуратно и на него было приятно зайти, желательно, чтобы картинки были одного размера и в едином стиле.
Всё зависит от Вашего замысла и от темы блога, которую Вы выбрали для себя.
Как создать шаблон для картинок в программе Photoshop.
Прежде всего, нужно выбрать размер, который будут иметь Ваши картинки. Предположим, Вы хотите картинки 600х400 пикселей. Открываем программу Фотошоп, Файл — создать
У Вас появится вот такое окошко, в которое нужно вставить значения высоты и ширины желаемой картинки в пикселях.
Выбрав значения в окошко, жмём кнопку ОК и получаем вот такую картинку:
Пока это просто белое поле, на котором нет никаких изображений. Жмём «Файл-Сохранить как…»
Сохраняем этот файл в формате Фотошоп с названием «шаблон» в папке, где у Вас будут храниться картинки.
Поздравляю, начало положено! Если Вы не собираетесь добавлять водяные знаки, или название статьи, этого шаблона будет достаточно, чтобы создавать картинки одного размера.
Теперь, когда Вам будет необходимо оптимизировать изображение, вы просто откроете этот шаблон и вставите в него Вашу картинку. Как это сделать, читайте ниже.
Как вставить картинку в шаблон в фотошоп
Теперь добавим изображение и посмотрим, как это будет выглядеть. Жмём «Файл-Открыть»
Выбираем подготовленную заранее картинку, которую хотим отредактировать (желательно выбирать картинки, которые больше, чем наш шаблон).
Получаем вот такой результат:
Как видите, теперь у нас открыты 2 вкладки, на одной из которых находится наш шаблон, а на другой картинка, ожидающая редактирования. В правом нижнем углу экрана видим маленький замочек. Сделаем на него 2 клика мышкой. Появляется окошко «новый слой».
Жмём кнопку ОК в этом окошке. Замочек должен исчезнуть. Теперь можно перетащить наше изображение в окошко шаблона. Для этого выбираем инструмент «перемещение».
Затем наводим курсор мыши на картинку, зажимаем левую кнопку мыши, и, не отпуская её, перетаскиваем картинку в окно шаблона.
Теперь мы можем перемещать картинку в окне шаблона, подбирая тот вид, который нас устроит. В моём примере картинка-исходник намного больше, чем шаблон, заготовленный для блога, в шаблон не помещается всё изображение. В данном случае меня это не устраивает, поэтому я уменьшу масштаб картинки, чтобы она поместилась почти вся.
Нажимаем во вкладке «слои» слой 2, где расположена наша картинка, он становится активным. Затем выбираем: Редактирование-Трансформирование-Масштабирование.
Появляется тонкая чёрная рамочка, которая показывает нам границы нашей картинки.
Видим вверху экрана окошки, где указана ширина и высота вкртинки в %. Сейчас это 100%. Предположим, я хочу уменьшить её размер до 70 %. Для этого я зажимаю кнопочку на которой изображена цепочка, это нужно для того, чтобы картинка уменьшилась пропорционально.
После этого в окошко ширины ввожу число 70.
Всё, моя картинка уменьшилась. Как видите, чёрная рамочка, указывающая на размер картинки, изменила свой размер. Затем нажимаем Файл-Сохранить как… Программа спрашивает, применить ли трансформирование перед сохранением?
Жмём «Применить»
В появившемся окошке вбиваем название картинки английскими буквами и выбираем формат JPEG. Сохраняем картинку.
Всё. Наша картинка готова для публикации.
Итак, в этой статье мы рассмотрели, как сделать простейший шаблон в программе Фотошоп, при помощи которго мы и будем оптимизировать наши картинки, а именно, приведём их к общему размеру. Теперь, когда Вы захотите отредактировать картинку для своего блога, Вам достаточно будет открыть шаблон, открыть картинку и повторить описанные выше действия.
Как усовершенствовать наш шаблон, добавив в него водяной знак, чтобы Ваши картинки стали уникальными и были выполнены в едином стиле читайте в этой статье.
Успехов Вам и больших заработков!
Спасибо, что поделились статьей в социальных сетях!
Обязательно попробую этот способ. До сих пор просто задавала нужный размер через «изображение — размер изображения». Спасибо!
Я этот способ выбрала потому, что шаблон можно дополнить водяным знаком, добавить рамочку и сохранить в таком виде. Тогда любую выбранную картинку можно будет быстро привести в нужный вид. Не придётся каждый раз создавать водяной знак и рамочку. Эта статья — только начало. Будет продолжение.
Точно ))) можно же водяные знаки на картинку ставить….а я и забыл…
Ага, Кирилл, с водяными знаками будет поинтересней, правда же?
Надо же, как здорово, просто и гениально (по крайней мере для меня). Никогда не задумывался сделать шаблон, правда в фотошопе ни бум — бум, работаю в другом редакторе, более простом, но идея ни разу не приходила в голову. Спасибо, Виктория!
А вы с фотошопом, смотрю «на ты», побольше бы хотелось узнавать и поподробней, как в этой статье. Вот как раз про водяные знаки хотелось бы узнать 🙂
Благодарю за комплимент, Александр! А продолжение про водяные знаки будет на днях. К сожалению, очень мало времени на публикацию статей, а идей много…
Подробная инструкция, а водные знаки действительно смотрятся эффектно.
Я как то все не могу подружится с фотошопом=)) В статье посмотрел все вроде понятно и не сложно, надо будет попробовать оформить картинку для своего блога.
Александр, всё просто на самом деле, нужно только попробовать и всё получится!
Как-то сложновато, для новичка. Я только создала сайт, выбрала бесплатную тему. Там прямо сразу предлагают размер для картинки. Получаются одинаковые, легко и просто. Но статья интересная и полезная.
Не любой шаблон сам оптимизирует картинки.