Как сделать уникальную картинку для сайта.

Screenshot_2

Здравствуйте! Начинающих блогеров   интересуют вопросы — Как сделать картинку страницы сайта? Как на картинке сделать ссылку на сайт? Обычно для этого предлагают использовать программу фотошоп.

Однако, программа достаточно сложная в изучении, большого объёма. Сам я с самого начала использую программу ACDSee, которая намного понятнее и проще в использовании, кроме того её легко найти в интернете.

Итак, приступим…

Установка программы ACDSee pro.

Как всегда, набираем в любом поисковике «скачать ACDSee pro». Поскольку большинство начинающих блогеров по части богатства могут составить конкуренцию церковной мыши, немного помучавшись совестью, добавляем слово «бесплатно» или «торрент». Скачивание и установка программы обычно затруднений не вызывает.

Поиск рисунка или фото.

Включаем креатив. Например, картинку для этого сайта я представил в виде художника, рисующего на мониторе кистью. Можно искать на фотостоках, но мне всегда хватает обычных поисковых запросов. Набираем запрос в Яндексе или Гугле, выбираем картинки. Иногда первый запрос не дает искомого, креативим и пробуем с другим запросом. В моем случае запрос «рисование на мониторе» не дал результата. После перебора нескольких вариантов успех принес набор «монитор + художник».

rezultat poiska_1

 

Обработка изображения для статьи в  ACDSee pro.

Если у Вас уже установлен  ACDSee pro, то при щелчке правой кнопкой мыши на изображение в открывшемся меню появляется пункт «Редактировать с помощью  ACDSee pro».

zagruzka izobrajenija

Видим такую картинку (уменьшено):

izmenenie razmera1

Кликаем «изменить размер»

izmenit razmer_2

В поле «ширина» набираем желаемую ширину картинки — в случае моего сайта это 550 пикселей. Так же можно немного сжать изображение по вертикали — это нужно для того, чтобы при добавлении полей для надписей изображение имело нормальные размеры по высоте. Кроме того, это повышает «уникальность» изображение в глазах поисковых систем. В разделе «Сохранять пропорции» кликаем на надпись «Оригинал». 

Screenshot_1

В открывшемся меню выбираем:

izmenenie proporsii_2

Изображение приобретет некоторую карикатурность, но в принципе смотрится нормально.

Было:

Screenshot_2

Стало:

Screenshot_3

Нажимаем слева внизу кнопку «готово»

Screenshot_4

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

 

Screenshot_5

 

Подготовка рисунка для нанесения надписей.

Теперь надо добавить сверху и снизу изображения поля для надписей.

Для этого выбираем в меню «добавление» пункт «границы». На самом деле этот пункт должен был называться «поля». Это, по видимому, проблемы перевода.

Screenshot_6

Разберем открывшееся менюScreenshot_7

Размер рамки выбираем 100, потом всегда можно обрезать.

Нажав на белый прямоугольник, в открывшемся окне получаем возможность выбрать цвет полей. Либо нажав на квадратик слева, либо выбрав из «палитры» справа. Не забываем подтвердить выбор,нажав на кнопку «ОК».

В моем случае оставляем белый.

Screenshot_3

Если фон картинки отличается от белого и Вы хотите, чтобы все было на одном фоне, для этого есть функция  «Щелкнуть по изображению». Для этого курсор (он имеет форму пипетки) наводите на ту часть изображения, цветом которой вы хотите окрасить поля, делаете щелчок левой кнопкой мыши и … вуаля!

Screenshot_4

Или:

Screenshot_6

Если в этом меню нажать на кнопку «текстура» поля можно сделать более оригинальными. Но надо ли Вам это, решайте сами.

Когда все вас устраивает,нажимаем «готово» слева внизу.

Теперь окончательно обрежем изображение.

Нажимаем «кадрирование» в меню «геометрия».

 

Screenshot_8

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

Screenshot_1

Как всегда нажимаем «готово» и ЗАПИСЫВАЕМ получившийся результат.

i

Области для введения текста условно выделены на следующем рисунке.

oblast

После просмотра картинки на сайте размеры по высоте оказались больше, чем хотелось бы. Поэтому я снова вернулся к пункту «изменить размер» — выбрал самый последний раздел «задать» и задаем «5х4».Получилось так:

oblast

Теперь в поле зрения читателя окажется заголовок статьи, полностью картинка и первые строки статьи. 

Нанесение надписей на картинку.

В режиме редактора переходим в раздел «текст».

Screenshot_3

В открывшемся меню проделываем следующие манипуляции.

Screenshot_4

1. Снимаем галочку «тень» (внизу) — можно, конечно и поиграться с этим пунктом, но на сайте лучше будет смотреться обычный текст без затей.

2. В поле «текст» вверху вводим необходимую надпись. Эта же надпись появиться в рамке на рисунке.

3. Кликнув на поле «Ins» выбираем цвет надписи. 

4. Двигаем рамку и изменяем ее размеры, пока не установим ее на месте предполагаемой надписи. Пока не обращайте внимание, что в рамке появляется не вся надпись. Уменьшайте размер (двигая стрелку в одноименном окошке или стрелками «вправо» и «влево» на клавиатуре) пока вся надпись не появится в рамке на рисунке.

5. Под полем для ввода надписи расположены три кнопки («B» — жирный шрифт, «I» — курсив, «U» — подчеркивание шрифта) — попробуйте различные варианты.

 

Screenshot_2

Обрезаем лишние поля — как это сделать,описано выше.

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

В итоге получим картинку, вынесенную в начало статьи.

С Вами был Олег Завадовский

До новых встреч!

Удачи!

 

 

 

 

 

 

 

Поделись в соцсетях!

Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники

5 комментариев на “Как сделать уникальную картинку для сайта.”

  • Очень все наглядно, подробно. Ни разу не пробовала. Не знаю, получится ли. Но программа показалась не такой уж сложной. Спасибо.

  • Пожалуйста! Обратите внимание на статью «Как отредактировать верхнюю картинку (Header) в шаблоне блога.» — возможно, Вы захотите улучшить шаблон Вашего блога, кроме того, там описана работа с ещё одним инструментом редактирования рисунков.

  • Спасибо, эта программа безусловна полезна для блогеров. Картинки — это больная тема для многих 🙂

  • Интересный и безусловно полезный урок. Не работал в такой программе. Надо попробовать. Столько графических редакторов развелось. Не успеваю все попробовать. Поэтому пока только Photoshop ну или Paint.

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

Оставить комментарий

Реклама
Бесплатный интенсив. Записывайтесь!
заработок в интернете
Счетчик посещений