Урок 3. Обработка фото в Photoshop. Мыльница против зеркалки.

Текущий урок посвящен обработке фотографий в Photoshop. Я решила заодно сравнить фотографии при разных условиях освещения и фотоаппаратов (мыльница/зеркалка), при одной и той же программной обработке фотографий. Итак в тесте участвуют зеркальная камера Nikon D3200, и древнейшая мыльница Samsung S760 - звезда первого урока:)

Обработку в Photoshop буду показывать на фото с зеркальной камеры. Конечные результаты будут даны в сравнении. Обратите внимание, это не интерьерные фото, здесь нельзя баловаться с балансом белого.

В уроке рассмотрены следующие функции:

• Экспозиция
• Тени/Света
• Уровни
• Цветовой баланс
• Резкость
• Сравнение фото мыльницей и зеркалкой при разных условиях освещения

Как создать красивую подпись и сохранить ее как кисть

А точнее вопрос должен звучать так: как сделать из подписи свою кисть в Фотошопе? Очень просто. Для этого нам понадобится интересный узор (кисть) и красивый шрифт.

Где взять оригинальные красивые кисти для Фотошопа? Варианты следующие: 

1. Мой любимый сайт: photoshop-master.ru. Огромный выбор кистей для фотошопа.

2. Если там не найдено желаемое (что вряд ли), то поможет поисковый запрос "кисти для фотошопа".

3. Создать кисть самим, нарисовав ее в редакторе.

Если кисть выбрана (не нарисована), то ее нужно скачать и установить по этой инструкции: как правильно установить новую кисть в Photoshop.

Если нас не устраивает стандартный набор шрифтов, то выбираем то, что нам нравится тоже на Фотошоп-Мастере в разделе Шрифты. Инструкция: как установить шрифт в Photoshop.

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

Создаем новый документ: Файл->Создать (или Ctrl+N). Содержимое фона выбираем "Прозрачный", так нам не придется потом отделять от фона созданную кисть.

Выбираем из установленных кистей желаемую:

Используем выбранную кисть на нашем прозрачном фоне: 

Теперь нам нужно добавить свою подпись поверх рисунка кисти. Делаем это элементом Текст с тем шрифтом, который мы выбрали.

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

Сохраняем нашу кисть: Редактирование -> Определить кисть... (Edit -> Define Brush Preset...) и даем ей имя.

С созданной кистью можно делать все то же самое, что и с обычной кистью: выбирать ей цвет, менять размер, прозрачность и т.д.: 

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

Остальные уроки по дизайну и функционалу блога можно посмотреть здесь. Буду рада в комментариях увидеть ссылки на вашу подпись и применение кистей в Photoshop:)

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

В этом уроке мы затронем не только тему блоговедения, но и такие вопросы как: 

• как выделить квадрат в Фотошопе
• как сделать рамку в Фотошопе
• как обрезать изображение
• как изменить размер изображения

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

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

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

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

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

2.  Теперь перейдем к более сложному способу, в случае если: 

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

Открываем нужное фото в Photoshop, выбираем инструмент Рамка:

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

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

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

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

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

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

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

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

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

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

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

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

Обновленный дизайн и функционал!

Я успела до конца света входа в новую эру обновить дизайн полностью:)) Под дизайном я подразумеваю и функционал. Ушло немало времени, прежде чем я поняла, что хочу и в каком формате, и еще больше времени, чтобы научиться это реализовывать. Многие уже видели новую шапку блога, но последние немаловажные штрихи дизайна я сделала только вчера.

Итак, заходите в блогодомик, я проведу вам небольшую экскурсию!

Первым делом поменялся дизайн. Весь. Я выбрала спокойные синие оттенки, не отвлекающие на себя взгляд от содержимого страниц и сообщений. 

Самая большая работа была проведена с Каталогом. В нем теперь можно быстро и удобно, выбрав по фото украшение, узнать все подробности: либо в магазине на ЯМ, либо в блоге, прочитав пост, посвященный этому украшению, его созданию и т.д. Более того, он разделен на категории: "украшения в наличии" и "на заказ". Удобно? Я считаю, что да:) Идем дальше!

Следующая обновка - это Мастер-классы. Я посчитала, что они заслужили отдельную страничку и они туда послушно переселились. Ниже списка МК идут фото украшений, которые в них используются, по щелчку на каждое фото можно попасть на соответсвующий МК. Список, естественно, будет пополняться;)

Появилась страничка "Доставка и оплата" - ну на ней мы не будем останавливаться, ничего сверхестественного в ее функционале нет. Так же обновилась страница "Об авторе".

Полностью сменилась боковая панель. У меня появились кнопочки собственного изготовления, вписывающиеся в дизайн блога.

В январе начну серию мастер-классов по дизайну блога и функциональным возможностям, в том числе того, что я знаю по фотографии и обработке фото в редакторах. Если вам нравятся мои фото - то вы удивитесь, узнав, чем я снимаю:) Надеюсь, успею выдать все "секреты" до того как куплю зеркалку себе в подарок на юбилей:))

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

МК "Организация порядка на рабочем столе"

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

В этот раз вместо того, чтобы просто поставить новую картинку, я задумалась, что еще полезного можно с ней сделать? Я примерно представляла, что хочется разделения стола на зоны, подходящие для более удобной организации рабочего пространства. Поначалу искала в интернете готовые решения, не нашла. После стала устанавливать всякие 3D рабочие столы - тоже не срезонировало. Пришлось открывать Photoshop и думать, какими же инструментами можно добиться желаемого. Все оказалось очень просто: выбираем в Photoshop инструмент "Прямоугольник". Мне нравится со скругленными углами:

Рисуем нужный нам размер прямоугольника и меняем его "Непрозрачность" по вкусу:

Добавляем таких прямоугольников сколько нам хочется. Размещаем их удобно. Сохраняем, ставим на рабочий стол. Снимаем "выравнивание по сетке" со значков на рабочем столе и группируем по областям.
Лично мне захотелось чего-то урбанистического - вид на Манхеттен меня вполне устроил. Благодаря описанным выше нехитрым действиям получилось следующее:

В самом низу оставлено место для  Панели задач.
Можно для самых важных или часто повторяющихся дел/папок сделать место посередине, но в данном случае картинка "шепчет", что ее не стоит загораживать:)
Вот еще примеры: здесь непрозрачность 40%, но на фоне неба незаметны выделенные места. Поэтому их надо либо делать более непрозрачными, либо перемещать. В правом верхнем углу место для мини карты желаний:)


Ниже я добавила тем же инструментом "Прямоугольник" две линии, на которых написала примерные названия для областей. Не найдя подходящих шрифтов для русского языка - написала самым понравившимся английским шрифтом:

Надеюсь, кому-нибудь пригодится! Буду очень рада увидеть ваши варианты красивых и удобных рабочих столов. 

Фотографии, кроме Манхеттена, сделаны моей подругой, Саяпиной Юлией, в Хорватии.