Скачать Adobe Photoshop® CS5 Extended
История создания Adobe Photoshop
88 секретов работы в Photoshop
Постер из фильма Начало (Inception) - урок по Adobe Photoshop
Информация к новости
  • Просмотров: 8062
  • Автор: NonSa
  • Дата: 28-04-2008, 17:12
 (голосов: 0)
28-04-2008, 17:12

Loading Interface - уроки фотошоп

Категория: Уроки Adobe Photoshop

Загрузите из Интернета такую или подобную текстуру, я использовал эту, размером 1280x1024 px и 72 точки на дюйм.



Нажимаем CTRL+SHIFT+U



Выставляем следующие параметры для слоя с текстурой, для этого щелкаем правой клавишей мыши по слою (предварительно создав дубликат слоя или перенеся текстуру в новый документ) и в Blending Options выбираем Gradient Overlay (Опции смешивания/ перекрытие градиентом):



Параметры градиента:





Затем, используя инструмент Ellipse Tool (U) (Эллипс), создаем круг: (слой-фигура на новом слое)



Параметры стиля этого слоя: Blending Options>Outer Glow (Внешнее свечение)



Blending Options>Inner Glow (/ Внутреннее свечение)



Blending Options>Gradient Overlay (/Перекрытие градиентом) (Angle - Угловой)



Градиент:



Blending Options>Stroke (/Кайма, Обводка)





Создаем еще один круг цветом #565656. Для начала инструментом Ellipse Tool (U) чертим круг такого же диаметра, как и предыдущий (оставляя видимой только окантовку), а затем, удерживая Alt, вырезаем внутреннюю часть, применяя такой же инструмент. (NS: для того чтобы вырезать центральную часть – включите в панели опций режим Subtract from shape area (Вычесть из области фигуры). Удерживая Alt, устанавливаем курсор в центр круга, нажимаем левую клавишу мыши и плавно ведем её в сторону).



Параметры стиля этого слоя: Blending mode-Lighten (Режим смешивания – Замена светлым)
Blending Options>Inner Glow (Опции смешивания/ Внутреннее свечение)



Blending Options>Bevel and Emboss (Скос и рельеф)





Используя тот же инструмент Ellipse Tool (U), создаем следующий слой-фигуру:



Параметры этого слоя: Blending Options>Gradient Overlay (Опции смешивания / Перекрытие градиентом)





Blending Options>Stroke





Используйте в последний раз инструмент эллипса, чтобы создать следующий слой:



Параметры слоя: Fill 0% (Заливка)
Blending Options>Drop Shadow (Опции смешивания/ Тень)



Blending Options>Inner Glow (/Внутреннее свечение)



Blending Options>Gradient Overlay (/Перекрытие градиентом)



Параметры градиента:



Blending Options>Stroke (/Кайма, Обводка)



Параметры градиента:





Выберите инструмент Rectangle Tool (U) (Прямоугольник), и тянем вертикальную черную полосу, пересекающую центр цветного круга:



Сделайте двадцать - тридцать копий этого последнего слоя (с полосой) и, выбрав Free Transform (Свободное трансформирование), поворачиваем копии под определенным одинаковым углом:





Комбинируем в группу все слои, содержащие черные линии (удерживая Ctrl, щелкаем по соответствующим слоям в палитре слоев, чтобы выделить их, а затем, удерживая нажатой левую клавишу мыши, тянем контур выделения вниз палитры к иконке Create a new group (Создать новую группу)). Затем измените параметры для новой группы: Opacity 20% (Непрозрачность 20%).



Сделайте копию группы, содержащей черные линии. Добавим копии Opacity (Непрозрачность) до 100% и сотрем на копии все линии, кроме показанных ниже: (NS: можете просто удалить лишние слои копии или скрыть их видимость).



Выберите инструмент Ellipse Tool (U) (Эллипс), чтобы создать следующий слой элемента в центральной части цветного круга:



Параметры слоя: Blending Options>Outer Glow (/ Внешнее свечение)



Blending Options>Gradient Overlay (/ Перекрытие градиентом)



Параметры градиента:



Blending Options>Stroke





Этим же инструментом создаем еще один круг. Сначала мы чертим внешний край этого круга, а затем удерживая Alt (включите в панели опций режим Subtract from shape area (Вычесть из области фигуры)), создаем другой круг меньшего диаметра, и таким образом вырезаем среднюю часть круга. После этого той же техникой вырезаем еще часть кольца, подобно изображению ниже:



Параметры этого слоя: Fill 20% (Заливка)
Blending Options>Drop Shadow (Опции смешивания / Тень)



Blending Options>Gradient Overlay



Параметры градиента:





Используя инструмент Pen Tool (P) (Перо), чертим следующую слой-фигуру. Форму можно подправить инструментом Convert Point Tool (Угол, Преобразовать узел).



Параметры этого слоя: Blending Options>Inner Glow (/ Внешнее свечение)



Blending Options>Gradient Overlay (/ Перекрытие градиентом)





Blending Options>Stroke (Кайма, Обводка)



Параметры градиента:





Выберите еще раз Pen Tool (P), чтобы изобразить блик. Чертим форму белого цвета и правим инструментом Convert Point Tool.



Параметры для слоя блика: Fill 20%



Инструментом Pen Tool (P) чертим треугольник.



Параметры этого слоя: Blending Options>Drop Shadow (/Тень)



Blending Options>Gradient Overlay





Blending Options>Stroke





Применяя инструменты Pen Tool (U) и Convert Point Tool, чертим другой блик белого цвета:



Меняем для этого слоя: Fill 17% (Заливка)



Сейчас мы, используя Ellipse Tool (U) (Эллипс), чертим блик белого цвета (круг). Затем, используя инструмент Add Anchior Point (Добавить узловую точку), изменим форму в нижней части (как показано на скриншоте): (Удерживая левую клавишу мыши, устанавливаем курсор на нижней узловой точке и перемещаем её вверх, затем добавляем новую опорную точку и с помощью направляющих правим форму).



Параметры этого слоя: Fill 20%



Создайте новый документ (File>New) 4x4 px и 72 точки на дюйм. Используя инструмент Pencil Tool (B)(Карандаш) (диаметром 1 px), создаем белым цветом такой же образец:



Edit> Define Pattern (Редактировать> Определить Образец)
Следующий шаг – выбираем инструмент Ellipse Tool (U) и создаем новый слой, на котором используем сделанный образец. (Чертим круг).



Параметры этого слоя: Opacity 20%, Fill 0% (Непрозрачность, Заливка)
Blending Options>Pattern Overlay (Опции смешивания / Перекрытие узором)





Работа закончена!

 

 

Перевод: NonSa

Источник: <!--dle_leech_begin-->adobetutorialz.com<!--dle_leech_end-->

Метки к статье: урок, уроки фотошоп, tutorial, photoshop


Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
<
arfc

28 апреля 2008 21:11

Информация к комментарию
  • Группа: Посетители
  • ICQ: 345515285
  • Регистрация: 21.04.2008
  • Публикаций: 0
  • Комментариев: 2
Прикольно, мне понравилось, спс Нонса.
<
TIGR

28 апреля 2008 21:20

Информация к комментарию
  • Группа: Посетители
  • ICQ: --
  • Регистрация: 16.04.2008
  • Публикаций: 0
  • Комментариев: 15
а для чего это можно использовать?
<
arfc

29 апреля 2008 00:07

Информация к комментарию
  • Группа: Посетители
  • ICQ: 345515285
  • Регистрация: 21.04.2008
  • Публикаций: 0
  • Комментариев: 2
для саморазвития.
<
Любава

29 апреля 2008 02:55

Информация к комментарию
  • Группа: Участники
  • ICQ: --
  • Регистрация: 21.11.2007
  • Публикаций: 0
  • Комментариев: 52
спасибо, обязательно сделаю.
<
Destroyer

30 апреля 2008 14:33

Информация к комментарию
  • Группа: Посетители
  • ICQ: 474811323
  • Регистрация: 28.03.2008
  • Публикаций: 0
  • Комментариев: 6
Для навигации сайта, конечно! Только сначала нужно переделать на флеш эту картинку. Вот себе собираюсь сделать такой! Спасибо, Нонса!
<
scvorec

1 мая 2008 13:13

Информация к комментарию
  • Группа: Посетители
  • ICQ: --
  • Регистрация: 7.12.2007
  • Публикаций: 0
  • Комментариев: 2
кто может расскажите как из этого анимацию сделать для сайта пожалуйста!
<
NonSa

3 мая 2008 20:48

Информация к комментарию
  • Группа: Младший администратор
  • ICQ: 396601805
  • Регистрация: 7.08.2007
  • Публикаций: 375
  • Комментариев: 664
scvorec,
Основа любой анимашки - прорисовка кадров!
Задумали, к примеру, двигать стрелочку - значит копируете слой стрелки и поворачиваете и так далее... чем больше слоев и меньше угол поворота, тем больше пластики в анимашке. Можете изменить цвет....
Посмотрите уроки по анимации. :-))
<
Kolbass

4 мая 2008 05:50

Информация к комментарию
  • Группа: Посетители
  • ICQ: 218320631
  • Регистрация: 25.04.2008
  • Публикаций: 0
  • Комментариев: 1
Я как то раз делал подобное но не так круто получилось.. )
<
Destroyer

21 мая 2008 09:58

Информация к комментарию
  • Группа: Посетители
  • ICQ: 474811323
  • Регистрация: 28.03.2008
  • Публикаций: 0
  • Комментариев: 6
Пользуйтесь Flash CS3 , и никакой покадровой прорисовки ненужно!
<
Gawrik

29 мая 2008 11:01

Информация к комментарию
  • Группа: Гости
  • ICQ: --
  • Регистрация: --
  • Публикаций: 0
  • Комментариев: 0
cs3 lol
<
Sashok911

3 июня 2008 20:06

Информация к комментарию
  • Группа: Посетители
  • ICQ: --
  • Регистрация: 3.06.2008
  • Публикаций: 0
  • Комментариев: 4
Оч сложно но прикольно!
<
Valerija

15 июня 2008 23:18

Информация к комментарию
  • Группа: Посетители
  • ICQ: --
  • Регистрация: 31.05.2008
  • Публикаций: 0
  • Комментариев: 2
Ура! я сделала такое! good здорово уметь так не только делать, но и придумывать!
<
Gringo

2 июня 2009 18:01

Информация к комментарию
  • Группа: Посетители
  • ICQ: --
  • Регистрация: 22.04.2008
  • Публикаций: 0
  • Комментариев: 6
Очень красиво, 100% займусь анимацией для сайта
<
JORGboy

8 октября 2009 13:41

Информация к комментарию
  • Группа: Посетители
  • ICQ: 484144952
  • Регистрация: 13.02.2009
  • Публикаций: 0
  • Комментариев: 3
ваше тема спс

Добавление комментария

Имя:*
E-Mail:*
Комментарий:
Введите код: *
^