Это предпросмотр стиля с Hitskin.com
Установить стиль • Вернуться к информации о стиле
Делаем нестандартный дизайн для forum2x2, часть 1
Участников: 4
Страница 1 из 1
Делаем нестандартный дизайн для forum2x2, часть 1
Итак, разберём для начала, что такое нестандартный дизайн. Нет, это не тот, который стоит у нас на позитивгёл, у нас он как раз-таки довольно простой. Нестандартные дизайны – это те, которые я преимущественно делаю в своей маленькой студии.
Чуть больше года назад я просматривала англоязычный каталог стилей hitskin.com и восхищалась чужими дизайнами. Сейчас я сама умею такие делать и постараюсь научить вас. Начнём! Выполнять будем в последовательности лого – фон – футер.
*Панель администратора
Заходим в панель администрирования форума – оформление – картинки – продвинутый режим и удаляем всё из полей «лого форума», «фон форума», все 3 картинки «изображение для заголовков».
*Шапка
Шаг 1. Создаём документ с прозрачным фоном размером 800*500 пикселей. Заливаем салатовым цветом (#a0f2b7).
Шаг 2. Создаём новый слой и с помощью инструмента «Прямоугольник с закруглёнными краями» (u) рисуем верх прямоугольника более тёмным цветом (#76dd93) (см. скрин) Я выбрала радиус закругления 130 пикселей.
Шаг 3. С помощью инстумента «волшебная палочка» выделяем нашу фигуру и более тёмным градиентом делаем её объёмней по бокам и сверху.
Шаг 4. Теперь накладываем текстуры на фон, они должны быть под слоем с фигурой.
Шаг 5. Теперь будем работать с моделью. У меня остались неиспользованные фото Ванессы Хадженс, я использую их. Вырезаем девушку и вставляем на шапку под слой с фигурой. Ретушируем по желанию фото.
Далее копируем фото модели, немного смещаем их и используем режим наложения Жёсткий свет, непрозрачность – 10 или 20 процентов.
Шаг 6. Используем любые кисти на свой вкус, если это необходимо.
Шаг 7. Пишем любой текст на нашей шапке. На фоне пишем название, на фигуре – адрес сайта. Вот и всё, сохраняем нашу шапку в расширении png.
*Фон
Вырезаем нижнюю часть фигуры (там, где она ещё не закругляется) и вставляем на новый документ размером 800*20 пикселей. Сохраняем. Фон готов.
*Футер
Полностью вырезаем «фигуру» с шипки и копируем на новый документ. Применяем свободное трансформирование (Ctrl+T) – отразить по вертикали. Украшаем футер надписью или фотографиями. Сохраняем в формате png.
Итак, графическая часть готова, об изготовлении кнопок и иконок у нас есть ещё уроки.
Об установке я расскажу во второй части. В моём портфолио в сообщении номер 5 вы увидите похожий дизайн.
Автор урока – администратор Arrow, копирование запрещено!
Чуть больше года назад я просматривала англоязычный каталог стилей hitskin.com и восхищалась чужими дизайнами. Сейчас я сама умею такие делать и постараюсь научить вас. Начнём! Выполнять будем в последовательности лого – фон – футер.
*Панель администратора
Заходим в панель администрирования форума – оформление – картинки – продвинутый режим и удаляем всё из полей «лого форума», «фон форума», все 3 картинки «изображение для заголовков».
*Шапка
Шаг 1. Создаём документ с прозрачным фоном размером 800*500 пикселей. Заливаем салатовым цветом (#a0f2b7).
Шаг 2. Создаём новый слой и с помощью инструмента «Прямоугольник с закруглёнными краями» (u) рисуем верх прямоугольника более тёмным цветом (#76dd93) (см. скрин) Я выбрала радиус закругления 130 пикселей.
Шаг 3. С помощью инстумента «волшебная палочка» выделяем нашу фигуру и более тёмным градиентом делаем её объёмней по бокам и сверху.
Шаг 4. Теперь накладываем текстуры на фон, они должны быть под слоем с фигурой.
Шаг 5. Теперь будем работать с моделью. У меня остались неиспользованные фото Ванессы Хадженс, я использую их. Вырезаем девушку и вставляем на шапку под слой с фигурой. Ретушируем по желанию фото.
Далее копируем фото модели, немного смещаем их и используем режим наложения Жёсткий свет, непрозрачность – 10 или 20 процентов.
Шаг 6. Используем любые кисти на свой вкус, если это необходимо.
Шаг 7. Пишем любой текст на нашей шапке. На фоне пишем название, на фигуре – адрес сайта. Вот и всё, сохраняем нашу шапку в расширении png.
*Фон
Вырезаем нижнюю часть фигуры (там, где она ещё не закругляется) и вставляем на новый документ размером 800*20 пикселей. Сохраняем. Фон готов.
*Футер
Полностью вырезаем «фигуру» с шипки и копируем на новый документ. Применяем свободное трансформирование (Ctrl+T) – отразить по вертикали. Украшаем футер надписью или фотографиями. Сохраняем в формате png.
Итак, графическая часть готова, об изготовлении кнопок и иконок у нас есть ещё уроки.
Об установке я расскажу во второй части. В моём портфолио в сообщении номер 5 вы увидите похожий дизайн.
Автор урока – администратор Arrow, копирование запрещено!
001101- Звезда мирового масштаба
Re: Делаем нестандартный дизайн для forum2x2, часть 1
Спасибо большое за урок! :3
lastendconductor- OVER THE RAINBOW
Re: Делаем нестандартный дизайн для forum2x2, часть 1
Пожалуйста!
- Спойлер:
- Я сама такой технике недавно научилась)
001101- Звезда мирового масштаба
Re: Делаем нестандартный дизайн для forum2x2, часть 1
Пробуй и показывай результаты))
001101- Звезда мирового масштаба
Re: Делаем нестандартный дизайн для forum2x2, часть 1
у меня, к сожалению, не осталось скриншотов, но некоторые уже возобновлены фотохостингом.
001101- Звезда мирового масштаба
Re: Делаем нестандартный дизайн для forum2x2, часть 1
У меян теперь вообще ничего не видно
Аливия- music girl
Похожие темы
» Делаем нестандартный дизайн для forum2x2, часть 2
» Дизайн
» Вопросы по forum2x2
» Копирайт для forum2x2
» Новый дизайн на YouTube
» Дизайн
» Вопросы по forum2x2
» Копирайт для forum2x2
» Новый дизайн на YouTube
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
|
|