[html & css] perfect world шаблон

ByMe, Хочет заработать на машину!11 не мешайте ему ну
P.S А так понятное дело что если открывается ТРЮ фришард то он пойдёт и закажет у студии дизайнеров) а не прийдёт и возьмёт у ByMe Это 100%

Флуд удалил.
Все, кто после этого сообщения будет писать не по теме, получат читалку.

Врестаю не я, но рисую я все сам делаю.
если раньше я для шары переделывал шаблоны и хотя за это деньги не брал я всего лишь хотел заинтересовать народ и начать делать свое.
P.S. если я переделывал раньше то не значит что я переделываю сейчас.

Просто не хотел говорить но то время когда пошли от моего имени шли Гифки, это был не я, у меня есть сестренка которая рубится в пв, я был далеко. от дома и отправлял ей работы что бы она суда выкладывала.
Сори конечно что кому то принес дискомфорт,
Я просто хочу нормальных отношений здесь а получается я один а против меня все....
Наверняка вы заметили, когда я приехал от моего имени шли сообщения без ошибок и адекватные.

Окай)) завтра выложу )))

Создание камней:
Для начала мы создаем новый файл в фотошопе 900х176.
Делаем любой фон, я взял с шаблона.
Первое что нам нужно это создать черный прямоугольник.
http://clip2net.com/s/57GcYO
Второе, выделяем черный квадрат и зарисовываем большой мягкой кисточкой, делаем все в коричневом оттенке.
http://clip2net.com/s/57H03q
Далее мы создаем новый слой и делаем обводку нашего прямоугольника Редактирование-Выполнить Обводку, выходит окно ставим цвет #ff9600 и делаем 2 px внутри и делаем прозрачность слоя 39%.
http://clip2net.com/s/57H31G
Создаем новый слой, делаее мы выделяем наш прямоугольник и и берем большую и мягкую кисточку выберем черный цвет и обводим потихоньку по краям что бы затемнить края, прозрачность должна быть 100%
http://clip2net.com/s/57H8aG
Далее кто хочет может сделать текстуры грязи как я (и ставим текстуру выше второго слоя)
http://clip2net.com/s/57HaRG
Мои Слои: http://clip2net.com/s/57HcZ4
Дальше нам придется рисовать камешки "свободным пером", то есть каждый камешек вырисовывать до половины прямоугольника.
http://clip2net.com/s/57HtYI
Вы можете вырисовывать по другому как вам будет удобно.
После того как вы нарисовали камушек при режиме свободного пира вы нажимаете правой кнопкой мыши"Образовать невыделанную область"
и получается у вас это http://clip2net.com/s/57HAee
Далее мы заливаем цветом (я залил цветом #180d0a)выделенную область(Конечно же в новом слое).
После того как мы залили наш камень темно коричневым цветом мы налаживаем текстуру необработанного камня.
http://clip2net.com/s/57HI84
Далее ставим режим слоя "разделить" и прозрачность 13% (к текстуре).
http://clip2net.com/s/57JKTU
Выделяем Камень и берем темную кисточку и делаем тени (придаем обьем) по нужде делаем прозрачность слоя
http://clip2net.com/s/57JWFn
Выделяем камень и берем кисточку делаем цвет светлее и начинаем высветлят края, так как у меня фон огневой я буду делать края ближе к оранжевому цвету (По возможности делаем режим слоя "Экран" и добавляем прозрачность)
http://clip2net.com/s/57K0FN
Теперь нам нужно сделать не сильно черную обвудку камня с стороны фона что бы они не сливались. http://clip2net.com/s/57K3hm
Я бы показал как делать все камни но у мня времени нету да и + это не оплачивается так что когда дойдете до половины, уберите фон и сохраните в формате .png для того что бы фон был прозрачным.
И Кстати когда дорисуете все камни возьмите мягкую кисть с оранжевым цветом и подрисуйте отражение света что бы камни были более объемные для слоя с отражением света предайте режим "Цветность" и между камнями обязательно сделать тень !
Если у вас не получается осветлить кончики камней сделайте это Инструментом 'Осветитель' но эффект будет не тот
После того как я нарисовал все камни я объединил все слои камней создал новый слой выше камней и залил цветом #8a5644 и предал режим слоя "Насыщенность"
Вообщем у меня уже есть готовое оформление меню http://clip2net.com/s/57KlvU
А теперь создание меню:
Теперь приступим к тексту я сделал текст размером 40 пт.
Написал главная http://clip2net.com/s/57Kol3
теперь нам нужно придать градиент тексту Нажимаем два раза на слой с текстом
Ставим галочку на Наложение градиента
Подбираем подходящие цвета http://clip2net.com/s/57KpMC и нажимаем ок
Далее делаем внутреннее свечение кликам на квадратик с текстом и ставим цвет #d9b6a3
Непрозрачность 19%
Размер 5 пикс.
http://clip2net.com/s/57KrA2
Вот что я использовал что бы сделать стиль слою http://clip2net.com/s/57KrZ3
Получается такой текст http://clip2net.com/s/57Ksv3
Пишем форум и т.д. и что бы заново не создавать стиль просто нажимаем на слой с текстом правой кнопкой мыши и Скопировать стиль слоя, как создали новый текстовой слой форум нажимаем на него правой кнопкой мыши и Вклеить стиль слоя.
Вот я создал все пункты меню http://clip2net.com/s/57Kvpo
Теперь нам нужно их разделить так что бы они не сливались.
Создаем новый слой, берем инструмент выделения "прямоугольная область" Буква 'M"
Делаем с помощью выделения линию не толстую и не длиную :
http://clip2net.com/s/57KyyW
Заливаем ее цветом светлым
http://clip2net.com/s/57Kz4f
Нажимаем на слой два раза и будем шас создавать стиль
http://clip2net.com/s/57KD9f
http://clip2net.com/s/57KDry
и Получается наша линия такой :
http://clip2net.com/s/57KDO0
Копируем линию и ставим между разделами.
http://clip2net.com/s/57KECb
Кто будет верстать вообще что бы не придавать просто свечение меню мы сделаем так
\Создаем новый слой и выделяем область главного раздела
http://clip2net.com/s/57KGpW
Делаем режим слоя "Мягкий Свет"
http://clip2net.com/s/57KGT3
Кто хочет сделать такие линии то читаем дальше http://clip2net.com/s/57KImI
Сначала, нам нужно создать повторяющуюся текстуру.
Создаем новый документ (Ctrl + N)
Совет. Можно это сделать, зажав Ctrl + двойной клик по серому фону рабочей области программы.
Размер 4х4 px, Background Contents (Содержание фона) – Transparent (Прозрачный). Все остальное оставляем как есть.
Полученный файлик увеличиваем до 1600% для удобства работы.
Берем инструмент , диаметр кисти ставим 1px. И повторяем узор, показанный на картинке ниже.

Теперь превратим этот файлик в текстуру.
Нажимаем Ctrl + A (Выделить все).
После того, как по периметру появилась “бегущая рамка”, идем в пункт меню Edit (Редактирование) и выбираем Define Pattern (Определить узор). Вписываем имя, например Штрих 1, нажимаем Ок. Заготовка для штриховки готова.
Теперь мы выделяем нашу область заголовка меню и заходим в Редактирование-Выолнить заливку...
И Делаем так http://clip2net.com/s/57KKVd
Вот и Все Наше меню готово ) Ставим Лайки на данный пост )
Спасибо за внимание )
Думаю этого вам достаточно доказательств что я сижу сам делаю элементы)))
На создание этого урока и с нуля рисовать меню уменя ушло примерно часа 4-5 часа )

Вот столько у меня слоев + еще в каталоге текст 8 слоев

Дизайн зачёт, купил бы для World Of WarCraft в том году когда катаклизм был.

Человека знаю давно, отличная работа, очень понравилось, но знаю что может на много лучше(не обижайся дружище)
Шаблон будет идеально смотреться в уже готовом виде.