Обрезка, растушевка картинки. Вставляем фото в рамку
в формате jpeg (первый способ).
В общем писала я урок по рамкам, писала .. и поняла, что ничего у меня не выходит
((( Надо сначала рассказать о некоторых инструментах..
Иначе урок выходит длиннющий и пугающий(. Так что, двигаемся по порядку.
Итак, - урок - 3 в одном. Собственно. - основная цель, -
начать знакомиться с инструментами (в частности с Rectangular Marquee Tool).
А заодно, в третьей части, расскажу об одном способе работы с рамками в jpeg.
Часть 1. Обрезаем фотографию
По опыту знаю, что безумно скучно читать просто про инструменты.
Поэтому давайте скачаем и откроем, например, эту фотографию:
Эти картинки изначально были в формате PCD (не путаем с PSD :-))),
перевела их в jpeg. Но вот не смотрится этот черный ободок на фотке.
Попробуем его убрать.
Первое, что мы сделаем, - разблокируем слой.
Открываем палитру слоев (F7) или так:
Двойной клик в палитре слоев по Background:
В открывшемся окне можем назвать наш слой (я назову фотография) и жмем ОК:
Как видим, - замочек со слоя у нас исчез, и называется он теперь
"фотография" (ну у меня так называется))):
Теперь мы можем работать с этой фотографией.
Давайте для начала попробуем просто убрать черный ободок.
Выбираем инструмент прямоугольное выделение (Rectangular).
Он находится в группе инструментов выделения. Для того, чтобы выбрать
конкретно прямоугольное выделение, - нажимаем на этот
маленький черный треугольничек:
В открывшемся окошке выбираем "прямоугольное выделение"
(Rectangular Marquee Tool):
Настройки (сверху):
Выбрали:-) Отлично)))
Теперь вернемся к нашей фотографии. Встаем на уголок фото и
тянем выделение так, чтобы наша черная траурная рамка оказалась
вне выделения. Так:
Все бы ничего, но как-то сверху не очень, да и вообще, неплохо
бы подкорректировать это выделение. Идем в "выделение" (Select),
"трансформировать выделение" (Transform Selection):
Как видим, - вокруг выделения появилась такая
ограничительная рамка.
Вот и тянем стороны или углы этой рамки так,
чтобы добиться нужного результата.
Я подтянула так (стрелками показала, что и куда):
В общем и целом все нормально. Жмем клавишу Enter,
чтобы выйти из режима трансформации.
Теперь у нас выделена та часть картинки, которую мы хотим оставить.
А нам надо "отрезать" все, что вне выделенного.
Поэтому нам надо инвертировать выделение.
Щелкаем правой кнопкой мышки по любой точке фотографии и
в открывшемся окне выбираем "Инвертировать выделение" (Select Inverse):
Выделение инвертировалось. Как видим,
у нас теперь выделена та часть фотографии, которую мы хотим отрезать:
Жмем клавишу Delete. Вот все отрезалось
(эти шахматные квадратики означают прозрачный фон):
Осталось убрать эти ненужные прозрачные пикселы.
Для этого идем в "Изображение" ("Image") > "Обрезать" ("Trim"):
В открывшемся окне выбираем "прозрачные пикселы" ("transparent pixels"),
проверяем, чтоб стояли все галочки ("справа, слева, сверху, снизу"), и жмем OK:
В результате у нас получилась фотография без траурной рамки.
Собственно, этого мы и добивались :-):
Как сохранять изображение:
Осталось сохранить результат. Нажимаем сочетание
клавиш Shift+Ctrl+S (англ. расклад), или так:
В открывшемся окне нажимаем на эту галочку (по стрелке) и
в выпавшем списке выбираем куда хотим сохранить (у меня - "рабочий стол"):
Пишем название фотографии (можно просто цифру, например. Я назвала "фотка"),
нажимаем на эту галочку (по стрелке на скрине) и выбираем формат
(я выбрала jpeg, естественно :-) (подробнее - на скрине):
Жмем кнопку "сохранить":
В открывшемся окне оставим все по умолчанию
(единственное можно подвигать ползунок, чтобы уменьшить качество ,
а соответственно, - и вес сохраняемой фотографии):
Все, с этим мы закончили. Закрываем файл нажатием на крестик:
Часть 2. Выносим фотографию на фон.
Теперь попробуем вынести фотографию на фон, используя все то же
"прямоугольное выделение".
Снова откроем эту фотографию (самую первую) в фотошопе.
Разблокируем слой (как - написано выше).
Снова выбираем инструмент "Прямоугольное выделение" (Rectangular Marquee Tool).
Ставим "растушевку" ("Feather") 50 пкс (фотография у нас большая,
так что 50 пкс будет вполне неплохо):
И делаем выделение примерно так:
Как видим, углы за счет растушевки у нас закруглились.
Инвертируем выделение (как в первой части урока) и жмем Delete.
Таков результат:
У нас получился такой "размытый" край.
Опять обрежем прозрачные пикселы ("Изображение" ("Image") > "Обрезать" ("Trim").
В результате у нас картинка как бы подравнялась и лишние пикселы убрались:
Снимаем выделение. Для этого щелкаем правой клавишей
мыши по любой точке файла и в открывшемся окне выбираем "Deselect":
Переходим в палитру слоев. Нажимаем (с зажатой кнопкой Ctrl)
на этот значок:
Как видим, у нас образовался новый слой под слоем
с фотографией (клавишу ctrl мы для этого и зажимали.
Без нее новый слой образуется над тем слоем, на котором стоим) :
Стоя на этом новом слое (в палитре слоев он выделен синим при этом),
идем в "редактирование" ("Edit") > "Заливка" ("Fill") (Sihift+F5) или так:
В открывшемся окошке нажимаем на галочку (по стрелке), выбираем "цвет" ("color"),
и жмем ОК:
Откроется палитра цвета, где мы можем выбрать цвет, или можно взять
цвет прямо с картинки, в зависимости от того, что мы хотим получить.
Я взяла цвет с картики и нажимаю ОК:
В первом окошке оставляем все по умолчанию и жмем ОК:
Вышло так:
Не могу сказать, что результат мне нравится
(. Поэтому (стоя на там же новом слое)
в палитре слоев двойным кликом щелкаем по Background,
чтобы открыть окошко со стилями слоя, так:
Окошко открылось:
Я выбрала "перекрытие градиентом" и сделала такой градиент
(выбирая цвета прямо с картинки).
Обратите внимание на все настройки (по стрелкам)::
Как сделать градиент немного
написано здесь
Со слов "Двойным кликом по квадратику на ползунке (стрелка)
Вы откроете палитру цветов (вторая стрелка) и выбираете цвет".
Повторюсь - в самом шопе градиент делается аналогично.
Вышел такой, достаточно веселенький фончик для фотографии:
Сохраняете фотографию в jpeg и все, - закрываем файл.
Часть 3. Вставляем фотографию в рамку.
Наконец, попробуем вставить фотографию в рамку, используя все то же,
прямоугольное выделение. (Я говорю, естественно, о рамках в jpeg, когда у
нвс нет выбора и приходится придумать способ, как их использовать :-) )
Рамки в jpeg само собой разные, и работать с ними приходится тоже по-разному.
Этот способ - один из энного кол-ва.
Приступим. Я беру рамку в jpeg,
Первым делом ее можно подрезать. На мой взгляд -
слишком много фона вокруг рамки.
Как подоезать - "Часть 1" данного опуса)))
Вышло так:
Теперь берем инструмент "прямоугольное выделение"
(Rectangular Marquee Tool)
P.S. Мы с ним уже сроднились:-)))
Проверяем настройки (как у меня), ставим радиус растушевки - 80 пкс.
(это для этой рамки, с ее размерами подходит такая примерно растушевка.
А вообще надо подбирать в зависимости от размера рамки) и
делаем примерно такое выделение:
Жмем сразу клавишу Delete, ибо нам именно выделенное и надо вырезать.
Получилось так:
Снимаем выделение и открываем все ту же, самую первую фотографию:
Раз мы ее открыли, - мы стоим на ней.
Нажимаем сочетание клавиш (расклад - английский) Ctrl+A (выделить все),
затем сочетание клавиш Ctrl+C (копировать). Можно так:
Все, фотография нам больше не нужна. Сворачиваем ее так:
Вновь разворачиваем наш "свернувшийся" файл с рамкой
(у меня в CS3 он сам сворачивается. Как в других версиях - не помню(
(( В общем, находим в фотошопе нашу рамку :-) ) так:
Рамка открылась, стоим на ней:
Нажимаем сочетание клавиш Ctrl+V (вставить), или так:
Вышла такая вот ерунда:
Но ничего страшного, - сейчас все исправим)
В палитре слоев просто мышкой перетягиваем слой с фотографией под слой с рамкой.
Так:
Стоя на слое с фотографией, нажимаем сочетание
клавиш Ctrl+T или так:
выбираем инструмент "Движение" (Move Tool) - по стрелке:
Затем - Редактирование > Трансформация > Масштаб (так):
Теперь нажимаем сочетание клавиш Ctrl+0 (ноль),
чтобы нам была видна ограничительная
рамка вокруг фотографии. Выйдет так (показываю окно шопа),
стрелка на ограничительной рамке и, как видим,
наша фотография намного больше рамки:
Зажимаем клавишу Shift (ОБЯЗАТЕЛЬНО! Для сохранения пропорций) и
тянем за разные уголки, подгоняя размер фотографии к необходимому.
Для передвижения фотографии просто встаем на центр фото,
например и перетаскиваем.
Так примерно должно получиться:
Все)) Нажимаем клавишу Enter для выхода из режима трансформации и
сохраняем картинку в jpeg.
О других способах работы с этими рамками постараюсь рассказать в ближайшие дни.
Надеюсь - завтра)
Всем удачи и творческого вдохновения!)))
Источник
в формате jpeg (первый способ).
В общем писала я урок по рамкам, писала .. и поняла, что ничего у меня не выходит
((( Надо сначала рассказать о некоторых инструментах..
Иначе урок выходит длиннющий и пугающий(. Так что, двигаемся по порядку.
Итак, - урок - 3 в одном. Собственно. - основная цель, -
начать знакомиться с инструментами (в частности с Rectangular Marquee Tool).
А заодно, в третьей части, расскажу об одном способе работы с рамками в jpeg.
Часть 1. Обрезаем фотографию
По опыту знаю, что безумно скучно читать просто про инструменты.
Поэтому давайте скачаем и откроем, например, эту фотографию:
Эти картинки изначально были в формате PCD (не путаем с PSD :-))),
перевела их в jpeg. Но вот не смотрится этот черный ободок на фотке.
Попробуем его убрать.
Первое, что мы сделаем, - разблокируем слой.
Открываем палитру слоев (F7) или так:
Двойной клик в палитре слоев по Background:
В открывшемся окне можем назвать наш слой (я назову фотография) и жмем ОК:
Как видим, - замочек со слоя у нас исчез, и называется он теперь
"фотография" (ну у меня так называется))):
Теперь мы можем работать с этой фотографией.
Давайте для начала попробуем просто убрать черный ободок.
Выбираем инструмент прямоугольное выделение (Rectangular).
Он находится в группе инструментов выделения. Для того, чтобы выбрать
конкретно прямоугольное выделение, - нажимаем на этот
маленький черный треугольничек:
В открывшемся окошке выбираем "прямоугольное выделение"
(Rectangular Marquee Tool):
Настройки (сверху):
Выбрали:-) Отлично)))
Теперь вернемся к нашей фотографии. Встаем на уголок фото и
тянем выделение так, чтобы наша черная траурная рамка оказалась
вне выделения. Так:
Все бы ничего, но как-то сверху не очень, да и вообще, неплохо
бы подкорректировать это выделение. Идем в "выделение" (Select),
"трансформировать выделение" (Transform Selection):
Как видим, - вокруг выделения появилась такая
ограничительная рамка.
Вот и тянем стороны или углы этой рамки так,
чтобы добиться нужного результата.
Я подтянула так (стрелками показала, что и куда):
В общем и целом все нормально. Жмем клавишу Enter,
чтобы выйти из режима трансформации.
Теперь у нас выделена та часть картинки, которую мы хотим оставить.
А нам надо "отрезать" все, что вне выделенного.
Поэтому нам надо инвертировать выделение.
Щелкаем правой кнопкой мышки по любой точке фотографии и
в открывшемся окне выбираем "Инвертировать выделение" (Select Inverse):
Выделение инвертировалось. Как видим,
у нас теперь выделена та часть фотографии, которую мы хотим отрезать:
Жмем клавишу Delete. Вот все отрезалось
(эти шахматные квадратики означают прозрачный фон):
Осталось убрать эти ненужные прозрачные пикселы.
Для этого идем в "Изображение" ("Image") > "Обрезать" ("Trim"):
В открывшемся окне выбираем "прозрачные пикселы" ("transparent pixels"),
проверяем, чтоб стояли все галочки ("справа, слева, сверху, снизу"), и жмем OK:
В результате у нас получилась фотография без траурной рамки.
Собственно, этого мы и добивались :-):
Как сохранять изображение:
Осталось сохранить результат. Нажимаем сочетание
клавиш Shift+Ctrl+S (англ. расклад), или так:
В открывшемся окне нажимаем на эту галочку (по стрелке) и
в выпавшем списке выбираем куда хотим сохранить (у меня - "рабочий стол"):
Пишем название фотографии (можно просто цифру, например. Я назвала "фотка"),
нажимаем на эту галочку (по стрелке на скрине) и выбираем формат
(я выбрала jpeg, естественно :-) (подробнее - на скрине):
Жмем кнопку "сохранить":
В открывшемся окне оставим все по умолчанию
(единственное можно подвигать ползунок, чтобы уменьшить качество ,
а соответственно, - и вес сохраняемой фотографии):
Все, с этим мы закончили. Закрываем файл нажатием на крестик:
Часть 2. Выносим фотографию на фон.
Теперь попробуем вынести фотографию на фон, используя все то же
"прямоугольное выделение".
Снова откроем эту фотографию (самую первую) в фотошопе.
Разблокируем слой (как - написано выше).
Снова выбираем инструмент "Прямоугольное выделение" (Rectangular Marquee Tool).
Ставим "растушевку" ("Feather") 50 пкс (фотография у нас большая,
так что 50 пкс будет вполне неплохо):
И делаем выделение примерно так:
Как видим, углы за счет растушевки у нас закруглились.
Инвертируем выделение (как в первой части урока) и жмем Delete.
Таков результат:
У нас получился такой "размытый" край.
Опять обрежем прозрачные пикселы ("Изображение" ("Image") > "Обрезать" ("Trim").
В результате у нас картинка как бы подравнялась и лишние пикселы убрались:
Снимаем выделение. Для этого щелкаем правой клавишей
мыши по любой точке файла и в открывшемся окне выбираем "Deselect":
Переходим в палитру слоев. Нажимаем (с зажатой кнопкой Ctrl)
на этот значок:
Как видим, у нас образовался новый слой под слоем
с фотографией (клавишу ctrl мы для этого и зажимали.
Без нее новый слой образуется над тем слоем, на котором стоим) :
Стоя на этом новом слое (в палитре слоев он выделен синим при этом),
идем в "редактирование" ("Edit") > "Заливка" ("Fill") (Sihift+F5) или так:
В открывшемся окошке нажимаем на галочку (по стрелке), выбираем "цвет" ("color"),
и жмем ОК:
Откроется палитра цвета, где мы можем выбрать цвет, или можно взять
цвет прямо с картинки, в зависимости от того, что мы хотим получить.
Я взяла цвет с картики и нажимаю ОК:
В первом окошке оставляем все по умолчанию и жмем ОК:
Вышло так:
Не могу сказать, что результат мне нравится
(. Поэтому (стоя на там же новом слое)
в палитре слоев двойным кликом щелкаем по Background,
чтобы открыть окошко со стилями слоя, так:
Окошко открылось:
Я выбрала "перекрытие градиентом" и сделала такой градиент
(выбирая цвета прямо с картинки).
Обратите внимание на все настройки (по стрелкам)::
Как сделать градиент немного
написано здесь
Со слов "Двойным кликом по квадратику на ползунке (стрелка)
Вы откроете палитру цветов (вторая стрелка) и выбираете цвет".
Повторюсь - в самом шопе градиент делается аналогично.
Вышел такой, достаточно веселенький фончик для фотографии:
Сохраняете фотографию в jpeg и все, - закрываем файл.
Часть 3. Вставляем фотографию в рамку.
Наконец, попробуем вставить фотографию в рамку, используя все то же,
прямоугольное выделение. (Я говорю, естественно, о рамках в jpeg, когда у
нвс нет выбора и приходится придумать способ, как их использовать :-) )
Рамки в jpeg само собой разные, и работать с ними приходится тоже по-разному.
Этот способ - один из энного кол-ва.
Приступим. Я беру рамку в jpeg,
Первым делом ее можно подрезать. На мой взгляд -
слишком много фона вокруг рамки.
Как подоезать - "Часть 1" данного опуса)))
Вышло так:
Теперь берем инструмент "прямоугольное выделение"
(Rectangular Marquee Tool)
P.S. Мы с ним уже сроднились:-)))
Проверяем настройки (как у меня), ставим радиус растушевки - 80 пкс.
(это для этой рамки, с ее размерами подходит такая примерно растушевка.
А вообще надо подбирать в зависимости от размера рамки) и
делаем примерно такое выделение:
Жмем сразу клавишу Delete, ибо нам именно выделенное и надо вырезать.
Получилось так:
Снимаем выделение и открываем все ту же, самую первую фотографию:
Раз мы ее открыли, - мы стоим на ней.
Нажимаем сочетание клавиш (расклад - английский) Ctrl+A (выделить все),
затем сочетание клавиш Ctrl+C (копировать). Можно так:
Все, фотография нам больше не нужна. Сворачиваем ее так:
Вновь разворачиваем наш "свернувшийся" файл с рамкой
(у меня в CS3 он сам сворачивается. Как в других версиях - не помню(
(( В общем, находим в фотошопе нашу рамку :-) ) так:
Рамка открылась, стоим на ней:
Нажимаем сочетание клавиш Ctrl+V (вставить), или так:
Вышла такая вот ерунда:
Но ничего страшного, - сейчас все исправим)
В палитре слоев просто мышкой перетягиваем слой с фотографией под слой с рамкой.
Так:
Стоя на слое с фотографией, нажимаем сочетание
клавиш Ctrl+T или так:
выбираем инструмент "Движение" (Move Tool) - по стрелке:
Затем - Редактирование > Трансформация > Масштаб (так):
Теперь нажимаем сочетание клавиш Ctrl+0 (ноль),
чтобы нам была видна ограничительная
рамка вокруг фотографии. Выйдет так (показываю окно шопа),
стрелка на ограничительной рамке и, как видим,
наша фотография намного больше рамки:
Зажимаем клавишу Shift (ОБЯЗАТЕЛЬНО! Для сохранения пропорций) и
тянем за разные уголки, подгоняя размер фотографии к необходимому.
Для передвижения фотографии просто встаем на центр фото,
например и перетаскиваем.
Так примерно должно получиться:
Все)) Нажимаем клавишу Enter для выхода из режима трансформации и
сохраняем картинку в jpeg.
О других способах работы с этими рамками постараюсь рассказать в ближайшие дни.
Надеюсь - завтра)
Всем удачи и творческого вдохновения!)))
Источник
Комментариев нет:
Отправить комментарий