Фотошоп от Олечки

Уроки фотошопа, клипарт, открытки и прочее

Простая рамка в фотошопе. Способ 2

prostaya-ramka-v-fotoshope-sposob-2-4Простая рамка в фотошопе. Способ 2

Здравствуйте, друзья!

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

Сегодня я хочу вам показать еще один способ создания простой рамки. Даже два.

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

Первый — с использованием подложки, второй — непосредственно с самой рамкой, но оба этих действия объединены одной функцией — первоначальным УВЕЛИЧЕНИЕМ РАЗМЕРОВ ХОЛСТА картинки.

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

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

Итак, начинаем.

1. Вспоминаем урок по открытию файлов, и первые шаги прошлого урока. Напоминаю ваши действия Меню — Файл — открыть.

prostaya-ramka-v-fotoshope-sposob-1-1

2. В дополнительном окне ищем нужную фотографию. Подробно описывать ваши действия уже не буду. В прошлых уроках они есть.

prostaya-ramka-v-fotoshope-sposob-1-2

3. Картинка появляется в рабочем поле программы. Преобразуем фон в слой, или снимаем замок.

prostaya-ramka-v-fotoshope-sposob-1-3

prostaya-ramka-v-fotoshope-sposob-1-7

В итоге этих действий видим такую картинку.

prostaya-ramka-v-fotoshope-sposob-1-8

 

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

4. Для этого урока я решила не использовать всю фотографию, а только ее часть. Захотелось выделить и вырезать чудесные желтые тюльпаны. Чтобы показать вам на практике как работает инструмент Прямоугольная область. При нажатии на него левой кнопкой мыши 1 раз инструмент становится активным

prostaya-ramka-v-fotoshope-sposob-2

Устанавливаем + в то место фотографии, с которого нужно начинать выделение, и «рисуем» нужный кусок. Выделенный объект будет ограничен пунктирными линиями.

prostaya-ramka-v-fotoshope-sposob-2-1

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

Вот здесь  нужна функция ИНВЕРСИЯ выделения.

Немного теории… Эта функция — наиболее часто используемая операция. Для этого идем в Меню — Выделение — Инверсия, всегда после того, как на картинке было выполнено любое выделение. После применения инверсии выделения произойдет обратное действие (так и переводится слово инверсия). Невыделенная область, которую надо удалить или произвести с ней какие-то другие действия, станет выделенной.

prostaya-ramka-v-fotoshope-sposob-2-2

Так у меня и получилось.

prostaya-ramka-v-fotoshope-sposob-2-3

Удаляем область выделения клавишей Delete.

prostaya-ramka-v-fotoshope-sposob-2-5

А теперь удаляем излишки прозрачного фона, активизируя функцию Тримминг (Меню — Изображение — Тримминг). Для любителей собак это слово известное. Обрезать — вот что оно означает. В Фотошопе тоже.

prostaya-ramka-v-fotoshope-sposob-2-6

В дополнительном окне жмем на ОК, не меняя настроек по умолчанию.

prostaya-ramka-v-fotoshope-sposob-2-7

5. Получили картинку, вокруг которой будем делать простую рамку. Вы помните, что моя исходная фотография была очень большой (4000 на 3000 пк). Проверим, каким стал ее размер после наших действий. Идем в Меню — Изображение — Размер изображения и кликаем левой кнопкой мыши. Как оказалось, у меня получилось 2220 на 1980 пикселей.

prostaya-ramka-v-fotoshope-sposob-2-8

Уменьшим размер до 700 пикселей по ширине, как в прошлом уроке. Высота изменится автоматически. Жмем на ОК.

prostaya-ramka-v-fotoshope-sposob-2-9

Как видите, при масштабе картинки 100%, она заняла все рабочее поле.

prostaya-ramka-v-fotoshope-sposob-2-10

Уменьшим масштаб до 80%, чтобы было видно то, что мы делаем.

prostaya-ramka-v-fotoshope-sposob-2-11

6. А вот теперь увеличим размер холста, чтобы вокруг картинки получилось обрамление. Идем в Меню — Изображение — Размер холста. Кликаем левой кнопкой мыши.

prostaya-ramka-v-fotoshope-sposob-2-12

Добавляем по ширине и высоте по 50 пикселей. Вы можете задать свои размеры.

prostaya-ramka-v-fotoshope-sposob-2-13

Прописываем нужные цифры в соответствующих окнах ширины и высоты и жмем ОК.

prostaya-ramka-v-fotoshope-sposob-2-14

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

prostaya-ramka-v-fotoshope-sposob-2-15

7. Теперь будем делать подложку для фото, это может быть заменой привычной рамки.

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

prostaya-ramka-v-fotoshope-sposob-2-16

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

И давайте вспомним материал прошлого урока и переименуем Слой 1 в  слой Подложка. Правой кнопкой кликаем по слою 1 и левой кнопкой по фразе Параметры слоя.

prostaya-ramka-v-fotoshope-sposob-2-17

Пишем новое название слоя и жмем на ОК.

prostaya-ramka-v-fotoshope-sposob-2-18

Я решила сделать подложку в цвет серединки тюльпанов. Активизируем инструмент ПИПЕТКА и кликаем по нужному месту. Вы можете выбрать любой цвет, какой вам понравится. Основной цвет в панели инструментов тоже сменится.

prostaya-ramka-v-fotoshope-sposob-2-19

Активизируем инструмент ЗАЛИВКА, и левой кнопкой мыши кликаем по картинке в рабочем поле. В панели слоев вы увидите, что слой Подложка окрасился равномерно, а на рабочем поле — только по краю. Этого мы и добивались.

prostaya-ramka-v-fotoshope-sposob-2-20

Теперь немного добавим «выпуклости» самой картинке. Я решила  создать на Подложке ее тень. Для этого жмем 2 раза левой кнопкой по активному слою (тюльпаны) и в Стиле слоя — маркер Тень и ОК.

По умолчанию в программе задана тень черного цвета.

prostaya-ramka-v-fotoshope-sposob-2-21

Я решила изменить ее цвет. Вы можете оставить по умолчанию, а можете поучиться со мной.

Итак, жмем левой кнопкой на слово тень, и открываются ее параметры. Кликните по черному окошку левой кнопкой, и появится окно для выбора цвета тени. Я, как правило выбираю тень инструментом ПИПЕТКА, в данном случае взяла цвет подложки и выбрала более темный подходящий цвет, жмем на ОК, и в стилях слоя тоже на ОК. Цвет тени на подложке изменится.

prostaya-ramka-v-fotoshope-sposob-2-22

Эта часть работы с готова.  Сохраним в таком варианте чуть позже. Теперь отключим видимость слоя подложка, кликнув по «глазку».

8. А теперь сделаем непосредственно рамочку вокруг картинки.

Активный слой — Слой 0. Нам нужно выделить прозрачное поле вокруг фото. Для этого активизируем инструмент ВОЛШЕБНАЯ ПАЛОЧКА и кликнем ею по прозрачному фону, после чего он выделится с внутренней и наружной стороны.

prostaya-ramka-v-fotoshope-sposob-2-23

Рамочку будем создавать на новом слое, для чего его создаем, кликнув по значку с уголком в панели слоев, и назовем этот слой Рамка.

Выделение прозрачного фона активное и можно теперь на слое Рамка выполнить заливку. Я буду использовать функцию ЗАЛИТЬ из меню программы (Меню — Редактирование — Выполнить заливку).

 

prostaya-ramka-v-fotoshope-sposob-2-24

Я постараюсь подобрать какой-то симпатичный цвет. В дополнительном окне жмем на ЦВЕТ.

prostaya-ramka-v-fotoshope-sposob-2-25

В окне Выбрать цвет можно выбрать цвет визуально, а можно активизировать инструмент ПИПЕТКА. Я так и сделала, и кликнула по листикам тюльпанов. Жмем на ОК в выборе цвета, и в окне Заполнить.

prostaya-ramka-v-fotoshope-sposob-2-26

P.S. : Для окрашивания рамки можно использовать также инструмент ЗАЛИВКА. Так что у вас есть выбор.

При использовании инструмента ЗАЛИВКА будет использован Основной цвет. Значит, цвет рамки нужно будет подобрать заранее.

Ну вот, снимаем выделение.

prostaya-ramka-v-fotoshope-sposob-2-27

И делаем рамку выпуклой. Способов множество, но я выбрала самый простой. Я сделаю ее тиснение.

Кликаем 2 раза левой кнопки по активному слою Рамка, переходим в Тиснение. Я оставила параметры по умолчанию. Вы же можете ими поиграть. Жмем на ОК и рамочка готова.

prostaya-ramka-v-fotoshope-sposob-2-28

9. Теперь осталось подписать свою работу.

Активизируем инструмент Текст. Цвет текста я взяла желтый. Он хорошо подходит и к оранжевой подложке, и к зеленой рамке.

Ставим маркер в нужное место, пишем сам текст, и жмем на слой Т в панели слов левой кнопкой для завершения процесса написания. В случае необходимости перетаскиваем текст в нужное место инструментом ПЕРЕМЕЩЕНИЕ.

Я не люблю очень яркие подписи авторства, поэтому непрозрачность ТЕКСТА сделала 50%.

prostaya-ramka-v-fotoshope-sposob-2-29

Теперь можно и урок завершать. Сделала все, что хотела: фото на подложке и фото в простой рамке.

10. Сохраняем картинку с рамкой.  Напоминаю, идем в Меню — Файл — Сохранить для Web и устройств.

prostaya-ramka-v-fotoshope-sposob-2-30

Чтобы сохранить картинку с подложкой и подписью, надо отключить видимость слоя Рамка, и сохранить работу, как  сказано выше.

prostaya-ramka-v-fotoshope-sposob-2-31

А вот и мои картинки.

Фото на подложке.

prostaya-ramka-v-fotoshope-sposob-2-32

Фото в рамке.

prostaya-ramka-v-fotoshope-sposob-2-4

Надеюсь, что этот урок будет для вас понятным и интересным.

Если возникнут трудности, то пишите на е-мейл или в комментариях, разберемся. Желаю вам удачи и творческого вдохновения.

 

TEXT.RU - 98.43% 

Понравилась статья? Поделись с друзьями!




Понравилась публикация !?
Хотите получать новые статьи в свой почтовый ящик ?
Нет ничего проще !

Уроки фотошопа
Отзывов к Простая рамка в фотошопе. Способ 2 уже: 26...
  • Natalie Riwe

    Спасибо,Ольга,за урок! У меня вопрос:Обязательно ли сохранять картинку для «Web.и устройств»? Нельзя сохранить «Сохранить как…»?Есть какие-то отличия?

    Ответить
    • Ольга Коновалова

      Наталья, в общем отличий нет, только по весу картинки, что, мне кажется, тоже важно. Картинки, сохраненные для web, легче.

      Ответить
  • Ольга

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

    Ответить
    • Ольга Коновалова

      Я рада, и Вам удачи!

      Ответить
  • Ольга

    Оля! Прекрасный урок получился! С очень полезными приемами работы и объяснениями! :good:

    Ответить
    • Ольга Коновалова

      Спасибо, Олька! Надеюсь, что письменных объяснений не последует ;-)

      Ответить
      • Ольга

        Не последует-точно! Я сначала не поняла — думала, ты говоришь о читателях, которым могут понадобиться дополнительные пояснения, а потом сообразила, что ты про мои письма подкалываешь…

        Ответить
  • Светлана Бурова

    просто прекрасно!!!
    можно сфотографировать цветочек на своём участочке и сделать в рамочке!!!!
    отличный мастер класс

    Ответить
    • Ольга Коновалова

      Конечно можно, и получится почти открыточка!

      Ответить
  • Светлана

    Отличный подробный урок по созданию рамочек, Оль, спасибо!

    Ответить
    • Ольга Коновалова

      Рада, если пригодится, Светочка!

      Ответить
  • Татьяна

    Оленька отличный подробно описанный урок по созданию рамок в фотошопе. Для начинающих очень полезный и нужный. :rose:

    Ответить
    • Ольга Коновалова

      Спасибо, Танечка!

      Ответить
  • СВЕТЛАНА МИТРОФАНОВА

    ОЛЕНЬКА, БЛАГОДАРЮ ВАС ЗА ТАКОЙ ПОДРОБНЫЙ И ДОСТУПНЫЙ УРОК !!!! ОЧЕНЬ ХОЧЕТСЯ УЖЕ ДАВНО НАУЧИТЬСЯ ФОТОШОПУ, НО ВСЁ НИКАК НЕ РЕШУСЬ ((( И ЕЩЁ ТАКОЙ ВОПРОСИК: У МЕНЯ УСТАНОВЛЕН ФОТОШОП CS 6? ЭТО ПО ВАШИМ УРОКАМ СИЛЬНО БУДЕТ ОТЛИЧАТЬСЯ? БУДУ ВАМ БЛАГОДАРНА ЗА ОТВЕТ !!!

    Ответить
    • Ольга Коновалова

      Мне несколько раз попадалась информация по 6-ке, и насколько я поняла, инструменты мало чем отличаются, интерфейс черный, попробуйте, думаю, что у Вас все получится, Светлана. Удачи

      Ответить
      • СВЕТЛАНА МИТРОФАНОВА

        ОЛЕННЬКА, БЛАГОДАРЮ ВАС ОТ ВСЕЙ ДУШИ !!!! :rose:

        Ответить
        • Ольга Коновалова

          И Вам спасибо! :rose:

          Ответить
  • Юлия

    Еще один отличный урок, Олечка!

    Ответить
    • Ольга Коновалова

      Спасибо, Юлечка! :heart: :rose:

      Ответить
  • Svetli

    Начинающим будет полезно, мы ж тоже были новичками

    Ответить
    • Ольга Коновалова

      Спасибо, Светочка! Да, были когда-то и мы… и начинающими, и «рысаками» ;-)

      Ответить
  • Larisa

    Красивые рамки получились, замечательно гармонируют, яркие и объемные, прелесть! :good:

    Ответить
    • Ольга Коновалова

      Спасибо, Лариса! Я рада, что тебе понравилось. :rose:

      Ответить
      • Лара

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

        Ответить
  • Зина

    Нужный урок для начинающих!!!!помимо рамочки ,новичок научится с этого урока ещё и изменять размер холста,что часто используют в создание коллажей.я правда,ставлю галочку в графе «ОТНОСИТЕЛЬНО» и прописываю нужные пиксели,в твоём случае это 50.

    Ответить
    • Ольга Коновалова

      Тоже хороший совет, Зиночка! Я об этом забыла. Зиночка, Спасибо за твои комментарии и поддержку. :rose:

      Ответить

Ваш email не будет опубликован. Обязательные поля отмечены *
Имя *
Email *
Сайт
Ваш комментарий
:bye: 
:-) 
;-) 
:good: 
:-( 
:negative: 
:scratch: 
:wacko: 
:yahoo: 
B-) 
:heart: 
:rose: 
:whistle: 
:yes: 
:cry: 
больше...