Форум Официального сайта Анастасии Приходько

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

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


Вы здесь » Форум Официального сайта Анастасии Приходько » Администрация и модерация » Как сделать аватар? (простой пример)


Как сделать аватар? (простой пример)

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

1

*. Открываете Adobe Photoshop (6, 7, CS, CS2, CS3)
*. Создаёте новый документ:
File ---> New...

http://img355.imageshack.us/img355/3465/0newtv2.jpg

1. пишем имя
2. здесь можно выбрать уже забитый в систему размер (вплоть до километрХкилометр)
----
если второй пункт выбрать, то пункты 3 и 5 можно пропустить, в противном случае:
----
создадим документ для будущего аватара размером 100 х 100 рх (- пикселей (подробнее о пикселах - в пункте 4))
3. пишем сюда желаемую ширину (берём 100)
5. сюда пишем желаемую высоту (пишем 100)
4. если хотите выбрать другой формат, например, сантиметры (см), то нажимаем на стрелочку; "вывалится" список, откуда выбираете желаемую величину. Если же хотите аватар для интернета, то лучше оставить пикселы (рх).
6. тут выбираем какой бэкграунд (задний план) аватара хотим. Есть три варианта: White (белый), Background Color (будет таким, каким он у вас на панеле инструментов (Set Background Color)), Transparent (прозрачный).

*. Когда создали новый документ, самое время выбрать желаемую картинку, которую хотите использовать для аватара, поэтому идём в меню:
File ---> Open...
*. Открыв картинку, нам надо подобрать её размеры так, чтобы она вмещалась в наш новый документ, т.е. (то есть :D ) картинка может быть больше, чем 100 х 100 рх, поэтому проводим следующие операции:

Нажмите на картинку, чтобы увеличть.
http://img355.imageshack.us/img355/5213/0resicedn0.th.jpg

PS! Если хотим, чтобы, изменив, например, только одну ширину (width), длинна (height) изменялась сама (т.е. пропорционально ширине), то пункт 3 и 5 пропускаем.
1. пишем сюда желаемую ширину (если не отжата галочка в пункте 3 и 5, то высота будет меняться пропорционально ширине).
2. пишем желаемую высоту (если не отжата галочка в пункте 3 и 5, то ширина будет меняться пропорционально высоте)
3, 4. убрав галочки, вы снимите "замок" (на картинке - под цифрой 4), который будет "привязывать" ширину и высоту.
Что это даёт?
Если вы измените только ширину, высота останется неизменной. То же самое случится и с шириной, если измените только высоту. В итоге картинка будет растянутой, что иногда не совсем выглядит эстетично :D (пример)
*. Изменив размеры картинки,
                - идём в меню:
            Select ---> All...
картинка должна выделится в такую штрихпунктирную рамочку.
                - затем:
            Edit ---> Copy...
                - затем возвращаемся в созданный документ и:
            Edit ---> Paste...
*. Вставив картинку, она может "встать" не так, как хочется, поэтому ищем на панеле инструментов Move Tool (V) (наглядно под цифрой 1). Теперь, удерживая левую кнопку мыши, пробуем двигать картинку влево, вправо, вверх, вниз и т.д.
*. Разобравшись с положением картинки, можем её немножко осветлить, чтобы не была слишком тёмной:

Нажмите на картинку, чтобы увеличть.
http://img525.imageshack.us/img525/3493/0redaktirovanielu6.th.jpg

Когда выберите данную настройку, появится табличка с двумя "ползунками" ( :D ); покрутите их туда-сюда (результат ваших сдвигов будет виден на картинке, если при этом не снимете галочку с пункта Preview (на той же табличке).
*. Как только разобрались с редактированием (тут можно делать что хочешь; хоть там цвета изменять, хоть что угодно), надо бы сделать рамочку (по желанию).
            Edit ---> Stroke...

http://img525.imageshack.us/img525/9581/0ramkaja6.jpg

сначала копируем саму картинку
                - идём в меню:
            Select ---> All...
картинка должна выделится в такую штрихпунктирную рамочку.
                - затем:
            Edit ---> Copy...
                - затем возвращаемся в созданный документ и:
            Edit ---> Paste...
1. изменяем плотность линии; чем больше цифра, тем толще будет рамка.
2. нажимаем на (в данном случае) чёрный прямоугольник; вышла табличка с выбором цветов. Выбираем понравившийся цвет будущей рамки.
3. здесь думаем - как хотим, чтобы наша рамка распределилась; внутри (inside), по центру (center) или за картинкой/вокруг (outside). Выбираем нужный кружок (я обычно выбираю по центру).
4. эта функция сделает ваше рамку или прозрачной или нет; чем меньше цифра, тем прозрачнее будет рамка (100% - непрозрачная)
*. Теперь можно и подписать аватарчик:
                - выбираем на панеле инструментов Horizontal Type Tool (T) (наглядно под цифрой 1)
                - дальше пишем любой текст (в данном примере - "Настя")

Нажмите на картинку, чтобы увеличть.
http://img355.imageshack.us/img355/5474/0text2uv5.th.jpg

1. "Ориентация" написания текста (по горизонтали или по пертикали)
2. Выбираем желаемый тип шрифта (декорируем наш тектс)
3. Можем сделать текст или обычным (Regular), наклонным (Italic), жирным (Bold) или жирным наклонным (Bold Italic)
4. Выбираем размер шрифта (здесь самое большое дано 72 рх, но можно писать и больше)
5. Если у вас какой-то текст будет, который вы захотите выравнить по правому краю (Right align text), по середине (Center text) или по левому краю (Left align text), то выбираем нужное (в данном примере можно оставить по центру)
6. Здесь, нажав (в данном примере) белый прямоугольник, мы выбираем цвет шрифта.
7. Тут уж кто как хочет, тот так и "ориентирует" свой текст (наклоняет, делает выпуклым и т.д.)
8. Редактируемый текст должен быть выделен (в данном примере - белым прямоуголником).
*. Теперь сохраним наш аватар.

Нажмите на картинку, чтобы увеличть.
http://img355.imageshack.us/img355/4248/0saveasun1.th.jpg

1. Пишем любое имя (главное - его потом найти... я про аватар, под именем который вы сохраните)
2. Чаще автары сохраняются в формате GIF, так как он "весит" меньше. (обычно я сохраняю как JPG)

+2

2

ты псих!!! :yep:
любимый :love:

0

3

Ленка,ПасиПаааааааааааааааааааааааааа :love:  :cool:  :crazyfun:

0

4

Лена жжот   :music:

Правда ты патом покажешь как использовать стили смешивания, и цветокоррекцию, и анимацию?  :love:  :D

0

5

куча вопросов
хорошо что есть Дима в аське.... :rofl:

0

6

Tanya-G написал(а):

ты псих!!!

:D и это правда.

Tanya-G написал(а):

любимый

:love:

solnce157 написал(а):

Ленка,ПасиПаааааааааааааааааааааааааа

:blush: всегда пожалуйста)

test_it написал(а):

Лена жжот

:shine:

test_it написал(а):

Правда ты патом покажешь как использовать стили смешивания, и цветокоррекцию, и анимацию?

:rofl: вы чо, с ума сошли?

_ЛуЧиШкО_ написал(а):

куча вопросов

задавай :writing:

0

7

ну я просто маааааааааааааастер!!!!!  :rofl:  :D  :D
http://s54.radikal.ru/i145/0807/c7/f136722338d3.jpg

0

8

_ЛуЧиШкО_ написал(а):

ну я просто маааааааааааааастер!!!!!

очень даже))) :cool:

0

9

ISCRA написал(а):

:rofl: вы чо, с ума сошли?

Ну слава б-гу я всё это уже на своём опыте и методах тыка хорошо освоил  :shine:

_ЛуЧиШкО_ написал(а):

хорошо что есть Дима в аське.... :rofl:

:flirt:

_ЛуЧиШкО_ написал(а):

ну я просто маааааааааааааастер!

Для начала оч даже нормально, поиграй с цветом, буковками ..  :idea:

0

10

test_it написал(а):

Для начала оч даже нормально, поиграй с цветом, буковками ..  :idea:

у меня шрифты все одинаковые... с цветом... :unsure:

0

11

А у меня фотошопа нет!( Прикольно( Да!?

0

12

Лен супер!!!))) Токо у меня не получилось уменьшить,короч сделала пробный вариант 8-)

увеличить

0

13

test_it написал(а):

Ну слава б-гу я всё это уже на своём опыте и методах тыка хорошо освоил

Я точно также все изучала)))

+1

14

У меня такой же Фотошопик....!!!

0

15

ISCRA
Я хотела спросить как в этом фотошопе анимацию делать у мне не получается ??? :dontknow:

0

16

ПугОвкА написал(а):

Я хотела спросить как в этом фотошопе анимацию делать у мне не получается ??? :dontknow:

что касается анимации, то лично я её делаю в другой программе, но если не выходить за пределы фотошопа, то можно и в ImageReady (- это приложение к фотошопу)
но как там делать анимацию - я один раз попробовала, и решила, что буду использовать другую программу :D

0

17

ISCRA написал(а):

в другой программе

Да я тоже, там вообще анимация делается за 3 секунды!!!
Название сказать?  :whistle:

0

18

ISCRA написал(а):

что касается анимации, то лично я её делаю в другой программе, но если не выходить за пределы фотошопа, то можно и в ImageReady (- это приложение к фотошопу)но как там делать анимацию - я один раз попробовала, и решила, что буду использовать другую программу :D

:D ну спасибки

МаЙоТТа написал(а):

Название сказать?

:yep:

0

19

Macromedia fireworks 8

0

20

МаЙоТТа написал(а):

Macromedia fireworks 8

а где скачать можно???  :confused:

0

21

ISCRA написал(а):

но как там делать анимацию - я один раз попробовала, и решила, что буду использовать другую программу

Ну это смотря как, в чём и для чего использовать. Я пока трудностей не встречал  :dontknow:

Отредактировано test_it (2008-10-23 16:00:22)

0

22

Как в фотошопе делать аватар из видео???????????????????

0

23

ПугОвкА написал(а):

Как в фотошопе делать аватар из видео??

Открываешь видео-файл, задаёшь параметры пропуска фреймов(кадров), и всё лишнее вырезаешь ..

0

24

test_it написал(а):

Открываешь видео-файл, задаёшь параметры пропуска фреймов(кадров), и всё лишнее вырезаешь ..

эээээ..... :tired:

0

25

ПугОвкА написал(а):

эээээ..... :tired:

Проще объяснить невозможно, разве что в картинках и пошагово  o.O

0

26

test_it написал(а):

в картинках

:yep:

0

27

ПугОвкА написал(а):

:yep:

Ну попробую..

0

28

Аватар из видео

1. Узнаём какая у нас версия Photoshop'a. Если CS2 и ниже - открываем ImageReady, если CS3 и выше - Photoshop.
2. Открываем видеофайл, из которого собираемся создавать аватар. Видео может быть практически любого формата, однако Photoshop не понимает некоторые кодеки, поэтому я советую выбирать файлы расширения *.mov, работают безотказно

http://s60.radikal.ru/i167/0811/48/71cc9730f1c7.jpg   http://i028.radikal.ru/0811/6f/85c788eda2c4.jpg
[Рисунки 1 / 2]

3. Вылезает такое окошко, ставим всё как на рисунке, жмём ОК.

http://s54.radikal.ru/i146/0811/3d/6c8ce23c6859.jpg
[Рисунок 3]

4. Если видеофайл большой, после нажатия кнопки ОК может вылететь предупреждающее окошко, отвечаем положительно - Continue.

http://s57.radikal.ru/i157/0811/30/c0e6762b0142.jpg
[Рисунок 4]

5.Ждём конвертации файла.. Чем сильнее комп тем меньше ждём // Может потребоваться несколько секунд.

http://s43.radikal.ru/i100/0811/82/bb9df2cae236.jpg
[Рисунок 5]

6. После окончания конвертации файла открывается окно созданного файла.

http://s53.radikal.ru/i142/0811/bd/89f21f6d65dd.jpg
[Рисунок 6]

7. Заходим в меню во вкладку Window, проверяем стоит ли галочка на Animation - если не стоит, поставить (кликнуть по строчке Animation)

http://s59.radikal.ru/i164/0811/e2/c614a9723033.jpg

8. Смотрим на полосочку - список кадров(фреймов) анимации.

http://s48.radikal.ru/i120/0811/f2/7924a6227c63.jpg
[Рисунок 7]

9. С помощью спецкнопок просматриваем видеофайл, запоминаем номера нужных для анимации кадров

http://s60.radikal.ru/i169/0811/60/5337d8ff5928.jpg
[Рисунок 8]

10. Почти всегда требуется удалить лишние кадры. Это можно сделать по одному - просто выберите кадр, он обведётся синей рамкой, затем перетащите его на иконку удаления файла (см. Рисунок 8).
Но иногда требуется удалить сразу сотни лишних кадров, и способ поочерёдного удаления просто не прокатит. Вот что делаем: выбираем начальный файл из тех которые следует удалить, зажимаем клавишу SHIFT. Затем выбираем последний из кадров которых требуется удалить - выделятся сразу несколько файлов, и уже их можно перетаскивать на иконку мусорки (см. Рисунок 8)

11. Следующий шаг, который рекомендуется для выполнения.
В главном окне файла (см. Рисунок 6) кликаем на вкладку 2-Up. Получится следующая картина: слева исходный файл, справа - тот, качеством которого сохранится ваш аватар.

http://s42.radikal.ru/i095/0811/0d/b682d6396228.jpg
[Рисунок 9]

12. Насколько мы видим, качество немного удручающее. Подправить это можно с помощью следующей таблички:

http://s44.radikal.ru/i104/0811/32/5fd893d5aa92.jpg
[Рисунок 10]

Настраиваем кол-во цветов, и процентаж дополнительной ретушь переходных кадров.

13. Теперь требуется подготовить файл к использованию его в качестве аватара - изменяем размеры.
В меню во вкладке Image выбираем Image Size ..

http://s58.radikal.ru/i159/0811/7c/4928eb2ce910.jpg
[Рисунок 11]

Вылезет окно - настраиваем длину и высоту, жмём ОК.
http://i057.radikal.ru/0811/7f/b3acac95712d.jpg
[Рисунок 12]

14. Ну в общем всё, на этом базовое создание аватара из видеофайла закончено. Теперь остаётся сохранить нашу работу. Делается это следующим способом:
В меню во вкладке File выбираем Save Optimized As..

Выйдет окошко с выбором в какую директорию сохранить файл. Выбираем нужную папочку.

http://s39.radikal.ru/i084/0811/c9/04d2660e6583.jpg
[Рисунок 14]

http://s42.radikal.ru/i097/0811/92/9592449d0974.jpg
[Рисунок 13]

Вот, что должно получиться при удачной работе:

http://s40.radikal.ru/i089/0811/25/900fbbfb54b5.gif

// При нахождению ошибок в статье просьба сообщить об этом автору статьи \\
// Все права на данную статью принадлежат пользователю test_it и ОФАП (phihodko.build2.ru). При копировании материала обязательно оставлять ссылку на первоисточник \\

+1

29

test_it
:love: спасибо)) мне надо конвертор видева)))
а теперь Дима напишет для руского фотошопа СS3 :whistle: шутю
а хотя можно-можно :rolleyes:

0

30

L e R a написал(а):

а теперь Дима напишет для руского фотошопа СS3 :whistle: шутю
а хотя можно-можно :rolleyes:

Могу тебе лично всё на русский перевести  :D  , а CS2, 3 или CS4 (у меня на новом компе стоит  :playful:) это неважно, принцип одинаковый  :writing:

0


Вы здесь » Форум Официального сайта Анастасии Приходько » Администрация и модерация » Как сделать аватар? (простой пример)


Создать форум. Создать магазин