Bizzare
26.04.2006, 19:18
В данном уроке я расскажу, как сделать аватар собственными руками. Для этого нам понадобится графический редактор photoshop (версия не имеет значение, в уроке использовалась 8-ая версия).
1. Для начала нам нужно подобрать картинку, которая нам нравится и которую мы хотим использовать в качестве нашей аватары. Картинку можно найти где угодно. Я например использовал поисковую систему picsearch.ru.
http://img138.imageshack.us/img138/5595/snap21mq.th.jpg (http://img138.imageshack.us/my.php?image=snap21mq.jpg)
2. Я решил взять фотографию Анджелины Джоли. Итак вбиваем в строку поиска «Джоли» (или то, что вы ищите: автомобили, животные, спорт и т. д.) и нажимаем «искать!»
http://img266.imageshack.us/img266/2392/snap39jo.th.jpg (http://img266.imageshack.us/my.php?image=snap39jo.jpg)
3.Выбираем понравившееся изображение и кликаем по нему левой кнопкой мыши.
http://img138.imageshack.us/img138/2504/snap40nn.th.jpg (http://img138.imageshack.us/my.php?image=snap40nn.jpg)
4.Мы увидим вверху открывшейся странички две ссылки – непосредственно на изображение и на сайт, на котором оно было найдено. Кликаем по первой ссылке.
http://img138.imageshack.us/img138/6844/snap50ex.th.jpg (http://img138.imageshack.us/my.php?image=snap50ex.jpg)
5.Вот у нас открылось изображение! Кликаем по нему правой кнопкой мыши и выбираем «сохранить рисунок как».
http://img266.imageshack.us/img266/7828/snap61kg.th.jpg (http://img266.imageshack.us/my.php?image=snap61kg.jpg)
6.Указываем место, куда будем сохранять (его желательно запомнить, чтоб потом долго не искать!), а также имя файла, если присвоенное автоматически имя нас не устраивает. Также обратите внимание на тип файла – там должно стоять JPEG! Если это не так – измините тип файла на JPEG!
http://img266.imageshack.us/img266/3046/snap77mt.th.jpg (http://img266.imageshack.us/my.php?image=snap77mt.jpg)
7.Далее открываем Photosop. Надеюсь с этим проблем не возникнет! На всякий случай – это можно сделать через меню «пуск» -> все программы(см. скрин).
http://img138.imageshack.us/img138/7480/snap87fy.th.jpg (http://img138.imageshack.us/my.php?image=snap87fy.jpg)
8.Вот мы наконец-то открыли редактор:
http://img138.imageshack.us/img138/4369/snap98qv.th.jpg (http://img138.imageshack.us/my.php?image=snap98qv.jpg)
9.В меню File в верхнем левом углу выбираем open (открыть)
http://img138.imageshack.us/img138/7523/snap105xl.th.jpg (http://img138.imageshack.us/my.php?image=snap105xl.jpg)
10.Находим нашу картинку и нажимаем «открыть».
http://img262.imageshack.us/img262/9701/snap111sn.th.jpg (http://img262.imageshack.us/my.php?image=snap111sn.jpg)
11.Вот теперь мы наблюдаем нашу несравненную Джоли! Выбираем слева инструмент crop tool
http://img262.imageshack.us/img262/8805/snap133mp.th.jpg (http://img262.imageshack.us/my.php?image=snap133mp.jpg)
12.Теперь вверху в полях width и height ставим значение 100.
http://img262.imageshack.us/img262/9218/snap143cr.th.jpg (http://img262.imageshack.us/my.php?image=snap143cr.jpg)
13.Теперь мы должны определится, какую часть изображения мы хотим оставить? Я решил оставить изображение Джоли по пояс. Итак наводим мышкой на левый верхний край фотографии, зажимаем левую кнопку мыши и не отпуская(!) ее ведем в нижний правый край. Отпускаем кнопку! Должна получится рамочка. Часть изображения, которую мы впоследствии вырежем останется затемненной.
http://img133.imageshack.us/img133/6781/snap164mg.th.jpg (http://img133.imageshack.us/my.php?image=snap164mg.jpg)
14.Кстати получившуюся рамочку можно двигать! Достаточно навести мышку на светлый участок изображения – указатель примет форму черной стрелочки – зажать левую кнопку мыши и можно двигать рамку! В примере я подвинул рамку чуть выше.
http://img133.imageshack.us/img133/7357/snap175rr.th.jpg (http://img133.imageshack.us/my.php?image=snap175rr.jpg)
15.Нажимаем галочку вверху справа!
http://img133.imageshack.us/img133/5296/snap182ty.th.jpg (http://img133.imageshack.us/my.php?image=snap182ty.jpg)
16.Осталась та часть, которую мы и выделили. Теперь выбираем меню Image -> Image Size
http://img264.imageshack.us/img264/5236/snap196gm.th.jpg (http://img264.imageshack.us/my.php?image=snap196gm.jpg)
17.Откроется окошко с параметрами нашего изображения. Теперь мы должны уменьшить рисунок. На нашем форуме разрешены аватары 100*100 пикселей! Поэтому в поля width и height вносим соответствующие изменения. Убедитесь, что напротив этих полей у вас выбрана единица измерения pixels! Если по какой-то причине не удается выставить в обоих полях значение 100, попробуйте убрать галочку перед параметром Constrain Proportions.
http://img133.imageshack.us/img133/286/snap213fx.th.jpg (http://img133.imageshack.us/my.php?image=snap213fx.jpg)
18.Вот наше изображение уменьшилось до нужных размеров.
http://img133.imageshack.us/img133/9066/snap222so.th.jpg (http://img133.imageshack.us/my.php?image=snap222so.jpg)
19. Теперь нам нужно сохранить аватар. Выбираем меню File-> Save as…
http://img133.imageshack.us/img133/483/snap234yh.th.jpg (http://img133.imageshack.us/my.php?image=snap234yh.jpg)
20. Как и в шаге 6-ом – указываем путь сохранения имя файла, под которым мы хотим сохранить картинку. Затем в поле Format выбираем уже полюбившийся нам JPEG! И нажимаем «Сохранить»!
http://img264.imageshack.us/img264/1475/snap285ls.th.jpg (http://img264.imageshack.us/my.php?image=snap285ls.jpg)
21. Появится окошко JPEG Option. В поле Quality ставим значение 5 (этого вполне достаточно). Внизу окошка указан вес изображения в килобайтах. На форуме разрешены изображения не более 29,3 Кбайт. У меня получилось 9,46! Если у вас получилось больше разрешенного – попробуйте уменьшить значение Quality. Жмем «ОК».
http://img264.imageshack.us/img264/3913/snap294zi.th.jpg (http://img264.imageshack.us/my.php?image=snap294zi.jpg)
22. Все! Наш аватар готов! Его смело можно загружать на форум! НО! Ведь можно сделать его более индивидуальным! Давайте напишем на аватаре наш ник, например!
Для начала немного увеличим рабочую область. Чтоб было удобнее работать с маленьким изображением. Подведите указатель мышки к правому нижнему краю окошка с изображением – указатель должен принять форму двойной стрелочки. Зажимаем левую кнопку мыши и тянем правй край окошка вниз и вправо, отпускаем кнопку!
http://img262.imageshack.us/img262/3139/snap303te.th.jpg (http://img262.imageshack.us/my.php?image=snap303te.jpg)
23. Теперь выбираем инструмент Zoom Tool (лупа)
http://img182.imageshack.us/img182/6950/snap327xc.th.jpg (http://img182.imageshack.us/my.php?image=snap327xc.jpg)
24. Нажимаем на изображение левой кнопкой мыши несколько раз, пока изображение не увеличится до удобного размера.
http://img182.imageshack.us/img182/238/snap346ld.th.jpg (http://img182.imageshack.us/my.php?image=snap346ld.jpg)
25. Теперь выбираем инструмент Horizontal Type Tool (буква Т на панели инструментов слева).
http://img182.imageshack.us/img182/8624/snap512ri.th.jpg (http://img182.imageshack.us/my.php?image=snap512ri.jpg)
26. Теперь кликаем на изображение в том месте, где мы хотим сделать надпись (ее потом можно будет свободно перемещать, поэтому можно кликнуть в любом месте на изображении). Появится мерцающий курсор. Теперь настроим параметры текста. Выберем размер шрифта.
http://img182.imageshack.us/img182/7448/snap538rm.th.jpg (http://img182.imageshack.us/my.php?image=snap538rm.jpg)
Тип шрифта:
http://img262.imageshack.us/img262/9049/snap549js.th.jpg (http://img262.imageshack.us/my.php?image=snap549js.jpg)
Цвет шрифта (двойной клик левой кнопкой мыши):
http://img182.imageshack.us/img182/9299/snap555hh.th.jpg (http://img182.imageshack.us/my.php?image=snap555hh.jpg)
http://img262.imageshack.us/img262/4520/snap582bk.th.jpg (http://img262.imageshack.us/my.php?image=snap582bk.jpg)
26. Я выбрал шрифт Arial, размер 60pt, цвет черный. Впоследствии все это можно будет опять же изменить. Теперь набираем на клавиатуре наш ник, я набрал Jolie.
http://img262.imageshack.us/img262/3411/snap595sn.th.jpg (http://img262.imageshack.us/my.php?image=snap595sn.jpg)
27. Еще можно разместить текст вертикально. Это может быть например ваш номер icq! Я просто еще раз напишу Jolie? Но уже другим шрифтом и цветом. Итак нажимаем правой кнопкой мыши на Horizontal Type Tool и выбираемVertical Type Tool.
http://img136.imageshack.us/img136/9996/snap609jr.th.jpg (http://img136.imageshack.us/my.php?image=snap609jr.jpg)
28. Повторяем шаги 25, 26 – настраиваем цвет, размер, тип шрифта. Набираем текст. Если поместить указатель рядом с текстом – он примет форму черной стрелочки, как в случае, когда мы передвигали рамку вырезания, и теперь мы можем подвинуть текст в удобное для нас место. Нажимаем галочку в верхнем правом углу! Сохраняем изменения. Наша аватара готова! Спасибо за внимание!
http://img262.imageshack.us/img262/9335/snap624qz.th.jpg (http://img262.imageshack.us/my.php?image=snap624qz.jpg)
http://img256.imageshack.us/img256/201/16vs1.jpg
1. Для начала нам нужно подобрать картинку, которая нам нравится и которую мы хотим использовать в качестве нашей аватары. Картинку можно найти где угодно. Я например использовал поисковую систему picsearch.ru.
http://img138.imageshack.us/img138/5595/snap21mq.th.jpg (http://img138.imageshack.us/my.php?image=snap21mq.jpg)
2. Я решил взять фотографию Анджелины Джоли. Итак вбиваем в строку поиска «Джоли» (или то, что вы ищите: автомобили, животные, спорт и т. д.) и нажимаем «искать!»
http://img266.imageshack.us/img266/2392/snap39jo.th.jpg (http://img266.imageshack.us/my.php?image=snap39jo.jpg)
3.Выбираем понравившееся изображение и кликаем по нему левой кнопкой мыши.
http://img138.imageshack.us/img138/2504/snap40nn.th.jpg (http://img138.imageshack.us/my.php?image=snap40nn.jpg)
4.Мы увидим вверху открывшейся странички две ссылки – непосредственно на изображение и на сайт, на котором оно было найдено. Кликаем по первой ссылке.
http://img138.imageshack.us/img138/6844/snap50ex.th.jpg (http://img138.imageshack.us/my.php?image=snap50ex.jpg)
5.Вот у нас открылось изображение! Кликаем по нему правой кнопкой мыши и выбираем «сохранить рисунок как».
http://img266.imageshack.us/img266/7828/snap61kg.th.jpg (http://img266.imageshack.us/my.php?image=snap61kg.jpg)
6.Указываем место, куда будем сохранять (его желательно запомнить, чтоб потом долго не искать!), а также имя файла, если присвоенное автоматически имя нас не устраивает. Также обратите внимание на тип файла – там должно стоять JPEG! Если это не так – измините тип файла на JPEG!
http://img266.imageshack.us/img266/3046/snap77mt.th.jpg (http://img266.imageshack.us/my.php?image=snap77mt.jpg)
7.Далее открываем Photosop. Надеюсь с этим проблем не возникнет! На всякий случай – это можно сделать через меню «пуск» -> все программы(см. скрин).
http://img138.imageshack.us/img138/7480/snap87fy.th.jpg (http://img138.imageshack.us/my.php?image=snap87fy.jpg)
8.Вот мы наконец-то открыли редактор:
http://img138.imageshack.us/img138/4369/snap98qv.th.jpg (http://img138.imageshack.us/my.php?image=snap98qv.jpg)
9.В меню File в верхнем левом углу выбираем open (открыть)
http://img138.imageshack.us/img138/7523/snap105xl.th.jpg (http://img138.imageshack.us/my.php?image=snap105xl.jpg)
10.Находим нашу картинку и нажимаем «открыть».
http://img262.imageshack.us/img262/9701/snap111sn.th.jpg (http://img262.imageshack.us/my.php?image=snap111sn.jpg)
11.Вот теперь мы наблюдаем нашу несравненную Джоли! Выбираем слева инструмент crop tool
http://img262.imageshack.us/img262/8805/snap133mp.th.jpg (http://img262.imageshack.us/my.php?image=snap133mp.jpg)
12.Теперь вверху в полях width и height ставим значение 100.
http://img262.imageshack.us/img262/9218/snap143cr.th.jpg (http://img262.imageshack.us/my.php?image=snap143cr.jpg)
13.Теперь мы должны определится, какую часть изображения мы хотим оставить? Я решил оставить изображение Джоли по пояс. Итак наводим мышкой на левый верхний край фотографии, зажимаем левую кнопку мыши и не отпуская(!) ее ведем в нижний правый край. Отпускаем кнопку! Должна получится рамочка. Часть изображения, которую мы впоследствии вырежем останется затемненной.
http://img133.imageshack.us/img133/6781/snap164mg.th.jpg (http://img133.imageshack.us/my.php?image=snap164mg.jpg)
14.Кстати получившуюся рамочку можно двигать! Достаточно навести мышку на светлый участок изображения – указатель примет форму черной стрелочки – зажать левую кнопку мыши и можно двигать рамку! В примере я подвинул рамку чуть выше.
http://img133.imageshack.us/img133/7357/snap175rr.th.jpg (http://img133.imageshack.us/my.php?image=snap175rr.jpg)
15.Нажимаем галочку вверху справа!
http://img133.imageshack.us/img133/5296/snap182ty.th.jpg (http://img133.imageshack.us/my.php?image=snap182ty.jpg)
16.Осталась та часть, которую мы и выделили. Теперь выбираем меню Image -> Image Size
http://img264.imageshack.us/img264/5236/snap196gm.th.jpg (http://img264.imageshack.us/my.php?image=snap196gm.jpg)
17.Откроется окошко с параметрами нашего изображения. Теперь мы должны уменьшить рисунок. На нашем форуме разрешены аватары 100*100 пикселей! Поэтому в поля width и height вносим соответствующие изменения. Убедитесь, что напротив этих полей у вас выбрана единица измерения pixels! Если по какой-то причине не удается выставить в обоих полях значение 100, попробуйте убрать галочку перед параметром Constrain Proportions.
http://img133.imageshack.us/img133/286/snap213fx.th.jpg (http://img133.imageshack.us/my.php?image=snap213fx.jpg)
18.Вот наше изображение уменьшилось до нужных размеров.
http://img133.imageshack.us/img133/9066/snap222so.th.jpg (http://img133.imageshack.us/my.php?image=snap222so.jpg)
19. Теперь нам нужно сохранить аватар. Выбираем меню File-> Save as…
http://img133.imageshack.us/img133/483/snap234yh.th.jpg (http://img133.imageshack.us/my.php?image=snap234yh.jpg)
20. Как и в шаге 6-ом – указываем путь сохранения имя файла, под которым мы хотим сохранить картинку. Затем в поле Format выбираем уже полюбившийся нам JPEG! И нажимаем «Сохранить»!
http://img264.imageshack.us/img264/1475/snap285ls.th.jpg (http://img264.imageshack.us/my.php?image=snap285ls.jpg)
21. Появится окошко JPEG Option. В поле Quality ставим значение 5 (этого вполне достаточно). Внизу окошка указан вес изображения в килобайтах. На форуме разрешены изображения не более 29,3 Кбайт. У меня получилось 9,46! Если у вас получилось больше разрешенного – попробуйте уменьшить значение Quality. Жмем «ОК».
http://img264.imageshack.us/img264/3913/snap294zi.th.jpg (http://img264.imageshack.us/my.php?image=snap294zi.jpg)
22. Все! Наш аватар готов! Его смело можно загружать на форум! НО! Ведь можно сделать его более индивидуальным! Давайте напишем на аватаре наш ник, например!
Для начала немного увеличим рабочую область. Чтоб было удобнее работать с маленьким изображением. Подведите указатель мышки к правому нижнему краю окошка с изображением – указатель должен принять форму двойной стрелочки. Зажимаем левую кнопку мыши и тянем правй край окошка вниз и вправо, отпускаем кнопку!
http://img262.imageshack.us/img262/3139/snap303te.th.jpg (http://img262.imageshack.us/my.php?image=snap303te.jpg)
23. Теперь выбираем инструмент Zoom Tool (лупа)
http://img182.imageshack.us/img182/6950/snap327xc.th.jpg (http://img182.imageshack.us/my.php?image=snap327xc.jpg)
24. Нажимаем на изображение левой кнопкой мыши несколько раз, пока изображение не увеличится до удобного размера.
http://img182.imageshack.us/img182/238/snap346ld.th.jpg (http://img182.imageshack.us/my.php?image=snap346ld.jpg)
25. Теперь выбираем инструмент Horizontal Type Tool (буква Т на панели инструментов слева).
http://img182.imageshack.us/img182/8624/snap512ri.th.jpg (http://img182.imageshack.us/my.php?image=snap512ri.jpg)
26. Теперь кликаем на изображение в том месте, где мы хотим сделать надпись (ее потом можно будет свободно перемещать, поэтому можно кликнуть в любом месте на изображении). Появится мерцающий курсор. Теперь настроим параметры текста. Выберем размер шрифта.
http://img182.imageshack.us/img182/7448/snap538rm.th.jpg (http://img182.imageshack.us/my.php?image=snap538rm.jpg)
Тип шрифта:
http://img262.imageshack.us/img262/9049/snap549js.th.jpg (http://img262.imageshack.us/my.php?image=snap549js.jpg)
Цвет шрифта (двойной клик левой кнопкой мыши):
http://img182.imageshack.us/img182/9299/snap555hh.th.jpg (http://img182.imageshack.us/my.php?image=snap555hh.jpg)
http://img262.imageshack.us/img262/4520/snap582bk.th.jpg (http://img262.imageshack.us/my.php?image=snap582bk.jpg)
26. Я выбрал шрифт Arial, размер 60pt, цвет черный. Впоследствии все это можно будет опять же изменить. Теперь набираем на клавиатуре наш ник, я набрал Jolie.
http://img262.imageshack.us/img262/3411/snap595sn.th.jpg (http://img262.imageshack.us/my.php?image=snap595sn.jpg)
27. Еще можно разместить текст вертикально. Это может быть например ваш номер icq! Я просто еще раз напишу Jolie? Но уже другим шрифтом и цветом. Итак нажимаем правой кнопкой мыши на Horizontal Type Tool и выбираемVertical Type Tool.
http://img136.imageshack.us/img136/9996/snap609jr.th.jpg (http://img136.imageshack.us/my.php?image=snap609jr.jpg)
28. Повторяем шаги 25, 26 – настраиваем цвет, размер, тип шрифта. Набираем текст. Если поместить указатель рядом с текстом – он примет форму черной стрелочки, как в случае, когда мы передвигали рамку вырезания, и теперь мы можем подвинуть текст в удобное для нас место. Нажимаем галочку в верхнем правом углу! Сохраняем изменения. Наша аватара готова! Спасибо за внимание!
http://img262.imageshack.us/img262/9335/snap624qz.th.jpg (http://img262.imageshack.us/my.php?image=snap624qz.jpg)
http://img256.imageshack.us/img256/201/16vs1.jpg