Вернуться   D3Scene.Ru Софт портал игр | Хаки | Проги | Статьи > Free chat > Картинки > Photoshop > Уроки Photoshop
Присоединяйся к нам

Уроки Photoshop Уроки,Кисти,Паттерны и многое другое.



Ответ
 
Опции темы Опции просмотра
Старый 26.05.2010, 11:41   #1
Бан
 
Аватар для KimaRuKa
 
Регистрация: 09.03.2010
Адрес: На Земле
Сообщений: 291
Репутация: 70
Отправить сообщение для KimaRuKa с помощью ICQ Отправить сообщение для KimaRuKa с помощью Skype™
Автор По умолчанию

Аватар своими руками


Аватар — это маленькая картинка, наиболее полно отражающая Вашу сущность, внешность, характер. Это маленький кусок графики, который воплощает и улавливает самую сущность Вас, эдакая электронная душа человека…

История возникновения аватаров покрыта сплошной тайной. Так что точно и неизвестно кто первый начал использовать аватар, и как пришла ему данная идея. Можно отметить, что само название аватар несет в себе божественное создание, Аватар — это с санскрита — означает физическое воплощение Бога на земле…

Слово Avatar (в русском написании принято — «аватара») было известно задолго до широкого распространения компьютеров и Интернета. Происходит из индуизма, где означает воплощение индуистского божества в какое-либо существо. Например, бог Индра-громовержец в одной из своих аватар был червём. Небезызвестный Кришна из Махабхараты был, говорят, аватарой бога Вишну. У последнего вообще много аватаров было. И черепахой он побыл и ещё кем-то. Даже Будда в индуизме считается его аватарой. При этом аватары вели вполне самостоятельное существование, но где-то в них была божественная сущность, которая как-то проявлялась. И у одного бога могло быть несколько аватар одновременно.

Так что употребление слова «аватара» (всё-таки в русском принято с окончанием «а», не надо бы калькировать английское произношение) для обозначения «виртуальных личностей», в которые воплощается их «реальный» хозяин — очень точное и уместное.

Аватар — это «виртуальный персонаж», alter ego любителя поиграть в киберпространственные игры. Некто, скрывающийся за вымышленным именем, и ведущий от этого имени виртуальную деятельность. Иногда злокозненную.

Слово это было выдумано авторами научно-фантастических романов и начало активно использоваться в так называемых MUD‘ах (Multi User Domains — домены многих пользователей). С развитием технологий «аватар» может предстать перед вами в трёх измерениях, уже движущимся, а не просто статичной картинкой или фотографией.

Аватар является неотъемлемой частью любого человека, кто общается на форумах. Аватар сопровождает все Ваши ответы на том или ином форуме. Без аватара Вы просто безлики, один из тысячи, один из миллиона. Так что об важности аватара не стоит и говорить, здесь и так всё понятно.

Мы узнали что такое аватар, узнали его историю происхождения. Но где нам взять аватар? Да, есть сайты, где можно скачать себе аватары, но ведь он должен быть индивидуальным, должен показать вас — а для этого лучше нарисовать его самим. Ну готовы? Тогда приступим…

1. Создаём новое изображение размером 100×100 пикселей:


2. Свойства фонового слоя изменить нельзя (рядом с названием слоя вы можете увидеть замочек), чтобы это сделать, кликнем два раза по этому замочку и в появившемся окне нажмём OK. Теперь слой Background автоматически переименовался в Layer 0 и стал полностью доступен для редактирования. Кликаем правой кнопкой на этом слое, заходим в Blending Options, открываем вкладку Gradient Overlay и выставляем следующие значения:

Чтобы изменить градиент, кликаем по полоске справа от надписи Gradient. Откроется такое окошко:

Кликаем по квадратикам снизу и выбираем цвета как на те, что на примере, жмём OK и снова OK.

3. Затем переходим на вкладку Inner Shadow и выставляем такие значения параметров:


4. Создаём новый слой. Он автоматически назовётся как Layer 1. Зальём этот слой любым цветом с помощью Paint Bucket Tool, значение прозрачности Fill этого слоя выставим в 0%. Затем заходим в Blending Options этого слоя, выбираем вкладку Pattern Overlay и в качестве текстуры выбираем штриховку (Эта текстура там просто так не появится, но я рассказывал как её сделать в уроке по созданию UserBar‘ов и жмём OK:



Вот что у нас должно получится:


5. Теперь создайте новый слой, выберите понравившуюся вам кисточку (Brush Tool) и нарисуйте ей что-нибудь белым цветом, затем выставьте прозрачность слоя по вкусу (я в данном случае выставил значение прозрачности Opacity в 50%, а кисточку, которую я использовал, можно скачать в конце урока). Вот что получилось у меня:


6. Теперь выбираем инструмент Horizontal Type Tool, выбираем цвет и понравившийся нам шрифт и пишем любой текст (Так как мы делаем именную аватарку, то напишем на ней свой ник. Я написал свой ник — Serg оранжевым цветом, шрифтом Segoe UI (ссылка на шрифт в конце урока), жирным, размером 30pt):



7. Сейчас заходим в Blending Options слоя с надписью, выбираем вкладку Outer Glow и выставляем всё как показано ниже:

Переходим на вкладку Drop Shadow и там делаем так:

Теперь жмём OK и переходим к следующему пункту…
8. Сейчас нам нужно создать копию слоя с надписью. Для этого жмём на слое правой кнопкой, выбираем Duplicate Layer и в открывшемся окне кликаем кнопку OK. Так же можно это сделать быстрее — просто перетащить слой на иконку создания нового слоя:

9. На только что созданной копии слоя кликаем правой клавишей, выбираем Group into New Smart Object, выставляем прозрачность Opacity данного слоя в 46% (по вкусу, конечно же). Ну а сейчас перевернём этот слой — идём на вкладку Edit —> Transform —> Flip Vertical и сдвигаем слой немного ниже:

10. Сейчас добавим к этому слою маску (жмём кнопку Add layer mask), рядом с изображением слоя появится ещё один квадрат белого цвета — кликаем на него, затем на панели инструментов выбираем градиентную заливку Gradient Tool и заливаем ей копию нашего слоя с текстом так, чтобы квадратик с маской выглядел как показано ниже:


11. Не мешало бы разделить верхнюю и нижнюю часть изображения белой полосой (с помощью инструмента Line Tool):


12. Сейчас добавляем к этому слою (к слою с полосой) маску и эту маску по бокам заливаем градиентом:

Результат будет выглядеть вот так:

13. Теперь выделяем слой с надписью (для этого зажимаем клавишу Ctrl и кликаем по слою), потом выбираем инструмент Rectangular Marquee Tool, зажимаем Alt и выделяем следующим образом:

14. Создаём новый слой Layer 3 и заливаем выделение белым цветом:

15. Добавляем к этому слою маску и заливаем градиентом снизу вверх:

16. Создадим новый слой Layer 4 и нарисуем на нём кисточкой свечение:

17. Создаём новый слой, выделяем его нижнюю часть виде прямоугольника и заливаем чёрным цветом, прозрачность слоя Fil Opacuty выставим равной 30%:

18. Добавим к этому слою тень:

19. Добавим бордюр:

Вот что мы сейчас получили:

20. Напишем в полученном прямоугольнике какой-нибудь текст белым шрифтом (можно написать название сайта, e-mail, icq или ещё что-нибудь):

21. Добавим к данному тексту бордюр:

Вот что мы имеем в результате:

22. Создадим новый слой, с помощью инструмента Elliptical Marquee Tool выделим примерно половину картинки, инвертируем выделение (Select —> Inverse). Получим следующее выделение:

23. Зальём выделение белым цветом:

24. Добавим к этому слою маску (Add vector mask) и зальём её градиентом начиная с правого нижнего угла:

25. Создадим ещё один слой, зальём его любым цветом, выставим прозрачность Fill Opacity в 0%, добавим бордюр:

Вот мы и сделали свою именную аватарку:

автор урока: Gyljay S.V. aka Serg
  Ответить с цитированием Наверх
2 пользователя(ей) сказали cпасибо:
DeRZoST2 (09.06.2010), splat94 (07.06.2010)
Старый 26.05.2010, 15:50   #2
Освоившийся
 
Аватар для NiiV
 
Регистрация: 05.11.2008
Сообщений: 1,471
Репутация: 312
По умолчанию

Переместил в фотошоп..
  Ответить с цитированием Наверх
Старый 28.05.2010, 00:02   #3
Бан
 
Аватар для kmalex
 
Регистрация: 13.03.2010
Адрес: Oke
Сообщений: 437
Репутация: 67
По умолчанию

Былбы фотошоп сделалбы себе аватарку.
  Ответить с цитированием Наверх
Старый 07.06.2010, 09:55   #4
Бан
 
Аватар для splat94
 
Регистрация: 03.10.2009
Адрес: Россия, Агробабруйск
Сообщений: 76
Репутация: 66
Отправить сообщение для splat94 с помощью ICQ Отправить сообщение для splat94 с помощью Skype™
По умолчанию

Класс, буду тестить :D
  Ответить с цитированием Наверх
Старый 09.06.2010, 20:21   #5
Бан
 
Аватар для FiGhTMyS¬
 
Регистрация: 09.06.2010
Сообщений: 2
Репутация: 2
По умолчанию

Довольно сложный урок, ну я давно хочу нарисовать аву себе.
  Ответить с цитированием Наверх
Старый 13.08.2010, 21:13   #6
Рядовой
 
Аватар для zhanik
 
Регистрация: 03.05.2009
Сообщений: 22
Репутация: 7
По умолчанию


Вот как я сделал !Урок хорошый 5 минут и все!
  Ответить с цитированием Наверх
Пользователь сказал cпасибо:
KimaRuKa (15.08.2010)
Старый 22.09.2010, 11:31   #7
Гость_за_инактив
 
Аватар для HardCorer
 
Регистрация: 17.09.2010
Адрес: Московская обл
Сообщений: 3
Репутация: 0
По умолчанию

Я делаю аватарку через фотошоп(анимационный) а на вашем сайте он не отбражается=(
__________________
[SIGPIC][/SIGPIC]Жизнь — это последний шанс, дарованный нам судьбой, чтобы стать человеком. (Борис Крутиер)
[Ссылки скрыты от гостей.]
  Ответить с цитированием Наверх
Старый 22.09.2010, 12:19   #8
Бан
 
Аватар для Bishop
 
Регистрация: 05.09.2008
Сообщений: 659
Репутация: 587
Отправить сообщение для Bishop с помощью ICQ Отправить сообщение для Bishop с помощью Skype™
По умолчанию

zhanik, оно и видно, что 5 минут, не туда не сюда ....

по теме: мой самый первый урок, который я делал открыв первый раз фотошоп .
  Ответить с цитированием Наверх
Старый 22.09.2010, 14:28   #9
Местный
 
Аватар для IIIPriZraK
 
Регистрация: 08.12.2009
Сообщений: 51
Репутация: 5
По умолчанию

Цитата:
Сообщение от HardCorer Посмотреть сообщение
Я делаю аватарку через фотошоп(анимационный) а на вашем сайте он не отбражается=(
Если ты нормально её сделаешь то она будет отображаться, если ты не знал то максимальное разрешение аватарок должно быть 100х100 при стандартном аккаунте...
__________________
Кому помог ставим + *rull*
  Ответить с цитированием Наверх
Старый 22.10.2010, 07:35   #10
Бан
 
Аватар для Medium(p)
 
Регистрация: 21.10.2010
Сообщений: 2
Репутация: -3
По умолчанию

Спс щас буду Делать также
  Ответить с цитированием Наверх
Ответ


Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 
Опции темы
Опции просмотра

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

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход


Powered by vBulletin
Copyright © 2017 vBulletin Solutions, Inc.
Перевод: zCarot | Дизайн: G-A | Верстка: OldEr
Текущее время: 10:05. Часовой пояс GMT +4.