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

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

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

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

Доброе время суток, друзья!

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

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

Теперь о рамках для фото вообще… Надеюсь, что вы понимаете, о чем идет речь.

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

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

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

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

При подготовке этого урока я немного «заигралась», и у меня получилось даже не одна, самая простая, а две рамочки, так что простите, если урок вам покажется длинным и скучным.

Поверьте, что когда вы «набьете» руку, то сам процесс создания будет интересным и творческим, и даже не таким длинным, как это кажется.

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

Итак, приступим, заодно закрепляя полученные навыки первых уроков по изучению интерфейса и инструментов фотошопа.

1. Открываем фотографию или картинку. Воспользуемся классическим способом, описанном в прошлом уроке. Для этого идем в меню — файл — открыть….

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

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

Я взяла фотографию из папки с фотками о моей поездке на парад тюльпанов в Балчике. Выбираем нужное фото, кликнув на него 1 раз левой кнопкой мыши и жмем на ОТКРЫТЬ.

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

3. Выбранная фотография загрузится на рабочее поле. Чтобы продолжить с ней работать, надо ее преобразовать в слой, или в просторечии «снять замочек». Для этого кликаем левой кнопкой мыши два раза по фону, расположенному в палитре слоев.

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

4. Выскочит дополнительное окно, которое рекомендую сразу переименовать, если речь идет о большой и кропотливой работе с множеством слоев. Есть два способа это сделать: сразу или после. Сейчас мы переименуем слой сразу.

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

Поэтому в открывшемся дополнительном окне напишем вместо Слой 0 — Желтые тюльпаны и нажмем на кнопку ОК.

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

После этого вы увидите название своего первого слоя в палитре слов.

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

Сразу покажу второй способ переименования слоя. Для этого вернусь назад, кстати, это можно сделать, пройдя в меню — редактирование — назад. Так что не бойтесь чего-то испортить, так как всегда есть возможность вернуться назад и даже на несколько шагов вашей истории.

Итак, я вернулась на прежнюю позицию, когда дважды кликнув по замку фона. вышло дополнительное окно, жмем на ОК.

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

Справа в панели слоев видим, что вместо слова Фон появилось Слой 0.

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

Кликаем по активному слою (он всегда синий) правой кнопкой мыши и на дополнительной вкладке ищем ПАРАМЕТРЫ СЛОЯ и жмем на фразу левой кнопкой 1 раз. У вас снова появится дополнительное окно, как на предыдущем скриншоте, где вы Слой 0 переименуете в Желтые тюльпаны.

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

5. А теперь поучимся изменять размер фотографии. В моем случае она большая 4000 на 3000 рх.

Для этого топаем в МенюИзображениеРазмер изображения.

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

Видите размер моего фото огромный. Буду его уменьшать, чтобы его облегчить и чтобы картинка просматривалась удобно в 100% масштабе.

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

Для этого можно прописать размеры только длины или ширины. Эти параметры связаны, и при смене одного, автоматически меняется другое в нужных пропорциях. Я вместо 4000 рх пишу 700 и высота фотографии тоже меняется, жмем ОК.

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

И ужас, нашу картинку почти не видно на рабочем поле, потому что масштаб оригинального фото был 16,67%. Оно ведь не помещалось в рабочем поле в натуральную величину. Что делать?

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

Топаем в строку состояния в левый нижний угол и вместо 16,67 пишем 100, проценты не стираем, и нажимаем клавишу Enter.

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

6. Теперь сделаем дубликат слоя, так сказать для верности, чтобы не испортить подлинник в случае чего, а мне в моей работе это потом пригодилось.  Для вас это просто навык, и чтобы создать дубликат жмем правой кнопкой по активному слою, и на открывшейся вкладке ищем фразу «Создать дубликат слоя». Кликаем по ней левой кнопкой мыши 1 раз.

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

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

И как вы видите на нижнем скриншоте в панели слоев появилась копия слоя желтые тюльпаны.

7. Теперь будем создавать самую простенькую рамку. Вот только сейчас мы добрались к теме урока.

Переходим на копию слоя, и он будет у нас активным. После этого нам надо выделить слой.  Для выделения есть несколько способов, расскажу о двух. Первый самый простой: топаем в МенюВыделениеВсе. На слово Все жмем левой кнопкой мыши 1 раз.

Второй — там же: менювыделениезагрузить выделенную область.

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

После этого вы увидите дополнительное окно «Загрузить выделенную область», жмем на ОК, оставляя все настройки по умолчанию.

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

И вы увидите, что и в первом и во втором случае возле картинки побежали прерывистые линии. Это и есть выделение.

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

Теперь нам нужно сделать нашу рамочку, но в данном уроке я хочу линии выделения несколько сместить. Для этого надо перейти в МенюВыделениеМодификация — Сжать, но как видно из скриншота функция Сжать неактивна. Активизируем ее!  Кликнем на активную Граница.

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

Границу сделаем шириной 1 рх. ОК.

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

Для того чтобы сжатие прошло корректно нужно к выделению добавить еще и инверсию.  Топаем в МенюВыделениеИнверсия.

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

А вот теперь повторяем Меню — Выделение — Модификация — Сжать.

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

В дополнительном окне пропишем сжатие, например, на 20 рх и ОК.

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

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

И переходим на пустой активный слой. Рамочка тоже выделена.

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

Давайте раскрасим нашу рамочку. Идем в менюредактированиевыполнить обводку.

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

Откроется дополнительное окно «Выполнить обводку». Я решила сделать тоненькую обводку в 2 рх. Наружную. Желтый цвет в фото преобладает, поэтому я решила поменять основной цвет в панели инструментов на желтый. Для этого активизируем инструмент ПИПЕТКА.

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

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

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

Когда мы отменим выделение так, как показано на скриншоте, то

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

увидите четкую желтую рамочку.  Собственно это и есть тот способ, о котором я хотела вам рассказать.

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

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

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

Для создания новой рамочки вернулась на шаг назад, и отменила «Отменить выделение». Выделение появилось снова.

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

В панели слоев перешла на слой «Желтые тюльпаны копия» и сделала его активным. Нажала на клавишу Удалить, на моем компьютере это Del. И середина фотографии стала прозрачной до выделения, при условии, если у слоя Желтые тюльпаны отключена видимость.

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

Отменила выделение в МенюВыделениеОтменить выделение и включила видимость первого слоя «Желтые тюльпаны».

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

Слой 1 переименовала в  слой Рамка, вспоминайте из начала урока.

И этот слой стал активным. С зажатой клавишей Shift активизируем и второй слой под названием «Желтые тюльпаны копия» и объединяем их в один. Для этого топаем в МенюСлоиОбъединить слои и кликаем левой кнопкой мыши по вышеназванной фразе.

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

Справа в панели слоев остался первый слой «Желтые тюльпаны» и слой «Рамка». Создаем новый пустой слой. Смотрите скрин. Значок для создания нового прозрачного слоя в нижней части панели слоев.

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

Переходим на слой «Рамка» и делаем его активным. Идем в МенюВыделениеЗагрузить выделенную область. Почему так? Если мы применим ВыделитьВсе, то выделится только наружный край рамки.

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

В дополнительном окне жмем на ОК.  И при использовании функции Загрузить выделенную область, выделится вся рамка.

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

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

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

Основной цвет в панели инструментов у нас уже желтый, потому что мы его не меняли, так жмем ОК.

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

И видим в новом слое желтую рамочку. Если хотите, то можете оставить этот вариант рамки, но я пошла дальше.

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

Снимаем выделение в Меню — Выделение — Снять выделение. Устанавливаем непрозрачность слоя 1 (желтая рамка) на 40%. Смотри скриншот ниже.

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

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

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

Устанавливаем маркер в месте, где хотите написать свой текст, я сделала это на рамке, при чем не меняла цвет текста специально. Цвет запомнился программой фотошоп CS5, когда я что-то делала раньше. Пишем свой текст и кликаем левой кнопкой мыши по слою с буквой Т, и после этого слой автоматически переименуется в вашу фразу. У меня это Ольга Коновалова.

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

Инструментом перемещения сдвинем текст в нужное место.

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

И, наконец, изменим цвет. Я решила голубой сменить на желтый. При активном инструменте ТЕКСТ в панели инструментов кликаем по голубому окошку с цветом текста в панели параметров. И выбираем нужный цвет с помощью пипетки (см. панель инструментов).

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

Мне показалось, что подпись слишком яркая, давайте ее немного приглушим. Делаем непрозрачность слоя на 40 %. Надеюсь, что Вам это понятно уже. Смотрите нижний скриншот.

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

Ну вот и все.

9. Сохраняем свое «произведение» на компьютере. Для этого идем в МенюФайлСохранить для Web и устройств.

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

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

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

У меня получилась вот такая картиночка! Нравится? Делайте свои рамочки, и желаю вам удачи.

prostaya-ramka-v-fotoshope-sposob-1

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

Будут вопросы, пишите в комментариях или на е-мейл. Присылайте скиншоты, будем разбираться, если что-то у вас не получится.

P.S.: Все скриншоты можно рассмотреть в оригинальном размере. Для этого кликните по картинке левой кнопкой мыши.

 

TEXT.RU - 100.00% 

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




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

Уроки фотошопа
Отзывов к Простая рамка в фотошопе. Способ 1 уже: 34...
  • Ольга

    Замечательные, понятные и доходчивые уроки!Спасибо, вы мне очень помогли!Очень рада, что нашла Вас! :rose:

    Ответить
  • Любовь

    Спасибо за урок,очень необычная рамочка.Понравилась!Уже оформила свою работу. :rose:

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

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

    Ответить
  • Инга Владимирская

    Отличный урок, Оленька! Так держать! СПАСИБО БОЛЬШОЕ! :rose: :heart:

    Ответить
  • Наталья

    Здравствуйте! Такие рамочки мне нравились давно, но нигде не встречались такие подробные уроки. Пару дней назад прочла, урок показался таким длинным и сложным… А сегодня оформляла статью для блога и захотелось очень украсить все фото в такие красивые рамочки. Статья моя о розыгрыше цветочной конфетки, а мы ведь знаем, что красивые фото ооочень много значат. Начала пошагово делать по Вашему уроку, пыхтела-пыхтела, даже себе в тетрадочку записывала, первая рамочка получилась. Остальные делала полдня :-), то получается, то нет:-). Тем не менее, все фото благодаря таким рамочкам получились гораздо интереснее и красивее. Можно даже посмотреть:-) по ссылочке http://lyubimoehobbi.ru/moya-cvetochnaya-konfetka/. А если конфетка понравится — и принять участие в розыгрыше.
    А Вам Ольга, огромное спасибо за такой подробный урок, с удовольствием буду еще учиться у Вас. Ведь фотошоп — это великая вещь :bye:

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

      Прекрасные рамочки у вас получились, Наталья! Желаю удачи в проведении конкурса и в изучении фотошопа. Вы — молодец!

      Ответить
  • Natalie Riwe

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

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

      Наталья, да Вы молодец! Делать урок, не заглядывая туда, это замечательно. Я за собой такого не замечала, навыки со временем закрепились, Но мне приятно. что Вы — такая усидчивая ученица. Спасибо.

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

    Интересный урок, и рамочка получилась красивая, мне очень понравилась, ничего особенного, но отлично гармонирует. Но повторить такие действия, я вряд ли смогу).

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

      Сможешь, если захочешь… :yes:

      Ответить
  • Laralaram

    хороший урок для новичков — нелегкая задача. Олечка, ты справилась прекрасно!

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

      Спасибо за поддержку, Лариса.

      Ответить
  • Laralaram

    раньше делала разные рамочки, а потом мне кто-то сказала, что рамки на фото — дурной тон, так я теперь и робею… что скажешь, Олюшка

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

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

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

    СУПЕР! Таких рамочек я еще не дела, спасибо, Оль, за подробные пошаговые уроки :heart:

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

      Я рада, Светочка, что у тебя есть возможность теперь этому научиться.

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

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

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

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

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

        Оля, привет! У меня такой вопрос: домен покупать на этом же хостинге или лучше в другом месте? Я уже сегодня хочу оплатить хостинг. Правда, еще нет шаблона, надо поискать в интернете. Хотела позвонить тебе, но что-то не могу зайти в скайп, давно не пользовалась, пишет неверный пароль, хотя ввожу правильно, придется, наверное, переустанавливать.

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

          Юлечка, привет! Жаль, что нельзя связаться по скайпу, но попробую объяснить здесь: Я бы тебе рекомендовала тариф nice+1Gb дополнительно. Тебе надо будет пойти по баннеру хостинга на моем сайте, и нажать на кнопку опробовать хостинг, дальше зарегистрироваться, а сначала пробный бесплатный период, система сама должна мне записать мне реферала-партнера, я надеюсь. 1 Gb дополнительного пространства стоит 20 руб в месяц к основному тарифу

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

          Прости, что поздно ответила… На всякий случай дублирую мою ссылку https://www.alynx.net/?partner=222

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

            Оля, спрашивает промо код, нужно что-то писать?

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

            Написала тебе на емейл. Ничего не пиши, промокод — это скидки, а их нет сейчас Думаю, что я права

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

            Я уже увидела в панели, что ты зарегистрировалась

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

    Молодец Оля так подробно написала :good: :good: :good: Несложный и хороший эффект одеть изображение в рамку.

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

      Спасибо, Зиночка! Хотя писать уроки для новичков необычайно трудным делом оказалось. Темы трудно найти.

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

        Привет Оля !да я знаю как это тяжело в общем писать уроки .а в особенности для новичков,но ты на правильном пути ,ты правильно выбрала направление тем ,на мой взгляд первым надо как и ты начала работать с одним слоем и постепенно пойдут уроки работа со слоями, ,создание коллажей уже с готовым клипартом,потом уже можно посложней ретушь ,вырезание объектов,слияние двух изображений,работа с масками и так далее.Желаю тебе успехов в написании уроков ,а также терпения в не лёгкой задачи которую ты выбрала ,обучать новичков фотошопу это очень сложный и терпеливый труд!!!!!

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

          Зиночка, спасибо за советы, я их обязательно использую. Знать твое мнение для меня очень важно!

          Ответить
  • Natalie Riwe

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

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

      Удачи вам, будут трудности, пишите!

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

    Нужный урок для начинающих, Оля!

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

      Спасибо, Олечка!

      Ответить
  • Larisa

    Спасибо Оля за урок!Очень доходчиво для новичков и полезно для всех! :bye: :rose:

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

      Не за что, главное, чтобы был на пользу дела.

      Ответить

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