Логин: Пароль:
Регистрация
Закрытая тема
Показано с 1 по 1 из 1
  1. #1
    Узнаваемый
    Ваш статус
    какаво
    Сообщений
    680
    Любимый монстр
    wwwnekit
    Регистрация
    07.08.2017
    Репутация
    26  

    Поблагодарил(а) 0
    Получено благодарностей: 665 (сообщений: 142).

    Аватарки и подписи - быстро и легко



    Доброго времени суток
    В данной теме хочу поделиться своим опытом и способом работы в "дизайн" сфере, если можно так выразиться)
    В помощь самостоятельности либо начинающим дизайнерам
    Не скажу что я мастер-ломастер, но все же что-то есть :D
    А еще у меня сбилась палитра фотошопа, поэтому цвета на скринах и результатах будут разные, извиняюсь

    Во-первых, нам нужен будет фотошоп, свой (CS6) я взяла по этой ссылке
    Во-вторых, шрифты. Я беру с сайта Dafont
    В-третьих, лично я беру анимации с tumblr, giphy, gifer (П.С. сайт Giphy очень удобен тем, что там много аватарок в похожем соотношении и маленького размера)
    В-четвертых, оптимальные параметры для аватарок форума - Размер 200x250 пикселей, Вес - 300Кб для фотографии (в профиль) и 1Мб для аватара (для всех тем). Лично я все свои работы выдерживаю в 300Кб, чтобы можно было поставить на 2 варианта.
    В-пятых, здесь я сжимаю гиф, здесь меняю размер и обрезаю


    Аватарки



    1) Картинка без анимаций

    Здесь все максимально просто,
    - Качаем картинку

    - Открываем ее в фотошопе

    - Во-первых, обрезаем ее по нужному нам соотношению, в данном случае 200x250
    (Для того, чтобы обрезать, нажимаем Enter)

    - Теперь ее нужно уменьшить

    - В итоге получаем готовую аватарку. При сохранении лучше выбирать формат PNG, особенно если вам нужно сохранить прозрачный фон




    2) Картинка с анимацией ника / Добавление ника на аватар

    Добавить сам ник тоже дело 5 секунд,
    - Просто пишем на картинке)



    Так же я часто использую обводку текста, чтобы отделить его от картинки
    Заходим в стиль слоя, выбираем обводку, меняем цвет и толщину по желанию)



    При анимации нужно обратить внимание на эту панель
    Создаем временную шкалу и нажимаем на иконку с 3 квадратами. Дальше ориентируемся по тому, что нам нужно сделать. Самое важное выделила на всякий

    Сохранить работу в виде гиф





    Мои основные анимации


    - Анимация мигания
    Нам нужно сделать 3 основных кадра
    1- с ником
    2- без ника
    3- с ником
    Для того, чтобы убрать ник нажимаем на иконку глаза (слой с текстом), убрать надпись нужно именно на 2 кадре
    Затем инструментом (создание промежуточных кадров) добавляем 7-8 кадров, либо свое количество.






    - Анимация письма
    Здесь нам просто нужно поочередно расписать ник по символу, для лучшего результата "расписываем" и сам символ
    Растрируем текст, для того, чтобы его можно было стирать. (ПКМ по слою)
    Создаем его копии при помощи ctrl J/О, либо ПКМ "создать копию слоя"
    Советую на первом же кадре все слои сделать прозрачными, и копии создавать прозрачных слоев (чтобы выделить сразу несколько слоев, жмем Shift и ЛКМ по слою)
    На первом кадре должно быть пусто
    Создаем кадры и на каждом стираем ник, имитируя пропись
    (1 кадр=1 изменение!!!)
    (П.с расписала только первый символ для примера)






    - Анимация с движением
    Здесь нам опять нужны копии надписи, соответственно нужно растрировать текст
    Заходим в фильтр-> выбираем размытие-> размытие в движении
    И постепенно увеличиваем смещение
    Делаем до максимума (максимум выбираем по желанию), и затем покадрово возвращаемся (по уже готовым слоям) к нетронутой надписи






    - Анимация со свечением
    Принцип что и в анимации с движением
    Заходим в стиль слоя - свечение, и аккуратно увеличиваем его от нуля до максимума (опять таки по вкусу), только здесь нам уже не нужны копии слоя






    3) Гиф-аватар

    - Качаем гифку

    - Теперь сжимаем ее

    - Далее нам нужно, как и с обычной картинкой, исправить размер
    Но тут наоборот, сначала меняем размер, потом обрезаем

    - В данном случае размер гифки был все еще большой, поэтому я еще раз сжала ее
    И даже после сжатия он оставался больше 300Кб..

    - В таких случаях открываем гиф в фотошопе и смотрим на кадры
    У меня их было 30, но из этих 30 каждые 3- одинаковые, поэтому я удалила по одному из трех, но(!) продлила время других
    Но оно все равно мне не вписывалось в рамки и я еще раз сжала)

    - В результате "махинаций", получается ава для форума)


    Текст на гифку ставится так же, как и на картинку, но если делать обводку/другой стиль или переместить, то нужно выделить все кадры, или же сделать копию, и удалить оригинал




    Подписи

    Достаточно легкое занятие, но может быть долгим, если кадров много

    - Качаем гиф

    - Создаем в Фотошопе файл. Я делаю подписи в 570x150 пикселей. Удаляем белый фон и создаем прозрачный слой (ну либо ставим содержимое фона - прозрачно). Вставляем надпись, работаем над размером и шрифтом

    Так же можно поработать над изгибом текста и добавить тень, так по-симпатичнее, по-моему. Тень ставится через стиль слоя, как обводка и тд

    - Открываем Гиф в фотошопе, создаем копию слоев в файл подписи ( выделяем все слои, ПКМ, дубликат слоев), создаем шкалу времени, меняем время кадров, если требуется

    - Опять выделяем все слои, жмем ПКМ, нужно чтобы текст был под картинками, первым слоем, и создаем на него маску. Не снимая выделения изменяем размер и перемещаем все слои под текст ( ctrl+t/е)

    - Затем создаем кадры и поочередно добавляем по одному слою. Не забудьте сменить "однократно" на "постоянно".

    - Сохраняем как гиф-аватар и готово)





    И, в общем-то, на этом мой "гайд" заканчивается)
    Надеюсь он был вам полезен, понятен и интересен
    И удачи в своих начинаниях uwu
    Последний раз редактировалось Hoochuu; 01.06.2020 в 13:54.


  2. 6 пользователей сказали cпасибо Hoochuu за это полезное сообщение:

    AmaXasla1337228 (26.05.2020),MissMir (31.05.2020),MrDeltoFros (26.05.2020),MrLeonardos (26.05.2020),Tornado253 (28.05.2020),XxromaxX (26.05.2020)

 


Закрытая тема

Информация о теме

Пользователи, просматривающие эту тему

Эту тему просматривают: 1 (пользователей: 0 , гостей: 1)

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
© MinecraftOnly