Как Создать Логин В Crossfire

Тема в разделе "Гайды для CrossFire", создана пользователем Фунтик, 6 дек 2011.

  1. Оффлайн

    Фунтик

    На форуме с:
    19 ноя 2011
    Сообщения:
    485
    Симпатии:
    590
    Баллы:
    97
    Пол:
    Мужской
    не плохой гайдик как создать логин в crossfire

    Наконец таки я добрался до своего компа и взялся за этот гайд. Я знаю, что некоторые люди его довольно таки долго ждали и вот теперь они его получат. В принципе я мог накатать его ещё вчера ночью, но если бы я это сделал, то в нём было бы оч много грамматических ошибок и нецензурщины(закончились 2 месяца трезвой жизни). Поэтому сейчас, взяв с собой за комп литр пивка и банку рассола и постараюсь вам разъяснить весь процесс замены бара в логине.

    И так, приступим.

    Прежде всего нам потребуется:
    *Фотошоп
    *Картинка фона размером строго 800 на 600 пикселей
    *Исходные родные(!) кнопочки бара
    *Чувство вкуса или хотя бы эргономики
    *Чашка кофе, но НЕ энергетика или алкоголя
    *Терпение, мать его.....

    Немного теории.

    Для начала разберём сам логин бар. Он делится на статическую и динамическую части.
    Статические части - это поле логина и пароля, а также фон бара.
    Динамические части - это кнопочки.


    http://i.****.ru/images/f8448duwu.jpg

    В каждом логине должно быть 8 файлов кнопок + 4 файла фона.

    Разберём файлы кнопок:

    SaveButtonOn.tga - отвечает за наличие галочки в "Запомнить меня"
    SaveButtonOff.tga - отвечает за отсутствие галочки в "Запомнить меня"

    loginup.tga - кнопка "ОК" в состянии покоя
    loginfocus.tga - кнопка "ОК" при наведении на неё мышкой
    logindown.tga - кнопка "ОК" в нажатом состоянии

    LoginExitUp.tga - кнопка "Выход" в состянии покоя
    LoginExitFOCUS.tga - кнопка "Выход" при наведении на неё мышкой
    LoginExitDOWN.tga - кнопка "Выход" в нажатом состоянии

    Знаком хорошего тона и мастерства будет произвести замену всех кнопок бара.

    Теперь приступим к практике.

    Делать гайд я буду на примере логина с тёлками ищите этот логин в моей теме !!!

    1)Для начала нужно нарисовать новый фон с новым на нём логин-баром.

    2)Затем добавить по 2 группы слоёв на кнопку входа(наведение и нажатие) + тоже самое на кнопку выхода + 1 группу для галочки запоминания.
    Как правило для кнопки наведения используют эффект свечения,



    http://i.****.ru/images/e7e68dxnx.jpg
    а для эффекта нажатия эффект внутренней тени.

    http://i.****.ru/images/393114vtv.jpg

    В процессе рисования, что бы не ошибиться, я советую вам создать дополнительную группу слоёв, с 4 файлами стандартного бара. Это должны быть фон бара, кнопка сохранения, кнопка входа и кнопка выхода. Они должны "лечь" на своих местах как в стандартном баре. Чтобы было удобней сверяться с правильностью создания бара, можно эту группу поднять в самый верх слоёв и поставить заливку (fill) каждого слоя группы на 50%. Чтобы не мешалось можно просто отключать группу значком "глазик" у названия группы.

    http://i.****.ru/images/08212757b0.jpg

    3)После того, как весь материал готов наступает самый галимый с*ка процесс за всю работу - это сохранение файлов. Процесс муторный и чисто машинальный.
    Разберу на примере одной кнопки, т.к. все остальные делаем точно также.
    Сам процесс нужно понять головой. Нам необходимо сделать место с кнопкой таким, как оно будет выглядить, при отведённом ему действии. В данном случае это будет кнопка входа при наведении на неё мышки. Получаемый файл: loginfocus.tga



    [3.1]Сначала открываем все 8 файлов кнопок.

    http://i.****.ru/images/be54f1c7b8.jpg

    [3.2] Выставляем слои как и положено.

    [3.3]Зажимаем кнопку CTRL и кликаем левой кнопкой мыши по миниатюре слоя с стандартной кнопкой. Появится пунктирное выделение на её места на нашей работе.


    http://i.****.ru/images/b25e9b14e1.jpg
    [3.4] Кликаем правой кнопкой мыши по любому слою и выбираем следующий пункт(не забываем у группы со стандартным баром убрать глазик):

    Появится окошко, нажимаем "ОК".

    [3.5]Все наши слои превратились в один и теперь мы можем спокойно скопировать(не вырезать(!)) выделенное и вставить его в окошко с файлом кнопки, которое мы открывали в п.3.1.

    [3.6] Сохраняем файл(File - Save As) с расширением .tga.

    Не забудьте сделать резервную копию папки UI_Login.

    [3.7] Закрываем окошко с заменённым файлом, чтобы не мешалось.

    [3.8]Возвращаемся к нашей работе и сочетанием кнопок "CTRL + Z" отменяем последние действие, т.е. возвращаем все слои.

    [3.9] Повторяем пункты 3.2 - 3.8 для каждой из кнопок.

    [3.10] Приводим в нашей работе все кнопки в положение покоя и просто сохраняем файл как "TITLE0.tga"

    4) Сохраняем нашу работу как файл с расширением .psd!
     
  2.  
  3. Оффлайн

    Я_из_будущего_туалета!

    На форуме с:
    16 дек 2011
    Сообщения:
    197
    Симпатии:
    9
    Баллы:
    0
    Пол:
    Мужской
    а где сылка на фотошоп?
     

Поделиться этой страницей

Уважаемый пользователь!

Мы обнаружили, что вы блокируете показ рекламы на нашем сайте.

Просим внести его в список исключения или отключить AdBlock.

Наши материалы предоставляются БЕСПЛАТНО и единственным доходом является реклама.

Спасибо за понимание!