воскресенье, 2 мая 2010 г.

Обрезка, растушевка картинки.

Обрезка, растушевка картинки. Вставляем фото в рамку
в формате jpeg (первый способ).




В общем писала я урок по рамкам, писала .. и поняла, что ничего у меня не выходит
((( Надо сначала рассказать о некоторых инструментах..
Иначе урок выходит длиннющий и пугающий(. Так что, двигаемся по порядку.

Итак, - урок - 3 в одном. Собственно. - основная цель, -
начать знакомиться с инструментами (в частности с Rectangular Marquee Tool).
А заодно, в третьей части, расскажу об одном способе работы с рамками в jpeg.


Часть 1. Обрезаем фотографию
По опыту знаю, что безумно скучно читать просто про инструменты.
Поэтому давайте скачаем и откроем, например, эту фотографию:

Эти картинки изначально были в формате PCD (не путаем с PSD :-))),
перевела их в jpeg. Но вот не смотрится этот черный ободок на фотке.
Попробуем его убрать.
Первое, что мы сделаем, - разблокируем слой.
Открываем палитру слоев (F7) или так:
 (211x273, 25Kb)
Двойной клик в палитре слоев по Background:
 (206x106, 9Kb)
В открывшемся окне можем назвать наш слой (я назову фотография) и жмем ОК:
 (434x154, 23Kb)

Как видим, - замочек со слоя у нас исчез, и называется он теперь
"фотография" (ну у меня так называется))):
 (203x114, 11Kb)

Теперь мы можем работать с этой фотографией.
Давайте для начала попробуем просто убрать черный ободок.
Выбираем инструмент прямоугольное выделение (Rectangular).
Он находится в группе инструментов выделения. Для того, чтобы выбрать
конкретно прямоугольное выделение, - нажимаем на этот
маленький черный треугольничек:
 (192x186, 18Kb)

В открывшемся окошке выбираем "прямоугольное выделение"
(Rectangular Marquee Tool):
 (278x129, 18Kb)

Настройки (сверху):
 (449x63, 13Kb)

Выбрали:-) Отлично)))
Теперь вернемся к нашей фотографии. Встаем на уголок фото и
тянем выделение так, чтобы наша черная траурная рамка оказалась
вне выделения. Так:
 (500x349, 77Kb)

Все бы ничего, но как-то сверху не очень, да и вообще, неплохо
бы подкорректировать это выделение. Идем в "выделение" (Select),
"трансформировать выделение" (Transform Selection):
 (326x298, 41Kb)

Как видим, - вокруг выделения появилась такая
ограничительная рамка.
Вот и тянем стороны или углы этой рамки так,
чтобы добиться нужного результата.
Я подтянула так (стрелками показала, что и куда):
 (500x349, 77Kb)

В общем и целом все нормально. Жмем клавишу Enter,
чтобы выйти из режима трансформации.

Теперь у нас выделена та часть картинки, которую мы хотим оставить.
А нам надо "отрезать" все, что вне выделенного.
Поэтому нам надо инвертировать выделение.
Щелкаем правой кнопкой мышки по любой точке фотографии и
в открывшемся окне выбираем "Инвертировать выделение" (Select Inverse):
 (195x276, 22Kb)

Выделение инвертировалось. Как видим,
у нас теперь выделена та часть фотографии, которую мы хотим отрезать:
 (500x350, 79Kb)

Жмем клавишу Delete. Вот все отрезалось
(эти шахматные квадратики означают прозрачный фон):
 (500x349, 78Kb)

Осталось убрать эти ненужные прозрачные пикселы.
Для этого идем в "Изображение" ("Image") > "Обрезать" ("Trim"):
 (255x275, 29Kb)

В открывшемся окне выбираем "прозрачные пикселы" ("transparent pixels"),
проверяем, чтоб стояли все галочки ("справа, слева, сверху, снизу"), и жмем OK:
 (286x216, 22Kb)

В результате у нас получилась фотография без траурной рамки.
Собственно, этого мы и добивались :-):
 (500x350, 75Kb)

Как сохранять изображение:
Осталось сохранить результат. Нажимаем сочетание
клавиш Shift+Ctrl+S (англ. расклад), или так:
 (323x254, 29Kb)

В открывшемся окне нажимаем на эту галочку (по стрелке) и
в выпавшем списке выбираем куда хотим сохранить (у меня - "рабочий стол"):
 (598x141, 22Kb)

Пишем название фотографии (можно просто цифру, например. Я назвала "фотка"),
нажимаем на эту галочку (по стрелке на скрине) и выбираем формат
(я выбрала jpeg, естественно :-) (подробнее - на скрине):
 (450x453, 60Kb)

Жмем кнопку "сохранить":
 (450x56, 8Kb)

В открывшемся окне оставим все по умолчанию
(единственное можно подвигать ползунок, чтобы уменьшить качество ,
а соответственно, - и вес сохраняемой фотографии):
 (335x294, 29Kb)

Все, с этим мы закончили. Закрываем файл нажатием на крестик:
 (450x48, 11Kb)

Часть 2. Выносим фотографию на фон.
Теперь попробуем вынести фотографию на фон, используя все то же
"прямоугольное выделение".
Снова откроем эту фотографию (самую первую) в фотошопе.
Разблокируем слой (как - написано выше).
Снова выбираем инструмент "Прямоугольное выделение" (Rectangular Marquee Tool).

Ставим "растушевку" ("Feather") 50 пкс (фотография у нас большая,
так что 50 пкс будет вполне неплохо):
 (501x119, 25Kb)

И делаем выделение примерно так:

Как видим, углы за счет растушевки у нас закруглились.
 (500x357, 78Kb)

Инвертируем выделение (как в первой части урока) и жмем Delete.
Таков результат:
 (500x359, 81Kb)

У нас получился такой "размытый" край.
Опять обрежем прозрачные пикселы ("Изображение" ("Image") > "Обрезать" ("Trim").
В результате у нас картинка как бы подравнялась и лишние пикселы убрались:
 (500x370, 78Kb)

Снимаем выделение. Для этого щелкаем правой клавишей
мыши по любой точке файла и в открывшемся окне выбираем "Deselect":
 (213x257, 22Kb)

Переходим в палитру слоев. Нажимаем (с зажатой кнопкой Ctrl)
на этот значок:
 (214x205, 14Kb)

Как видим, у нас образовался новый слой под слоем
с фотографией (клавишу ctrl мы для этого и зажимали.
Без нее новый слой образуется над тем слоем, на котором стоим) :
 (220x204, 16Kb)

Стоя на этом новом слое (в палитре слоев он выделен синим при этом),
идем в "редактирование" ("Edit") > "Заливка" ("Fill") (Sihift+F5) или так:
 (285x346, 30Kb)

В открывшемся окошке нажимаем на галочку (по стрелке), выбираем "цвет" ("color"),
и жмем ОК:
 (335x252, 24Kb)

Откроется палитра цвета, где мы можем выбрать цвет, или можно взять
цвет прямо с картинки, в зависимости от того, что мы хотим получить.
Я взяла цвет с картики и нажимаю ОК:
 (450x327, 58Kb)

В первом окошке оставляем все по умолчанию и жмем ОК:
 (249x191, 14Kb)

Вышло так:
 (450x335, 59Kb)

Не могу сказать, что результат мне нравится
(. Поэтому (стоя на там же новом слое)
в палитре слоев двойным кликом щелкаем по Background,
чтобы открыть окошко со стилями слоя, так:
 (218x192, 15Kb)

Окошко открылось:
 (450x337, 45Kb)

Я выбрала "перекрытие градиентом" и сделала такой градиент
(выбирая цвета прямо с картинки).
Обратите внимание на все настройки (по стрелкам)::
 (500x600, 88Kb)


Как сделать градиент немного
написано здесь
Со слов "Двойным кликом по квадратику на ползунке (стрелка)
Вы откроете палитру цветов (вторая стрелка) и выбираете цвет".
Повторюсь - в самом шопе градиент делается аналогично.

Вышел такой, достаточно веселенький фончик для фотографии:
 (500x364, 73Kb)

Сохраняете фотографию в jpeg и все, - закрываем файл.

Часть 3. Вставляем фотографию в рамку.
Наконец, попробуем вставить фотографию в рамку, используя все то же,
прямоугольное выделение. (Я говорю, естественно, о рамках в jpeg, когда у
нвс нет выбора и приходится придумать способ, как их использовать :-) )

Рамки в jpeg само собой разные, и работать с ними приходится тоже по-разному.
Этот способ - один из энного кол-ва.

Приступим. Я беру рамку в jpeg,

Первым делом ее можно подрезать. На мой взгляд -
слишком много фона вокруг рамки.
Как подоезать - "Часть 1" данного опуса)))
Вышло так:
 (300x279, 16Kb)

Теперь берем инструмент "прямоугольное выделение"
(Rectangular Marquee Tool)
P.S. Мы с ним уже сроднились:-)))
Проверяем настройки (как у меня), ставим радиус растушевки - 80 пкс.
(это для этой рамки, с ее размерами подходит такая примерно растушевка.
А вообще надо подбирать в зависимости от размера рамки) и
делаем примерно такое выделение:
 (450x408, 38Kb)

Жмем сразу клавишу Delete, ибо нам именно выделенное и надо вырезать.
Получилось так:
 (400x369, 48Kb)

Снимаем выделение и открываем все ту же, самую первую фотографию:
 (450x248, 44Kb)

Раз мы ее открыли, - мы стоим на ней.
Нажимаем сочетание клавиш (расклад - английский) Ctrl+A (выделить все),
затем сочетание клавиш Ctrl+C (копировать). Можно так:
 (419x89, 17Kb)
 (292x220, 25Kb)

Все, фотография нам больше не нужна. Сворачиваем ее так:
 (400x74, 16Kb)

Вновь разворачиваем наш "свернувшийся" файл с рамкой
(у меня в CS3 он сам сворачивается. Как в других версиях - не помню(
(( В общем, находим в фотошопе нашу рамку :-) ) так:
 (204x73, 4Kb)

Рамка открылась, стоим на ней:
 (400x279, 30Kb)

Нажимаем сочетание клавиш Ctrl+V (вставить), или так:
 (299x198, 22Kb)

Вышла такая вот ерунда:
 (400x282, 44Kb)

Но ничего страшного, - сейчас все исправим)
В палитре слоев просто мышкой перетягиваем слой с фотографией под слой с рамкой.
Так:
 (214x236, 18Kb)

Стоя на слое с фотографией, нажимаем сочетание
клавиш Ctrl+T или так:
выбираем инструмент "Движение" (Move Tool) - по стрелке:
 (500x210, 40Kb)

Затем - Редактирование > Трансформация > Масштаб (так):
 (435x441, 66Kb)

Теперь нажимаем сочетание клавиш Ctrl+0 (ноль),
чтобы нам была видна ограничительная
рамка вокруг фотографии. Выйдет так (показываю окно шопа),
стрелка на ограничительной рамке и, как видим,
наша фотография намного больше рамки:
 (500x299, 41Kb)

Зажимаем клавишу Shift (ОБЯЗАТЕЛЬНО! Для сохранения пропорций) и
тянем за разные уголки, подгоняя размер фотографии к необходимому.
Для передвижения фотографии просто встаем на центр фото,
например и перетаскиваем.
Так примерно должно получиться:
 (450x403, 62Kb)

Все)) Нажимаем клавишу Enter для выхода из режима трансформации и
сохраняем картинку в jpeg.

О других способах работы с этими рамками постараюсь рассказать в ближайшие дни.
Надеюсь - завтра)
Всем удачи и творческого вдохновения!)))
Источник

Комментариев нет: