Dashashop

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

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


Вы здесь » Dashashop » Уроки по Adobe Photoshop и Image Ready » Формы фигур.


Формы фигур.

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

1

Это урок я написала по просьбе форумчанки sitechko. Рассмотрим как нарисовать в Фотошопе различные формы, взаимодействующие друг с другом. Вот такой будет результат урока:

http://keep4u.ru/imgs/b/080619/94/94ecdd80ad525d00d8.jpg

1. Открываем новый файл с белым фоном, размером 600 на 400 пкс.
2. Создаём новый слой, для этого нажмём на иконку http://keep4u.ru/imgs/b/080309/c3/c3ca0c78e7262b4e65.jpg , расположенную внизу окна Слоёв.
3. Берём инструмент «Прямолинейное Лассо» (Polygonal Lasso) или жмём клавишу (L), чтобы его вызвать. Рисуем такую форму, нажимаем  сначала на верхнюю левую точку, затем за нами потащится линия, ставим верхнюю правую точку, потом нижнюю правую, и так идём по всем углам. Соединяемся опять в верхней левой точке, и вот такое выделение получилось:

http://keep4u.ru/imgs/b/080619/d0/d08e96fd39d18e5f7f.jpg

4. Зальём это выделение цветом: aac2ac, или каким вам нравится. Затем, не снимая выделение, возьмём цвет потемнее, примерно такой: 7f9281 и сделаем вокруг нашего выделения рамку, для этого идём Редактирование – Выполнить обводку (Edit – Stroke), откроется такое окно, ставим там такие настройки и жмём ОК:

http://keep4u.ru/imgs/b/080619/99/995dfaf30bb94a98eb.jpg

Снимаем выделение, для этого нажимаем клавиши (Ctrl+D).

5. Создаём новый слой, как в п.2.
6. Снова берём инструмент «Прямолинейное Лассо» (Polygonal Lasso)(L), смотрим на верхнюю панель опций инструмента, чтобы у нас была нажата иконка «Добавление к выделенной области»(Add to Selection):

http://keep4u.ru/imgs/b/080619/99/9946f08ee92bbc758a.jpg

Когда будем рисовать, увидим маленький плюсик возле инструмента, значит он у нас выбран правильно. Рисуем сначала такой треугольник:

http://keep4u.ru/imgs/b/080619/a6/a69c800b95c73ca014.jpg

Затем рисуем ещё и такую фигуру:

http://keep4u.ru/imgs/b/080619/bc/bc22a42187b3f491c8.jpg

7. Будем заливать эти выделения градиентом. Естественно в панели инструментов выбираем инструмент «Градиент» (Gradient)(G), в верхней панели опций инструмента выбираем «Линейный градиент» (Linear) и устанавливаем цвета для градиента: основной: bacdba, а фоновый – белый.
8. Установим для градиента вот такие настройки:

http://keep4u.ru/imgs/b/080619/d8/d857935b0b28107cce.jpg

Жмём ОК и проводим градиент снизу вверх, вот так:

http://keep4u.ru/imgs/b/080619/97/9749db4f6cd27160e3.jpg

9. Сейчас будем делать рамку вокруг фигур, точно так же как в п.4, но сделаем это на новом слое, нам это потом понадобится.
Не снимая выделение с наших фигур, создаём новый слой, как в п.2 и теперь делаем обводку, как в п.4, с тем же цветом. Выделение теперь можно снять (Ctrl+D), и назовём слой «Рамка фигур», вот такие сейчас у нас слои в окне Слоёв:

http://keep4u.ru/imgs/b/080619/cf/cfe7984f69f23c3a6a.jpg

Сейчас, когда будем создавать новые слои, слой «Рамка фигур» всегда должен быть наверху.

10. Нажмём на Слой 2 и создадим новый слой, как в п.2, новый слой (Слой 3) расположился между слоем 2 и слоем «Рамка фигур». Теперь берём инструмент «Овальная область»(Elliptical Marquee Tool) (М) и с нажатыми клавишами  Shift+Alt, рисуем такой круг:

http://keep4u.ru/imgs/b/080619/75/75f1a6a8cc99041d80.jpg

Заливаем его цветом 972a03:

http://keep4u.ru/imgs/b/080619/25/25246c60f70b34483e.jpg

11. Не снимая выделение, создаём новый слой (Слой 4) и идём Выделение – Трансформирование выделенной области (Select – Transform Selection). С нажатыми клавишами  Shift+Alt, немного уменьшаем круг:

http://keep4u.ru/imgs/b/080619/9e/9ee88051725fd5fb94.jpg

Жмём Enter и заливаем это выделение цветом: d6753d :

http://keep4u.ru/imgs/b/080619/48/48989cbef7f477cf60.jpg

12. Снова выбираем инструмент «Овальная область»(Elliptical Marquee Tool) (М) и с нажатой клавишей  Alt, рисуем такой круг:

http://keep4u.ru/imgs/b/080619/bd/bda4ed690846825d5c.jpg

Когда мы отпустим кнопку мыши, у нас останется выделенным вот такой сегмент:

http://keep4u.ru/imgs/b/080619/50/50846e984d39af4c1e.jpg

Зальём его цветом e2a17a и снимем выделение этого сегмента (Ctrl+D).

13. Теперь выделим весь этот круг, для этого с нажатой клавишей Ctrl нажмём на иконку Слоя 4:

http://keep4u.ru/imgs/b/080619/a1/a19f64022651fe7208.jpg

Появилось выделение круга. Берём инструмент «Градиент» (Gradient)(G), в верхней панели опций инструмента выбираем «Радиальный градиент» (Radial gradient), цвет ставим ed9033. Нажмём на иконку градиента в верхней панели опций инструмента и выберем градиент от цвета к прозрачному:

http://keep4u.ru/imgs/b/080619/72/723558b895ab4f2968.jpg

И выставим градиент в нижней части круга:

http://keep4u.ru/imgs/b/080619/bc/bc81dfc3043ae37cbc.jpg

14. Далее, установим основным - белый цвет и снизим непрозрачность градиента до 45%:

http://keep4u.ru/imgs/b/080619/6c/6c3378516ea918765d.jpg

И выставим этот градиент в верхней части круга:

http://keep4u.ru/imgs/b/080619/84/84c40d59d3f4bfc444.jpg

Снимаем выделение (Ctrl+D) и инструментом «Перемещение» (Move) (V) сдвигаем круг немного вниз, а сейчас добавим ещё стиль слоя, для этого дважды щёлкнем по слою с кругом или нажмём на иконку  http://keep4u.ru/imgs/b/080619/f9/f9497471478fc5c3b0.jpg внизу окна слоёв, выбираем стиль Внутренняя тень (Inner Shadow) и выставляем такие настройки:

http://keep4u.ru/imgs/b/080619/7f/7f5cfcaad4c0170cfa.jpg

Вот такой результат:

http://keep4u.ru/imgs/b/080619/ef/ef49b4c7619cb31d5b.jpg

15. Сейчас создадим новый слой (Слой 5) и сделаем выделение нижнего круга, он у нас на слое 3, делаем так же как в п.13, т.е. с нажатой клавишей Ctrl нажмём на иконку Слоя 3, зальём получившееся выделение цветом: 728571.
16. Берём радиальный градиент с цветом c0dabf и выставим его на верхней части круга:

http://keep4u.ru/imgs/b/080619/ba/ba8922246ca2280d50.jpg

17. Снимаем выделение (Ctrl+D) и копируем стиль слоя со слоя 4 на слой 5, для этого с нажатой клавишей Alt перетаскиваем мышкой иконку стиля слоя со слоя 4 на слой 5:

http://keep4u.ru/imgs/b/080619/11/116e364390ba115c69.jpg

Щёлкнем по иконке стилей слоя 2 раза и добавим ещё один стиль – Тень(Drop Shadow), вот с такими настройками:
 
http://keep4u.ru/imgs/b/080619/4f/4fd6531b101ff6a5bf.jpg

18. Сейчас нам нужно стереть среднюю часть серого круга, для этого делаем выделение слоя 2, там где у нас нарисованы большие фигуры, инвертируем это выделение, т.е. нажмём клавиши: (Ctrl+ Shift + I), и теперь жмём клавишу Del, вот и нет серединки:

http://keep4u.ru/imgs/b/080619/7d/7dc87fc737d2423bb1.jpg

Снимаем выделение (Ctrl+D).
19. Создадим кольцо вокруг кругов. Для этого создаём новый слой (Слой 6). Далее загружаем выделение круга со слоя 3 и выполняем трансформирование  как в п. 11, только трансформируем выделение не уменьшая его, а увеличивая:

http://keep4u.ru/imgs/b/080619/52/5243f8255e33b49f21.jpg

Заливаем это выделение белым цветом и выставляем Непрозрачность слоя (Opacity) 50%:

http://keep4u.ru/imgs/b/080619/7b/7b9bbe5b190d29d1fd.jpg

Снимаем выделение (Ctrl+D) и снова загрузим выделение круга со слоя 3 и нажмём клавишу Del, серединка удалится:

http://keep4u.ru/imgs/b/080619/57/5710ff04780a46a588.jpg

20. Снимаем выделение (Ctrl+D) и  с нажатой клавишей Ctrl щёлкаем по иконке слоя 6, чтобы загрузить выделение получившегося кольца. Берём линейный градиент с цветом b4b4b4 и выставляем его по направлению стрелки:

http://keep4u.ru/imgs/b/080619/1f/1fc68a6544ee2d695a.jpg

Снимаем выделение (Ctrl+D).

21. Сейчас сделаем всё как в п.18 для слоя 6, чтобы удалить среднюю часть кольца:

http://keep4u.ru/imgs/b/080619/e0/e0c2d9d6c95e814ae2.jpg

22. Ну и добавим надпись по кольцу. Создадим новый слой (Слой 7) и выберем инструмент
«Перо» (Pen)(P) и поставим две точки – в начале текста и в конце.

http://keep4u.ru/imgs/b/080619/eb/ebde852c91d5a5cd34.jpg

Сейчас возьмём инструмент «Угол» (Convert Point Tool), он находится там же, где и Перо, нужно нажать на иконку инструмента Перо и выбрать в открывшемся окне Угол. Щёлкнем инструментом Угол по точке контура, и потянуть её, появятся два усика, нужно тянуть их, чтобы сделать полукруг:

http://keep4u.ru/imgs/b/080619/53/53ff080a9e7178cb06.jpg

23. Сейчас выбираем инструмент  «Текст» (Type)(Т) и подводим курсор к нашему полукругу, курсор изменит вид, он будет перечёркнут волнистой чертой:

http://keep4u.ru/imgs/b/080619/e4/e4018afd4dc316353a.jpg

Пишем текст, можно к нему применить стили слоя:

http://keep4u.ru/imgs/b/080619/b0/b0222c52cb50683e09.jpg

Изменим цвет фона и результат вы видите в начале урока.

+2

2

Lubov
Ой,какой классный урок!!!!!
А чё эт я его не видела???
Я когда бычка рисовала,тааак намучалась...
У меня всё не выходило,что бы мордочка была под низом головы.
Тыкалась,тыкалась,всё таки сделала,а тут так всё просто!!!Супер!!! :cool:

0


Вы здесь » Dashashop » Уроки по Adobe Photoshop и Image Ready » Формы фигур.