ФорумPhotoshopУроки Photoshop
Демиарт Поиск Новые сообщения
ОтветитьНовая темаНовое голосование
 Страница 1 из 3  » следующая ОтветитьНовая темаНовое голосование
32 ответа. 22071 просмотр.
   
 мужчина  Nick SmilE Ainley 30 Октября 2012, 13:32
Пост №1 * 30 Октября 2012, 13:32
Ответ с цитированием этого сообщения

Размышляющие
383 поста
35°
Возраст: 26
Регистрация: 9.11.2011
Проживает: Каскелен
How to Illustrate a Wooden Frame on a Wall Scene

Конечный результат:

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


Шаг 1

Создайте новый документ:

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

Шаг 2

Создайте новый слой "Wood”. Установите цвет заливки - #994400, цвет фона - #ffcc66. Залейте слой цветом заливки Alt+Backspace и примените фильтр Filter > Render > Fibers|Фильтр - Рендеринг - Волокна.

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

Шаг 3

Перейдите в режим Free Transform|Свободное трансформирование, настройте, как показано ниже, и нажмите Enter:

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

Шаг 4

Выберите инструмент Rectangular Marquee Tool|Прямоугольная область rectangular_marquee.gif, в настройках сверху установите Стиль – Заданный размер и введите значение высоты и ширины – 125px. Кликните где-нибудь на холсте, чтобы создать выделение. Расположите выделение в верхнем левом углу холста и отведите две горизонтальные и две вертикальные направляющие, проходящие по всем сторонам выделения. Переместите выделение в правый нижний угол? и сделайте то же самое. вот, что у вас должно получиться:

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

Шаг 5

Создайте новый слой, и назовите его “Dent 1”. Настройте тот же инструмент выделения, как показано ниже, и создайте выделение. Моё выделение находится на расстоянии 20px от левого края. Чтобы сделать то же самое, расположите выделение прямо у края холста и сдвиньте его на 20px вправо, используя клавиши стрелок на клавиатуре (удерживая Shift, нажмите на стрелку вправо 2 раза). Залейте выделение цветом заливки Alt+Backspace и нажмите Ctrl+D.

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

Шаг 6

Установите Fill|Заливку слоя – 0%, и примените стиль Bevel and Emboss, остальные настройки на картинке. Потом примените стиль Gradient Overlay:

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

Шаг 7

Создайте ещё один слой “Dent 2”, выберите инструмент Rectangular Marquee Tool|Прямоугольная область rectangular_marquee.gif, установите значение ширины – 32px, и создайте выделение. Расположите выделение так, чтобы правый край прилегал к правой направляющей, и сдвиньте его на 18рх влево. Залейте выделение цветом заливки Alt+Backspace. Создайте ещё один слой “Dent 3”. Создайте ещё одно выделение шириной 12рх, и расположите её на расстоянии 2рх слева от правой направляющей. Залейте выделение Alt+Backspace, и нажмите Ctrl+D. Выберите слой “Dent 1” и перейдите в меню Layer > Layer Style > Copy Layer Style|Слой - Стиль слоя - Скопировать стиль слоя. Выберите слои “Dent 2” и “Dent 3” и перейдите в меню Layer > Layer Style > Paste Layer Style|Слой - Стиль слоя - Вклеить стиль слоя.

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

Шаг 8

Выберите все слои “Dent” и слой “Wood” и объедините их в группу – перейдите в меню Layer > New > Group From Layers|Слой - Новый - Группа из слоёв (или просто нажмите Ctrl+G), назовите группу “Left”. Сделайте копию группы и назовите её “Right”, скройте её на время.

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

Шаг 9

Вернитесь в группу “Left” на слой “Wood”. Выберите инструмент Rectangular Marquee Tool|Прямоугольная область rectangular_marquee.gif, стиль – нормальный, и создайте выделение, как показано ниже. Нажмите Delete, и снимите выделение Ctrl+D. Выберите группу “Left” и нажмите Ctrl+E, чтобы объединить её в один слой.

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

Шаг 10

В группе “Right” выберите слой “Wood”, и примените Transform > Flip Horizontal|Отражение по горизонтали. В результате у нас не будет одинаковых текстур справа и слева. Инструментом Rectangular Marquee Tool|Прямоугольная область rectangular_marquee.gif, создайте выделение, как показано ниже, и нажмите Delete. Снимите выделение Ctrl+D.

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


Отредактировано: sahar — 11 Августа 2013, 18:33
ключевые слова: рамка, картина на стене psd, векторные узоры na stenu, стили фотошоп деревянные рамки, фотошоп онлайн реалистичные рамки, урок рамка, картинки стены с граффити, fotoshop, текстура реалистичная стена, иммитация маслянной живописи
  Google

Группа: Робот
1 пост
Возраст: скрывает
Регистрация: 26.11.2003

 мужчина  Nick SmilE Ainley 30 Октября 2012, 14:08 (спустя 35 мин.)
Пост №2 * 30 Октября 2012, 14:08 (спустя 35 мин.)
Ответ с цитированием этого сообщения

Размышляющие
383 поста
35°
Возраст: 26
Регистрация: 9.11.2011
Проживает: Каскелен
Шаг 11

Выберите группу “Right” и примените Transform > Flip Horizontal|Отражение по горизонтали. Передвиньте эту группу в правую часть холста. Откройте группу и установите Режим стиля Gradient Overlay|Наложение градиента каждого слоя “Dent”Screen|Осветление. Объедините всю группу “Right” в один слой Ctrl+E.

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

Шаг 12

Сделайте копию слоя “Right”, и назовите её “Bottom”. Поверните слой на 90 градусов по часовой стрелке Edit > Transform > Rotate 90 CW|Редактировать - Трансформирование - Поворот на 90* по часовой, расположите её в нижней части холста. Сделайте копию слоя “Left”, и назовите её “Top”, и поверните на 90 градусов, расположите в верхней части холста. Слой “Top” расположите над слоем “Right” в палитре слоёв.

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

Шаг 13

Инструментом Polygonal Lasso Tool|Многоугольное лассо polygonal_lasso.gif, создайте выделение, используя направляющие, как показано ниже, потом нажмите Delete.

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

Шаг 14

Выберите слой “Bottom” и проделайте то же самое с выделением в нижней части холста. Выберите все слои кроме фонового и объедините их в один CtrL+E. Назовите полученный слой “Frame”.

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

Шаг 15

Сделайте выделение всего холста Ctrl+A, и скопируйте его Ctrl+C. Перейдите в палитру каналов и создайте новый канал. Нажмите Ctrl+V, чтобы вставить выделение и примените фильтр Filter > Artistic > Paint Daubs|Фильтр - Имитация - Маслянная живопись: Размер кисти – 1, Резкость – 10, Тип кисти – Простой.
Сделайте выделение нового канала “Alpha 1” (Ctrl+Click).

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

Шаг 16

Вернитесь в палитру слоёв и выберите слой “Frame”, перейдите в меню Layer > New > Layer via Copy|Слой - Новый - Скопировать на новый слой, новый слой назовите “Bumps”. К этому слою примените стили слоя, показанные ниже:

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

Шаг 17

Выберите все слои кроме фонового и объедините их Ctrl+E. Назовите полученный слой “Frame”. Теперь вставим фотографию в рамку. Откройте фотографию в Photoshop и перетащите её в документ с рамкой, расположите под слоем “Frame”. Уменьшите фотографию до нужного размера и назовите слой “Photo”.К слою “Frame” примените стиль Layer Style - Outer Glow, и Drop Shadow:

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

Шаг 18

Теперь создадим иллюзию стекла. В общем мы будем создавать отражение. Откройте эту фотографию и перетащите в наш документ, как показано ниже. Примените к этому слою фильтр Filter > Blur > Gaussian Blur|Фильтр - Размытие - Размытие по Гауссу со значением радиуса 3рх. Установите Blend Mode Screen|Осветлениe и Opacity|Непрозрачность – 15%. Назовите слой “Ref 1”. Сделайте копию слоя “Ref 1” и сдвиньте её на 5px влево.

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

Шаг 19

Создайте новый слой над “Ref 2” и назовите его “Highlight”. Инструментом Rectangular Marquee Tool|Прямоугольная область rectangular_marquee.gif, создайте выделение, как показано ниже. Выберите инструмент Gradient Tool|Градиент gradient.gif, залейте выделение как показывает стрелка и нажмите Ctrl+D.

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

Шаг 20

В режиме Free Transform|Свободного трансформирования уменьшите слой по вертикали и горизонтали. Потом примените фильтр Filter > Blur > Gaussian Blur|Фильтр - Размытие - Размытие по Гауссу со значением 3рх.

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

Шаг 21

Теперь сделаем края стекла грязными. Перейдите в палитру каналов и создайте новый канал “Dirt1”. Примените фильтр Filter > Render > Clouds|Фильтр - Рендеринг - Облака, потом фильтр Filter > Artistic > Fill Grain|Фильтр - Имитация - Зернистость фотопленки: Grain|Зерно – 9, Highlight Area and Intensity|Область светов и Интенсивность – 0. Нажмите ОК. Затем примените фильтр Filter > Brush Strokes > Accented Edges|Фильтр - Штрихи - Акцент на краях: Edge Width|Ширина краёв – 1, Edge Brightness|Яркость – 20, Smoothness |Смягчение – 1.

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

Шаг 22

Создайте ещё один канал “Dirt Area”, выберите инструмент Rounded Rectangle Tool|Прямоугольник с закруглёнными краями rounded_rectangle.gif, настройте, как показано ниже, и создайте фигуру, ориентируясь на направляющие.

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


Отредактировано: Nick SmilE Ainley — 30 Октября 2012, 14:58
0
 мужчина  Nick SmilE Ainley 30 Октября 2012, 15:00 (спустя 51 мин.)
Пост №3 * 30 Октября 2012, 15:00 (спустя 51 мин.)
Ответ с цитированием этого сообщения

Размышляющие
383 поста
35°
Возраст: 26
Регистрация: 9.11.2011
Проживает: Каскелен
Шаг 23

Примените фильтр Filter > Blur > Gaussian Blur|Фильтр - Размытие - Размытие по Гауссу с радиусом 15рх. Потом перейдите в меню Image > Adjustment > Levels|Изображение - Коррекция - Уровни и настройте, как показано ниже. Ещё раз примените фильтр Filter > Blur > Gaussian Blur|Фильтр - Размытие - Размытие по Гауссу со значением 7рх. Инвертируйте цвета изображения Ctrl + I. Этот канал определит область, где грязь будет видна. Сделайте выделение этого канала (Ctrl+Click по миниатюре), потом, удерживая Alt+Ctrl, кликните на слое “Dirt”, чтобы выделить область, где белый цвет канала “Dirt” пересечётся с уже выделенной областью.

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

Шаг 24

Вернитесь в палитру слоёв и создайте новый слой под слоем “Frame”, назовите его “Dirt1”. Залейте выделение цветом #a79988. Перейдите в палитру каналов и сделайте выделение слоя “Dirt Area” (Ctrl+Click). Вернитесь в палитру слоёв, создайте новый слой “Dirt2” над слоем “Dirt1”, и залейте выделение цветом #a79988.

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

Шаг 25

Выберите слой “Frame” и перейдите в меню Image > Adjustment > Hue/Saturation|Изображение - Коррекция - Цветовой тон/Насыщенность: Saturation|Насыщенность: -15. Потом на слое “Photo” перейдите в то же меню и понизьте Lightness|Яркость до -10. Теперь можете перейти в меню Layer > Flatten Image|Слой - Выполнить сведение.

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

Шаг 26

Можно переходить к созданию стены. Создайте новый документ размером 1200х800px с разрешением 300pixels/inch. Создайте новый слой, и назовите его “Wall”. Установите цвет заливки – 85% серый, цвет фона – чёрный. Примените фильтр Filter > Render > Clouds|Фильтр - Рендеринг - Облака, и потом фильтр Filter > Distort > Glass|Фильтр - Искажение - Стекло: Set Distortion|Искажение – 20, Smoothness |Смягчение – 1, Scaling |Масштаб – 120%, Texture |Текстура – Frosted|Изморозь.

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

Шаг 27

Примените фильтр Filter > Render > Lighting Effects|Фильтр - Рендеринг - Эффект освещения с настройками, показанными ниже. Далее мы покроем фон обоями. Нужный узор можете скачать тут.

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

Шаг 28

Скопируйте файл "wallpapers.pat" в папку с текстурами и примените стиль Pattern Overlay|Наложение узора к слою “Wall”: Blend Mode|Режим – Overlay|Перекрытие, Opacity|Непрозрачность – 20%, Pattern |Узор – “Floral"

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

Шаг 29

Перейдите в документ с рамкой и перетащите изображение оттуда в документ со стеной, удерживая Shift. Назовите слой “Frame” и уменьшите его на 50% в режиме Free Transform|Свободного трансформирования.

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

Шаг 30

Создайте новый слой под “Frame” и назовите его “Shadow”. Сделайте выделение слоя “Frame” (Ctrl+Click), залейте его чёрным цветом и нажмите Ctrl+D. В режиме Free Transform|Свободного трансформирования поверните слой на -30 градусов. Потом, удерживая Alt, нажмите на клавишу стрелки вправо 20 раз. Выберите все слои с тенью и объедините их Ctrl+E.

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

Шаг 31

Потом поверните слой на 30 градусов по часовой стрелке. Примените фильтр Filter > Blur > Gaussian Blur|Фильтр - Разматие - Размытие по Гауссу со значением 10рх, расположите тень, как показано ниже.

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

Шаг 32

Создайте новый слой поверх остальных и назовите его “Tree Shadow”, выберите инструмент Brush Tool|Кисть brush.gif, выберите кисть листьев “Scattered Maple Leaves” размером 130px, перейдите в палитру кистей и настройте, как показано ниже. Чёрным цветом обрисуйте холст:

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

Заключение:

К слою с листьями примените фильтр Filter > Blur > Gaussian Blur|Фильтр - Размытие - Размытие по Гауссу со значением радиуса 50рх, установите Opacity|Непрозрачность слоя – 70%. Это создаст хорошую тень вокруг рамки.

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

Изображение в полном размере

Автор: Eren Goksel
Источник: psd.tutsplus.com
Перевод: Nick SmilE Ainley


Отредактировано: Nick SmilE Ainley — 30 Октября 2012, 15:36
0
 женщина  natachika 17 Ноября 2012, 00:46 (спустя 17 дней)
Пост №4 * 17 Ноября 2012, 00:46 (спустя 17 дней)
Ответ с цитированием этого сообщения

Размышляющие
28 постов
Возраст: 27
Регистрация: 17.05.2012
Проживает: Барань
Спасибо!Отличный и довольно понятный урок!Вот результат:Конечно далёкий от вас,но,всё-таки получилось!
***Реалистичная рамка с фотографией на стене,


Отредактировано: natachika — 17 Ноября 2012, 17:39
Люди нарезают круглую пиццу треугольниками,упаковывают в квадратную коробку и хотят,чтобы я им доверяла...
+1
 мужчина  Manoylov AC 17 Ноября 2012, 16:29 (спустя 15 часов 42 мин.)
Пост №5 * 17 Ноября 2012, 16:29 (спустя 15 часов 42 мин.)
Ответ с цитированием этого сообщения

Размышляющие
3 653 поста
1000°
Возраст: 34
Регистрация: 3.01.2009
Проживает: Киев

 ! 

natachika, картинка удалена. Правило форума IV 7a
Прикрепляемое изображение по длинной стороне не должно превышать 1024рх. Внимательнее читайте правила




Пожалуйста, следите за размерами прикрепляемых работ.
0
 женщина  natachika 17 Ноября 2012, 17:25 (спустя 56 мин.)
Пост №6 * 17 Ноября 2012, 17:25 (спустя 56 мин.)
Ответ с цитированием этого сообщения

Размышляющие
28 постов
Возраст: 27
Регистрация: 17.05.2012
Проживает: Барань
Цитирую (Manoylov AC)
ок,уже исправилась sorry.gif


Отредактировано: natachika — 17 Ноября 2012, 17:41
Люди нарезают круглую пиццу треугольниками,упаковывают в квадратную коробку и хотят,чтобы я им доверяла...
0
 мужчина  lev07 30 Ноября 2012, 00:01 (спустя 12 дней)
Пост №7 * 30 Ноября 2012, 00:01 (спустя 12 дней)
Ответ с цитированием этого сообщения

Размышляющие
гильдия «новичков»
326 постов
10°
Возраст: 54
Регистрация: 16.04.2009
Проживает: Александров
Nick SmilE Ainley, спасибо за урок


Реалистичная рамка с фотографией на стене,
Шуруп забитый молотком держит крепче,чем гвоздь закрученный отверткой.
0
 женщина  oksik-- 19 Февраля 2013, 18:03 (спустя 2 месяца)
Пост №8 * 19 Февраля 2013, 18:03 (спустя 2 месяца)
Ответ с цитированием этого сообщения

Размышляющие
120 постов
Возраст: 47
Регистрация: 26.05.2011
Проживает: Сургут
Реалистичная рамка с фотографией на стене,спасибо за урок!

+1
 мужчина  lenya1980 20 Февраля 2013, 09:24 (спустя 15 часов 21 мин.)
Пост №9 * 20 Февраля 2013, 09:24 (спустя 15 часов 21 мин.)
Ответ с цитированием этого сообщения

Размышляющие
17 постов
Возраст: 39
Регистрация: 2.05.2010
Проживает: Тутаев
Реалистичная рамка с фотографией на стене,А вот что у меня получилось, только рамку я попробовал не на стену повесить, а поставить на стол wink.gif А урок очень интересный smile.gif Спасибо!
Если ничего не менять - ничего и не изменится...
+1
 мужчина  einsatz 20 Февраля 2013, 16:55 (спустя 7 часов 30 мин.)
Пост №10 * 20 Февраля 2013, 16:55 (спустя 7 часов 30 мин.)
Ответ с цитированием этого сообщения

Дебютанты
14 постов
Возраст: 51
Регистрация: 30.10.2008
Проживает: Ярославль
Классный и полезный урок! А рамку вообще сохранил в качестве шаблона.



Отредактировано: einsatz — 20 Февраля 2013, 16:57
0
 мужчина  einsatz 20 Февраля 2013, 16:59 (спустя 4 мин. 5 сек.)
Пост №11 * 20 Февраля 2013, 16:59 (спустя 4 мин. 5 сек.)
Ответ с цитированием этого сообщения

Дебютанты
14 постов
Возраст: 51
Регистрация: 30.10.2008
Проживает: Ярославль
вот мой результат



Реалистичная рамка с фотографией на стене,
+1
 женщина  Mara1379 23 Февраля 2013, 04:51 (спустя 2 дня 11 часов)
Пост №12 * 23 Февраля 2013, 04:51 (спустя 2 дня 11 часов)
Ответ с цитированием этого сообщения

Размышляющие
33 поста
Возраст: 40
Регистрация: 4.07.2009
Проживает: Благовещенск
Реалистичная рамка с фотографией на стене,В свое время совместила два урока. Правда, фото получились висящими в воздухе. Никак не смогла сообразить, как сделать, чтобы они стояли на полке, а не висели.
+3
 мужчина  lenya1980 23 Февраля 2013, 08:33 (спустя 3 часа 42 мин.)
Пост №13 * 23 Февраля 2013, 08:33 (спустя 3 часа 42 мин.)
Ответ с цитированием этого сообщения

Размышляющие
17 постов
Возраст: 39
Регистрация: 2.05.2010
Проживает: Тутаев
Mara1379, А если попробовать сделать более четкую тень снизу рамок, вообще темной узкой полоской и немого исправить перспективу wink.gif


Отредактировано: lenya1980 — 23 Февраля 2013, 08:34
Если ничего не менять - ничего и не изменится...
0
 женщина  Mara1379 23 Февраля 2013, 15:28 (спустя 6 часов 55 мин.)
Пост №14 * 23 Февраля 2013, 15:28 (спустя 6 часов 55 мин.)
Ответ с цитированием этого сообщения

Размышляющие
33 поста
Возраст: 40
Регистрация: 4.07.2009
Проживает: Благовещенск
Цитирую (lenya1980 @ 23 February 2013, 09:33)
Mara1379, А если попробовать сделать более четкую тень снизу рамок, вообще темной узкой полоской и немого исправить перспективу wink.gif

Пробовала использовать перспективу, сильно искажаются фотографии. С тенью попробую.
0
 мужчина  novik135 25 Февраля 2013, 13:38 (спустя 1 день 22 часа)
Пост №15 * 25 Февраля 2013, 13:38 (спустя 1 день 22 часа)
Ответ с цитированием этого сообщения

Дебютанты
1 пост
Возраст: скрывает
Регистрация: 8.07.2012
Проживает: Киев
Чего Вы все уроки на инглише подаете.Ведь ФШ давно русифицирован.Пока упереведешь название инструмента---замучаешься
0
 Страница 1 из 3  » следующая
« Предыдущая тема | Уроки Photoshop | Следующая тема »
 Похожие темы
Реалистичное граффити на стене
sandro 3 8825 30 Апреля 2011 - 08:51
» к последнему сообщению
Реалистичная рамка для картины в Фотошоп,
простенько и со вкусом ))
Simoril 26 10492 +5 18 Июня 2015 - 20:24
» к последнему сообщению
Реалистичный рисунок на каменной стене
с использованием фильтра DisplacementMap
Zzajka 23 14092 +3 9 Февраля 2013 - 02:40
» к последнему сообщению
Замена фотографии на стене. Исправление перспектив
Vanishing Point
lora-cho 20 18190 +11 9 Марта 2014 - 14:42
» к последнему сообщению
Рамки для фотографий
Вариации на тему
Mirosh 184 221926 +3 3 Ноября 2013 - 15:06
» к последнему сообщению

0 посетителей в этой теме