понедельник, 18 февраля 2013 г.

Как сделать фигурные края у рамки. Способ 1

Добрый день, дорогие друзья! 
Данный урок посвящаю вот таким фигурным краям у рамочки для фотографий. 
 Вариантов может быть великое множество, я лишь покажу вам принцип действия. Это всего лишь один из способов. Итак, для начала создаем новый файл с прозрачным фоном:

 Выбираем инструмент Выделение и создаем выделенную область той формы и размера, какой мы хотим в дальнейшем видеть нашу рамочку:
 Заливаем выделенную область любым цветом, если в дальнейшем мы будем накладывать на него фактурную бумагу, или белым, если будем использовать просто цвет:
 Снова делаем активным инструмент Выделение и щелкаем правой кнопкой мышки. При открытии диалогового окна выбираем - Создать рабочий контур:
 Делаем активным инструмент - Кисть и выбираем нужную нам кисточку. При этом нужно настроить соответствующий интервал, возможно угол кисти, размер, цвет - в моем случае такой же, как у нашего прямоугольника:
 если у вас кисть не круглой формы и вам нужно, чтобы она обтекала края не вертикально, а в соответствии с линией, по которой мы будем обводить, нужно во вкладке Динамика выбрать Управление - Направление, как показано на рисунке:
 Когда мы выбрали и настроили нашу кисточку, выбираем инструмент - Перо и щелкаем правой кнопкой мышки. В диалоговом окне выбираем - Обвести по контуру:
 Выбираем инструмент, которым будем обводить, в нашем случае это кисть:
 Все, у нас получились фигурные края у нашей рамочки:
 Теперь нам нужно удалить рабочий контур, он нам больше не нужен. При активном инструменте -Перо щелкаем правой кнопкой мышки и выбираем - Удалить рабочий контур:
 Если мы хотим достичь такого же эффекта, как показано на первом рисунке, чтобы фотография не полностью заполняла рамочку, а оставались светлые края, нам нужно создать внутри рамочки еще один прямоугольник (круг, овал), внутри которого и будет непосредственно наша фотография. 
для этого снова выбираем инструмент - Выделение и рисуем внутри рамочки другой прямоугольник поменьше размером:
 Щелкаем правой кнопкой мышки и выбираем в открывшимся окне - Скопировать  на новый слой:
 Зальем новый слой чуть более светлым фоном, для удобства просмотра шаблона нашей рамочки:
 Теперь помещаем в наш файл фотографию и ее слой ставим выше слоя со вторым прямоугольником:
 Делаем обтравочную маску для нашей фотографии. Для этого помещаем курсор мышки между слоями с фотографией и прямоугольником и щелкаем левой клавишей мышки, нажимая при этом клавишу Alt на клавиатуре. Наша фотография поместилась в рамочку:
 Если мы хотим украсить края нашей рамочки, нам нужно поместить любую дизайнерскую бумагу выше слоя с основной рамкой, но ниже слоя с меньшей по размеру рамочкой с фотографией:
 Делаем для нашей дизайнерской бумаги также обтравочную маску, вот что получилось в итоге:
 Мы можем сохранить наш шаблон, удалив фотографию внутри, в формате png для его дальнейшего использования в других своих работах. 
Я же решила добавить еще на основной фон бумагу поярче, чтобы лучше было видно края у нашей рамочки:
 Чтобы было более реалистично, можно добавить тень от рамочки в параметрах наложения:
 А также я добавила внутреннюю тень для второй рамочки, той, что поменьше, для объема и более реалистичного изображения:
 Все, наша рамочка готова! Надеюсь этот урок был полезен. Желаю вдохновения в творчестве! Благодарю всех за внимание:-)

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

10 комментариев:

  1. Олеся, спасибо! Все прекрасно понятно!

    ОтветитьУдалить
    Ответы
    1. Благодарю за отзыв об уроке. Рада, что доступно объясняю, значит не зря :-) Принцип главное понять, а дальше уже полет фантазии :-)

      Удалить
  2. Олеся, привет - это Лариса. Огромное спасибо за понятный и интересный урок.
    НО, с удовольствием, бы еще прочла Ваш урок - рамка с одинаковыми углами,
    т. е. сделанная, как Вы написали... ВРУЧНУЮ.
    У вас хороший блог, мне бы тоже хотелось такой ... ( сразу завидки..... :).. :), но добрые... :) ). Т. К. сайт - не потяну.... :).
    Вижу, что там все - таки много работы... ,а я Уже не смогу... :-(

    Лариса

    ОтветитьУдалить
    Ответы
    1. Спасибо, Лариса. Я добавила в конце поста ссылки, где можно посмотреть 2 способ по оформлению рамочки, а также где можно скачать готовые рамочки :-)

      Удалить
  3. Олеся, спасибо - я все получила.
    Но, трижды отправляла вам письмо на тот адрес,который был в присланном. И система, почему- то не пропустила (вроде)мои письма.... :) Наверное я что - то не так сделала..??!! там я отправила Вам и файл psd? чтобы Вы посмотрели, что и как я делаю.. и что у меня не получается , да и текст там есть.
    Напишите получили ли Вы это моё письмо... ?
    И на какой адрес я могу Вам написать...
    Лариса.

    ОтветитьУдалить
  4. Лариса, не знаю. на какой адрес вы письма посылали, мне ничего не приходило :-( Вы можете мне написать на адрес fotobook4you@gmail.com
    Присылайте файл psd, я все посмотрю и отпишусь Вам на почту!

    ОтветитьУдалить
  5. Олеся, очень интересные уроки! Спасибо! У меня вопрос-пыталась повторить урок как обвести кистью текст, к сожалению ничего не вышло. Може для моей версии фотошопа это не подходит? У меня русскоязычная версия CS2. Спасибо!

    ОтветитьУдалить
    Ответы
    1. Елена, добрый день. Вам стоит обновить версию фотошопа, так как в CS2 многие инструменты, в том числе Перо по функциональности значительно слабее, чем в более новых версиях.

      Удалить
  6. Делал в CS3 спасибо, в принципе все доступно и понятно, так что понял :).

    ОтветитьУдалить
    Ответы
    1. Я рада, что понятно изложила материал ))

      Удалить