ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка

Объявление

Поисковой ресурс

Проект от команды FD

Спойлеры

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло...
Заходи, мы будем тебе рады!

Подробнее

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

FD Chat - Чат на вашем форуме

Чат на отдельной странице на форуме. Без регистрации, используются форумные аккаунты.
Стоимость: 1500р
Первым 10 покупателям скидка 20%.

Подробнее

Макет для сайта «Fantasy Calalogue»

Детализированный макет «Fantasy catalogue» для тёмного дизайна многостраничного сайта
Стоимость при покупке эксклюзивно: 3600р
В стоимость входит корректировка макета и доработка недостающих страничек под ваш проект.

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайтеПредложения
Стать модераторомОтзывы

Подробнее
Объявление о технических обновлениях в шапке форума.

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

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



УРОК: Принцип создания рамки

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

1

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

1. Для начала нам нужно понимать, где заканчивается фон и начинается рамка. Инструментом "произвольная фигура", прямоугольником, обозначаем себе эту самую границу.

https://forumupload.ru/uploads/0007/e3/f7/7842/t774339.png

2. Тем же инструментом, рисуем несколько линий. Ширину подбираете сами. Не забываем о том, что цвет должен отличаться, чтобы детали самой рамки визуально выделялись, при последующем использовании.

https://forumupload.ru/uploads/0007/e3/f7/7842/t858861.png

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

https://forumupload.ru/uploads/0007/e3/f7/7842/t805285.png

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

https://forumupload.ru/uploads/0007/e3/f7/7842/t611815.png

5. Таким образом мы добавляем объем. Но наиболее широких фигурах, кроме тени, можно использовать внутреннюю тень. Можно заметить, что у фигуры только края затемнились, а середина словно высветлилась. Кстати, для достижения большего объема можно воспользоваться инструментом "Осветлитель" и некоторые участки фигур высветлить.

https://forumupload.ru/uploads/0007/e3/f7/7842/t542314.png

6. Создаем новую группу. Внизу справа иконка в виде папки. Теперь выделяем нужные слои и перемещаем их мышкой в эту группу. В нашем случае, это фигуры. Затем, с помощью обтравочной маски накладываем текстуру на всю группу. Для этого кликаем между слоями с группой и текстурой, зажав кнопку Alt. Хочу сказать, что для каждой фигуры можно использовать разные текстуры. На этом все, мои скромные познания, увы, ограничены)

https://forumupload.ru/uploads/0007/e3/f7/7842/t835116.png

Подпись автора

.

+6

2

Total
круто! спасибо

Подпись автора

Вместо нас никто не полезет в наши окопы

+2

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»


ВНИМАНИЕ! При обращении за техподдержкой и вопросами по скриптам/оформлению, оставляйте ссылку на форум/сайт с проблемой! Специалист должен вживую видеть проблему, чтобы подсказать как ее решить.

ВНИМАНИЕ! Гости (не зарегистрированные на форуме) могут писать сообщения, но не могут вставлять прямые ссылки! Чтобы оставить сообщение со ссылкой на сайт, форум или скриншот удалите символы: "http://", "https://" или "www."