Форум » Уроки ФШ » [img]http://s40.radikal.ru/i088/0905/3d/524cd9f69bdf.jpg[/img]Фото в деревянной рамке на стене. » Ответить
[img]http://s40.radikal.ru/i088/0905/3d/524cd9f69bdf.jpg[/img]Фото в деревянной рамке на стене.
Admin: Всем приветик! Предлагаю вам поместить фото в деревянную рамку на стене. [more]Итак, начнём. [hideguest]1.Открываем новый документ с такими параметрами. 2.Создайте новый слой . Установите цвета , как на скрине и залейте слой. Назовите слой «дерево». Применяем фильтр – освещение - волокно 3. Идём в свободную трансформацию (Ctrl+T) ставим такие настройки Жмём Enter. 4. Теперь нам надо определить углы будущей рамки. Для этого вооружаемся инструментом прямоугольное выделение с такими настройками Кликаем в любом месте документа и получаем квадратное выделение. Перенесите выделение в левый верхний угол, оставаясь на инструменте прямоугольное выделение. Теперь нам надо определить направляющие. Если у вас не включена линейка, то включите её (Ctrl+R)И потяните от линейки направляющие по границам выделения( две вертикальные и две горизонтальные).Теперь переместите выделение вниз в права и повторите определение направляющих Снимите выделение (Ctrl+D) 5.Делаем углубления в рамке. Создайте новый слой и назовите его «дент1» Опять берём инструмент прямоугольное выделение, установим такие настройки Кликнем по документу и переместим выделение в левый край документа. Теперь нам надо переместить выделение на 20px. Для этого оставаясь на активном инструменте прямоугольное выделение, удерживая клавишу Shift, нажмите на клаве два раза стрелку перемещение вправо и залейте выделение цветом. Снимите выделение. 6. Применим эффекты(стили) слоя, убрав видимость до 0% 7. Нам нужно сделать ещё два углубления. Для этого создаём ещё два слоя и называем их «дент2» и «дент3» Как и для первого углубления настройте инструмент прямоугольное выделение , но ширину поставте 32px. Разместите выделение по правой границе второй вертикальной направляющей. и не удерживая клавишу Shift нажмите на стрелку перемещения влево 18раз.(перемещение на 18px) Залейте выделение, затем снимите выделение. Для слоя «дент3» ширину поставьте 12px. Разместите выделение там же, где и для слоя «дент2» но переместите только на 2px. Залейте выделение, снимите выделение. В итоге мы получили вот такой вид Скопируйте стиль слоя «дент1» и примените к слоям «дент2» и «дент3» 8. Удерживая клавишу Ctrl поочерёдно кликаете левой кнопкой мыши по всем слоям, кроме белого и объединяете их в группу. Дублируйте группу и переименуйте их в «правая» и «левая».Правую группу скройте убрав глазик в палитре слоёв. 9. Откройте левую группу , перейдите на слой «дерево», сделайте выделение ( настройки инструмента верните в норму.)по второй вертикальной направляющей и удалите выделенную область. Снимите выделение. Слейте левую группу в слой. Для этого при активной группе жмите Ctrl+E 10.Откройте правую группу , перейдите на слой «дерево» и отобразите слой горизонтально. Повторите пункт 9 без слияния группы.Таким образом мы будем иметь разную текстуру для правой и левой части рамки. 11. Перейдём на на слой с правой группой и отобразим его горизонтально, переместим группу в правую часть документа. Поменяйте режим смешивания градиента в каждом слое «дент» Слейте группу в слой, как в п.9. 12. Дублируем слой «правая» , называем его «низ», поворачиваем на 90градусов и располагаем внизу документа. Дублируем слой «левая», называем его «верх», так же поворачиваем его на 90градусов и располагаем в верху документа. В палитре слоёв меняем порядок слоёв, как на скрине. 13. При активном слоё «верх» иструментом Polygonal Lasso делаем вот такое выделение и удаляем лишнее Снимаем выделение. 14.Повторяем пункт 13, но на слое «низ» Удерживая клавишу Ctrl поочерёдно кликаете левой кнопкой мыши по всем слоям, кроме белого и, и объединяете их(Ctrl+E) Назовите слой «рамка» 15. Выделяете все слои (Ctrl+A),копируете выделение (Ctrl+C) перейдите в палитру каналов, создайте новый канал и вставьте выделение(Ctrl+V). Применяем фильтр –художественный - масляная живопись с параметрами ,как на скриншоте Загружаем выделение белой области канала(левая крайняя кнопка внизу палитры каналов) 16. Возвращаемся в палитру слоёв и при активном слое «рамка» копируем выделение на новый слой(Ctrl+J) Должно получится , примерно, как на скрине.(чтобы лучше было видно , я временно отключила слой «рамка») Применяем к этому слою эффекты – внешнюю и внутреннюю тени и рельеф с настройками, как на скиншоте. 17. Слейте копию слоя со слоем «рамка»(Ctrl+E).Рамка готова. Теперь нам надо поместить фото под рамку. Открываете фото ( я взяла фото ЗДЕСЬ ), переносите его на наш документ, свободной трансформацией (Ctrl+T) подгоняете размер, располагаете слой под слоем «рамка» и называете его «фото» Переходим к слою «рамка» и применяем эффекты слоя: внешняя тень и внешнее свечение с настройками, как на скриншотах. 18. Настало время сделать стекло под рамку. Нам понадобится фото интерьера комнаты для отображения на стекле. Я взяла вот ЭТУ картинку. Перенесла на наш документ, свободной трансформацией растянула, назвала слой «отражение» Применяем фильтр –размытие по гауссу с радиусом от 3px(я поставила 5px) Меняем режим смешивания на Screen и уменьшаем прозрачность до 15% прозрачность. Дублируем слой и перемещаем его на 5px влево. 19.Создайте новый слой, сделайте прямоугольное выделение и на нём радиальным градиентом от белого к прозрачному залейте слой, как показано на скриншоте.Совет. Чтобы получить градиент , сначала установите цвет фона, как белый 20.Снимите выделение и свободной трансформацией(Ctrl+T) сожмите размеры слоя, как на скриншоте. Нажмите Enter. Примените фильтр – размытие по гауссу, как и для слоя «отражение» 21. Теперь нам надо сделать стекло состарившимся. Создаём новый канал и называем его «грязь1» Применяем фильтр – освещение - облака Затем, фильтр -художественный - зернистость фотоплёнки с настройками, как на скриншоте. И фильтр – мазки кисти – подчёркнутые края 22. Создать ещё один канал и назвать его «область грязи» Воспользуемся формой Rounded Rectangle Tool с настройками, как на скриншоте и сделаем выделение белым цветом. 23. Применить фильтр – размытие по гауссу с радиусом 15px. Затем перейти изображение – корректировка – уровни и установить параметры, как на скриншоте Ещё раз применим размытие по гауссу, но радиус поставим 7px Инвертируем канал (Ctrl+I)Этот канал будет определять область загрязнения стекла. Выделяем белую область, и загружаем выделение канала «грязь» (Ctrl+Alt+ клик по каналу.) 24. Переходим на палитру слоёв и на новом слое заливаем выделение цветом. Возвращаемся в палитру каналов, загружаем выделение канал «область загрязнения» Переходим в палитру слоёв, создаём новый слой и заливаем выделение тем же цветом, что и предыдущий слой. 25.Рамка с фото почти готова. Добавим несколько корректировок. При активном слое «рамка» вызываем меню «оттенок/насыщение» сочетанием клавиш Ctrl+U и уменьшаем насыщенность до-15. Так же поступаем и со слоем фото, но уменьшение до-10. Если фотография светлая, то уменьшение можно сделать больше. Я поставила так же, как и для слоя «рамка». Объединяем все слои и рамка с фото готова. 26. Теперь займёмся стеной. Создадим новый документ Создайте новый слой и назовите его «стена».Установите цвета – передний план – 85% серого, задний – чёрный. Применяем фильтр – освещение облака Теперь фильтр – искажение – стекло с настройками, как на скриншоте 27. Переходим фильтр – освещение – световой эффект и устанавливаем настройки, как на скриншоте 28. Теперь нам нужно стене придать вид стены с обоями. Я воспользовалась бесшовной текстурой с прозрачным фоном - ЭТОЙ. Определила текстуру в заливку, залила ей новый слой, применила эффект слоя – перекрытие цветом(белый) Эти действия касаются только данной текстуры. Вы можете создать обои сами, воспользовавшись кистями или формами. Итак, слой с текстурой готов( я растянула немного слой, чтобы увеличить рисунок), уменьшаем прозрачность до 20%, меняем режим смешивания на оверли. Стена с обоями готова. 29. Теперь , удерживая клавишу Shift, чтобы сохранить центровку перетаскиваем с файла рамку. Она у нас расположится на стене по середине. Называем слой «рамка» и уменьшаем его в половину. Для этого в свободной трансформации выставляем параметры, как на скриншоте и жмём Enter. 30. Загрузите выделение слоя «рамка», создайте новый слой ниже слоя «рамка» и залейте выделение чёрным цветом. Назовите слой «тень». Снимите выделение. Свободной трансформацией поверните слой на -30градусов. Нажмите Enter для применения трансформации. Теперь, удерживая кнопку Alt нажмите 20 раз клавишу стрелка перемещения в право. У нас получится 20 смещённых копий тени. Выделите все слои с тенями и объедините их. 31. Свободной трансформацией верните слой тень в первоначальный вид, т.е поверните на 30градусов и примените фильтр – размытие по гауссу с радиусом 10px.Переместите тень немного вниз инструментом перемещения. 32.Остаось совсем немного. Создаём новый слой, расположив его в самом верху в палитре слоёв и называем «тень дерева». Идём в палитру кистей и выбираем кисть кленовый лист из стандартного набора натуральные кисти2 Затем вызываем палитру настройки кисти (клавишаF5 )и применяем настройки, как на скриншоте 33.И, в заключении, к слою «тень дерева» примените фильтр – размытие по гауссу с радиусом в 50px. Прозрачность снижаете до 70%. Это даст нам свет и тени, а так же больше обратит внимание на рамку с фото. Оригинал результат. Мой результат. Мой окончательный вариант. [/hideguest] Автор урока - Eren Goksel. Перевод, скриншоты и дополнения - Ваш админ - Ольга Бор. Источник.[/more]
Ответов - 10
мурзилка: вот испробывала! правда не фото на стене...но уж очень рамку такую хотелось научится сделать! начиталась уроков кучу,и сообразила вот такую бирку! спасибо за урок,Оль!
Admin: Мерси, девочки! Светик - бирка класс!!! Ксюш, а что не публикуешь сделанный урок?
ksanna: Admin пишет: Ксюш, а что не публикуешь сделанный урок? Сейчас, сейчас!!!!!! Вот как получилось!
мурзилка: ksanna пишет: как-то по-другому говорить спасибо надо? да!по -другому))) нажатием на кнопку "оценить" или плюсик в репутацию... а спасибо можно и в сообщениии,только если ещё есть что сказать))) рамочка у тебя классная вышла!
sanikin: надеюсь что - 4 заслужил, хотя бы за терпение
Admin: sanikin пишет: надеюсь что - 4 заслужил, хотя бы за терпение Серёж, заслужил, конечно и даже 5!!! Только со стеклом маленько перемудрил, особенно в части загрязнения. У тебя грязь такая чистенькая, беленькая
sanikin: Admin пишет: Только со стеклом маленько перемудрил, особенно в части загрязнения. я ещё не раз вернусь к этому уроку, столько информации по применению фильтров и эффектов ФЩ . Сразу всё и не усвоишь
uttika: у меня похоже получилось!!! ура!!!
Admin: uttika пишет: у меня похоже получилось!!! ура!!! Ага, получилось! Только с освещением рамки наврала. У тебя фотка освещена сверху, а рамка снизу.
uttika: Admin пишет: У тебя фотка освещена сверху, а рамка снизу. ..... а как теперь исправить?...
полная версия страницы