ФОРУМ

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » ФОРУМ » Графический редактор * Веб-дизайн » Учимся делать аватарки


Учимся делать аватарки

Сообщений 1 страница 11 из 11

1

люблю делать аватарки..предлагаю помещать в данной теме уроки по работе с аватарками..

                                      Сверкающий текст
     
  http://img247.imageshack.us/img247/9527/33an6.gif


Эффект сверкающего текста прекрасно подойдет для создания баннеров, анимированных логотипов и подписей для форумов. Создайте новый файл в Фотошопе размером 4x4 пикселя и увеличьте его в 1600 раз.

                          http://img247.imageshack.us/img247/5175/1be4.jpg
С помощью этого маленького квадратика мы создадим эффектный фон для нашего баннера. Возьмите инструмент
Pencil (Карандаш),
установите размер в 1 пиксель и с помощью трех оттенков серого создайте такое изображение (Вы можете поэкспериментировать, меняя цвета, рисунок и размер изображения):

                                http://img247.imageshack.us/img247/4996/3tn3.jpg
   

Теперь в верхнем меню выберите
Edit-Define Pattern (Редактирование-Определить узор).

Создайте новый файл. Я взяла размер 468х60 пикселей- один из самых популярных размеров баннеров в интернете. В верхнем меню кликните
Edit-Fill (Выполнить заливку),
и в появившемся меню выберите только что созданный Вами узор:
      http://img247.imageshack.us/img247/7336/35zf6.jpg
Жмите OK. Фотошоп создает из маленького файла 4х4 пикселя вот такой интересный фон:

                 http://img208.imageshack.us/img208/697/4yg0.jpg

Теперь создаем надпись, взяв инструмент
Type tool (Текст)
..шрифты скачиваются из интернета..
            http://img156.imageshack.us/img156/1605/6ye6.jpg

Выровняем надпись по вертикали и горизонтали. Для этого возьмите инструмент
Move tool,
нажмите Ctrl+A на клавитатуре, чтобы выделить все изображение:
                  http://img140.imageshack.us/img140/8435/8pj6.jpg
И кликните по указанным иконкам на верхней панели, чтобы выровнять надпись по вертикали и горизонтали
               http://img140.imageshack.us/img140/4593/9qw2.jpg
Теперь надпись выровнена:
                  http://img140.imageshack.us/img140/5039/10ph6.jpg
Придадим надписи эффект рельефа:
Layer-Layer Style-Bevel and Emboss
(Слои-Эффекты слоя-Скос и рельеф).
Можете добавить любые другие эффекты.
              http://img116.imageshack.us/img116/328/12bs5.jpg
В окне слоев создайте новый слой. Если у Вас закрыто это окно, нажмите F7 на клавиатуре..

0

2

http://img116.imageshack.us/img116/5564/14no5.jpg

Возьмите инструмент
Brush tool (Кисть)
и, нажав клавишу Shift на клавиатуре, нарисуйте прямую вертикальную линию желтого цвета. Она должна располагаться до текста
                 http://img116.imageshack.us/img116/80/16sh6.jpg

Добавим пару эффектов для желтой линии.
Layer-Layer Style-Outer Glow
(Слои-Эффекты слоя-Внешнее свечение
                 http://img116.imageshack.us/img116/2079/17ge5.jpg

Layer-Layer Style-Inner Glow
(Слои-Эффекты слоя-Внутреннее свечение               
                http://img116.imageshack.us/img116/9308/18kb0.jpg
Желтая линия преобразилась- теперь она похожа на луч света
пришло время младшей сестры Фотошопа- Adobe Image Ready. Перед началом работы в этой программе я рекомендую сохранить Вашу работу в формате psd. Нажмите на иконке, чтобы перейти в эту программу
http://img116.imageshack.us/img116/8696/20ny7.jpg
В окне анимации создайте дубликат кадра
Убедитесь в окне слоев, что у Вас активен слой с желтой линией
           http://img158.imageshack.us/img158/2222/25yc5.jpg
Теперь перетащите желтую линию в конец текста
В верхнем меню выберите
Layer-Create Clipping Mask
(Создать обтравочную маску).
Это позволит сделать так, чтобы желтый луч появлялся только внутри текста
                http://img166.imageshack.us/img166/8426/26cv7.jpg
Изображение слоя с желтым лучом изменилось
В главном окне желтый луч исчез
В окне анимации нажмем иконку Tween
И в появившемся меню ставим 20 кадров
В результате чего между первым и последним кадром появилось 20 новых кадров, и программа сама сделает плавный переход между ними. Чем больше кадров, тем плавнее переход и больше размер файла. Осталось нажать на кнопку Play и выбрать режим воспроизведения Forever
                        http://img238.imageshack.us/img238/360/1080109010861075fv4.gif[

Сохраните работу через команду
File-Save Optimized As
(Файл-Сохранить Оптимизированно как)
в формате gif
                http://img141.imageshack.us/img141/464/32ex5.jpg

успехов...
можно менять цвета..вот что вышло у меня...

http://img141.imageshack.us/img141/5041/3fg8.gif

0

3

делаем блестки...
Открываем нашу картинку куда хотим применить такую анимацию.Берём инструмент Magnetic Lasso Tool

Обводим ту часть на изображении,которую хотим анимировать.

Дублируем-Нажимаем комбинацию клавиш Cntr+J,повторяем 5 раз.В итоге получаем это.

Идем Filtr-Noise-Add Noise.
На всех слоях(кроме нашей основной базы-background) применяем фильтр "шум",но с разным значением Amount,слегка его меняем.(совсем слегка)

OK,применили шум,переходим в Image Ready.
Делаем все слои невидимыми(снимаем глазик),кроме background.
Делаем видимым первый слой.

И нажимаем Duplicates Current Frame,в панели Animation

Далее убираем видимость с первого слоя,и делаем видимым второй.

И снова нажимаем Duplicates Current Frame,в панели Animation
Снимаем видимость со второго слоя,ставим на третий....и т.д
в итоге получаемhttp://f.foto.radikal.ru/0609/de630f79464e.gif

0

4

Шаг 1: Создай новое изображение с разрешением 200 на 200 пикселей. Создай по середине вертикальную направляющую Вид > Новая направляющая с параметрами: вертикальная позиция и размером в 100 пикселей. Создай новый слой (Ctrl+Shift+N). С помощью инструмента Овальная область нарисуй круг, как обычный эллипс, только удерживая кнопку Shift. Залей выделенное: Alt+BackSpace. Сними выделение: Ctrl+D.

Шаг 2: Примени эффект:
Внутренние тени:
Режим смешивания: Обычный
Мутноватость: 25%
Угол: -90
Расстояние: 25
Размер: 55
Контур: cone
Наложение цвета:
Режим смешивания: Обычный
Цвет: белый
Полупрозрачность: 100%

Шаг 3: Спрячь направляющую: Вид > очистить направляющую. Создай новый слой. Используй направляющую и инструмент Овальная область, чтобы нарисовать овал под шаром. Не забудь зажать клавишу Alt. Залей выделенное серым, и сними выделение.

Шаг 4: Примени фильтр Смазывание движения с параметрами искажение:0 Расстояние: 60 px. Затем примени фильтр Смазывание Гаусса с параметром Радиус: 5px. И перетащи в окне слоев тень под слой с шаром, после чего опять убери направляющую.

Должно получиться что-то вроде этогоhttp://f.foto.radikal.ru/0609/3bf94e66c49e.jpg

0

5

для надписей в анимированных аватарках хорошо использовать эту программуJasc Animation Shop

0

6

есколько советов начинающим делать аватарки..
Для этого нам понадобятся:
1) Adobe Photoshop (графический редактор)
2) Jasc Animation Shop (аниматор)
Сохраняем данную фотографию на компьютере
http://img152.imageshack.us/img152/4299/spideraz3.jpg
Откроем изображение в photoshopе и уменьшаем до 140 пикселей по ширине и 187 по высоте. Создаем новое 120 на 120 пикселей и переносим фотографию на нее, так, что бы паук и шарик были хорошо видны, вот что должно получиться:
http://img132.imageshack.us/img132/6682/01cf6.gif
Теперь создаем новый слой, и делаем рамку по краям, цвет лучше взять черный. Ставим шрифт Arial, со следующими пораметрами: размер 24, четкий, в символах ставим ”малые верха” (так же, советую использовать падающие тени в стиле слоя с расстоянием 0), и пишем ”Spider” в левом нижнем углу, пример
http://img132.imageshack.us/img132/9431/02lk6.png
Сохраним изображения как s1.png, потом выделим слой с шариком и пауком, нажмем ctrl + u, и убавим яркость на – 10, сохраним это, как s2.png. Откроем Jasc Animation Shop и сделаем из них анимацию (Файл > Мастер анимации > далее > далее > далее > фрейм 1, далее > добавляем картинки, далее > готово), сохраняем как spider.gif. И вот что получится
http://img132.imageshack.us/img132/9128/spiderbf9.gif

0

7

анимирование отдельных частей

у нас есть картинкаhttp://img83.imageshack.us/img83/9506/1813ea83f0c512e7gq8.gif

Сделаем так,чтобы шарик блестел.
Все делается очень просто.В фотошопе используем прибор "осветление"(O).
Диаметр выбираем по размеру той части,которую хотим осветлить.осветляем шарикhttp://img83.imageshack.us/img83/4500/2109610721088jm7.gif
Теперь идем в Jasc Animation Shop.
Делаем анимацию (Файл > Мастер анимации > далее > далее > далее > далее > Добавить изображение(добавляем изначальную картинку и осветленную) > далее > готово).Все готово.Время изменения каждого кадра меняем по желанию(Анимация > свойства фрейма).http://img83.imageshack.us/img83/9011/1080109010861075109610721088kw8.gif

Эффект простой,главное,выбрать правельную часть картинки,чтобы это смотрелось.
Пробуем ...не забываем сохранять и выставлять свои работы в галерее :P

0

8

В Photoshop открываем фотографию, с которой будем работать. .
http://b.foto.radikal.ru/0607/72d977e85d0c.jpg
Далее Image->Mode и выбираем RGB color. Как правило, в большинстве фотографий он установлен по умолчанию.

Копируем слой(Layer->Duplicate Layer) и инвертируем его(CTRL+I).
http://b.foto.radikal.ru/0607/cc585e98fb2f.jpg
Опять применяем Image->Mode но теперь выбираем Grayscale, в выскочившем окошке жмем Don’t Flatten
http://c.foto.radikal.ru/0607/b0d46aaae651.jpg
http://b.foto.radikal.ru/0607/987d73b2588b.jpg
Теперь для верхнего слоя выставляем Layer Mode->Color Dodge
http://c.foto.radikal.ru/0607/88771f89abd7.jpg
Все стало белым????
Не пугайтесь все правильно. ..

И последний штрих....применяем размытие Гаусса (Filter->Blur->Gaussian Blur) с радиусом от 4 до 9 пикселей.....
В итоге получаем подобное этому
http://b.foto.radikal.ru/0607/a19182186785.jpg

0

9

у меня получилосьhttp://e.foto.radikal.ru/0609/a3bce61af4f5.jpg

из этого фото взятого на форумеhttp://e.foto.radikal.ru/0609/efb90610a02d.jpg

0

10

Подскажите пожалуйста, а как сделать такую анимацию:
http://r.foto.radikal.ru/0704/ee/e0fce7a7b8f3.gif

Отредактировано Роня (2007-04-08 14:11:55)

0

11

МеТеЛьКа! какая же ты умница!  good... Я перерыла пол Интернета, прежде чем наткнулась на твои уроки. Все просто супер! Доступно, понятно и хорошо!

Отредактировано Druna (2008-05-15 20:54:04)

0


Вы здесь » ФОРУМ » Графический редактор * Веб-дизайн » Учимся делать аватарки