Художественная отрисовка фотошоп. Отрисовка в фотошоп для начинающих

Доброго времени!

Сегодня я хочу рассказать вам о новом сервисе от Яндекса, который позволяет сделать качественный скриншот экрана вашего компьютера. Данный сервис облегчит работу контент-менеджерам, копирайтерам при создании портфолио и всем фрилансером разных направленностей. Итак, давайте узнаем о главных способностях приложения.

По началу я подумал, что новое приложение от Яндекса будет называться «Яндекс скриншот», как это заведено у данного сервиса, но все оказалось по другому. В данный момент времени приложение может работать только под ОС Windows, но будем надеяться, что Яндекс в скором позволит делатьскриншот экрана и на других осях.

Если на вашем компьютере уже было установлено приложение «Яндекс-диск», то вам не нужно утруждать себя и скачивать приложение отдельно. Просто обновите «Яндекс-диск» и дополнение автоматически установится и появится в трее при нажатии правой клавиши мыши на значке диска. Делать скрины можно с помощью «быстрых клавиш»: как и в большинстве программ, в Скриншотах действует как просто кнопка ПринтСкрин (Print Screen, PrtScn, PrtScr или PrtSc , Prnt Scrn – варианты названия кнопки на разных клавиатурах), так и разные сочетания клавиш. Все довольно просто! При нажатии одной клавиши или комбинации клавиш, вы получаете четкий и не размытый скриншот экрана.

Возможности приложения

По результатам предварительной оценки данного приложения выяснились следующие возможности, они действительно интересные:
Каждый скриншот экрана сохраняется на Яндекс.Диске пользователя в специальной папке с одноименным названием. Соответственно, изображения доступны с любых устройств, на которых пользователь авторизован под своим аккаунтом;

• При желании, из этой папки картинки можно удалить, а можно и хранить их в свое удовольствие, пока они не потребуются.
• Как и во многих других сервисах, в этом приложении есть возможность обрезать кусок картинки.

Помимо указанных функций, приложение позволяет нанести на созданный скриншот экрана следующее:

• Стрелки (сплошную прямую и прерывистую изогнутую);
• Выделения разными фигурами;
• Выделения участков скриншота экрана полупрозрачным маркером;
• Размытую область для скрытия каких-то участков скриншота;
• Текст, причем на выбор предлагаются три шрифта: Arial, Georgia и Comic Sans. Текст можно писать на белой, черной «подложке» и без нее.
  Цвета стрелок, текста, «подложки» под текст, фигур можно изменять, для этого предложена палитра из 8 цветов. Еще изменяется толщина фигур и маркера (в трех вариантах).

Фактически, приложение совместило в себе сильно урезанную версию программы FastStoneCapture, позволяющую делать хорошие снимки экрана для размещения на веб-ресурсах, и что-то типа Floomby для «быстроскринов».

Недостатки, на мой взгляд, в приложении есть. Прежде всего, мне не понравилось, что размер шрифта изменить нельзя. Зато есть интересная функция «расширения» скрина в случае, если добавленные стрелки, текст и другие элементы выступают за его край. Картинка просто «дотачивается» белым фоном, чтобы поместился нужный элемент. В нашей следующей статье вы сможете узнать еще несколько способов того, .
Мне бы очень понравилась функция самоименования скриншотов, потому как изменять названия картинок в последствии не очень интересно. Но такой функции тоже нет Впрочем, ее нет и в тех программах, которые подвергались тестированию.

В качестве заключения

Приложение полезное и, что важно, бесплатное, ко всему, позволит сделать качественный скриншот экрана для любых нужд. Потому оно найдет себе множество поклонников. И рекламировать мне сервис не стыдно Но если у вас есть в арсенале другие любимые программы для создания скриншотов, делитесь их названиями в комментариях, обсудим. Кстати, картинка к данному посту сделана именно этим приложением!

if(function_exists("the_ratings")) { the_ratings(); } ?>

В этом уроке мы покажем, как буквально за 20-30 минут можно сделать прекрасный подарок в виде рисованного портрета. При этом совсем не обязательно обладать какими-либо художественными способностями. Нужна фотография, Photoshop и немного терпения.

Фотография Рисованная импровизация

Шаг 1.

Откройте Фотошопом фотографию-образец. Инструментом рамка (клавиша C ) скадрируйте фотографию. Установите необходимый размер изображения (клавиши Alt + Ctrl + i) , поставьте галку Сохранить пропорции . Мы рекомендуем установить разрешение 300 точек, это позволит с минимальными потерями масштабировать рисунок. Для удобства, скопируйте фотографию и вставьте в новый слой (нажмите последовательно Ctrl + A, Ctrl + C, Ctrl + V ). Это позволит перемещать фотографию между слоями.

Шаг 2.

Далее нам понадобится инструмент перо (клавиша P ). Этот инструмент позволяет создавать векторные изображения различного цвета. Причем цвет и прозрачность можно изменять в любой момент. Если курсором нажать на маленький треугольник на иконке перо , то откроются дополнительные инструменты, с их помощью можно редактировать уже нарисованное изображение (добавлять и удалять вершины, изменять угол). Под инструментом перо имеется инструмент стрелка (клавиша A ). С помощью стрелки можно перемещать вершины векторного рисунка. Создайте новый слой (клавиши Shift + Ctrl + N ). Перед тем, как начать создавать векторный контур, мы рекомендуем на палитре Слои убрать прозрачность для нового слоя, чтобы заливка не загораживала фотографию.

Обведите контур глаза.

Шаг 3.

Щелкните двойным кликом по нарисованному слою в палитре Слои . Появиться палитра цветов. Если перевести курсор с палитры на рисунок, то появится пипетка , ей можно выбрать цвет глазного яблока на фотографии. Нажмите Да . Также назначить цвет заливки векторного контура можно на палитре инструмента Перо , нажав на иконку Цвет .

На палитре Слои сделайте текущий слой непрозрачным на 100%.
В результате получится залитый белым цветом глаз.

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

Шаг 4.

Создайте новый слой (клавиши Shift + Ctrl + N ). Сделайте его прозрачным (см. Шаг 2.).
Чтобы нарисовать радужную оболочку глаза воспользуемся инструментом Эллипс. Выбрать инструмент можно на панели Инструменты , нажав на маленький треугольник на кнопке Прямоугольник или несколько раз нажав клавиши Shift + U , пока на панели не будет выбран Эллипс . Поскольку слой мы сделали прозрачным, нарисованный эллипс будет не залитым. Чтобы редактировать фигуру нажмите правую кнопку мыши и выберите Свободное трансформирование контура ( Ctrl + T). Когда эллипс будет готов, выберите для него заливку (см. Шаг 3.).
Аналогично нарисуйте зрачок.

Далее с помощью Пера (клавиша P ) отрисуйте все части лица. Не забывайте для удобства отключать видимость слоев. Также с помощью мыши на палитре Слои можно перемещать последовательность слоев. Результат должен быть примерно таким.

Если добавить контур на все лицо и поместить слой под остальные контуры, то получится следующая картина:

Шаг 5.

На этом шаге нам понадобиться размыть жесткие линии отдельных элементов.
Если вы внимательно посмотрите на радужную оболочку глаза предыдущего рисунка, то увидите, что она, в отличие от вашей заготовки, выглядит объемной. Это достигается благодаря затемнению края эллипса. Существует множество способов получения такого эффекта. Мы предложим один из них.

Совет: Чтобы не запутаться в слоях, рекомендуем упорядочить их. Для каждого логического элемента создайте группу (папку) и перенесите туда все слои к ней относящиеся. Иконка создания группы находится внизу палитре Слои . Также объединить слои в группу, можно выделив их (удерживая клавишу Ctrl) и нажав Ctrl + G . Чтобы переименовать группу достаточно дважды щелкнуть мышью на названии. Чтобы просмотреть содержимое группы, необходимо нажать на треугольнике слева от иконки в виде папки.

Щелкните дважды по слою радужной оболочки глаза правее от названия. Появится палитра Стили слоя . Нам понадобится пункт внутренне свечение.

Установки можно подобрать на свое усмотрение. Мы предлагаем следующие:
Режим – нормальный;
Непрозрачность – 60 %;
Цвет свечения – черный;
Метод – мягкий;
Размер – 35 пикселей (зависит от размера вашего рисунка).
Отметим, что данные настройки можно менять в любой момент. В пункте наложение цвета можно поменять цвет глаз.

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

Аналогичным способом можно размыть переходы остальных жестких линий, которые вы бы хотели смягчить. Но у данного способа есть недостатки. Переходы получаются слишком не естественными и подходят больше для правильных форм. Поэтому далее мы рекомендуем работать с растровыми инструментами.

Шаг 6.
Для создания плавных переходов произвольного размера, нам необходимо создать маску слоя. Выберите слой с элементом (в нашем случае это тень носа) и внизу палитры Слои нажмите кнопку добавить слой-маску .

Совет: Отключите все слои кроме редактируемого (нажмите Alt и глазок на палитре Слои ). Также вам понадобится фотография. Не забывайте, что слой с фото можно перемещать куда угодно. Если на глазок нажать правой кнопкой мыши, то появится меню выбора режима отображения. Можно показать все слои, кроме выбранного, только выбранный, а также назначить цвет для слоя, чтобы далее быстрее было его найти.

В слое появилась новая иконка. Нажатием левой кнопки мыши можно выбрать нужную (фигура, маска или контур), если нажать правой - появятся ее свойства. Выделите маску (белый прямоугольник). В том месте, где вы на фигуре в режиме маски нарисуете черным цветом, там фигура будет прозрачной. Чтобы вернуть непрозрачность – нарисуйте белым цветом. Для плавных переходов выберете кисть на панели инструментов (клавиша В ). Вверху на палитре подберите нужную кисть, отрегулируйте нужный диаметр и жесткость. Не забывайте назначить в палитре черный цвет для прозрачности или белый для возврата.

Редактируйте фигуру пока не добьетесь желаемого результата. Благодаря использованию маски мы всегда можем вернуться к исходному контуру и заново размыть границы. Также на палитре Слои можно выбрать прозрачность для всего слоя.

Шаг 7.
Теперь осталось дело за малым. Необходимо «припудрить» темные области для усиления объема.
Перейдите на слой с контуром всего лица. Дублируйте слой. Для этого на палитре Слои, правее названия нужного слоя, нажмите правой кнопкой, выберете Создать дубликат слоя . Дважды щелкните на прямоугольнике нового слоя, появится Палитра цветов . Выберете цвет теневых областей (примерно тот же, что мы использовали на контуре носа). Создайте маску для темного слоя (см. Шаг 6 ). У нас получилось два одинаковых слоя, но верхний темный с маской, а нижний светлый без маски.
На палитре Слои у темного слоя выберите маску (нажмите белый прямоугольник). На панели Инструменты выберите черный цвет, инструментом Заливка (клавиша G ) закрасьте слой. В итоге он будет прозрачным. Выключите видимость светлого слоя (нажмите на глазок ), так, чтобы нам была видна фотография.

Теперь, если белым цветом, при выбранной маске рисовать кистью по темному слою, мы будем наносить нужный тон.
Подберите кисть, желательно использовать большой диаметр (см. Шаг 6 ). Результат должен быть примерно таким.

Эту процедуру можно было сделать обычной кистью, но тогда заливка будет выходить за границу лица, а благодаря маске, мы можем четко затемнять только нужные области.
При необходимости можно добавить еще оттенки или через дублирование слоя, как мы только что сделали, либо обычной кистью. Когда закончите, включите светлый слой контура лица.

Шаг 8.

Стоит отметить, что совершенствовать рисунок можно до бесконечности. Все зависит от желания и времени. Можно нарисовать брови и ресницы кистью «волосок». Добавить дополнительный фильтр, поэкспериментировать с окраской глаз и т.д. Мы же ограничимся заливкой заднего фона.

Я заметил что у многих проблемы с отрисовкой векторов в фотошопе. У кого то линии получаются ломанные и кривые. Кто то вообще рисует кисточкой, полагая что делает векторные объекты.
А пока что - векторы в фотошопе.

Основные вопросы которые будут рассмотрены в этом уроке:

1. Инструменты для создания векторов в Photoshop.
2. Иллюстрированный пример отрисовки простейшего объекта.

Графический редактор Adobe Photoshop подходит для создания простых векторных рисунков, довольно удобными средствами. Конечно он проигрывает специализированным программам вроде CorelDRAW, но многие уже привыкли к нему, да и Корел довольно сложен в изучении (особенно самостоятельном)
Что же такое - векторный рисунок?
Он представляет собой множество объектов, из которых, подобно мозаике складывается картинка. В отличии от растровых рисунков, векторные можно изменять без потери качества. Например растягивать, сжимать, перекрашивать, менять форму объектов.
ВАЖНО - рисунок сохраненный в формате JPG теряет свои векторные свойства. И превращается в растровый.
Формат при котором векторные свойства сохраняются - PSD. (в фотошопе)

Единственные векторные инструменты в Фотошопе - это Перо Безье ака pen tool, freeform pen tool, и другие из этой серии. Также векторными являются геометрические фигуры (Oval tool, Rectangle tool, Ellipse tool etc.)

ВАЖНО: прочие инструменты, например Brush tool (кисть), Pencil tool (карандаш) и другие - являются РАСТРОВЫМИ и не подходят для рисования в векторной технике.

Итак, мы узнали о том, какими инструментами пользоватся. Теперь поподробнее о самой технике отрисовки.

Начнем естественно с выбора фотографии. ИМХО для первого вектора подойдет любой простой объект. Например - пачка сигарет, кружка, CD-диск и прочие вещи, несложные в построении.
С лиц, человеческих фигур, машин и сложных предметов лучше не начинать. Запутаетесь и только испортите идею.

Для примера я взял фотографию листочка %) Очень маленького размера.
ВАЖНО: гораздо удобнее работать не применяя фильтр Posterize, как это описанно в уроке на Демиарте

Чтобы было удобнее рисовать приблизьте изображение. Затем щелкните в первой точке вашего будущего контура инструментом pen tool.
Сделайте вторую точку на контуре и изогните линию (щелчок, затем не отпускайте кнопку мыши и потяните линию в сторону).
Всего двумя точками (которые называются кстати Anchor point) мы приблизительно повторили форму одной стороны листочка.

Затем делаем третью точку на контуре (у основания листочка). Они автоматически соединятся линией. Но к сожалению она изогнется совсем не по форме, которая нам нужна.

Чтобы нам было удобнее отредактировать форму контура изменим настройки прозрачности слоя с вектором, покрутив регулятор Opacity

Далее мы нажимаем кнопку Alt, и тянем за "рога" - направляющие вектора. Эти "рога" растут из Anchor point"s. Тянем за них и придаем приблизительно правильную форму. Кстати курсор должен принять форму "уголка", когда его наводишь на "рога" при зажатом альте.

Таким же образом отрисуем оставшиеся листики. А заодно поменяем цвет. Цвет меняется легко и просто - даблклик на квадрат в слое с вектором.
Основную фотографию скроем, нажав на "глаз" в слоях. Он нам больше не нужен - ведь контур мы уже обвели.

Создаем новый слой, заливаем его белым. Получаем маленькую картинку с отрисованным листочком. С плавными линиями.=) Векторную))

Но нам неожиданно захотелось увеличить ее во много раз) Если бы рисунок остался растровым (каким был вначале) то пришел бы пиздец - кривой и пиксельный.
У нас же получилось так (применили Image-Image size-700 пикселей)

Вуаля! Качество сохранилось, линии получились плавными, файл вектора не увеличился ни на килобайт.

Дальше я не стал прорисовывать, но понятно что точно теми же приемами прорисоваются и детали и блики и тени объекта.
Нарисовал общий контур - скрыл слой с ним - нарисовал тень - скрыл слой с ней - сделал блик и детали - открыл все слои и получился рисунок.

Возможно я описал что-то непонятно. Или не получается сделать какое то действие. Задавайте вопросы в каменты. Лучше спросить чем сделать говно.

Надеюсь что ваши работы теперь станут качественнее.

Здравствуйте, уважаемые читатели журнала PhotoCASA!
Сегодня с вами я, Анна Задворнова, с новым уроком, в котором я расскажу, как отрисовать портрет. Итак, начнем!
Для начала открываем исходное изображение.
Идем в Кривые.

Далее Выборочная коррекция цвета, выставляем значения:
КРАСНЫЙ: голубой +4, пурпурный –9, желтый +7, черный –2.
ЖЕЛТЫЙ: голубой –13, пурпурный –3, желтый +3, черный +3.
ГОЛУБОЙ: голубой +15, пурпурный –6, желтый –60, черный +7.
СИНИЙ: голубой +100, пурпурный –55, желтый –84, черный +11.
НЕЙТРАЛЬНЫЙ: голубой –2, пурпурный –2, желтый –1, черный 0.
ЧЕРНЫЙ: голубой –1, пурпурный 0, желтый –1, черный 0.
Объединяем все слои в один ctrl+alt+shift+E, идем в фильтр Color efex pro 4 и накладываем эффект Detail extractor.
Выставляем значения: detail extractor 32%, contrast 0%, saturation 0%, effext radius (Large).

Дублируем этот слой и аккуратно на нем прорисовываем.
Для этого берем инструмент Палец и выбираем специальную кисть мазками (нужно скачать). Прорисовываем по линиям лица, волос, одежды и так далее, меняя диаметр и интенсивность кисти.

Объединяем слои в один, берем инструмент Микс-кисть, все значения выставляем 20% и проходимся по коже.

Создаем новый слой, режим наложения Перекрытие. Белой 5% кистью прорисовываем блики и свет на лице, волосах и одежде, черной кистью прорисовываем тени.

Объединяем слои в один, идем в фильтр portraiture, пресет выставляем medium, через черную маску проходимся белой кистью только по коже.

Объединяем все слои в один ctrl+alt+shift+E, идем в фильтр Color efex pro 4, и накладываем несколько эффектов:
1. Detail extractor. Выставляем значения: detail extractor 10%, contrast 0%, saturation 0%, effext radius (Large);
2. Darken/Lighten center: shape 2, center luminosity 25%, border luminosity –40%, center size 63%, opacity 69%;
3. Ink: color set 1, strenghtn 12%, opacity 31%;
4. Photo stylize (varitone): stile 1, strengtn 28%, opacity 8%.
Идем в Уровни, выставляем значения, как на скриншоте.

Создаем слой Выборочная коррекция цвета, ставим значения:
КРАСНЫЙ: голубой –3, пурпурный –4, желтый +8, черный 0.
ЖЕЛТЫЙ: голубой –12, пурпурный –5, желтый +10, черный 0.
Цветовой тон/Насыщенность, выставляем значения:
КРАСНЫЙ: +1, +8, 0.
ЖЕЛТЫЙ: +1, +13, 0.
ГОЛУБОЙ: +3, +12, 0.
Далее выставляем Кривые, как на скриншоте.

Объединяем слои в один, идем в Фильтр > Усиление резкости > Контурная резкость. Выставляем значения: эффект 152%, радиус 3,2 px, изогелия 0.
Для тех, кто хочет фотокартину поярче и понасыщеннее, можно покрутить кривую в режиме Lab, что я и сделала.
В завершении объединим все слои в один ctrl+alt+shift+E, идем в Фильтр > Галерея фильтров > Текстура > Текстуризатор. Выбираем Известняк, масштаб выставляем 200%, рельеф 3, через белую маску протираем кистью 40% непрозрачности лицо, непрозрачность слоя выставляем 70%.