1. givememoney66601.07.2024 в 01:15от
Загрузка...
Загрузка...

[Гайд] Стильный аватар и бар за 7 минут.

Тема в разделе "Уроки/Видеоуроки", создана пользователем KimonZ, 01.11.2012.

  1. KimonZ

    KimonZ

    Статус:
    Оффлайн
    Регистрация:
    19.09.11
    Сообщения:
    395
    Репутация:
    245 +/-
    Предупреждаю, гайд для тех, кто почти не имел дела с Photoshop. Если у вас уже есть некий опыт создания аватарок, то я уверен, что у вас получится лучше, и дальше можете не читать. А кому все же интересно, и кого заинтересовала тема, то welcome. Начнем наверное с парочки примеров, что мы должны получить. И так они ниже.
    Личное мое (В стиле Need For Speed MW)

    [​IMG] [​IMG]

    Делал для SheolRuS (В смешанном стиле Battlefield 3 + Dota 2(Как попросили))

    [​IMG] [​IMG]

    Если вам все еще интересно, после того, как взглянули на картинки выше, то продолжаем. Обещаю, что ниже будет только гайд, и никаких подобных отступлений.

    Часть первая. Ищем материал для изображений и определяемся с размерами.
    * Конкретно для youhack'a по моему скромному мнению идеальный размер аватарки 150х150. По этому остановимся на нем. А вот на счет бара в подписи, есть довольно много вариантов. Но лично по мне идеально подойдет 500х150.
    * Когда мы определились с размерами, нужно искать материал. Делается это по идее просто, но не всегда. Обычно помогают два сайта: google.com и yandex.ru. Но я предпочитаю пользоваться oblozhki.net (НЕ РЕКЛАМА), ибо там очень много артов, изображений, логотипов и все в очень хорошем качестве и большом разрешении.
    Для примера приведу скриншот, что мы должны иметь, что бы успешно перейти к следующей части.
    [​IMG]

    Для справки: не пытайтесь полностью повторить данный гайд, вы делаете аватарку себе, основываясь на своем вкусе. Выбирайте свои цвета, стиль шрифта, фон, в конце-концов игрушку, на которую будете делать уклон аватарки или вообще без нее. Скриншот этот, чисто для примера.​
    Часть вторая. Фон и основа.
    * На роль фона можно взять, все что угодна: часть арта, весь арт, один цвет, градиент. Все что душенька ваша пожелает, главное что бы смотрелось, относительно гармонично. Я же для примера возьму NFS MostWanted 2005. Располагаем, как вам угодно. Лишь бы самим нравилось.
    * Рекомендую одновременно создавать аватарку и бар, ибо так удобнее и получается гармоничнее. Есть, что сравнивать, и сразу видно, что нужно править. По идее у вас должно получиться, что-то похожее, на скрин ниже.
    [​IMG]
    Для справки: Что бы уменьшить картинку пользуетесь Ctrl + T, и с жатым Shift тяните за угол. После того, как вы подогнали картинку, обязательно сделайте тримминг изображения. Так же советую удалить стандартный слой "фон". Все будет на видео ниже.​
    * После того, как вы закончили с фоном, переходим к основе. К слою с фоном применяем параметр "Внутренняя тень", с такими настройками:

    [​IMG]

    * Для аватара настройку размера меняем на 15. Осталась ровно половина основы.
    * Теперь создаем отдельный документ 3 на 3 проводим линию от левого нижнего угла в правый крайний. Всего получится три точки по пикселю. После этого, идем в Редактировать --> Определить узор. Ставим этот узор по верх всех слоев (хотя он у нас пока один) и снижаем непрозрачность до 20%. Должно получиться, как на скрине ниже. Если похоже, значит основа готова!
    [​IMG]
    Часть третья. Ваше личное творчество.
    * В этой части, уже почти весь груз ответственности ложится исключительно на ваши руки. Можете делать все, что душа желает, естесвенно не выходя за рамки адекватности. Написать свой скайп, счет WebMoney, свой ник. Все, что угодно и почти, как угодно. И достаточно важная часть, все ваши элементы нужно добавлять под слоем с узором. Лично я сделал так:

    [​IMG] [​IMG]

    Что было сделано мною:
    • Добавлено лого MostWanted на бар (Ctrl + T)
    • Снижена его непрозрачность до 90%
    • Добавлена надпись с моим ником. Обводка + шрифт из MW (предположительно)
    • На аватарке только надпись. См. пункт выше.
    Очень удачно можете применить вы:
    • Размыть задний фон.
    • Добавить элементы задний фон.
    • Размыть их.
    • Уменьшить их прозрачность.
    • Поиграться с фильтрами
    • И еще много чего. Ограничивает вас, лишь ваша фантазия.

    Ниже наглядное видео, если что-то не было понятно из гайда...​


    [video=youtube;8QDCKDbX248 https://www.youtube.com/watch?v=8QDCKDbX248 ​

    Надеюсь кому-нибудь помог данный гайд... Ну или хотя был интересен...​
     
    Последнее редактирование: 01.11.2012
  2. Sentinel

    Sentinel

    Статус:
    Оффлайн
    Регистрация:
    25.11.11
    Сообщения:
    1.571
    Репутация:
    714 +/-
    не плохо
     
  3. Laz

    Laz

    Статус:
    Оффлайн
    Регистрация:
    16.10.12
    Сообщения:
    186
    Репутация:
    52 +/-
    Слушай если не Трудно можно Аву 150x150 сорри за офф топ картинка Moh W Спасибо + Дал
     
  4. Teest

    Teest

    Статус:
    Оффлайн
    Регистрация:
    22.10.12
    Сообщения:
    153
    Репутация:
    80 +/-
    Тема класс
     
  5. KimonZ

    KimonZ

    Статус:
    Оффлайн
    Регистрация:
    19.09.11
    Сообщения:
    395
    Репутация:
    245 +/-
    Попробую сделать, что-нибудь хорошее, но все же не хочешь попробовать сам?
     
  6. Laz

    Laz

    Статус:
    Оффлайн
    Регистрация:
    16.10.12
    Сообщения:
    186
    Репутация:
    52 +/-
    KimonZ Пожалуйсто просто Вчера вотожоп делетнул ) :help: если что или сюда или в пм Спасибо Зарание ОГРОМНОЕ
     
  7. KimonZ

    KimonZ

    Статус:
    Оффлайн
    Регистрация:
    19.09.11
    Сообщения:
    395
    Репутация:
    245 +/-
    [​IMG] [​IMG]

    Пожалуйста. Если нужно, ник уберу.
     
  8. MrPanda

    MrPanda

    Статус:
    Оффлайн
    Регистрация:
    17.08.12
    Сообщения:
    393
    Репутация:
    305 +/-
    Спасибо, тема понравилась, держи + :danc:
     
  9. maJJor

    maJJor

    Статус:
    Оффлайн
    Регистрация:
    31.10.12
    Сообщения:
    1.364
    Репутация:
    428 +/-
    норм !
     
  10. Nefeol

    Nefeol

    ▄▄  ▄▄  ▄▄  ▄▄  ▄▄  ▄▄

    Статус:
    Оффлайн
    Регистрация:
    20.04.12
    Сообщения:
    2.272
    Репутация:
    3.550 +/-
    Молодец. Спасибо за гайд. :good:
     
  11. timur765

    timur765

    Статус:
    Оффлайн
    Регистрация:
    07.04.12
    Сообщения:
    1.130
    Репутация:
    721 +/-
    Молодец, многим полезно будет, продолжай в таком же духе!
     
  12. Точка

    Точка

    Статус:
    Оффлайн
    Регистрация:
    29.10.12
    Сообщения:
    233
    Репутация:
    107 +/-
    А ссылкой на красивые шрифты не поделишься? И как их делать цветными? Чтоб цвет переливался?
     
  13. S T I K E R

    S T I K E R

    Статус:
    Оффлайн
    Регистрация:
    25.10.12
    Сообщения:
    124
    Репутация:
    104 +/-
    Not Bad