как пользоваться приложением adobe sketch
Часто задаваемые вопросы о Adobe Photoshop Sketch
Ознакомьтесь с ответами на самые распространенные вопросы о продукте Adobe Photoshop Sketch.
Важно:
С 19 июля 2021 года Adobe Photoshop Sketch больше не будет доступно для загрузки в Google Play и Apple App Store. Если это приложение у вас уже установлено, вы сможете продолжить использовать его до 10 января 2022 года. Чтобы обеспечить непрерывную работу с использованием аналогичных и расширенных возможностей, рекомендуем бесплатно попробовать Adobe Fresco. Ваши ресурсы из приложения Sketch будут автоматически перенесены при первом входе в Fresco.
В Adobe Photoshop Sketch совмещено вдохновение, возможность создания выразительных рисунков и ваше творческое сообщество на устройствах iPad, iPad Pro, iPhone, Android или Chromebook. Воплощайте свои идеи в эскизах и делитесь ими в Behance для мгновенного получения отзывов. Sketch подарит вам свободу в поиске вдохновения, предоставит возможность воплощения творческих замыслов и получения отзывов от коллег — где бы вы ни были.
Основные сведения
Sketch для iPad, iPad Pro, iPhone, устройств Android и Chromebook можно бесплатно загрузить в магазинах iTunes App Store и Google Play.
Приложение Sketch в настоящее время доступно на английском, французском, немецком, японском, итальянском, испанском, русском, корейском, португальском (Бразилия) и польском языках.
Актуальные системные требования см. на странице Sketch в магазине iTunes App Store или Google Play.
Нет. Приложение Sketch поддерживает работу с Adobe Ink и Slide, но для использования этого приложения не надо приобретать данное оборудование. Рисовать в приложении Sketch можно пальцем или любым пером, а также используя встроенную цифровую линейку.
Да. Кроме Ink, приложение Sketch поддерживает новейшие стилусы с датчиком давления Wacom, Pencil by FiftyThree и Apple Pencil.
Apple Pencil является единственным пером, которое поддерживается приложением Sketch на iPad Pro.
Требуется бесплатная или платная подписка Creative Cloud. Если вы еще не являетесь подписчиком, оформите бесплатную подписку Creative Cloud. Если вы пользуетесь Google Chromebook, создайте Adobe ID (если его у вас нет), а затем выполните вход.
Вы можете узнать подробнее о приложении Sketch с помощью следующих ресурсов:
Используйте один или несколько из следующих полезных ресурсов:
Войдите в приложение Sketch.
Вы также можете отправлять свои отзывы и вопросы из мобильного приложения:
Войдите в приложение Sketch.
Использование Adobe Photoshop Sketch
Ваши эскизы можно объединить в одном проекте. При работе с проектом вы можете изменить порядок эскизов или переименовать весь проект.
Акварельные кисти поддерживаются следующими устройствами:
Акварельные кисти недоступны в Sketch на iPad 2, iPad 3 и iPad 4.
10 советов по работе в Sketch
Я сравнительно недавно использую Sketch, но уже в восторге от этой программы. Поэтому я подумал и решил объединить в одную статью несколько приемов, которые я использую на ежедневной основе и которые помогли увеличить продуктивность моей работы в Sketch.
1. Копия стилей между слоями
⌘ + OPTION + C
⌘ + OPTION + V
Копируйте стили между слоями вместо того, чтобы копировать и вставлять hex коды цветов.
2. Перемещение слоев вверх и вниз
⌘ + OPTION + ↑
⌘ + OPTION + ↓
Передвигайте слои вверх и вниз в списке слоев с помощью шортката вместо перемещения вручную. Конечно, иногда проще это сделать мышкой, если, например, место, куда нужно переместить слои, находится вне поля зрения.
С легкостью перемещайте слои вверх и вниз с помощью шортката ⌘+ALT+↑ или ↓.
3. Инструмент выбора цвета
CTRL + C
Используйте инструмент выбора цвета в Sketch, чтобы узнать код любого цвета на экране.
4. Назначение различных радиусов углов
0/10/10/0
Полезный трюк, чтобы закруглить только необходимые углы. Верхний левый/Верхний правый/Нижний правый/Нижний левый.
5. Символ (symbol). Меняете в одном месте — меняется везде.
Используйте символы, используйте символы, используйте символы. Символ — это группа слоев, изменяя один из которых, изменяются все остальные.
Розовые папки в списке слоев означают, что это символ
Ниже представлен пример символа. Он заметно облегчает процесс работы над дизайном, так как пропадает трата времени на выполнения одинаковых заданий.
Символ (symbol). Меняете в одном месте — меняется везде.
Создайте символ, нажав на соответствующую иконку в панели инструментов
6. Настройка панели инструментов
Кликните правой кнопкой мыши на панель инструментов, чтобы настроить ее.
Не используйте выпадающие меню для тех вещей, которые вы используете чаще остальных. Настройте вашу панель инструментов, чтобы иметь мгновенный доступ к наиболее чаще используемым инструментам.
Кликните правой кнопкой мыши на панель инструментов, чтобы настроить ее.
Как может выглядеть ваша панель инструментов.
7. Мгновенный просмотр работ на вашем iOS устройстве
Скачайте приложение Sketch Mirror, чтобы посмотреть как будет выглядеть ваша работа на iPad или iPhone. Она всего лишь стоит 279 руб. в App Store. Полезна в тех случаях, если вы сомневаетесь, что кнопка или текст будут выглядеть слишком крупно или мелко на самом устройстве. Убедитесь, что ваше iOS устройство и компьютер подключены к одной сети wifi.
Откройте приложение Sketch Mirror на вашем iPhone или iPad для мгновенного просмотра ваших работ
8. Плагины
Если вы хотите получить доступ к множеству полезных плагинов для Sketch, то скачайте sketch toolbox. Она позволяет вам просматривать самые популярные плагины для Sketch. http://sketchtoolbox.com/
Вот какой плагин я вам советую.
Плагин генератор контента
Он позволяет мгновенно создавать ненастоящий контент, например, аватары, имена и тому подобное. https://github.com/timuric/Content-generator-sketch-plugin
9. Время презентации!
10. Запись с экрана iPhone и iPad
Это не прием для работы в Sketch, но все равно очень полезный…
Вы можете записать экран вашего iPhone или iPad с помощью QuickTime. Для этого нажмите Файл → Новая видеозапись. Затем нажмите на стрелку справа от кнопки запись и выберите iPhone или iPad. (Ваше устройство должно быть подключено по USB).
От переводчика. Для меня эти советы оказались действительно очень полезными. На то, чтобы перейти с Photoshop на Sketch, меня сподвигла эта статья. Привыкание к Sketch приходит буквально за один день работы по туториалам, которых в интернете предостаточно. Все проще, понятнее и быстрее. Удачной вам работы! Со всеми пожеланиями и замечаниями по поводу перевода прошу обращаться ко мне в личку. Спасибо!
Рисуем по фоткам помадой💄 и цветными мелками🌈 как блогеры🎨 Пошаговая инструкция 📝 Много кистей + работа со слоями со смартфона
Приложение Adobe Photoshop Sketch можно скачать бесплатно как на iPhone, так и на Android-смартфоны.
Сейчас хочу поделиться с вами пошаговой инструкцией такого рисования в Adobe Sketch на примере фото для моих отзывов о лосьоне для тела и хайлайтере, которые волшебным образом сочетаются между собой 💖
1. Открываем приложение и видим следующую страницу:
2. Выбираем вариант полотна для нашего будущего проекта:
3. Видим перед собой чистый лист для нашего будущего шедевра:
4. Сейчас мы видим, как наше фото добавилось на фон, который мы выбрали ранее.
Не переживайте по поводу того, что по бокам остались белые полосы. После того как фото будет обработано, эти рамки можно будет обрезать в любом привычном для вас фоторедакторе без потери качества.
5. Выбираем кисть, которая нам по душе.
Если нажать на «плюсик», вам откроется полный список кистей. Там сможете найти любую на ваш вкус 😊
6. Ну и теперь, собственно рисуем что душе угодно. Я нарисовала такое вот сердечко:
После этого сохраняем результат, экспортируем в галерею (третий справа значок вверху экрана). Лишние части обрезаем в любом другом редакторе. Я это делаю предустановленным редактором фото iOS.
Также, делюсь с вами моими другими фото, которые я обрабатывала в этом приложении.
Полное руководство по началу работы в Sketch (с бесплатной шпаргалкой)
Неважно, полный ли вы новичок, дизайнер на обучении, опытный профи, который переключается на новый продукт, – это статья для вас.
Во-первых, мы немного познакомимся со Sketch – что это такое, чем он завоевал свою популярность, как получить бесплатную триал-версию и установить приложение на Mac. Во-вторых, изучим интерфейс Sketch, я поясню основы и покажу некоторые фишки и приемы. В-третьих, мы коснемся более продвинутых функций приложения (кривые Безье, блендинг особенно впечатляют).
И, наконец, я поделюсь качественными ресурсами по Sketch, включая бесплатную шпаргалку на 99 пунктов, с которой очень удобно учиться работе в приложении. Звучит неплохо?
1. Почему Sketch?
Некоторое время после релиза в 2010 году Sketch расценивался как легковесный инструмент для редактирования графики, с помощью которого дизайнеры UI и UX могли быстренько прототипировать дизайн приложений.
Но за последние годы Sketch значительно развился – и его возможности сейчас выходят далеко за рамки создания макетов экранов. Как молодой продукт, созданный специально под нужды сегодняшнего дня, в нем нет всего этого ненужного мусора, как в наборе продуктов Adobe Creative Cloud.
Сейчас Sketch гордо продается как визуальным, мобильным, иконочным, веб и продуктовым дизайнерам – и я думаю, это всего лишь вопрос времени, пока его разработчики, Bohemian Coding, с уверенностью не начнут ориентировать свой продукт и на иллюстраторов и художников.
Что такое Sketch?
Sketch – одна программа из группы под названием “векторные графические редакторы”. Другие представители этой категории – Adobe Illustrator, CorelDRAW и OpenOffice Draw.
Векторный редактор отличается от пиксельных (растровых) редакторов. В пиксельном графическом редакторе (например, Adobe Photoshop, GIMP или Microsoft Paint), когда вы рисуете фигуру, сохраняется масса данных о каждом пикселе, что со стороны выглядит как круг:
Но в векторном редакторе вроде Sketch сохраняется только математическая основа самой фигуры. На практике это означает, что вы можете масштабировать вектор, сколько угодно и никогда не увидите никакой потери в качестве изображения. Дизайнеры и иллюстраторы обычно отдают предпочтение исключительно векторам, потому что их всегда можно конвертировать в пиксели. Куда сложнее пойти обратным путем.
В Sketch, только если вы не вставите пиксельную графику, например, фото, все слои векторные. Каждый объект состоит из опорных точек и кривых, которые можно просмотреть и отредактировать, кликнув дважды на фигуре. Но мы к этому еще вернемся!
Все хорошее – компактно
Более того, постоянная программа Bohemian Coding по улучшению ПО означает, что, когда появляются баги, их довольно быстро фиксят.
Официальный соперник Sketch, Adobe Illustrator, существует на рынке с 1987 года (!) и остается стандартом в индустрии традиционных дизайн-студий. Но для дизайнеров новой генерации Sketch дает огромную возможность изучить основы и достичь отличных результатов.
Учиться дизайну в Sketch быстро, окупаемо, и весело!
2. Начало работы в Sketch
Сначала скачайте Sketch
Если вы совсем новичок, посетите страничку Getting Started на официальном сайте Sketch. Sketch будет работать на любом Mac-е с OS X El Capitan (10.11) или выше, и вы можете скачать бесплатную 30-дневную триал-версию.
Постарайтесь не заблудиться в интерфейсе
Когда работаете в Sketch, большую часть времени вам придется смотреть на вот такой экран. Это скриншот с надписями на основных разделах интерфейса и пояснением, что они делают.
Вот более детальное объяснение функционала каждого раздела:
Далее, ознакомьтесь с некоторыми важными командами
a. Создание артбордов
Когда вы открываете Sketch первый раз, у вас будет пустой канвас. Первым делом, вам наверняка захочется создать артборд, что позволит держать дизайны в порядке. Вы можете создавать столько артбордов, сколько хотите, на одной странице.
Чтобы создать новый артборд, нажмите “Insert” на панели инструментов, затем выделите “Artboard”, кликните на прямоугольник и перетяните мышкой на холст. Или же можете просто нажать “A” на клавиатуре, а затем кликнуть и потянуть.
b. Рисование фигур
Проще всего начать рисовать фигуры посредством горячих клавиш. (Не забудьте, впереди вас ждет шпаргалка из 100+ горячих клавиш!)
С помощью кнопки “Insert” в панели инструментов вы можете получить доступ к большему набору разных фигур типа звезды, многоугольника, треугольника и т.д. Вот тут я рисую звезду:
с. Выравнивание и распределение объектов
Когда я только начал работать в Sketch, я влюбился в их кнопки выравнивания и распределения, которые живут вверху панели Инспектора. Вот что они делают:
Распределить по горизонтали
Уравнивает горизонтальные отступы между выделением из 3 или более объектов.
Распределить по вертикали
Уравнивает вертикальные отступы между выделением из 3 или более объектов.
Выравнивание по левому краю
Выравнивает левые края 2 или более выделенных объектов.
Выравнивание по горизонтали
Выравнивает горизонтальные центры выделения из 2 или более объектов.
Выравнивание по правому краю
Выравнивает правые края 2 или более выделенных объектов.
Выравнивание по верху
Выравнивает верхние края 2 или более выделенных объектов.
Выравнивание по вертикали
Выравнивает вертикальные центры выделения 2 или более объектов.
Выравнивание по низу
Выравнивает нижние края 2 или более выделенных объектов
Эти команды выполняют две критически важные функции. Во-первых, они помогают вам работать эффективно, так как вы можете быстро создать кучу объектов и затем выровнять и распределить их равномерно всего за пару кликов. Теперь никаких отчаянных перетаскиваний объектов точно в нужных пиксель! И, во-вторых, они помогают очистить композицию в конце дизайн-процесса, так как вы точно знаете, что все элементы точно позиционированы и распределены, все на своих местах.
Вот пример, как я использую выравнивание по левому краю (кнопка “Align left”):
d. Дублирование слоев и артбордов
В Sketch очень легко дублировать слои и артборды. Кликните правой кнопкой мышкой на любом объекте, выберите опцию “Duplicate”, чтобы создать копию поверх оригинала. Как вариант, просто выделите объект и нажмите команду + D, или просто удерживайте alt, а затем перетяните объект, который хотите скопировать. Вот я дублирую свою звезду:
Дублирование артбордов также важно в налаживании продуктивного дизайн-процесса. Дублируя артборд после каждого важного изменения, вы всегда можете легко вернуться на более раннюю версию без необходимости пользоваться опцией “Undo” сотни раз:
e. Еще несколько подсказок по главным опциям в Sketch
Эта серия советов по Sketch поможет освоить программу и улучшить свою продуктивность:
И, наконец… проработайте эти уроки по Sketch. Они на русском языке
Серия уроков от Marc Andrew
Создание мобильных приложений в Sketch от Marc Andrew
Если вам нужны еще уроки и советы по началу работы в Sketch, вы найдете их в разделе “Дополнительные ресурсы” в конце этого поста.
3. Более продвинутые приемы работы в Sketch
Как только вы справитесь с основами, настанет время перейти к более продвинутым возможностям, доступным Sketch-пользователям!
Освоение кривых Безье
Как я упоминал ранее, Sketch – это векторный графический редактор, а это значит, что все объекты в Sketch состоят из точек и кривых. Чтобы ощутить всю ценность Sketch, вам нужно научиться управлять этими точками и кривыми. Это позволит вам рисовать сложные фигуры, например, орнаментированные буквы, с нуля.
Питер Новел написал шикарную статью о работе с кривыми Безье. Он описывает важные принципы работы с этим видом объектов, поясняет разницу между разными элементами управления, дает практические советы по работе с этим векторным инструментом в Sketch. Ознакомьтесь!
Создание символов
Sketch позволяет создавать собственные “символы”. Это означает, что вы можете сохранить слой или группу слоев как символ, и затем вставлять его в документ, как если бы это была простая фигура.
Особенными символы делает то, что вы можете кликнуть дважды на “сущности” символа, отредактировать “главный” символ, и все сущности этого символа в документе будут автоматически обновлены. На этой GIF-ке я создаю символ в форме листочка, вставляю еще две его сущности, и затем меняю непрозрачность родительского символа. Посмотрите, как остальные меняются:
Продвинутые опции ресайза
Когда работаете с сгруппированными объектами, может понадобиться, чтобы объекты в группе вели себя по-разному при ресайзе. Для каждого объекта внутри группы Sketch позволяет выбрать свой метод ресайза.
Вот возможные опции:
Детальнее о режимах блендинга
Режим блендинга (смешивания) определяет, как цвета одного слоя взаимодействуют со слоями под ним. Сейчас Sketch предлагает 15 разных режимов смешивания. Если вы – пользователь Photoshop, возможно, вы уже знакомы с некоторыми из них. В этой отлично иллюстрированной статье Маурицию Уехара описан каждый режим, а также приемы по созданию потрясающих эффектов с их помощью.
Использование Sketch для печатного дизайна!
Для тех, кто быстрее и более продуктивно работает в Sketch, имеет смысл подготавливать и печатные документы в этой программе вместо какого-то специализированного пакета вроде Adobe InDesign. В этой потрясающей статье Питер Новелл поясняет, как использовать Illustrator для подготовки PDF, который был создан в Sketch для печати.
Испытайте свои навыки в этих мини-проектах
Вы дочитали аж до этого места, так почему бы не опробовать ваши новые навыки, пытаясь воспроизвести парочку мини-проектов в Sketch? Начните с простого – воссоздания иконки Google Docs. Затем попробуйте нечто более сложное.
Создание иконок в Sketch
Создание иллюстраций в Sketch
4. Дополнительные ресурсы
Обязательно для изучения
Скачайте шпаргалку из 99 горячих клавиш для Sketch!
Если эта статья показалась вам полезной, почему бы не скачать эту шпаргалку? Сохраните эту PDF-ку на компьютере для быстрых справок, или ее можно распечатать и прикрепить на стене у монитора.
Как вам Sketch? Как ваши успехи в работе с этой программой? Делитесь в комментариях!
Как сделать мазки акварели на фото как в инстаграме?
Многие видели в инстаграме оригинальные акварельные штрихи на фото. Это могут быть произвольные линии или целые слова. Как сделать мазки на фото? Давайте разберемся.
Перо художника
Для этого нам потребуется скачать бесплатное приложение Adobe Sketch на айфон или адроид. Программа доступна в официальных магазинах AppStore и Google Play. Что делать после того, как приложение закачалось на телефон?
Как сделать на фото мазки краски:
Сорви овации
Будьте самыми стильными! Используйте супер эффекты:
Еще куча лайфхаков, секреты обработки, лучшие фильтры, о том, как сделать радугу на лице, как наложить текст, сделать правильную раскладку на фото собраны в нашей общей статье. Кликайте на картинку!
Теперь вы знаете, где и как сделать мазки на фото как у многих в инстаграме. Добавляйте вашим фото особой уникальности. Пускай они набирают огромное количество лайков.
Спасибо за ваше потраченное время
Мазки на фото в Инстаграм
Все популярнее в социальных сетях посты, на которых есть мазки на фото. В Инстаграм блогеры так прикрывают НЮ, ставят крестики и галочки на коллажах или просто делают красивые надписи.
Сделать мазки на фото в Инстаграм можно прямо на телефоне, помогут приложения
Самое популярное и простое — Adobe Sketch. Оно есть и для андроидов, и для айфонов. Также для рисования есть приложение Artecture, но оно более сложное. Поэтому советую пользоваться первым, его функционала хватает за глаза.
Скачиваем Adobe Sketch в магазине приложений, устанавливаем на телефон. Добавляем слой изображения и выбираем нужную фотографию из галереи. Очень удобно, что можно выбрать файл и из облачных сервисов — Дропбокса, Яндекс. Диска.
Выбираем слой эскиза и слева подходящую кисточку. Рисуем.
Сохраняем свой шедевр в галерею телефона и добавляем в Инстаграм, в пост или сторис. Только без фанатизма, надо делать мазки на фото с умом и красиво, не превратите ваш снимок в смешной рисунок.
Ну, и помним, что обрабатывать фотографии можно и на компьютере: Фотошоп и другие графические редакторы (в том числе и онлайн) вам в помощь!
App Store: Adobe Photoshop Sketch
Вы странствующий художник? Adobe Sketch поможет проявить свои творческие наклонности везде, где вас посетит вдохновение. Мы позаимствовали мощную кисть в Photoshop и снабдили ею ваш iPhone и iPad. Ручки, карандаши и акварели кажутся настоящими, в том числе избранное от мастера кисти Kyle T. Webster. Творите на холстах и меняйте их размеры до 8K, чтобы получить превосходное качество печати. Хотите продвигать свое искусство? Отправляйте свои многослойные файлы в Adobe Photoshop CC или Adobe Illustrator CC одним касанием, используя учетную запись Creative Cloud. Покажите свой процесс создания цифрового рисунка в автоматически записываемом покадровом видеоролике.
Особые возможности
• 24 встроенных кисти регулируемого размера, цвета, наложения и прозрачности
• Доступ к тысячам кистей Photoshop, импортированных в Sketch
• Профессиональный рост с увеличением размера холста — вплоть до восхитительно печатаемого 8k
• Смешение фотографий со слоями рисунков — перекомпоновка, переименование, преобразование и объединение
БОЛЬШЕ МЕСТА ДЛЯ ХРАНЕНИЯ (дополнительная покупка в приложении)
Если вам нужно больше места для хранения файлов Creative Cloud, у вас есть возможность приобрести дополнительные 20 ГБ за 1,99 USD в месяц. Регулярные платежи будут автоматически списываться с вашего счета учетной записи iTunes. Чтобы отказаться от сервиса, просто зайдите в настройки своей учетной записи и отключите автоматическое продление не менее чем за 24 часа до окончания платежного периода. Пропорциональная оплата не предусмотрена — при отключении автоматического продления обслуживание будет продолжаться до конца расчетного периода в текущем месяце.
Важная информация
Вам должно исполниться не менее 13 лет, и вы должны согласиться с условиями и политикой конфиденциальности Adobe, доступными по адресу:
http://www.adobe.com/ru/special/misc/terms.html
http://www.adobe.com/ru/privacy/policy-linkfree.html
Для использования мобильных приложений и онлайн-сервисов Adobe требуется регистрация для получения бесплатного Adobe ID. Службы Adobe Online требуют наличия интернет-соединения, доступны не во всех странах и не на всех языках и могут быть изменены или отменены без уведомления.
Если вам нравится программа Adobe Sketch, поделитесь своим мнением с другими пользователями! Ваше мнение важно для нас!
Adobe Sketch. Универсальна для творческих
Adobe Sketch — универсальная программа для всех творческих людей
На первый взгляд приложение кажется достаточно простым, но на практике имеет мощный интерфейс. На него, например, переходят многие веб-дизайнеры, ведь полноценный Sketch создан специально для UX/UI специалистов.
Apple объявила новый конкурс для владельцев iPhone Apple разрабатывает Apple Pencil с Touch ID и камерой
Портативная версия для iOS порадует 24 встроенными кистями — разумеется, можно регулировать их размер, цвет, наложение и прозрачность. Можно создать 1000 и один слой, чтобы добиться нужного результата.
В качестве слоя можно загрузить свое изображение из галереи. В Sketch есть трафареты для наложения кривых и фигур, включая прямые линии и круги, а также сетки с перспективой — они помогут вам в оформлении работы.
Свои проекты можно импортировать из Sketch в Adobe Photoshop CC или Adobe Illustrator CC одним касанием, используя учетную запись Creative Cloud. Так вы сможете продолжить работу на ПК.
Кроме того, программу облюбовали Инстаграм-блогеры: в ней они делают стильные акварельные мазки, которые стали трендом в последнее время. Так что даже если вы не художник — Sketch может вам пригодиться.
Создаем эффект карандашного наброска на фотографии в Фотошоп / Фотошоп-мастер
В этом уроке я собираюсь показать вам, как создать экшн с карандашным наброском для Adobe Photoshop с необычной фишкой.
Этот эффект является частью экшена с карандашным наброском, который можно приобрести на Envato Market.
Скачать архив с материалами к уроку
1. Добавляем фото девочек
Создайте новый документ размером 850 на 636 пикселей. Конечно, вы можете выбрать иной размер для PSD-документа, но вам придется пропорционально изменять размеры всего, что есть в этом уроке. В документ поместите изображение девочек.
2. Добавляем порванную бумагу
Шаг 1
Я прикрепил PNG-изображение бумаги, которым вы можете воспользоваться. Но если вы хотите сделать свою текстуру разорванной бумаги, то это достаточно просто. Вы можете взять кусок плотной бумаги или картона и неаккуратно разорвать его, чтобы получить кусочек такой формы, как вы хотите. Затем поместите его на плоскую поверхность, желательно контрастного цвета (например, черного, если бумага белая).
Сфотографируйте кусок бумаги при помощи фотоаппарата или телефона. Снимок должен быть сделан четко над куском бумаги, дабы мы в результате получили нужную нам перспективу.
Шаг 2
Загрузите снимок на компьютер и откройте его в Photoshop. При помощи инструмента Magic Wand (Волшебная палочка) выделите кусок бумаги и удалите фон.
Шаг 3
Скачайте изображение клочка бумаги и поместите его на новый слой.
Шаг 4
Нажмите Ctrl + T, чтобы вращать клочок бумаги. Поместите его над той областью, которую вы хотите превратить в карандашный набросок.
Шаг 5
Дважды нажмите Ctrl + J, чтобы создать две копии слоя с клочком бумаги. Назовите их «torn paper 1» и «torn paper 2» («порванная бумага 1» и «порванная бумага 2»).
Шаг 6
Добавьте стиль слоя Drop Shadow (Тень) к оригинальному слою с клочком бумаги. Цвет тени — #000000.
Drop Shadow (Тень):
3. Создайте четыре копии слоя с девочками
Шаг 1
Нажмите Ctrl + J четыре раза, чтобы создать четыре копии слоя с девочками, назовите их Girls 1, Girls 2, Girls 3 и Girls 4 (Девочки 1, 2, 3 и 4).
Шаг 2
Зажмите клавишу Ctrl и выделите все слои с девочками на панели слоев. Поместите их над слоем с клочком бумаги.
4. Воспользуйтесь фильтрами Размытие в движении и Тушь
Шаг 1
Отключите видимость всех слоев-копий кроме слоя Girls 1.
В качестве основного цвета выберите белый, а фонового — черный.
Шаг 2
Теперь, выбрав слой Girls 1, нажмите Filter > Sketch > Graphic Pen (Фильтр > Галерея Фильтров > Эскиз > Тушь). Настройки фильтра, как на изображении ниже, но если вы воспользовались другим фото, то, возможно, настройки потребуется изменить.
Настройки фильтра на скриншоте:
Шаг 3
Нажмите Filter > Blur > Motion Blur (Фильтр > Размытие > Размытие в движении). Смещение: 1 пиксель.
5. Воспользуйтесь фильтрами Тушь и Шум
Шаг 1
Включите видимость слоя Girls 2, режим наложения измените на Multiply (Умножение), непрозрачность на 30%.
Шаг 2
Нажмите Filter > Sketch > Graphic Pen (Фильтр > Галерея Фильтров > Эскиз > Тушь). Настройки фильтра, как на изображении ниже, но если вы воспользовались другим фото, то, возможно, настройки потребуется изменить.
Настройки фильтра на скриншоте:
Шаг 3
Нажмите Filter > Noise > Add Noise (Фильтр > Шум > Добавить шум). Эффект: 43%
6. Воспользуйтесь фильтром Ксерокопия
Шаг 1
Включите видимость слоя Girls 3, режим наложения измените на Multiply (Умножение), непрозрачность 100%.
Шаг 2
Нажмите Filter > Sketch > Photocopy (Фильтр > Галерея Фильтров > Эскиз > Ксерокопия).
Настройки фильтра на скриншоте:
7. Воспользуйтесь фильтром Акварель
Шаг 1
Включите видимость слоя Girls 4, режим наложения измените на Color (Цветность), непрозрачность 100%.
Шаг 2
Нажмите Filter > Artistic > Watercolor (Фильтр > Галерея Фильтров > Имитация > Акварель). Пока можете скрыть видимость слоя Girls 4.
Настройки фильтра на скриншоте:
8. Создайте кусочек наброска при помощи Обтравочной маски
Зажмите клавишу Ctrl и выделите слои Girls 1, Girls 2, Girls 3 и Girls 4. Кликните правой кнопкой мыши по выбранным слоям и выберите Create Clipping Mask (Создать обтравочную маску).
9. Создайте рваный край у бумаги
Шаг 1
Включите видимость слоя Torn Paper 1, режим наложения измените на Multiply (Умножение), непрозрачность — на 57%
Шаг 2
Включите видимость слоя Torn Paper 2. Кликните по кнопке добавления слой-маски на панели слоев, чтобы добавить маску к слою Torn Paper 2.
Шаг 3
Создайте новый слой под слоем Torn Paper 2 и залейте его белым цветом.
Шаг 4
Кликните по миниатюре слой-маски слоя Torn Paper 2. Нажмите Image > Apply Image (Изображение > Внешний канал).
Шаг 5
Нажмите Image > Adjustments > Levels (Изображение > Коррекция > Уровни) и измените настройки на такие же, как на скриншоте ниже. Входные значения: 56, 1.81, 67
При помощи кисти вы можете рисовать белым цветом внутри слоя Torn paper 2, если хотите усилить эффект рваного края.
Шаг 6
Удалите слой с белым фоном, чтобы увидеть эффект.
Шаг 7
С нажатой клавишей Ctrl щелкните по слоям Torn paper 1 и Torn paper 2. Затем, кликните правой кнопкой мыши по выбранным слоям и нажмите Create Clipping Mask (Создать обтравочную маску).
10. С легкостью перемещайте эффект наброска
Если вы хотите превратить в набросок другую часть своего рисунка, просто зажмите клавишу Ctrl, а затем щелкните по слоям Torn paper 1, Torn paper 2 и Torn paper.
При помощи инструмента Move (Перемещение) измените положение кусочка бумаги.
Поздравляю! Вот и все!
В этом уроке вы научились создавать эффект наброска на фотографии в Photoshop с вашими снимками всего за несколько шагов.
Автор: John Negotia
что выбрать для разработки интерфейсов? / Habr
Последние лет двадцать самым популярным графическим редактором для дизайнеров оставался Adobe Photoshop. Однако, недавно первенство компании Adobe на рынке инструментария для digital дизайнеров пошатнулось, в 2012 году компания Bohemian Coding выпустила Sketch. Sketch – это профессиональный векторный графический редактор, заточенный непосредственно под создание графических интерфейсов: веб, мобильных приложений, десктопных программ и прочих. На данный момент актуальной версией является Sketch 3. За эти 3,5 года компания Bohemian Coding проделала огромную работу по улучшению своего продукта, зафиксило множество багов, наростило функциональность и собственно выростила серъезного конкурента Photoshop. Сразу хочу внести важную ремарку: я не рассматриваю Sketch как непосредственного конкурента Photoshop. Однозначно, назначение этих программ изначально разное, соответственно, то, что для одного будет преимуществом, для другого может быть серъезным недостатком. Поэтому правильно было бы сделать не сравнительный обзор, как это делают многие, а осветить основные преимущества и свойства каждого из редакторов для конкретного кейса.
Назначение
Именно поэтому считаю корректным первым пунктом показать назначение каждой из программ.
Photoshop в основном работает с растровыми изображениями, однако имеет некоторые векторные инструменты. Он незаменим для ретуши фото, обработки изображений. Но функционал предназначенный для работы с векторной графикой в нем достаточно условный. Многие поклонники Adobe возразят мне, но тогда возникает логичный вопрос: зачем в арсенале Adobe есть отдельный векторный редактор Illustrator, если Photoshop умеет все? Именно наличие двух интерфейсов усложняет работу и требует дополнительного времени при решении задач по работе с векторной графикой.
Sketch же изначально заточен на работу с вектором, поскольку разработка интерфейсов подразумевает создание прототипов, фреймворков, иконок, UI-элементов, а зачастую эти элементы должны быть векторными.
Таким образом, чтобы выбрать каким из редакторов пользоваться, нужно понять, какие задачи придется решать с помощью данного инструментария.
Стоимость
Вторым по счету, но не по значимости, параметром для выбора того или иного редактора является стоимость и способ оплаты данного программного обеспечения. Приобрести Photoshop можно исключительно по подписке! Стоимость ежемесячного использования редактора составляет 20$, и для разных регионов эта цифра может изменяться. Но суть остается та же. В отличии от Adobe компания Bohemian Coding пошла по обратному пути: Sketch продается за 99$, это единоразовый платеж и все обновления пользователь получает бесплатно. Возможно в дальнейшем финансовая стратегия компании изменится, но пока они завоевывают рынок таким образом. Именно этот фактор, наверняка, сыграет роль в масштабах компании. Хотя и для фрилансеров немалозначимым является финансовое планирование своих ресурсов.
Мультиплатформенность
Еще одним значимым аргументом в выборе инструментария для дизайнеров станет платформа, на которой работает тот или иной софт. В нашей компании дизайнеры работают исключительно на Mac устройствах и большинство front-end разработчиков тоже. Поэтому тот факт, что Sketch существует исключительно для OS X, не стал для нас проблемой. А вот для дизайнеров, в распоряжении которых Windows устройства, это явно не решабельный вопрос. Конечно, можно заморочиться и поставить эмулятор OS X на винде, однако ничего путнего из этого может не получиться, максимум вы загрузите свой процессор и операционную систему обработкой ненужных процессов. В отличии от Sketch, Photoshop имеет отдельные версии для Windows и OS X. Поэтому в вопросе мультиплатформенности неизменным лидером остается Adobe Photoshop. Но, опять-таки, то, что на первый взгляд кажется недостатком, является сильным преимуществом в конкретных условиях. Поскольку Sketch существует только под Mac, в нем весь создаваемый контент отрисовывается с помощью средств маковской оси, используется стандартный графический движок от Apple. Именно этим разработчики добились максимальной продуктивности и быстроты работы.
Быстродействие и объем загрузочного файла
Являясь нативным Cocoa приложением, Sketch по минимуму использует нестандартные интерфейсные элементы, поэтому он имеет маленький объем. Загрузочный файл весит всего около 22 Мб. Он достаточно хорошо оптимизирован, в отличии от Photoshop, объем установочного файла которого составляет около 1 Гб.
Интеграция
Важным моментом для любого инструментария является его способность интеграции с другим софтом. Например, после того, как макет сайта полностью проработан и готов к передаче в отдел front-end разработки, становится вопрос непосредственно самой передачи исходников для дальнейшего развития проекта. На сегодняшний день и Sketch, и Photoshop имеют серьезные средства интеграции. Оба редактора могут экспортировать материалы в софт для коммуникации между разработчиками и дизайнерами, такие как Avocode, Zeplin и прочие. Если рассматривать этот кейс для компании, то данное решение крайне важно, оно помогает сэкономить деньги на дополнительные экземпляры графических редакторов для front-end разработчиков.
Обучение
Если вы решили освоить Photoshop или расширить свои знания о данном графическом редакторе, то в вашем распоряжении масса образовательных источников. Существуют обучающие ресурсы как платные, так и бесплатные. Качество материалов также очень сильно разнится: от примитивных статей неавторитетных авторов до идеально структурированных последовательных видеоуроков квалифицированных профессиональных тренеров. В силу того, что Sketch относительно молодой софт, то и количество обучающих ресурсов не сравнимо меньше, чем у Photoshop. И, как правило, это платные материалы. Например, на известном образовательном ресурсе Udemi менее 40 курсов по Sketch. Однако, уже существуют и обзор от практиков Sketch. Надеюсь, со временем количество обучающих метриалов в сети будет увеличиваться прапорционально с ростом популярности графического редактора Sketch.
Конкуренция – двигатель прогресса
15 лучших бесплатных приложений для рисования на телефонах, смартфонах и планшетах
15 лучших бесплатных приложений для рисования на телефонах, смартфонах и планшетах
Научится рисовать никогда не поздно и неважно сколько лет и какой пол. Одно приложение способно заменить годы занятий в художественной школе. Пошаговое обучение или эффектные каракули, рисование на фото или создание эскиза для слоя — все в ваших руках.
ВСЕ КУРСЫ ОНЛАЙН подобрали лучшие бесплатные приложения и программы для рисования на мобильных телефонах, смартфонах и планшетах на Android и iOs системах.
ibis Paint X
Скачать приложение для Android, для iOS
Adobe Photoshop Sketch
Скачать приложение для Android, для iOS
Набросок
MediBang Paint
Скачать приложение для Android, для iOS
PaperDraw
Скачать приложение для Android, похожее для iOS
Autodesk SketchBook
Скачать приложение для Android, для iOS
Learn to Draw Tutorial
Универсальное приложение научит рисовать ребенка и взрослого. Содержит библиотеку художественного материала с различными степенями сложности. Задание состоит из пошагового эскиза и учит рисовать по основным линиям. Работает при отсутствии интернета, занимает мало места, полноценно работает на мобильных устройствах. Пятьсот тысяч скачиваний. Рейтинг — 4,1.
Скачать приложение для Android, похожее для iOS
FlipaClip
Скачать приложение для Android, для iOS
Как рисовать 3d рисунки
Скачать приложение для Android, похожее для iOS
PicsArt Color
Скачать приложение для Android, для iOS
Cool Art Drawing Ideas
Скачать приложение для Android, похожее для iOS
Научиться Рисовать по шагам
Скачать приложение для Android, похожее для iOS
Kids Doodle
Скачать приложение для Android, похожее для iOS
Рисовалка FP sDraw
Скачать приложение для Android, похожее для iOS
Учимся рисовать карандашом
Скачать приложение для Android, похожее для iOS