У Вас отключён javascript.
В данном режиме, отображение ресурса
браузером не поддерживается
24. 05. 12. Так как заказ стилей закрыт, вы можете оставить ваши заявки в теме Стили на очередь!, которые будут выполняться по мере возможностей дизайнеров!
22. 07. 12. Наконец у нас новый дизайн! В котором как вы успели заметить - учтены ваши пожелания! Ваши отзывы и предложения вы можете высказать в ДАННОЙ ТЕМЕ

Калейдоскоп аватар

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

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


Вы здесь » Калейдоскоп аватар » УРОКИ СТАТИКИ » Урок. "Создание фонового изображения и шапки"


Урок. "Создание фонового изображения и шапки"

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

1

Смысл этого урока в создании отдельного фона и шапки,
которые вы сможете использовать врозь, но вместе они будут смотреться как единый фон!
Вот что мы будем создавать ->

http://s007.radikal.ru/i302/1010/a4/5d3d17eb9a38t.jpg
Шаг 1.
Создаем новый файл 1600*1200.(Файл-Новый)
Открываем (Файл-Открыть) изображение которое будем использовать как фон.
Убедительная просьба - старайтесь брать изображение с большим разрешением,
иначе при растягивании маленькой картинки - качество будет соответствующее
(то-есть ужасное) !!!

Перетаскиваем его стрелочкой (инструмент "Перемещение"(V)) на наш слой.
Подгоняем под размер (если это требуется) с помощью трансформирования (Ctrl+T).
Шаг 2.
Теперь нам нужно создать фон форумных таблиц:
создаем новый файл (у меня 900*1200),
заливаем его цветом, подходящим к нашему форуму, я взяла цвет#021006
и перетаскием этот слой на наш фон!
!!!Устанавливаем его точно по центру!!!!
Вот как это должно выглядеть
http://s013.radikal.ru/i325/1010/d8/18b22a732313t.jpg
Уменьшаем прозрачность этого слоя до 40% (это уже как вам кажется лучше, смотрите по ходу дела)!
По желанию можно наложить узор:
двойным кликом на слое открываем окошко "Стиль слоя"
и устанавливаем такие параметры
http://s009.radikal.ru/i308/1010/e1/336de7b7f98ft.jpg
Так же вы можете создать тень, чтобы фон форума стал более объемным
(поиграйтесь с ползунками и добейтесь нужного вам результата)
http://s016.radikal.ru/i334/1010/58/88e11d89b2c1t.jpg
В принципе фон готов и вы можете его сохранить!
Шаг 3.
Приступим к шапке.
Берем инструмент "Прямоугольная область"(М),
зададим размер 900*300 (ну или размер, какую шапку вы хотите)
и кликнем в самом верху, где должна быть шапка (увеличьте и подравняйте если нужно).
Выделение должно располагаться четко по краям фона форума
http://s015.radikal.ru/i333/1010/43/02953788ab29t.jpg
Теперь отключим видимость верхнего слоя и перейдем к основному фону,
жмем Ctrl+J (таким образом мы скопировали выделенную часть).
Пишем название форума или что вы хотели на ней увидеть.
Шаг 4.
Теперь так как наш фон был уже сохранен, удаляем два нижних слоя (основной фон и фон форумных таблиц).
Ctrl+клик по нашему слою (выделение), идем Изображение-Кадрировать
и сохраняем нашу шапку!!!
Вот и все, будут вопросы - задавайте!

http://s011.radikal.ru/i317/1010/a6/869c6f315b96.png

0

2

http://s015.radikal.ru/i330/1010/a7/864f1f8c253f.jpg

0

3

Ой, вот что получилось у меня. Сварганила за 5 минут, но это моя 1 работа. Потом будут лучшеhttp://cs10654.vkontakte.ru/u104021806/122905825/x_e03245f0.jpg

Отредактировано Стиляга (2011-01-28 12:59:12)

0

4

Стиляга
молодец))) главное смысл уловить))) :flag:

0

5

Tunguska
Ну, я кажется поняла немного. Буду эксперементировать!

0

6

http://s2.ipicture.ru/uploads/20110215/Zs54zp61.jpg
у меня ерунда вышла((

0

7

Heart
попробуй тень убрать...она по-моему у тебя есть.
а почему у тебя шапка такого большого размера? :rolleyes: (прямоугольная область сверху)

0

8

Tunguska написал(а):

попробуй тень убрать...она по-моему у тебя есть.
а почему у тебя шапка такого большого размера? :rolleyes: (прямоугольная область сверху)

незнаю9 у меня ничего не выходет с ней(

0

9

Heart
давай по порядку, с какого момента не получается?

0

10

Tunguska
вот именно  стого момента как надо шапку делаь(

0

11

Эм, а для чего она?

0

12

вот, что у меня получилось:
http://s005.radikal.ru/i211/1103/b7/4543e7b37fea.png

0

13

Как-то у меня не так получилось))
http://s018.radikal.ru/i520/1202/7a/a6f6dfb98563t.jpg

0

14

а как это потом вставить на форум?)

0

15

Opera написал(а):

а как это потом вставить на форум?)

кодом. .3.

0

16

http://s3.uploads.ru/JrXcP.jpg

0


Вы здесь » Калейдоскоп аватар » УРОКИ СТАТИКИ » Урок. "Создание фонового изображения и шапки"