Dashashop

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Dashashop » Уроки по Adobe Photoshop и Image Ready » Рисуем стеклянную рамочку для фотографий


Рисуем стеклянную рамочку для фотографий

Сообщений 1 страница 30 из 33

1

На этом уроке Вы научитесь рисовать вот такую стеклянную рамочку для фотографий:
http://s43.radikal.ru/i101/0903/44/d04dae3b785dt.jpg
I. Создание основной рамки.
Создадим новый документ (Ctrl +N)
http://s58.radikal.ru/i161/0903/a2/e6602224d9cet.jpg
1) Нажимаем иконку http://s45.radikal.ru/i110/0903/ad/045c13d91500.jpg  «Создать новый слой» внизу палитры со слоями. Появившийся слой называем «Рамка».
2) Выбираем инструмент «Прямоугольная область» (М) и рисуем контур нашей рамки.  Выполняем заливку выделенной области (Shift + F5) цветом  # b1d2cd. Снимаем выделение (Ctrl+D).
3) Снова инструментом «Прямоугольная область рисуем внутреннюю сторону нашей рамки рамки и нажимаем Delete, чтобы удалить заливку цветом. Снимаем выделение (Ctrl+D).
4) Делаем обводку (Редактирование – Выполнить обводку) 4 раза со следующими параметрами:
Ширина  2 пикс.,  цвет #e5eeee, Позиция относительно границы «Внутри»,
Ширина  10 пикс., цвет #49968d, Позиция относительно границы «Снаружи»,
Ширина   1 пикс.,  цвет # edf9f8,  Позиция относительно границы «Внутри»,
Ширина   1 пикс.,  цвет # 034a42, Позиция относительно границы «Снаружи».
Вот такая рамочка у нас получилась
http://s47.radikal.ru/i118/0903/ea/45fed0e46c98t.jpg
Применим к этому слою стиль «Тиснение» (правой кнопкой мыши на слой, выбрать «Параметры наложения», напротив стиля тиснение поставить галочку)

5) Теперь создадим полупрозрачность нашей рамке:
Чтобы не заезжать за края рамки можно её выделить пунктиром, для этого с нажатым Ctrl кликнуть по слою «Рамка» в палитре слоев.  Выберем мягкую кисть (В), размер 45 пикс., жесткость 0%, белого цвета. Непрозрачность 40%. И начинаем водить по краям рамки, чуть их осветляя.
http://i070.radikal.ru/0903/ad/df5e00205f15t.jpg
Ну вот, с рамкой закончили. Можно приступать к декору.

II. Создание листиков.
1) Нажимаем иконку http://s45.radikal.ru/i110/0903/ad/045c13d91500.jpg  «Создать новый слой» внизу палитры со слоями. Появившийся слой называем «Лист 1».
Готовим инструмент «Кисть». Выбираем кисть (В), размер 3 пикс.,  жесткость 100%, цвет # 42867d. Непрозрачность 100%. 

2) Начинаем рисовать листок.
Выбираем инструмент «Перо» (Р). Режим «Контуры» http://s39.radikal.ru/i085/0903/c5/e9d36fc3937e.jpg. Начинаем проставлять опорные точки
http://s58.radikal.ru/i162/0903/14/98a4c27336a8t.jpg
Контур должен быть закончен там же, где и начинали.
Правой кнопкой нажимаем на «Перо» и выбираем «Перо +» (Добавить опорную точку) и формируем край листа 1. Для этого щелкаем «Пером +» посредине отрезка, появляется точка и «усики». Обратите внимание, инструмент «Перо +» приобрел вид светлой стрелки. Теперь этой стрелкой оттягиваем поставленную точку, пока не сформируем нужный ободок. И так по всем отрезкам. Не бойтесь заезжать за края рамки, мы ведь делаем украшение на рамке, а не внутри. Вот что должно получиться:
http://s41.radikal.ru/i094/0903/ee/a4ad478cac7ct.jpg
3) Обведем наш Лист 1. При активном инструменте «Перо +» нажимаем правой кнопкой внутри нашей фигуры. В появившемся списке выбираем «Выполнить обводку контура…» Выбираем «Кисть», жмем «ок». 
4) Заливаем лист цветом.
Установите цвета «Основной» # f9fbf7, «Фоновый»  # 42867d.
При активном инструменте «Перо +» нажимаем правой кнопкой внутри нашей фигуры. В появившемся списке выбираем «Образовать выделенную область…».  Радиус растушевки – 2 пикс, галочка на «Сглаживании», Операция «Новая выделенная область».
Выбираем инструмент «Градиент» (G). От зеленого к белому. Линейный.  Непрозрачность 20%.  http://s51.radikal.ru/i134/0903/6a/e02e403b6e61.jpg Проводим от левого края листа 1 к правому.
http://s57.radikal.ru/i156/0903/78/2c6aba863827t.jpg
Снимаем выделение (Ctrl +D).
5) Приступаем к прожилкам листа 1.
Настраиваем «Кисть» (В). Размер  1 пикс.,  жесткость 100%, цвет # 42867d. Непрозрачность 100%.
Выбираем инструмент «Произвольная фигура» - «Линия» (U)
http://s61.radikal.ru/i171/0903/06/b0afd32e4ef3.jpg
Рисуем  прожилку «Линией», изгибаем «Пером +», обводим кистью (как в п. II. 3) и удаляем контур. И так по порядку все остальные.
http://i004.radikal.ru/0903/56/6a86a61fa61bt.jpg
6) Применяем к слою «Лист 1» следующие эффекты: Тень, Внешнее свечение, Тиснение.
7) Сделаем блики на листе:
С нажатой клавишей Ctrl кликнем мышкой по слою «Лист 1» для выделения наших прожилок. Берем инструмент Кисть (В).  Размер  25 пикс.,  жесткость 0%, цвет # f9fbf7. Непрозрачность 100%.
Аккуратно проводим короткими мазками по листу, создавая глубину на листе. Снимаем выделение (Ctrl +D).
Уменьшив непрозрачность и размер кисти можно добавить светлых бликов и на сам листок.
http://s43.radikal.ru/i102/0903/b7/9c247065f2b1t.jpg
8) По такому же принципу  рисуем второй лист (Лист 2)
http://s54.radikal.ru/i146/0903/cc/3b3d306809b8t.jpg
III. Рисуем ветки.
1) Нажимаем иконку  http://s45.radikal.ru/i110/0903/ad/045c13d91500.jpg «Создать новый слой» внизу палитры со слоями. Появившийся слой называем «Ветки».
2) По принципу, по которому рисовали прожилки рисуем ветки.
« Линия» (U) рисуем контур, формируем изгиб «Пером +», делаем обводку кистью 5 пикс., удаляем контур.
3) Применяем к слою «Ветки» следующие эффекты: Тень, Внешнее свечение, Тиснение.
4) Украшение ветки рисуем кистью. Берем кисть размером 15 пикс., того же цвета, что и ветки. Аккуратно ставим точку на конце линии, получаем изящную капельку.
http://s48.radikal.ru/i119/0903/0e/d6458d5478bd.jpg
Кружок рисуем кистью и ластиком. Держа кисть  на одном месте, рисуем круг кистью (В) 30 пикс., вызываем ластик (Е) 20 пикс., убираем часть кружка,  снова кисть (В) 10 пикс. ставим посередине еще точку.
http://s45.radikal.ru/i108/0903/f1/3b8faa363a3f.jpg
Уменьшать размер кистей можно клавишей [  (а увеличить соответственно ]).

5) Сделаем блики на ветке:
С нажатой клавишей Ctrl кликнем мышкой по слою «Ветки» для выделения. Берем инструмент Кисть (В).  Размер  30 пикс.,  жесткость 0%, цвет # f9fbf7. Непрозрачность 100%.
Аккуратно проводим короткими мазками по веткам. Снимаем выделение (Ctrl +D).

Вот что получилось у меня:
http://s41.radikal.ru/i094/0903/be/26f38fbabdfft.jpg
IV. Цветы на ветках.
1) Нажимаем иконку http://s45.radikal.ru/i110/0903/ad/045c13d91500.jpg «Создать новый слой» внизу палитры со слоями. Появившийся слой называем «Цветок».
2) Выбираем инструмент «Произвольная фигура» (U)
http://s61.radikal.ru/i171/0903/06/b0afd32e4ef3.jpg
И любой понравившийся Вам цветок. Мне приглянулся вот этот http://s45.radikal.ru/i109/0903/3f/ce4e73cb4036.jpg
И продолжаем знакомые операции:
Рисуем цветок, активируем инструмент «Перо +», делаем обводку кистью 3 пикс., цвет все тот же # 42867d. Далее «образовать выделенную область…» с радиусом растушевки 1 пикс., заливаем градиентом, параметры те же (п. II.4), но непрозрачность  30%.
http://s42.radikal.ru/i098/0903/66/ecdbc7665024.jpg
3) Делаем блики как в п. III.5.
http://s42.radikal.ru/i095/0903/b7/9eae4f65bde9.jpg
4) Делаем камушек внутри цветка
Создаем новый слой, назовем его «Камушек на цветке». Выберем инструмент «Овальная область» (М) и нарисуем маленький кружок внутри цветка. Затем «Редактирование – Выполнить заливку» (Shift + F5), выбираем цвет #373bbf.
Далее «Фильтр-Текстура-Зерно» со следующими параметрами: Интенсивность 36, Контрастность 63, тип зерна – обычный.
http://s46.radikal.ru/i111/0903/2f/8471992e0d81.jpg
Снимаем выделение (Ctrl +D).
Теперь применяем к слою «Камушек на цветке» следующие эффекты: Тиснение (параметры по умолчанию) и Контур (третий слева в верхнем ряду).
http://i039.radikal.ru/0903/d0/3ff5ec39d23et.jpg
Теперь сольем слой «Камушек на цветке» и «Цветок». (Правой кнопкой мыши на слой «Камушек на цветке» выбираем «Объединить с предыдущим»)
Вот что получилось у меня:
http://s60.radikal.ru/i167/0903/e8/a3b1490e3960.jpg
Если у Вас есть свой способ рисовать камушки, вы можете воспользоваться именно им.
5) Можно еще добавить небольшие штрихи внутри лепестков:
Выбираем инструмент Кисть (В), размер 5 пикс.,  жесткость 100%, цвет # e4cefa. Непрозрачность 100%. Нажимаем F5. В этом экране нам понадобится только «Динамика формы». Кликаем мышкой на названию и в правом окне выберем управление «Переход». Остальные параметры по умолчанию
http://i058.radikal.ru/0903/4f/46ae5dafbbf8t.jpg
Теперь рисуем внутри лепестков маленькие штрихи:
http://s44.radikal.ru/i103/0903/94/cb7df46b2041.jpg
Дублируем слой «Цветок» два раза (Ctrl + J) и размещаем наши цветы по рамке. Чтобы цветы не выглядели, как отштампованные на станке, применяем Трансформацию (Ctrl + T) и немного поворачиваем цветы, слегка сплющивая их.
http://i033.radikal.ru/0903/09/cca931e5ae38t.jpg
V. Рисуем бабочку.
Вы можете взять готовую фигуру бабочки и поработать с ней так же, как и с цветком. Я захотела нарисовать свою бабочку. Действия те же, что и в.II. Создание листиков
Создаем новый слой «Бабочка», готовим инструмент кисть (В),( размер 3 пикс.,  жесткость 100%, цвет # 42867d. Непрозрачность 100%)
1) Нажимаем иконку http://s45.radikal.ru/i110/0903/ad/045c13d91500.jpg ) «Создать новый слой» внизу палитры со слоями. Появившийся слой называем «Бабочка».
2) Готовим инструмент «Кисть». Выбираем кисть (В), размер 3 пикс.,  жесткость 100%, цвет # faf6d0. Непрозрачность 100%. 
а) Пером (Р) рисуем контур левого крыла,
б) Пером + формируем изгиб,
в) выполняем обводку контура кистью,
г) образовываем выделенную область (радиус растушевки 1), заливаем градиентом (основной цвет # faf6d0, фоновый цвет # c29ad4, непрозрачность 20%) от центра к большей части крыла),
д) рисуем «линией» (U) дополнительные сегменты в крыле, изгибаем Пером + , для создания объема, выполняем обводку контура кистью, удаляем контур.
е) повторяем п. а)-д) для правого крыла,
ж) и для тела бабочки (только для обводки используем более темный цвет # 7d7157),
з) применяем к слою эффекты: Тень, Внутреннее свечение, Тиснение,
и) делаем блики (цвет # fffffe, непрозрачность кисти 100%) и слегка тонируем внешний край крыльев (цвет # ae28eb, непрозрачность кисти 60%)
http://s48.radikal.ru/i122/0903/63/1233e361323e.jpg
Бабочку можно украсить камушками (как в п. IV.4) и кистью –блеском по желанию.
Наша рамка почти готова. Осталось добавить тень и вырезать место под фотографию.
VI. Добавляем тень.
Снимаем «глаз» на слое «Задний план». Правой кнопкой мыши нажимаем на слой «Рамка» и выбираем опцию «объединить видимые». Теперь наши слой слились в один.
Дублируем слой рамка (Ctrl + J).
Переходим на слой «Рамка». Выбираем инструмент «Перемещение (V) и немного сдвигаем слой «Рамка» вправо вниз. Берем инструмент «Ластик» (Е) (размер 200 пикс., жесткость 100%) и стираем верхний левый угол нашей рамки (как показано на рисунке красным цветом)
http://s42.radikal.ru/i097/0903/44/e6cdff2c711ct.jpg
Применяем Фильтр – Размытие – размытие по Гауссу… Радиус 3 пикс. Ставим непрозрачность слоя 60%. Тень готова.
VII. Вырезаем место под фотографию
Два раза кликаем мышью по слою «Задний план», чтобы снять блокировку слоя. Инструментом «Прямоугольная область» (М) выделяем середину рамки, там где расположиться фото. Delete.
Чтобы наша рамка в дальнейшем открывалась с пустым вырезом под фото сохраняем её в формате PNG.
Ну вот и все. Стеклянная рамка  готова.
http://s57.radikal.ru/i157/0903/d5/ee4153a46c66t.jpg
Автор урока Горбунова Татьяна (мама Егорушки).

+3

2

Отличный урок! :cool: К выходным выложу на сайте!

0

3

мама Егорушки,молодец! :cool:

0

4

девочки, спасибо  :love:  :flirt:

0

5

мама Егорушки,рамка  очень нежная и ,думаю,туда можно практически любое фото вставить.Как в стекляннную. :cool:

0

6

мама Егорушки, молодец! Классный урок, обязательно на выходных попробую...

0

7

Елена написал(а):

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

Елена, спасибо, я как раз и старалась передать эффект стекла

Nadya написал(а):

Классный урок

спасибо, посмотрим, что ты скажешь, когда будешь его делать  :insane:  :canthearyou:  %-)

Nadya написал(а):

обязательно на выходных попробую...

очень буду ждать результата. Покажешь? На самом деле я уже не могла его протестировать, пока писала три раза одну и ту же рамку рисовала(((((((((. Четвертый раз уже не могу. Но кому-то надо, могут быть ошибки... А у меня, кроме вас (в смысле форумчан) больше никто не знает ФШ. Так что я очень расчитываю на вашу помощь !!!!!!!!!!  :love:

Отредактировано мама Егорушки (2009-03-03 00:53:23)

0

8

мама Егорушки, ёпрст  :O  как у тебя терпения хватило такой урок написать? Умница, отличный урок :cool:  :love:

0

9

virusxxxl, спасибо.

virusxxxl написал(а):

ёпрст    как у тебя терпения хватило такой урок написать?

сама обалдела, когда увидела объем. Просто не могла плохо сделать...  :(  когда сама уроки выполняла, некоторые моменты узнавала на практике и захотела тоже поделится навыками  :blush:

0

10

Уффф, сегодня со временем немного получилось и вот сделала рамочку,мама Егорушки, по твоему уроку... Правда не знаю как... Я правда делала немного не так и с бабочкой не стала заморачиваться - взяла уже готовую фигуру...
Вот моя радость...
http://s49.radikal.ru/i126/0903/34/7816559aec0at.jpg

+2

11

Nadya, здорово!!!!  :cool: Настоящая стеклянная рамка.

Nadya написал(а):

Я правда делала немного не так

а по моему все отлично!!! Без своей фантазии вообще трудно в нашем деле  :D
Самой то понравилось?

0

12

Nadya, молодец!  :cool:

0

13

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

0

14

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

Отредактировано ldinka (2009-03-21 21:28:42)

0

15

ldinka, в п. II.4  важно сразу использовать градиент 20%.

мама Егорушки написал(а):

Линейный.  Непрозрачность 20%.

При 100% градиенте выделяется полностью лист.

0

16

Спасибо за урок. Очень понравилось. Намного помучилась с выделением прожилок на листе. Но ведь как говорится "Повторение - мать учения"
Вот моя рамочка и мое Солнышко.
http://i072.radikal.ru/0903/ca/4cc36314ea9bt.jpg

Отредактировано ar.ven (2009-03-25 12:04:31)

+1

17

ar.ven, такая  картинка маленькая, а побольше можешь выложить? Выложи через Радикал

0

18

ar.ven прекрасное солнышко  :love: и рамочка отлично вышла!!! Молодец!!!!!!!!!

0

19

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

0

20

Большое спасибо за положительные отзывы. Между прочим мое первое "творение" Пером. До этого как-то руки не лежали им рисовать.

0

21

Я хотела сделать рамочку стеклянную а у меня перьев нет (они есть ,но не действуют )их можно как-то закачать или восстановить .Я просто раньше ими не пользовалась никогда.

0

22

Лилепа написал(а):

Я хотела сделать рамочку стеклянную а у меня перьев нет (они есть ,но не действуют )их можно как-то закачать или восстановить .Я просто раньше ими не пользовалась никогда.

если по моему уроку, то инструмент Перо (быстрый вызов инструмента буква "Р"(от англ Рen) на клаве) в стандартном меню фш.
http://s61.radikal.ru/i173/0906/10/b9681b1b43e7.jpg

0

23

это я знаю у меня оно не пишет

0

24

Лилепа, это в п. II.2)?

Лилепа написал(а):

у меня оно не пишет

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

0

25

у меня пишет"инструмент Перо+ не имеет параметров"
.....
Все спасибо,разобралась
..........
я не знаю кое-как сделала
http://keep4u.ru/imgs/s/2009/06/28/e9/e97905bab62c28524caeeb93c065bf26.jpg

+1

26

Лилепа, очень симпатичная рамочка получилась  :flag:  :cool:  :flag: Здорово, молодец))) такие прикольные бантики и бабочки  :love:
А пером научишься пользоваться, главное начать и не останавливаться))

Лилепа написал(а):

Все спасибо,разобралась

а вот это по настоящему ЗДОРОВО!!!!
Мне всегда казалось, что в выполнении уроков главное не результат, а полученные навыки и практика в их использовании. Поздравляю  :flag:  :flag:  :flag:

ЗЫ: не пиши, пожалуйста, подряд свои сообщения, для этого есть кнопка "Редактировать".  :glasses:

0

27

Лилепа, очень нарядная рамочка! Правда инструмент Перо освоишь получше и божая коровка и листики будут округлённые и без углов получаться, но для первой работы Пером - это просто шедевр! :cool:
Вот ещё у нас на сайте есть урок по применению Пера: Рисуем инструментом Перо., он не сложный и подробный.

0

28

Здравствуйте! Я на счёт урока по созданию стеклянной рамочки для фотографии. В п.5 указано сделать обводку (редактирование-выполнить обводку). Дело в том, что в моём фотошопе (Adobe Photoshop version 8.0) нет пункта "выполнить обводку". Может ли он как-то по иному называться?

0

29

chainichek, привет.
Иногда эта функция недоступна. Проверьте какой слой у Вас активен. И стоит ли видимость (включен "глазок").

0

30

мама Егорушки. Всё спасибо, я решила этот вопрос. Скачала новый фотошоп.

Отредактировано chainichek (2009-12-06 18:57:26)

0


Вы здесь » Dashashop » Уроки по Adobe Photoshop и Image Ready » Рисуем стеклянную рамочку для фотографий