Магия Фотошопа

Объявление


Последние новости на форуме !!!
Задание в мини-школе - Чистка заднего фона!
Ищем нового модератора в ОДНОКЛАССНИКАХ!!!!!!
Будь в курсе наших новостей - Рассылка форума !!!


Пользовательского поиска

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

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


Вы здесь » Магия Фотошопа » Рисование » Уроки по отрисовкам


Уроки по отрисовкам

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

1

Как я научилась создавать отрисовки

автор: tanechkina

Создаем новый файл с разрешением 300 dpi. Перетаскиваем в наш файл картинку которую будем отрисовывать. Для примера я взяла солнышко. ctrl+t или меню-редактирование-свободное трансформирование и растягиваем наше солнышко до приемлемого размера.
Далее ctrl+shift+N или меню слой-новый-создать новый слой, создаем слой на котором будет наша отрисовка. Далее идём на вкладку Контуры и создаем новый контур.
http://i022.radikal.ru/0804/e5/f640b076000c.jpg
Далее выбираем инструмент Перо или pen и приступаем к отрисовке. (проверьте, чтобы в настройках инструмента были выбраны именно контуры)
http://i003.radikal.ru/0804/0c/205f356dbe2a.jpg
Начинаем рисовать окружность солнышка. Ставим опорную точку, затем следующую и НЕ ОТПУСКАЯ кнопку мышки начинаем двигать нашу направляющую в нужную сторону. Когда изгиб становится оптимальным, отпускаем кнопку мышки, всё, вторая точка есть.
http://i042.radikal.ru/0804/51/8a934568c2d8.jpg
Идём дальше.Ставим следующую точку, повторяем предыдущий шаг (если нажать и удерживать клавишу Shift при перемещении направляющей, то угол перемещения будет равен 45 градусам). И так далее (много опорных точек делать не рекомендую, проще ограничиться несколькими основными).
http://i034.radikal.ru/0804/a8/11d80ac36152.jpg
Наконец, щелкаем мышкой по исходной точке, чтобы замкнуть наш контур. Обратите внимание на маленький кружок, появившийся над указателем и являющийся индикатором того, что контур замкнут. Ура! мы нарисовали круг!
http://i008.radikal.ru/0804/6c/1e2122669278.jpg
Теперь займёмся лучиками. Создаем новый контур на вкладке Контуры и начинаем рисовать лучики (можно все на одном контуре).
http://i007.radikal.ru/0804/a4/470bc567a729.jpg
Как видим, лучики рисовать гораздо проще :) т.к. линии прямые. Ставим первую опорную точку, затем вторую и третью,
http://i049.radikal.ru/0804/ab/2485941b40e1.jpg
всё, лучик готов, нажимаем Esc и рисуем следующие лучики.
http://i031.radikal.ru/0804/85/42b5bccde9e0.jpg
Закончив с лучиками, создаем новый контур и рисуем глазки (зрачки не обвожу т.к. проще их будет нарисовать кистью), затем опять новый контур и рисуем ротик, потом носик. Вот что у нас получилось в итоге на вкладке Контуры .
http://i042.radikal.ru/0804/e2/d35c872dbbbd.jpg
Теперь начнём обводить то, что мы нарисовали. Переходим на вкладку Слои, активизируем наш слой с будущим солнышком,
http://i023.radikal.ru/0804/26/4b1dffafd9a2.jpg
выбираем кисть небольшого диаметра с жесткими краями (думаю 5-9 пикселей будет достаточно),
http://i009.radikal.ru/0804/8c/ef71af1896d1.jpg
выбираем желтый цвет и переходим на вкладку с контурами. Активизируем контур с окружность солнышка (щелкаем мышкой),
затем нажимаем на маленький кружочек внизу "выполнить обводку контура кистью"
http://i008.radikal.ru/0804/18/7c8021926887.jpg
можно нажать несколько раз, для более яркой обводки. Затем переходим на контур Лучики тем-же цветом обводим лучики. Затем выбираем кисть меньшего диаметра, белого цвета и активизировав контур Глазки обводим глазки, розовым или красным делаем ротик,затем носик. Контур готов вот что получилось.
http://i016.radikal.ru/0804/92/2f0c34a9adb1.jpg
Перед тем, как приступить к заливке контура устраняем все мелкие недочеты (дорисовываем разрывы, стираем лишнее)
http://i001.radikal.ru/0804/0f/2adf2a12daf1.jpg
Затем отключаем слой с образцом солнышка, чтоб не мешал и начинаем заливать контуры. Выбираем инструмент "Заливка", цвет чуть светлее контура и вперёооод! Получаем вот что
http://i050.radikal.ru/0804/83/318d74348fa8.jpg
Теперь будем добавлять объем нашему рисунку. Делать это можно по разному.
Способ первый:
Берём инструмент "Волшебная палочка" выделяем области которые будем редактировать например лучики,
http://i014.radikal.ru/0804/72/d2e61de4734a.jpg

копируем их на новый слой (Меню-Слой-Новый-Скопировать на новый слой или ctrl+j) Теперь начинаем "играться". Будем добавлять стиль слоя, внизу на вкладке со слоями нажимаем кнопочку с буквой f "стиль слоя"
http://i044.radikal.ru/0804/1f/acd15789564b.jpg
переходим на вкладку "тиснение" и выставляем такие настройки:
http://i028.radikal.ru/0804/18/330eb92b81ed.jpg
получилось вот что
http://i021.radikal.ru/0804/54/1a44f8546049.jpg
Можете поиграть настройками, покрутить рычажки с глубиной и размером, изменить цвета в режиме подсветки и затемнения, пока результат вам не понравится.

Способ второй:
Используем уже готовые стили слоя на вкладке "стили"  скачать их можно где угодно и какие угодно. Выделяем на слое Солнышко "мордочку" нашего солнышка (при помощи волшебной палочки), затем копируем на новый слой, и применяем готовый стиль (щелкаем в окошке со стилем по понравившемуся), например такой
http://i025.radikal.ru/0804/4a/e15b59e51cbe.jpg
получаем вот что
http://i008.radikal.ru/0804/40/610dfd2aff1c.jpg
Для глазок лучше использовать "стеклянный" стиль, чуть-чуть подправив настройки в "Стиле слоя" (кнопочка с буквой f). Выделяем глазки, копируем на новый слой, применяем стиль к новому слою, затем на следующем слое кистью (жесткой) рисуем зрачки. Тоже самое проделываем с ротиком.
Если заметили :), я всё делаю на отдельных слоях, чтобы в любой момент можно было зайти и подправить что-либо.
Вот такое солнышко получилось у меня :)
http://i041.radikal.ru/0804/bf/df6fb6748c3b.jpg
Руменец готовому солнышку нужно добавить ... на отдельном слое кистью с мягкими краями рисуем наш румянец, затем уменьшаем прозрачность слоя и будет румяное солнышко у вас :)
А вот исходник, с которого отрисовывалась наша картинка
http://i037.radikal.ru/0804/01/81d774d3e3f7.jpg

0

2

Очень классный урок.Я давно уже его приметила и научилась делать отрисовки именно благодариние этому уроку. :cool:

0

3

И так начнём.
Открываем фотошоп. Затем открываем картинку, которую хотим отрисовать.
Нам нужно создать новый документ, задаём вот такие параметры - как на картинке.
http://i003.radikal.ru/0710/05/b72df9bbb5c2t.jpg
Теперь нажимаем на панели инструментов Lasso Tool
http://i017.radikal.ru/0710/3a/165e41507e26t.jpg
И обводим нужный для отрисовки элемент. Я буду рисовать бабочку.
http://i001.radikal.ru/0710/d5/cb500c031023t.jpg
С помощью инструмента Move Tool перетаскиваем картинку на ваш новый документ как на картинке.
http://i023.radikal.ru/0710/65/c0f01bff1556t.jpg
Перенесли. Теперь нажимаем клавиши Ctrl+T и начинаем растягивать картинку. Сначала она бутет мутной, но когда вы закончив растягивать,к ликните по ней два раза, она станет нормальной.
Вот так должно всё выглядеть.
http://i010.radikal.ru/0710/01/f63ee2c13306t.jpg
Приступаем к самому главному в отрисовке. Для начала нам нужно создать новый слой.
Слой создаётся нажатием вот на эту кнопочку
http://i030.radikal.ru/0710/21/9f6e18374380t.jpg
Увеличиваем картинку, чтоб нам было удобно отрисовывать. И смотрим. Первым делом нужно решить что рисовать в первую очередь.
http://i041.radikal.ru/0710/69/93d7910a1d4ct.jpg
Я первым делом отрисовываю те детали которые находятся в самом низу. То есть нужно внимательно посмотреть что за чем идёт. Самое нижнее у нас крылышко бабочки, значит его будем отрисовывать первым. Затем -голова и тело бабочки. а потом уже верхнее крылышко.
Ну что приступим непосредственно к отрисовке.
Выбираем инструмент Pen Tool. Как на картинке
http://i013.radikal.ru/0710/c2/fd5478598060t.jpg
И начинаем обводить. Сами выбирайте цвет или же можно воспользоваться пипеткой. Ставим первый узелок (точку). Затем вторую точку и теперь не отпуская мышки нажимаем на клавишу Alt начинаем изгибать линию по контуру. Как нам нужно. Отпускаем Alt затем мышку. И так далее.
http://i046.radikal.ru/0710/b8/135373a4f33ct.jpg
Когда обвели крылышко переходим в Paths и нажимаем на заливку (смотрим картинку)
http://i016.radikal.ru/0710/3c/b935dce760ebt.jpg
Снова возвращаемся в Layers и создаём новый слой. Чтоб нижний слой нам не мешал, отключим его на время
http://i012.radikal.ru/0710/24/cc20179b1f3dt.jpg
На слое номер три я залила следующие детальки
http://i011.radikal.ru/0710/10/62ee6caed046t.jpg
На слое номер 4 залила крылышко.
http://i043.radikal.ru/0710/8c/1d37a76d8627t.jpg
И наконец пятый слой выглядит так
http://i008.radikal.ru/0710/8d/f10f854cda2ct.jpg
Теперь нам нужно сделать контур. Выполнить обводку. Для этого включим все наши слои и отключим исходник чтоб он нам не мешал
http://i026.radikal.ru/0710/66/8dee1819147et.jpg
Выбираем кисть как на картинке. Можно менять размеры и цвет как угодно.
http://i008.radikal.ru/0710/af/0ad7482749e0t.jpg
Обводим контур снова с помощью Pen Tool и переходим в Paths нажимаем на заливку контура (смотрим картинку)
http://i031.radikal.ru/0710/36/e8916c324115t.jpg
Запомните - кисть при этом должна быть нажатой иначе заливка не будет работать.
Ну и так дальше обводим и заливаем контур. Весь контур делается на одном слое. Для удобства можно отключать или подключать слои которые вам нужны или не нужны.
Вот так у меня получилось
http://i032.radikal.ru/0710/cd/5e61336948fct.jpg
У меня тут слегка не аккуратно получилось нужно это исправить. Переходим на слой с этим крылышком и с помощью ластика подтираем
http://i029.radikal.ru/0710/91/3c7032c2e9f0t.jpg
Теперь моё любимое это нанесение теней. Будем придавать объём рисунку. Я пользуюсь инструментами затемнения и осветления
http://i027.radikal.ru/0710/c7/827634c26ddct.jpg
Просто переходим от слоя к слою и затемняем/осветляем. Просмотрите как выставленны параметры этих инструментов. Кисть должна быть мягкой и прозрачной, чтоб тени были плавные, мягкие.
http://i035.radikal.ru/0710/a6/9aeb562de60dt.jpg
Ну вот готово. С помощью инструмента Crop Tool подрезаем картинку, чтоб небыло пустого места вокруг, ставим подпись   

http://i023.radikal.ru/0710/a7/b659f12ee8e0t.jpg
И всё наша бабочка готова.
Автор: OlgaUnger

+1

4

ДОПОЛНЕНИЯ К УРОКУ:
- Для управления кривизной контура при рисовании пользуйтесь клавишами Ctrl, Alt, Esc.
При нажатии Ctrl можно подергать усики кривой и исправить кривизну линии (для плавных изгибов). Если нужен перелом линии - кликните по нужной точке с зажатой клавишей Alt. С зажатой клавишей Alt можно изменять угол поворота кривой (острый угол). Когда закончили преобразования своего контура, нажмите Esc - все управляющие усики спрячутся. Чтобы вновь сделать контур активным - нажмите на него с зажатым Ctrl.

- Нет необходимости дважды рисовать контур - для заливки и обводки контура картинки. Можно контур один раз рисовать и сделать сперва заливку, а на другом слое - выше заливки - обводку.

- После того, как сделали обводку и заливку, контур можно удалить из палитры Paths - чтоб новый элемент не рисовался на том же "слое" в Paths. Если считаете, что контур может вам еще потом понадобиться, можно сохранить его в Paths. Для этого достаточно просто дать ему имя ;) (двойной щелчек ПКМ по path-су и в окошке ввести имя). После этого создаем новый path и уже на нем начинаем рисовать новую деталь. и так же заливаем его на отдельном слое, а потом для него же делаем обводку - снова на новом слое.

Вообще - когда отрисовываете в фотошопе какую-то деталь, делайте 2 слоя - слой для заливки и слой для обводки, а контур при этом один.

- Еще лучше сразу сделать группировку слоёв (Group, вызывается нажатием Ctrl+G). В отдельные папочки разложить контуры, а в отдельную - заливку. Можно иначе - сделать отдельные папочки под конкретную детальку отрисовки - так их легче искать;

- Старайтесь делать как можно меньше точек по контуру, тогда и линии будут плавными.
Т.е. не ставьте точки на каждой точке излома, смотрите, как я нарисовала вот такой контур:

http://i008.radikal.ru/0710/93/8d7e66c870a9t.jpg

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

Вот еще пример, как ставить узловые точки:

http://i041.radikal.ru/0710/53/944f4f5f39b9t.jpg

- Чтобы линия при обводке контура была с одной стороны заостреная, сделайте вот такие настройки кисти:

http://v.foto.radikal.ru/0706/84/2f356e66ca3bt.jpg

А затем при обводке контура поставьте галочку напротив Simulate Pressure (Имитация нажатия):

http://i015.radikal.ru/0710/3e/46bd2e160296t.jpg

- Чтобы линия была заостренной с обоих концов контура, а в серединке утолщалась, кисть надо настроить так:
http://n.foto.radikal.ru/0701/6e78284f2d0at.jpg
и опять же поставить галочку напротив Simulate Pressure (Имитация нажатия) (картинка выше).
Результат:
http://n.foto.radikal.ru/0701/19a797aba7fat.jpg

Автор дополнения:Jasmin-Olya
_
________________

+1

5

Спасибо за урок, оказывается это и не так сложно!

0

6

а я не умею делать отрисовки

0

7

Ура!!! получился контур заострённый с обоих концов, а вот интересно а кисть можно сделать также и как?

0

8

Огромное спасибо всем, кто делится своими знаниями. Пошла трудиться,осуществлять свою мечту, благодаря вашему уроку. Спасибо!!!

0

9

спасибо за подробный урок

0


Вы здесь » Магия Фотошопа » Рисование » Уроки по отрисовкам