Вы не зашли.

#1 

Spam
Бывалый
Имя: Сергей
Откуда: Красноярск,Россия
Зарегистрирован: 2009-09-30
Сообщений: 811
На форуме: 226 час.
Репутация: 66 (88%) ±
Инфо  Написать

1. Создаём новое изображение размером 100x100 px:
http://www.designarts.ru/lessons/photoshop/25/1.png

2. Разблокируем слой или создадим новый.
За тем заходим в Layer Style (для этого кликните правой клавишей по слою и там выберите пункт Blending Options), там переходим на вкладку Inner Shadow и настройте параметры самозатенения следующим образом:

http://www.designarts.ru/lessons/photoshop/25/2.png

3. За тем на вкладке Stroke настройте обводку:

http://www.designarts.ru/lessons/photoshop/25/3.png


4. А на вкладке Pattern Overlay выберите текстуру ввиде горизонтальной штриховки (текстура эта не стандартная, как её создавать можно прочитать здесь — 1й и 2й пункты):
http://www.designarts.ru/lessons/photoshop/25/4.png

Везде жмём Ok и получаем следующий фон:

http://www.designarts.ru/lessons/photoshop/25/5.png

5. Создайте новый слой, непрозрачность Opacity уменьшите до 50% и какими-либо кисточками что-нибудь нарисуйте
http://www.designarts.ru/lessons/photoshop/25/6.png

6.Снова создайте новый слой, выберите кисточку из набора Silhouette и рисуем:

http://www.designarts.ru/lessons/photoshop/25/7.png

7. Зайдите в Layer Style и добавьте внешнее свечение (Outer Glow):

http://www.designarts.ru/lessons/photoshop/25/8.png

Получиться должно вот так:

http://www.designarts.ru/lessons/photoshop/25/9.png

8. Сейчас напишите какой-нибудь текст, например свой ник, шрифтом чёрного цвета:

http://www.designarts.ru/lessons/photoshop/25/10.png

9. Буквы, расположенные над силуэтом, закрасьте белым цветом:

http://www.designarts.ru/lessons/photoshop/25/11.png

10. С помощью Polygonal Lasso Tool выделите половину аватара (по диагонали), создайте новый слой и залейте выделение белым цветом (с помощью инструмента Paint Bucket Tool):

http://www.designarts.ru/lessons/photoshop/25/12.png

11. Создадим блик. Для этого сразу добавьте к слою маску (нажмите на кнопку Add Layer Mask на панели слоёв):

http://www.designarts.ru/lessons/photoshop/25/13.png

12. Выберите инструмент Gradient Tool и залейте выделение чёрно-белым градиентом:


http://www.designarts.ru/lessons/photoshop/25/14.png

Должно получиться вот так:

http://www.designarts.ru/lessons/photoshop/25/15.png

13. Теперь выберите Ellipse Tool, зажмите клавишу Shift и нарисуйте круг размером раза в два больше чем аватар (в моём примере это круг, вписанный в квадрат со сторонами 277x277 пикселей):

http://www.designarts.ru/lessons/photoshop/25/16.png

14. Зайдите в Layer Style слоя с кругом и на вкладкеStroke установите примерно следующие значения (размер Size может быть другим — он зависит от размера нарисованного вами круга):

http://www.designarts.ru/lessons/photoshop/25/17.png

15. Теперь непрозрачность заливки слоя Fill уменьшите до 0%:

http://www.designarts.ru/lessons/photoshop/25/18.png

Получить мы должны следующую картину:

http://www.designarts.ru/lessons/photoshop/25/19.png

16. Ну а сейчас перейдём к добавлению анимации в наш аватар. Для этого его нужно открыть в программе ImageReady, чтобы это следать зайдите в меню File и там выберите пункт Edit in ImageReady.

В ImageReady передвиньте слой с кружком в самый низ, чтобы он не был виден. Потом на панели с раскадровкой (Animation) создайте новый кадр:

http://www.designarts.ru/lessons/photoshop/25/20.png

17. На новом кадре слой с кружком немного передвиньте вверх, чтобы он стал немного виден:

http://www.designarts.ru/lessons/photoshop/25/21.png

18. Снова создайте новый кадр:


http://www.designarts.ru/lessons/photoshop/25/22.png

19. Передвиньте слой с кружком ещё немного выше (примерно на 4 пикселя):

http://www.designarts.ru/lessons/photoshop/25/23.png


20. Продолжайте данные операции до тех пор, пока кружок не будет над головой:

http://www.designarts.ru/lessons/photoshop/25/24.png

21. Сейчас будем расширять наш круг. Ддя этого снова создайте новый кадр, на нём зайдите в Layer Style слоя с кружком, на вкладку Stroke и там уменьшите размер Size до 116 px:

http://www.designarts.ru/lessons/photoshop/25/25.png

Получиться вот так:

http://www.designarts.ru/lessons/photoshop/25/26.png

22. Снова создайте кадр и уменьшите размер обводки до 112 px:

http://www.designarts.ru/lessons/photoshop/25/27.png

Получится вот так:

http://www.designarts.ru/lessons/photoshop/25/28.png

23. Продолжайте повторять последние действия, пока круг не исчезнет из кадра.
Всё. Осталось сохранить нащ анимированный аватар (но ни кто не запрещает его ещё доработать — всё в ваших силах), для этого нажмите File —> Save Optimized As....

Всё! Анимированный аватар готов:
http://www.designarts.ru/lessons/photoshop/25/preview.gif

Урок был взят: с этого сайта

Необходимый набор кистей

Отредактированно Spam (2010-05-01 12:33:38)


Я Вконтакте
Да здраствует наша молодешь,утром не разбудишь,ночью фиг найдешьsmile

Осенью все птицы летят на Йух… А весной в обратном направлении…).

Неактивен

#2 

Coffee*
Знаток
Имя: Саша
Откуда: Украина
Зарегистрирован: 2009-11-19
Сообщений: 1200
На форуме: 474 час.
Репутация: 101 (75%) ±
Инфо  Вебсайт  Написать

и как мне кисти скачать?
p.s ссылка битая

Ошибка скачивания файла
------------------------------------------------------
Невозможно скачать файл по данной ссылке.

Через 20 секунд произойдёт автоматический переход на главную страницу сайта DesignArts.ru
Из-за чего это произошло: Вы попытались скачать файл с сайта DesignArts.ru по ссылке, размещенной на стороннем ресурсе (или просто введя ссылку на файл в адресную строку). Это запрещено в целях уменьшения нагрузки на сервер. Что бы скачать данный файл, найдите его на одной из страниц сайта DesignArts.ru и кликните по указанной там ссылке.
[ DesignArts.ru ]

Отредактированно Svager (2010-05-01 13:13:47)


Ку-Ку---->леС ТаМ---->xD а ты кто?
На том ли мы пути И стОит лИ туда ити....(с)

Неактивен

#3 

Spam
Бывалый
Имя: Сергей
Откуда: Красноярск,Россия
Зарегистрирован: 2009-09-30
Сообщений: 811
На форуме: 226 час.
Репутация: 66 (88%) ±
Инфо  Написать

Я выложил авторский сайт  там где есть этот урок и там в самом низу урока есть сылка я САМ ЛИЧНО по ней скачивал 5 минут назад...Посмотри там наверно скачаеться


Я Вконтакте
Да здраствует наша молодешь,утром не разбудишь,ночью фиг найдешьsmile

Осенью все птицы летят на Йух… А весной в обратном направлении…).

Неактивен

#4 

Coffee*
Знаток
Имя: Саша
Откуда: Украина
Зарегистрирован: 2009-11-19
Сообщений: 1200
На форуме: 474 час.
Репутация: 101 (75%) ±
Инфо  Вебсайт  Написать

все спс smile


Ку-Ку---->леС ТаМ---->xD а ты кто?
На том ли мы пути И стОит лИ туда ити....(с)

Неактивен

#5 

Spam
Бывалый
Имя: Сергей
Откуда: Красноярск,Россия
Зарегистрирован: 2009-09-30
Сообщений: 811
На форуме: 226 час.
Репутация: 66 (88%) ±
Инфо  Написать

Сообщение от Svager:

все спс smile

Вот у меня единственое запара с этой авой что на 4 пункте где узор я не могу зделать вот так http://www.designarts.ru/lessons/photoshop/25/4.png
и хуй пойми как его зделать..sad

Отредактированно Spam (2010-05-01 13:26:55)


Я Вконтакте
Да здраствует наша молодешь,утром не разбудишь,ночью фиг найдешьsmile

Осенью все птицы летят на Йух… А весной в обратном направлении…).

Неактивен

#6 

I-believe
Знаток
Имя: ProFes
Откуда: SIN-CL
Зарегистрирован: 2009-03-31
Сообщений: 1897
На форуме: 691 час.
Репутация: 222 (89%) ±
Инфо  Написать

Сообщение от Spam:

Сообщение от Svager:

все спс smile

Вот у меня единственое запара с этой авой что на 4 пункте где узор я не могу зделать вот так http://www.designarts.ru/lessons/photoshop/25/4.png
и хуй пойми как его зделать..sad

То есть ты выложил урок непонимая как его сделать?


Похоже Дракоше плюсики заменяют женщину © Болтай.

Неактивен

#7 

Spam
Бывалый
Имя: Сергей
Откуда: Красноярск,Россия
Зарегистрирован: 2009-09-30
Сообщений: 811
На форуме: 226 час.
Репутация: 66 (88%) ±
Инфо  Написать

Сообщение от I-believe:

Сообщение от Spam:

Сообщение от Svager:

все спс smile

Вот у меня единственое запара с этой авой что на 4 пункте где узор я не могу зделать вот так http://www.designarts.ru/lessons/photoshop/25/4.png
и хуй пойми как его зделать..sad

То есть ты выложил урок непонимая как его сделать?

Я понимаю как его зделать...Я не могу сохронить этот узор...


Я Вконтакте
Да здраствует наша молодешь,утром не разбудишь,ночью фиг найдешьsmile

Осенью все птицы летят на Йух… А весной в обратном направлении…).

Неактивен

#8 

legat-elegant
Новичок
Зарегистрирован: 2010-03-27
Сообщений: 41
На форуме: 33 час.
Репутация: 12 (100%) ±
Инфо  Написать

Лучше самому сделать, проверить тогда уже публиковать

http://www.designarts.ru/lessons/photos … index.html 2-й пункт

Неактивен

#9 

admiral
Status is loading... 99,9%
Имя: Alexandr
Откуда: берутся NaNы?
Зарегистрирован: 2007-02-04
Сообщений: 6600
На форуме: 1713 час.
Репутация: 1124 (100%) ±
Инфо  Вебсайт  Написать

Вот так и учится по урокам...
legat-elegant, лучше основы выучить, а потом уже и самому можно будет уроки писать...
С уроков можно вытаскивать только способы создания того или иного, а не тупо повторять сам урок, еще с готовыми кисточками и заготовками, тогда и сами кисточки можно научиться свои создавать.
Создать узор легко, если так нужно сейчас пару строк напишу:
1. Создаем новый документ необходимого размера для узора.
2. Рисуем на нем узор или заполняем его как будет угодно.
3. Далее выделяем нашу картинку полностью и выбираем определить узор:
http://imgs.su/tmp/1272710581.jpg

4. Открываем ту картинку где необходимо применить наш узор и выбираем Редактирование - выполнить заливку (Shift+F5):
http://imgs.su/tmp/1272710605.jpg

Вот и все... Помоему этот урок даже полезней будет, чем тот что выше)))

PS гдето в соседней теме проскочило:

Сообщение от starkon:

[где указание авторства?

ЗЗЫ авторство мое ибо что вижу, что умею, что делаю то и потом уже пишу))

Отредактированно admiral (2010-05-01 14:53:26)


Скорая помощь - всегда рядом!
99% ошибок сидит в полуметре от монитора.

Неактивен

[ Generated in 0.007 seconds, 9 queries]