Суббота, 2024-04-20, 12:29 PM
Приветствую Вас Гость | RSS

Design for You!

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 2
  • 1
  • 2
  • »
Модератор форума: Serious  
Форум » Курсы графики от DIZ4U.info » Уроки фотошоп для всех » Создание анимированного логотипа с чередованием света и тени
Создание анимированного логотипа с чередованием света и тени
жестикДата: Среда, 2008-07-23, 11:47 PM | Сообщение # 1 |
Анаграфист
Группа: Помощник D4U
Сообщений: 261
Репутация: 8
Статус: Offline
Создаем новый документ (размер зависит от логотипа, которую Вы собираетесь сделать) Я выбрал 400х200.
Выбираем инструмент Paint Bucket Tool ("Заливка")

и заливаем черным цветом
Создаем прямоугольник с помощью инструмента rectangle tool ("Прямоугольник"). Цвет выбираем серый, например 626469.

Должно получиться примерно так.

Делаем двойной клик левой кнопкой мыши по по слою в палитре слоев , чтоб открыть стили слоя. (Открываем стили слоя) Выставляем такие параметры (значения)

По картинкам
Умножение -Multiply
Разница -Difference
Внутри-Inside
Остальные надписи, я думаю, не должны вызвать вопросов.
Должно получиться примерно так.

Выбираем инструмент Horizontal Type Tool ("Текст"). Используем какой-либо жирный шрифт.
Пишем название нашей компании жирным шрифтом.
Текст должен размещаться внутри маленького прямоугольника. При необходимости текст (размер) можно подредактировать с помощью " Свободного трансформирования"

Щелкните правой кнопкой мышки на слое с текстом и выберите "Convert to shape" ("Преобразовать в кривые". .)

Выбираем инструмент path selection tool ("Выделение контура")

Как я понял, надо на верхней панели нажатьвот эту кнопку (иначе будет выделяться по букве)

Выделяем наш текст

используя инструмент "path selection tool" (Выделение контура)
Нажмите Ctrl + C, чтобы скопировать текст. Скройте этот слой.
Выберите слой с прямоугольником. Кликните по прямоугольнику инструментом "path selection tool" (Выделение контура).
Нажмите Ctrl + V, чтобы вставить текст. Выберите "subtract from shape area" ("вычесть из области формы") из верхней панели

и нажмите применить.
Должно получиться примерно так.

Выберите инструмент gradient tool (градиент)
Нам необходим градиент, как на рисунке. Если у Вас его нет сделайте его сами.

Далее выбираем инструмент rectangular marquee tool (прямоугольная область)

Выделяем с его помощью прямоугольник, создаем новый слой и заполняем его линейным градиентом, как показано на рисунке

Меняем режим слоя на "Hard Mix" (жесткий микс)

Должен получиться такой результат

Продолжение следует.

Добавлено (2008-07-23, 11:47 Pm)
---------------------------------------------
Снимаем выделение Ctrl+D
Следующим действием будет переход непосредственно к анимации.
Открываем окно анимации.

Для первого кадра необходимо выбрать слой с линейным белопрозрачным градиентом и сдвинуть градиент в левую сторону. (рамка на рисунке просто для наглядности, использовать свободное трансформирование не нужно)

сдвигать нужно с помощью нажатия Ctrl+клик левой кнопкой мыши (нажали сочитание, держим и сдвигаем)
Переходим на слой с прямоугольной фигурой кликаем два раза по слою (в палитре слоев) и открываем стили слоя (стиль stroke "обводка")

При открытом стиле слоя, кликаем левой кнопкой мыши непосредственно на наш рисунок (логотип) и не отпуская кнопку мыши перетягиваем градиент (стиль слоя) в правый верхний угол (за пределы слоя)
Вы получите такую картинку

Создаем второй кадр в окне анимации

Для второго кадра необходимы следующие действия
выбираем слой с бело прозрачным градиентом

и с помощью сочитания клавиш Ctrl+клик левой кнопкой мыши (нажали сочитание, держим и сдвигаем), сдвигаем градиент в правую сторону.
Следующим шагом будет переход на слой с прямоугольной фигурой кликаем два раза по слою (в палитре слоев) и открываем стили слоя (стиль stroke "обводка")


При открытом стиле слоя, кликаем левой кнопкой мыши непосредственно на наш рисунок (логотип) и не отпуская кнопку мыши перетягиваем градиент (стиль слоя) в левый нижний угол (за пределы слоя)
Далее нажимаем кнопку увеличения числа кадров (в окне анимации)

и выставляем параметры, как на картинке.

Вот и все.
Примечание. поиграв количеством кадров или времянем продолжительности каждого кадра, Вы можете изменить скорость движения световых сегментов.
Теперь нажимаем сочитание клавиш Ctrl + Alt + Shift + S, чтоб сохранить наш рисунок.
Вот что получилось.

Оригинал урока по ссылке.
http://www.photoshopforfun.com/logo_reflect.htm

 
kydapodatsyaДата: Четверг, 2008-07-24, 9:53 AM | Сообщение # 2 |
Дизайнер
Группа: Администраторы
Сообщений: 2641
Репутация: 226
Статус: Offline
жестик, c возвращением biggrin
хороший урок, такой эффект использую давно, правда только слева направо, а не дважды как тут...
жестик, может сделаешь эту кнопку 88*31, добавим ее потом в набор наших кнопок?
 
kP0LbДата: Четверг, 2008-07-24, 12:50 PM | Сообщение # 3 |
Спектографист
Группа: Студенты - 1 курс
Сообщений: 25
Репутация: 0
Статус: Offline
Эмм...вопрос: 1)с помощью какой проги ето сделано? 2)есть ссылка на "ету" прогу русской версии ?=)


trance - тонкая энергия скрытого тока жизненной активности мозга
 
kydapodatsyaДата: Четверг, 2008-07-24, 1:02 PM | Сообщение # 4 |
Дизайнер
Группа: Администраторы
Сообщений: 2641
Репутация: 226
Статус: Offline
kP0Lb, у Вас определенно проблемы со зрением..
читаем как называется раздел..
Code
Уроки фотошоп для всех

а теперь сами подумайте с помощью какой программы? wacko
 
kP0LbДата: Четверг, 2008-07-24, 1:34 PM | Сообщение # 5 |
Спектографист
Группа: Студенты - 1 курс
Сообщений: 25
Репутация: 0
Статус: Offline
kydapodatsya, вы как всегда мне помогли с моими ошибками по невнимательности =)А есть у когото ссылко на русский фотошоп ?


trance - тонкая энергия скрытого тока жизненной активности мозга
 
kydapodatsyaДата: Четверг, 2008-07-24, 1:59 PM | Сообщение # 6 |
Дизайнер
Группа: Администраторы
Сообщений: 2641
Репутация: 226
Статус: Offline
kP0Lb, а вы поищите на форуме даже тема была с сылками на программу, но учтите она весит в зависимости от версии от 400 МБ и выше
 
kP0LbДата: Четверг, 2008-07-24, 4:16 PM | Сообщение # 7 |
Спектографист
Группа: Студенты - 1 курс
Сообщений: 25
Репутация: 0
Статус: Offline
Для меня размер не главное =) т.к. у меня есть цель научитса =)
Quote (kydapodatsya)
поищите на форуме даже тема была с сылками на программу

поищу спасибка happy


trance - тонкая энергия скрытого тока жизненной активности мозга
 
kydapodatsyaДата: Четверг, 2008-07-24, 4:58 PM | Сообщение # 8 |
Дизайнер
Группа: Администраторы
Сообщений: 2641
Репутация: 226
Статус: Offline
kP0Lb, с осени начнется очередной набор на 1 курс графики от нашего сайта, там можете и попробовать силы wacko
 
жестикДата: Четверг, 2008-07-24, 11:56 PM | Сообщение # 9 |
Анаграфист
Группа: Помощник D4U
Сообщений: 261
Репутация: 8
Статус: Offline
kydapodatsya,
Спасибо.
Quote (kydapodatsya)
может сделаешь эту кнопку 88*31

Вы имели в виду как-нибудь так?





Если да, то, на мой взгляд надо подобрать другой узор (помелье), а то, тот что есть расплывается (при уменьшении размера) и сливается с фоном

Добавлено (2008-07-24, 11:56 Pm)
---------------------------------------------
Два последних- это я сохранил большой GIF, потом открыл уже GIF с пом. имедж реди и уменьшил до нужного размера.
_____________________________________
кстати, у меня почему-то нет кнопки- "Правка сообщения". Это так и должно быть или нет?

 
kydapodatsyaДата: Пятница, 2008-07-25, 9:50 AM | Сообщение # 10 |
Дизайнер
Группа: Администраторы
Сообщений: 2641
Репутация: 226
Статус: Offline
жестик,
Quote (жестик)
Вы имели в виду как-нибудь так?

именно так...
1 и 4 вариант неплохо получились... думаю они войдут в общую копилку наших кнопок...
Quote (жестик)
кстати, у меня почему-то нет кнопки- "Правка сообщения". Это так и должно быть или нет?

это все из-за того, что вы в
Quote (жестик)
Группа: Студенты - 2 курс

может пора в модераторы перебираться? <_<
 
жестикДата: Пятница, 2008-07-25, 11:26 PM | Сообщение # 11 |
Анаграфист
Группа: Помощник D4U
Сообщений: 261
Репутация: 8
Статус: Offline
Quote (kydapodatsya)
может пора в модераторы перебираться?

Не, спасибо. Я уж лучше простым пользователем smile
Я имел в виду, что я не могу отредактировать свои сообщения, раньше, если меня не подводит склероз, эта функция была доступна.
 
kydapodatsyaДата: Понедельник, 2008-07-28, 9:27 AM | Сообщение # 12 |
Дизайнер
Группа: Администраторы
Сообщений: 2641
Репутация: 226
Статус: Offline
жестик, жаль wacko
 
AnvaДата: Четверг, 2008-07-31, 4:36 AM | Сообщение # 13 |
Спектографист
Группа: Студенты - 2 курс
Сообщений: 16
Репутация: 2
Статус: Offline
Одна из проблем - анимированных логотипов не бывает.
 
kydapodatsyaДата: Четверг, 2008-07-31, 9:35 AM | Сообщение # 14 |
Дизайнер
Группа: Администраторы
Сообщений: 2641
Репутация: 226
Статус: Offline
Anva, в веб-дизайне все бывает wacko
 
AnvaДата: Пятница, 2008-08-01, 9:37 PM | Сообщение # 15 |
Спектографист
Группа: Студенты - 2 курс
Сообщений: 16
Репутация: 2
Статус: Offline
Это бывает только у новичков.
 
Форум » Курсы графики от DIZ4U.info » Уроки фотошоп для всех » Создание анимированного логотипа с чередованием света и тени
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск: