пятница, 15 февраля 2013 г.

Как сделать квадратную миниатюру в рамке для каталога в блоге

В этом уроке мы затронем не только тему блоговедения, но и такие вопросы как: 
  • как выделить квадрат в Фотошопе
  • как сделать рамку в Фотошопе
  • как обрезать изображение
  • как изменить размер изображения
Все это пригодится любому блоггеру и любому мастеру, который выкладывает свои фото в интернет. Начало тут: как сделать каталог работ с картинками в блоге с помощью таблиц.

Есть два способа сделать фотографии в своем каталоге похожими на магазин Ярмарки Мастеров (или Etsy)

1. Самый простой способ (сейчас вы будете смеяться). Заходим в свой магазин на ЯМ, нажимаем правой кнопкой мыши на нужную нам работу, выбираем "Сохранить изображение как..." и сохраняем картинку себе на компьютер:

После чего можем сразу же использовать ее для создания каталога в блоге:)))


Ну как - посмеялись?:))

2.  Теперь перейдем к более сложному способу, в случае если: 
  • нет магазина на ЯМ.
  • на ЯМ эта работа не выложена (а в архиве каталога она должна быть). 
  • всё есть, но мы хотим такую же рамочку как на ЯМ (в первом способе рамочка не сохраняется, только само изображение).
Открываем нужное фото в Photoshop, выбираем инструмент Рамка:

Инструмент Рамка в фотошопе

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

Кадрирование в фотошопе

Чтобы обрезать изображение до выделенного размера, нажимаем правую кнопку мыши на выделенном участке и выбираем в контекстном меню "Рамка":

Кадрирование в фотошопе

Все лишнее отрезалось. Теперь нам нужно изменить размер изображения: выбираем в меню Изображение->Размер изображения:

Изменить размер изображения в фотошопе

Ставим ширину и высоту 175 пикселей. Именно такого размера изображения на ЯМ, которые мы сохраняли в первом способе. Если нам нужен другой размер - меняем его в этом окошке.

Изменили. Теперь осталось сделать рамку (опять же, напомню, что это вовсе не обязательно, это нужно, если мы ну очень сильно хотим, чтобы каталог был похож на магазин Ярмарки Мастеров)

Выбираем в меню: Изображение->Размер холста:

Как сделать рамку в фотошопе

Выбираем измерение в пикселях, а не в сантиметрах, которые стоят по умолчанию, меняем ширину и высоту холста на 2 пикселя: либо прибавляем к 175, либо ставим галочку "относительная" и ставим 2 пикселя. Это даст нам рамочку толщиной в один пиксель с каждой стороны (1+1 = 2:))

Меняем цвет рамки, для этого просто кликаем по квадратику напротив "цвет расширения холста", откроется палитра цветов:

Цвет рамки в фотошопе

Выбираем цвет либо прямо на палитре, либо вводим нужные цифры в RGB: например 180, 180, 180. Получаем серую рамочку:

Теперь можем вставлять в свой каталог, при вставке в блог используем "исходный размер", а иначе зачем мы так старались?:))

Надеюсь, этот урок поможет вам не только создать свой каталог работ, но и понять как работать с размерами и кадрированием ваших фотографий (кадрирование - это когда отрезается все лишнее). 

Все вопросы оставляйте в комментариях, и не забывайте хвалиться вашими каталогами:)))

19 комментариев:

  1. Теперь осталось только дерзать.Спасибо за мастер класс .Фотки уже обрезала.Осталось выкроить время.

    ОтветитьУдалить
    Ответы
    1. Марина, какая ж вы шустрая)) Буду ждать каталога!))

      Удалить
    2. Галина я не шустрая.Мне просто хочется разложить все по полочкам.А у тебя так красиво-загляденье.И работы твои очень нравятся.А у меня магазина ЯМ нет и творю я для себя и на подарки.

      Удалить
  2. Галя,какая же Вы молодчина,такой ценной информацией делитесь,да ещё и так подробно и доступно.Спасибо огромное.Всё мечтаю выкроить время и попробовать.

    ОтветитьУдалить
  3. Ох, Галя, ты кладезь разных полезностей! :) Спасибо тебе огромное за твои труды!!!
    Я пока еще фотки свои сортирую, но скоро уже буду хвастаться )))

    ОтветитьУдалить
    Ответы
    1. Галь, а где квадратик напротив "цвет расширения холста" ? Не могу его найти, и опции этой не вижу :(
      Я пользуюсь онлайн-фотошоп, может тут нет такого? Вот незадача...

      Удалить
    2. Онлайн фотошоп не видела ни разу... давай ссылочку, может найду там эту опцию:)

      Удалить
    3. http://speed-tester.info/link/177/online_photoshop.html

      Удалить
    4. Не нашла там смену цвета холста, он всегда белый.

      Удалить
    5. Иннуль, если уж пользоваться чем-то онлайновым, то лучше уж Picasa, на мой взгляд, там вообще все интуитивно понятно.

      Удалить
  4. Спасибо, Галина, возьму на заметку.

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

    ОтветитьУдалить
  6. Галя, спасибо за такие уроки! Мне очень хочется во всём этом разобраться, вроде написано всё доходчиво... Может ты их тоже отдельной страничкой объединишь? А то я пока соберусь ты столько постов настрочишь... да и не одна я такая медленная! ;)

    ОтветитьУдалить
    Ответы
    1. Наташа, спасибо! Да, я объединю, но когда урока будет минимум три) Следующий будет по боковой панельке (собственным кнопкам), тогда они заслужат и отдельную страничку)))

      Удалить
  7. Галина!
    Вы мне сейчас ПРОСТО АМЕРИКУ открыли!!!!
    А я всегда мучилась в фотошопе - копировала нужный кусок, создавала новый документ, вставляла.... %)))
    Я маньяк!!! )))
    Спасибо Вам! Вы безумно облегчили мою работу!!!

    И еще хочу выказать отдельное ВОСХИЩЕНИЕ вашими работами!!! ВСЕ прекрасны! Но мне особенно с малахитами сочетание нравится! Это просто НЕЧТО ДРАГОЦЕННОЕ!!!
    ВЫ МОЛОДЕЦ!!!

    ОтветитьУдалить
    Ответы
    1. Катенька, спасибо большое! Кстати, когда-то и я так делала))) Так что знакома не понаслышке:)))

      Удалить

Related Posts Plugin for WordPress, Blogger...