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

Объявление

GEMcross

Кроссовер, ориентированный на активную игру и уютный флуд.
Собираем у себя драгоценных игроков уже почти три года.

Посетить

💰 Теперь у нас можно приобрести "Мгновенные уведомления от Алекса"

Скрипт оповещает пользователей о событиях на форуме в реальном времени, придавая динамики общению.
Автор: Alex_63 | Платформа: MyBB.ru.

У нас: структурированная документация, возможность платить иностранными картами, перевыпустить подписку или купить бессрочно.

Купить скрипт

🔥 Новинка в портфолио: ДИЗАЙН ФОРУМА В СТИЛЕ ФЭНТЭЗИ С ПРОЗРАЧНОСТЬЮ

Платформа: MyBB.ru (RusFF)
Стоимость: 8000 рублей;
Авторы: Moju & Gerda

Посмотреть

🌟 ОПЛАТА ЗАКАЗА НАГРАДНЫМИ БАЛЛАМИ И СКИДКИ

Заказы можно оплачивать наградными баллами (НБ). Полностью или частично.
Бартер за НБ осуществляется на условиях платного заказа, в качестве оплаты - НБ.
А если у вас есть любой платный заказ, вы можете обменять НБ на скидочные купоны.

узнать подробности

📣 Наш проект: Ролевой поисковик

Поиск роли на текстовых ролевых
Проект от специалистов FD

Спойлеры и обсуждение

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

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

Подробнее

SPECIAL OFFER: We distribute designs for free

Finalizing the layout for your project;
Developing a style code;
Mobile version included if you wish.

Details

Support the project

If you want to help us:
Become a moderator
SuggestionsReviews

Details
❗ ❗ ❗ Technical work is underway. We'll fix it soon. :) If you're english-speaker and want to use our forum, switch to the russian language. This is temporary, until the works with multi-language option will be done. Sorry for the inconvenience.

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

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



делаем юзербокс

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

1

[ex]Урок взят с http://ubforum.ru/topic5356.html[/ex]
итак, как и обещала, вот вам урок. примеры работ http://s60.radikal.ru/i167/0904/7a/694f1b2cf08c.gif    https://forumavatars.ru/img/avatars/0008/9c/ce/2-1239766050.gif обычно ставятся в подпись, или на аватар. итак
1. Открыли Photoshop, создаем файл размером 50х125 с разрешением 72 пикселя/дюйм.
2. Ищем картинку, которую хотиете поместить на юзербокс, например эту:
http://i030.radikal.ru/0803/8c/250938c8ebfa.jpg
3. Вставляем на юзербокс немного редактируем размер, получаем заготовку для будущего юзербокса:
[реклама вместо картинки]
4. Теперь будем делать стекло. Создаем новый слой, заливаем белым цветом #FFFFFF. Называем слой, например стекло (да как угодно) Теперь выбираем инструмент Эллипс (Eliptical Marque Tool), и делаем вот такое выделение:
[реклама вместо картинки]
5. Вырезаем выделенную часть, но у нас остается ненужный белый, цвет:
http://i010.radikal.ru/0803/87/12fbcaa73a57.png
Его мы удаляем инструментом Ластик (Eraser Tool):
[реклама вместо картинки]
6. Ставим Прозрачность слоя (Opacity) стекло на 30% (я делаю обычно с такой прозрачностью, вы можете выбрать любую другую):
[реклама вместо картинки]
7. Теперь выбираем инструмент Выделение прямоугольником (Marque Tool), и выделяем все изображение полностью:
http://i047.radikal.ru/0803/20/8e3098c6e3d2.png
Cоздаем новый слой, выбираем цвет (чтобы он подходил под основную цветовую гамму юзербокса) #7290BD, идем в Редактировать --> Штрих (Edit --> Stroke) , и выбираем такие настройки:
http://i026.radikal.ru/0803/1d/1f1f9a6e00b4.png
8. Теперь будем делать градиентную рамку внутри юзербокса. Создаем новый слой, выбираем цвет позаметнее (чтобы не сливался с цветами), например белый #FFFFFF (в этом случае он будет заметным), делаем масштаб в 300%, выбираем инструмент Карандаш (Pencil Tool) размером 1, и рисуем внутри юзербокса рамку, так, чтобы она была рядом с рамкой цвета #7290BD:
http://i019.radikal.ru/0803/19/33109cce2483.png
[реклама вместо картинки]
9. Теперь идем в Слой --> Стиль Слоя (Layer --> Layer Style), выбираем Перекрытие градиента (Gradient Overlay) от черного к белому, то есть этот (выделен красной квадратной рамочкой)
http://i048.radikal.ru/0803/40/5db6c5b575f1.png
Получаем вот что:
[реклама вместо картинки]
10. Ну и последнее - текст. Пишем например Nuclear белым цветом #FFFFFF, обводка черным цветом #000000. Потом идем в Редактировать --> Трансформация --> Поворот (Edit --> Transform --> Rotate), и поворачиваем вертикально.
Готово:
[реклама вместо картинки]
http://i.smiles2k.net/aiwan_smiles/yes.gif  http://i.smiles2k.net/aiwan_smiles/yes.gif  http://i.smiles2k.net/aiwan_smiles/yes.gif
выкладывайте работки
кстати, если зотите чтобы изображение двигалось как на примерах, просто откройте анимацию, и подвигайте слой с картинкой в разные стороны, не забывая при этом создавать новые кадры

Теги: юзербокс, photoshop, урок

+1

2

http://s59.radikal.ru/i164/0904/02/c1296cd5c62b.jpg
вот чо у меня получилось. Плохо получилось( у меня надписи ФШ не делает, пришлось оставить так...не судите строго

0

3

красиво

+1

4

МиЛаЯ_ЗаЙгА
спасибо, конечно ж))

0

5

Ну воть сделала анимированный

https://forumupload.ru/uploads/0008/db/9f/235-1.gif

0

6

ПаЗЗиТиФФка
прикольно!

0

7

МоЕиМя
ПаЗЗиТиФФка
Девченки так красиво!
МиЛаЯ_ЗаЙгА
[i]Спасибо за урок)х)[ http://i.smiles2k.net/aiwan_smiles/yu.gif /i]

0

8

А как анимированый делать, а то у меня неполучаеться? http://i.smiles2k.net/aiwan_smiles/this.gif

0

9

просто двигаешь слой с картинкой , и каждый раз когда немного сдвигаешь делать новый кадр

0

10

МиЛаЯ_ЗаЙгА написал(а):

просто двигаешь слой с картинкой , и каждый раз когда немного сдвигаешь делать новый кадр

Разве когда немного сдвигаешь?????
Можешь дать мне картинку с девушкой стоящей в полный рост........и я тебе сделаю анимацию где ее показуют с ног....и плавно поднимаются к голове.......
Но для этого использую всего 2 кадра.....
Вы знакомы с промежуточными кадрами????
Достаточно сделать 2 основных....там где голова...а второй где ноги....а потом поставить 15-30 промежуточных....
Слой должен быть не закреплен......и фотошоп сам двигать картинку будет......

С тебя только 1й и последний кадр......и все.....

0