Как нарисовать схему в фотошопе: РИСУЕМ ПЛАН В ФОТОШОПЕ. ВИДЕОУРОК

Содержание

РИСУЕМ ПЛАН В ФОТОШОПЕ. ВИДЕОУРОК

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

Я не обещаю, что такие статьи как моя самая популярная “Про шкаф мечты” будут появляться каждую неделю , так как они занимают очень много времени на подготовку,  но постараюсь их писать регулярно.

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

А сегодня я покажу еще один “трюк” фотошопа. Это я прямо раскрываю “все тайны” закулисной работы, и рассказываю, как черчу свои красивые планировки тоже в ФОТОШОПЕ! В конце статьи вы найдете самый настоящий видео ролик на эту тему – добро пожаловать!

Да-да… и такое возможно.

Еще 4 года назад в статье “РИСУЕМ ПЛАН НА КОМПЬЮТЕРЕ”, где перечислены все фавориты на сегодняшний день из компьютерных программ, я упоминала о том, что программы из пакета Adobe – хорошие заменители бумаги и карандаша.

Т. е. наш экран монитора становится своеобразным листом А3 формата, а наша мышка становится карандашом.

Единственное НО – чтобы нарисовать план комнаты, который будет красиво выглядеть, а не просто из кубиков состоять – надо небольшую подготовительную работу провести – создать свой  набор мебели.

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

В моей практике работа в ФШ не отменяет черчение от “руки” и строительные архитектурные планы по ГОСТу, просто я очень люблю такую подачу для концептуальных решений.

Делюсь от чистого сердца:)

Планы в фотошоп можно “нарисовать” настолько красивые, подробные и удобные – насколько хватит вам терпения, усидчивости и желания.
Главный вопрос, который вы должны будете задать себе – зачем мне это надо сейчас, что я хочу нарисовать на плане.
И в путь!

Какие знания необходимы перед началом работы – ВСЕ, о которых мы уже говорили: знания о масштабе, о том как строить планы комнат, и конечно, знание фотошопа. Так как честно скажу, что в уроке я не объясняю совсем БАЗОВЫХ знаний о том, как пользоваться программой.

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

А такие планы совсем не стыдно показать не только строителям, но друзьям, товарищам!
Их можно хранить сколь угодно времени, дополнять в зависимости от “развития ситуации”, усложнять в зависимости от “задач”.

Смотрим видео мастер класс о том как нарисовать план комнаты в Фотошопе.

Мой помощник в создании электрических схем – GIMP | Электрик по-жизни

Привет, друзья!

Электросхемы для статей я всегда рисую сам в графическом редакторе типа Photoshop, а точнее в программе GIMP. Рисовать схемы в графическом редакторе не очень удобно, зато получается всегда очень наглядно.

Схема подключения Вольтамперметра

Схема подключения Вольтамперметра

Почему не Photoshop?

Photoshop платная, профессиональная программа, против неё ничего не имею, но зачем нарушать закон, если не хочешь платить за лицензию.

Почему GIMP?

  • GIMP находиться в свободном доступе и с открытым исходным кодом https://www.gimp.org/, к тому же, ни сколько не хуже Photoshop.
  • Операционная система Linux мне нравиться больше, чем Windows, а на Linux устанавливается только графический редактор Gimp, но можно, конечно, поставить и Photoshop, но это будет нарушение лицензии потому, что платить я не хочу, дополнительные заморочки и большие затраты ресурсов ПК.
  • Кроме того, иногда приходиться пользоваться моим мини-компьютером Raspberry Pi, а на нём тоже установлена операционка Linux.
  • Поэтому мой осознаный выбор графический редактор Gimp и меня это очень даже устраивает.

Что случилось с GIMP?

Когда в очередной раз открыл Гимп, был удивлён. Вместо знакомой загрузки графической среды …

Привычная среда Gimp

Привычная среда Gimp

Появилось такое вот окно …

Обновленный Gimp

Обновленный Gimp

Стало быть, обновился до версии 2.10, хорошо обновления всегда интересны.

Вот такой Гимп стал теперь внутри.

Внутренняя структура программы Gimp

Внутренняя структура программы Gimp

Ничего не напоминает?

Вылитый Photoshop, как-то не очень мне нравится эти серенькие ярлычки инструментов в левом верхнем углу.

Конечно, Gimp всегда был похож на Photoshop, но старая панель инструментов была информативна и ярче.

Как считаете?

Старая панель инструментов

Старая панель инструментов

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

Обнаружу ещё что-то интересное в Gimp, напишу.

На этом сегодня всё.

Спасибо, что дочитали статью до конца.

Надеюсь статья была вам полезна и интересна.

Понравилась статья, ставьте палец вверх.

Хотите следить за новостями, подписывайтесь на наш канал.

Отрисовка схемы проезда в Illustrator

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

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

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

Поиск подходящей карты

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

Откройте новый документ в программе Illustrator. И нажмите — Редактирование/Вставить… или сочетание клавиш CTRL+V. Теперь, фотографию нужно выровнять и заблокировать от перемещений.

Прорисовка основных элементов схемы

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

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

Цвета вашей карты, по возможности, должны сочетаться с цветами макета. Она может состоять из нескольких цветов или быть вовсе черно-белой. Направления движения основные пункты в основном изображаются красным цветом.

Подписи улиц, номеров домов, достопримечательностей.

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

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

Добавление значков и стрелок на схеме проезда.

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

Если вы не знаете на каком транспорте и откуда человек будет добираться, но стрелку можно не рисовать или сделать несколько версий пунктиром.

Такая отрисованная схема проезда используется при создании макета и ставится рядом с адресом и контактами. Глядя на такую схематическую карту, человеку легче сориентироваться на местности и найти нужное место.

Видео урок:


Как самому нарисовать схему проезда в Иллюстраторе.

Рисование схемы проезда в другом, более упрощенном стиле, можно посмотреть здесь.

(Visited 15 363 times, 1 visits today)

Как нарисовать реалистичный самолет | Photoshop

Что мы будем создавать

В этой статье мы опишем основы создания графического изображения Boeing P 26A Peashooter — истребителя, разработанного в США между Первой и Второй мировыми войнами.

Peashooter по праву занимает свое место в истории самолетостроения как первый цельнометаллический истребитель, построенный в США. А его яркая раскраска делает P 26A привлекательным для дизайнеров и иллюстраторов.

Ресурсы

Для выполнения заданий этой статьи использовались перечисленные ниже ресурсы. Прежде, чем приступать к работе, вам нужно их скачать. Если какие-либо ресурсы будут недоступны для скачивания, то вам придется поискать для них замену.

  • P-26a;
  • P-26a с другого ракурса;
  • Небо под крылом 01;
  • Океан под крылом 01;
  • ВВС США;
  • Кисти P26.

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

Чтобы обеспечить наиболее точное отображение мелких деталей, я выбрал максимально большой холст, который компьютер может обрабатывать без серьезных проблем — 5000 на 3337 пикселей:

Перед тем как приступить к работе, нам нужно собрать всю необходимую информацию. Я нашел в сети изображение летного костюма пилота того времени, схему раскраски самолета, а также изображение истребителя:

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

Рабочие материалы, расположенные на одном холсте

Чтобы материалы было просто просматривать, нам нужно продублировать этот холст и расположить объекты вокруг рабочей области. Перейдите в Окно> Упорядочить> Новое окно. Создайте копию холста, измените размер оригинала и копии и разместите их с левой стороны экрана. Теперь с помощью инструмента «Масштаб», мы можем посматривать одновременно различные части холста с рабочими материалами:

Продублируйте холст

Расположите холсты вокруг рабочей области

Активируйте инструмент «Кисть», установите размер 4 пикселя и набросайте простой эскиз самолета. Он не должен быть точным, нам достаточно будет того, чтобы в эскизе были соблюдены пропорции самолета и его расположение в композиции.

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

В процессе работы вам, возможно, потребуется изменить размеры холста:

Предварительный эскиз

Длина фюзеляжа составляет четыре длины моторного отсека

Размеры холста были изменены, чтобы на нем поместились элементы в оригинальных пропорциях

Детальный эскиз

Закончив предварительный эскиз, мы можем перейти к раскраске. Выберите слой Line Art и уменьшите его непрозрачность до 10%, сделав его практически невидимым. Ниже него мы будем создавать новые слои для каждой из основных частей самолета.

На данном этапе особое внимание следует уделять получению правильной формы элементов раскраски, используйте инструмент «Масштаб», чтобы четко отрисовать края:

Схематичный набросок, готовый для раскраски

Уменьшите непрозрачность наброска до 10%

Закончив с раскраской самолета, мы переходим к добавлению неба для предварительной визуализации всей сцены. Установив линию горизонта над водой, добавьте для элементов раскраски самолета простые тени. Затем установите Cloud brush и нарисуйте с ее помощью скопления кучевых облаков над поверхностью воды.

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

Добавление основного фона и скоплений облаков

Добавление мелких деталей для облаков

Закончив с основным фоном, вернитесь к слоям самолета и для каждого по очереди нажмите иконку «Сохранить прозрачность пикселей». Таким образом, слои сохранят свою текущую окраску. Используйте поочередно крупную и среднюю мягкие кисти, чтобы окрасить все элементы в естественные оттенки. Используйте в качестве ориентира рабочие материалы:

Снимите фиксацию прозрачных пикселей и приступите к добавлению естественных оттенков

Мы приступаем к добавлению краев листов обшивки и заклепок. Тонкой кистью в 3 пикселя нарисуйте несколько линий краев обшивки и заклепок, а затем скопируйте, переместите и измените их в соответствии с изображением рабочих материалов. Обращайте внимание на мелкие детали, так как в изображениях самолетов особо ценится точность и идентичность.

После того, как вы закончите с обшивкой, полностью отключите видимость слоя предварительного эскиза Line Art:

Добавление краев листов обшивки и заклепок

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

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

Удерживая нажатой клавишу Ctrl, кликните по миниатюре слоя последнего круга, чтобы создать контур выделения. Не затрагивая контур, удалите слой, с помощью которого он был создан, а затем выберите расположенный ниже, больший и более темный круг. Теперь нажмите клавишу Delete, чтобы удалить центральную часть круга и оставить только кольцо. Повторите этот процесс, пока не создадите все кольца.

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

Используйте инструмент «Произвольная фигура», чтобы задать предварительную форму шасси

С помощью дубликатов кругов и последующего удаления их центральных частей создайте несколько колец

Создайте несколько различных колец, как показано на изображении из рабочих материалов

Для каждого слоя по очереди добавьте простые тени и небольшие участки ржавчины

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

Создав все элементы, включите для слоев тросов опцию «Сохранить прозрачные пиксели» и добавьте тень для тросов снизу от крыла:

Добавьте стальные ригели и их крепежные отверстия. Добавьте также хромированный отблеск для заклепок

Добавьте соединительные перемычки между ригелями и сотрите области, в которых они пересекаются с ригелями

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

Теперь переходим к пропеллеру. Нарисуйте темную монтажную пластину над белым шкивом мотора в центре, а также несколько крепежных болтов. Можно нарисовать один слой болта, а остальные просто продублировать.

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

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

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

Нарисуйте механизм крепления лопастей пропеллера, в том числе болты, которые скрепляют его две половины

Добавьте цилиндрическую центральную часть

И в завершении на новом слое, расположенном выше слоев других элементов, нарисуйте круглое короткое цилиндрическое устройство

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

Объедините все слои механизма пропеллера в один, за исключением деталей, которые остаются неподвижными. Например, монтажная пластина и ее болты. Затем создайте прямоугольное выделение вокруг механизма крепления лопастей и примените «Радиальное размытие» с настройками, приведенными на рисунке ниже.

Измените метод размытия с «Кольцевого» на «Линейный» и задайте относительно низкое значение размытия, чтобы эффект был довольно тонким. Примените этот фильтр, и вас получится механизм крепления лопастей пропеллера в движении:

Выделите прямоугольную область вокруг центральной части механизма крепления лопастей

Используйте «Радиальное размытие» с относительно невысоким значением, метод размытия – «Кольцевой»

Примените «Радиальное размытие», чтобы создать иллюзию движения механизма крепления лопастей

Теперь мы можем добавить сами лопасти. Они вращаются быстрее, чем центральная часть механизма крепления, поэтому эффект размытия должен быть более сильным.

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

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

Используйте относительно мягкую кисть и приблизительно нарисуйте острую вытянутую фигуру вращающихся лопастей

Добавьте выделение, охватывающее полностью лопасти пропеллера, и снова откройте диалоговое окно «Радиальное размытие». Примените метод размытия «Кольцевой», но на этот раз с гораздо более высоким значением

Сотрите части размытых лопастей, которые перекрывают механизм крепления, и используйте мягкую кисть с непрозрачностью 100%, чтобы подправить края лопастей

Теперь нам нужно доработать другие элементы корпуса Р-26. Добавьте красные и белые полосы на хвостовом руле, при этом проследите, чтобы количество полос строго соответствовало оригиналу. Теперь объедините слои, которые составляют обтекатель шасси и само колесо, и продублируйте этот слой.

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

Поместите дубликат шасси ниже всех других существующих слоев и сделайте его темнее. Также добавьте красные полосы на хвосте и нарисуйте заднее колесо

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

Чтобы изобразить солнечный свет, освещающий верхнюю часть фюзеляжа, осветлите эту область

Теперь мы можем добавить другие детали самолета. Такие как передняя радиомачта и трос управления хвостовым рулем:

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

Такие самолеты маркировались номером и изображением головы индейца на задней части фюзеляжа. Эти элементы часто наносились с очень низким уровнем точности. Поэтому нарисованные вами элементы также должны выглядеть соответственно:

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

Нарисуйте голову индейца, при этом стараясь, чтобы изображение выглядело нарисованным грубо, как это было в реальности

В слое, расположенном под слоем предварительного эскиза, нанесите цвета раскраски головы индейца

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

Добавьте зеркальные блики на освещенной стороне металлических поверхностей и вмятины на обшивке самолета

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

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

Добавьте впадины в задней части фюзеляжа, края закрылков и опознавательные знаки на нижней поверхности крыла

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

Чтобы исправить это, сотрите часть облаков, чтобы под ними проявилась поверхность озера:

Эффект »пола» из облаков делает всю композицию лишенной разнообразия цветов

Сотрите часть облаков

Теперь возьмите Wave Brush (кисть «Волна») и нарисуйте волнующуюся поверхность озера, а также отражения облаков на дальнем плане:

Нарисуйте с помощью Wave Brush волнующуюся поверхность озера

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

Закрепите на разных слоях элементы фигуры пилота

Визуализируйте каждый элемент по очереди, начиная с изношенной кожи летной куртки

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

Как видно по моему предварительному эскизу, в изображении должен присутствовать второй самолет (на дальнем плане). Он придаст композиции глубину. Для простоты продублируйте существующий самолет и измените размеры копии, а затем переместите ее в положение позади основного P-26.

Затем внесите несколько небольших изменений, чтобы новый самолет отличался от основного; инвертируйте размытые лопасти пропеллера и уберите номер «13» с фюзеляжа:

Продублируйте самолет на другом месте. Обратите внимание, что на фюзеляже отсутствует номер «13»

С помощью корректирующих слоев «Цветовой тон/Насыщенность» и «Яркость/Контрастность», измените внешний вид самолета, чтобы он выглядел летящим намного дальше и хуже видимым за легкой дымкой:

Корректирующие слои «Цветовой тон / Насыщенность» и «Яркость / Контрастность» можно использовать, чтобы добавить слабую дымку, за которой самолет хуже виден

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

Я также немного подкорректировал цифру «13» с учетом перспективы:

Скорректируйте перспективу для цифры «13», а также добавьте дополнительные элементы, такие как цифра «45» и небольшой механизм на хвосте

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

Задав указанные параметры для стиля «Внешнее свечение», добавьте светлые участки для наиболее освещенных частей самолета

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

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

На данном этапе мы вносим еще одно незначительное изменение — затемняем разноцветные полосы на хвосте, чтобы они не так бросались в глаза:

Перед экспортом изображения сведите все слои, перейдя в Слои> Выполнить сведение и измените размер изображения в соответствии с подходящим для публикации форматом. В нашем случае для публикации в Сети идеально подойдет размер 900 на 541 пиксель. Наше изображение завершено, его можно экспортировать в любой формат:

В этой статье мы научились создавать изображения, для которых нужно умение работать с перспективой, а также умение визуализировать различные материалы и проявлять внимание к деталям:

Данная публикация является переводом статьи «How to Draw a Realistic Aircraft in Photoshop» , подготовленная редакцией проекта.

пошаговая инструкция. Рисуем рамку Как нарисовать красивые рамки

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

В нашей инструкции мы расскажем и покажем, как правильно изображать рамку для картины, фото или рисунка. Следуйте инструкции и у вас все получится. Вам понадобятся: лист бумаги; карандаш; ластик; линейка;
Шаг 1

Основа

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

Граница

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


Шаг 3

Углы

Углы рисуем в виде диагональных линий.

На одной линии они расходятся в противоположные стороны.

Нижние должны быть продолжением верхних.

Можете приложить линейку, и провести диагональные линии. Затем стереть лишние, и оставить только углы.


Шаг 4

Внутренняя часть

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

Между этой линией и границей находится еще один прямоугольник. Его рисуйте, не нажимая на карандаш.


Шаг 5

Объем

Чтобы придать рамке объем, рисуем прямоугольники на очень маленьком расстоянии друг от друга.

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


Шаг 6

Верхний и нижний узор

Узоры рисуйте маленькими изогнутыми линиями. Их наклон должен быть в одну сторону.

Возле углов линии становятся все меньше и меньше. Старайтесь не выходить за границы. Рисуйте без нажима, чтобы в случае ошибки можно было легко стереть деталь.


Шаг 7

Корректировка

На данном этапе просмотрите рисунок и подкорректируйте его. Придайте рамке нужную форму и сотрите ненужные детали.


Шаг 8

Узоры по сторонах

Заканчиваем рисунок узорами слева и справа. Эти линии должны быть горизонтальными, но слегка изгибаться вверх.

Шаг 9

Раскрашиваем

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


Шаг 10

Чтобы знать, как нарисовать рамку в Ворде, нужно знать, где искать эту функцию. В ворде 2007 эта кнопка располагается на панели быстрого доступа. Эта панель находится в верхнем левом углу окна. Посмотрите на нее. Изначально эта функция скрыта, но давайте вместе с вами научимся вставлять текст в рамку в Ворде.

Шаг 1

Найдите вверху окна Ворд панель быстрого доступа и нажмите по ней правой кнопкой мыши.

Шаг 2

В появившемся меню выберите пункт «Настройка панели быстрого доступа».

Шаг 3

В окне «Параметры Word» с правой стороны в выпадающем меню «Выбрать команды из» выберите «Команды не на ленте».

Шаг 4

Хорошо. Дальше находим в этом большом списке «Вставить рамку», а после жмем рядом на кнопку «Добавить >>>».

Шаг 5

Применяем изменения, нажав на кнопку «ОК».

Шаг 6

Теперь на панели быстрого доступа Ворд появилась кнопку «Вставить рамку». Выделите текст, который вы желаете вставить в рамку, а затем нажмите на кнопку «Вставить рамку».

Если вы желаете изменить внешний вид рамки, то нажмите по ее границе правой кнопкой мыши и выберите в меню «Границы и заливка».

Если не знать, то сложно догадаться, куда разработчики программы отправили эту функцию. Я бы подумал, что эта кнопка должна бы находиться на вкладке «Вставка», но, как видим ее там нет. Хотя теперь мы знаем, как нарисовать рамку в Ворде. Может еще что-нибудь поищем? Переходите к другим урокам. До скорых встреч.

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

С другой стороны, вопрос не такой уж простой. Что это был бы за «Фотошоп», если бы он не смог предложить своим пользователям дюжину вариантов рамочного оформления картинок? Однако перейдем к делу. Редактор открыт?

Выполнить обводку

Проще всего воспользоваться прямым предложением программы, которое недвусмысленно намекает нам, как в «Фотошопе» сделать рамку. Это команда «Выполнить обводку», и вы найдете ее в меню «Редактирование», но прежде нужно, конечно, выделить свое изображение (Ctrl + A).

В диалоговом окне выбираем параметры (ширину, цвет, расположение, режим наложения, непрозрачность) и жмем OK. Рамка готова. Только если выберете «Снаружи», нужно прежде зайти в «Изображение» > «Размер холста», где увеличить документ с учетом желаемой толщины рамки или вызвать трансформацию (Ctrl + T) и уменьшить размеры самого изображения.

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

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

Обводка как стиль слоя

Нарастив с учетом обрамления холст на фотографии (или размеры нового слоя по ней), выбираем команду «Обводка» в списке «Стиль слоя» в меню «Слои» или щелкнув по иконке Fx на панели слоев внизу. Выбрав положение снаружи, заполняем рамку-обводку цветом, градиентом или узором. Добавляем другие стили по вкусу. Это может быть внутренняя тень, тиснение или внутреннее свечение. Перебирая параметры различных стилей, можно добиться определенного эффекта, но вариантов здесь немного, тем более что рамка простовато-строгая (прямоугольная).

Используем готовые стили

Неплохая рамка для фото в «Фотошопе» может получиться, если воспользоваться стандартными предустановленными стилями («Окно» > «Стили»), которые, кстати, можно создавать самому или скачивать в Сети.

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

Возможности фильтров

Вполне приличная рамка в «Фотошопе» может быть создана с помощью эффектов галереи фильтров.

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

Затем инвертируем выделение («Выделение» > «Инверсия») и включаем быструю маску, щелкнув по иконке с пунктирным колечком в самом низу панели слоев или выбрав команду «Редактировать в режиме быстрой маски» с меню «Выделение».

Теперь переходим в «Фильтр» > «Галерея фильтров» и подбираем какой-нибудь эффект, манипулируя его настройками и наблюдая за предварительным результатом в окне просмотра.

Нормально работает, например, эффект «Стекло» или «Океанские волны» в группе (папке) «Искажение»; эффекты «Разбрызгивание» и «Аэрограф» в группе «Штрихи»; «Рваные края» в группе «Эскиз».

Выбрав вариант по вкусу, выключаем маску повторным щелчком по ее кнопке, жмем Delete, снимаем выделение (Ctrl+D) и придирчиво смотрим на результат. Если с цветом что-то не так, открываем двойным щелчком по нижнему слою «Параметры наложения», и, выбрав «Наложение цвета», устанавливаем нужный тон.

Если вернуться назад и на этапе включенной маски выбрать «Фильтр» > «Оформление» > «Фрагмент», а затем продублировать эффект несколько раз, выключить маску и удалить выделенное, результат тоже не разочарует.

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

Создаем пустую рамку с нуля

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

Документ создан. Выделяем его полностью (Ctrl + A), включаем инструмент выделения «Прямоугольная (или овальная) область», создаем внешний контур рамки. Затем на панели настроек вверху переключаемся на режим «Вычитание из выделенной области» и выделяем контур внутренней стороны рамки. Теперь инвертируем выделение («Выделение» > «Инверсия») и жмем Delete.

Все, болванка готова. Теперь можно обрушить на нее всю мощь инструментов редактора — от простой заливки (цветом, узором, градиентом) до фантастической стилизации.

Интересные результаты получаются при использовании предустановленных стилей («Окно» > «Стили») групп «Эффекты для текста», «Кнопки», «Текстуры», «Web-стили».

Некоторые стили можно использовать в комбинации с заливкой, если выделенную рамку (Ctrl + клик по миниатюре в палитре слоев) скопировать на новый слой (Ctrl + J).

Закругляем углы

Как в «Фотошопе» сделать рамку с закругленными краями? В принципе, все то же самое, что и в предыдущем шаге, только здесь мы создаем выделения для рамки из контуров фигур.

Включаем инструмент «Прямоугольник с закругленными углами», на панели настроек вверху слева переходим в режим «Контур», на той же панели задаем радиус закругления, растягиванием — оба контура рамки, переходим на вкладку «Контуры» («Окно» > «Контуры»), жмем на иконку с пунктирным колечком («Загрузить контур как выделенную область»), инвертируем выделение («Выделение» > «Инверсия») и жмем Delete. А дальше действуем по аналогии с прямоугольной рамкой.

Склонность к творчеству можно угадать у пользователя, которому интересно, как нарисовать рамку в «Фотошопе», а не создать ее. Такие личности, владея пером и кистью, могут сотворить собственные контуры рамки, используя изложенные выше варианты оформления.

Может быть, для начала воспользуемся стандартным набором векторных фигур в «Фотошопе»?

Готовые варианты

В качестве рамки можно использовать многие из предустановленных рисунков в списке «Фигура», который появляется на панели настроек при включении инструмента «Произвольная фигура».

Но и готовые фигуры рамок тоже неплохо смотрятся, тем более что в двухцветных вариантах к вашим услугам параметры «Заливка» и «Штрих», в каждом из которых можно изменять «Чистый цвет», «Градиент» или «Узор». Как видите, для творческих задач с тем, как в «Фотошопе» сделать рамку, нет пределов для фантазии.

Кроме того, рамки можно украшать (дополнять) другими готовыми фигурами (в том числе узорами), выбрав на панели настроек вариант «Объединить фигуры» (кнопка со смежными квадратиками с подсказкой «Операции с фигурами»).

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

Теперь фоновый слой можно удалить (или прикрыть ему глазик), и, перейдя в меню «Файл», «Сохранить для Web» c расширением PNG.

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

Это средний по сложности урок. Повторить этот урок может быть затруднительно и взрослым, поэтому не рекомендую рисовать рамку по этому уроку маленьким детям, но если есть большое желание — то можно и попробовать. Также хочу отметить урок « » — обязательно попробуйте повторить его, если у вас останется время и желание рисовать сегодня.

Что понадобится

Для того, чтобы нарисовать рамку нам может понадобиться:

  • Графический редактор GIMP. Нужно скачать GIMP для Windows и установить его.
  • Скачать кисти для GIMP , они могут пригодиться.
  • Могут понадобиться некоторые дополнения (инструкция как их устанавливать).
  • Немного терпения.
  • Хорошее настроение.

Поэтапный урок

Кстати, кроме этого урока советую обратить своё внимание на урок « ». Он поможет повысить ваше мастерсово или просто доставит немного удовольствия.

Совет: выполняйте разные действия на разных слоях. Чем больше слоёв вы сделаете — тем проще вам будет управляться с рисунком. Так набросок можно сделать на нижнем слое, а беловой вариант на верхнем и когда набросок будет не нужен, то можно будет просто отключить видимость этого слоя.

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

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

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

Он позволяет автоматически добавлять рамку изображению, но только строго определённую, несложную рамку. Мы же научимся рисовать красивые рамки вручную. Вот как это делается.

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

2. Открыв изображение, мы должны увеличить размер холста. Дело в том, что для создания рамки требуется дополнительная область, иначе рамка перекроет само изображение. В выпадающем меню Изображение выберите пункт Размер холста.

В нём понадобятся параметры размера холста — Ширина и Высота. Первым делом нажмите на кнопку с изображением скрепки справа от этих параметров, чтобы получить возможность независимого редактирования ширины и высоты изображения. Теперь увеличьте значение параметров Ширина и Высота ровно на 100 пикселей каждый: например, значения параметров были 330×500 пикселей, а теперь задаём 430×600 пикселей. После этого необходимо нажать кнопку Отцентрировать, чтобы имеющееся изображение поместить в центр увеличенного холста. Нажимаем кнопку Изменить размер в нижней части окна — и получаем наше изображение на увеличенном холсте.

Подсказка. Вы понимаете, что, увеличивая длину и ширину холста на 100 пикселей, мы делаем толщину рамки равной 50 пикселям, так как в обоих направлениях существует две планки рамки. Если у вас крупное изображение (например, 2000×1500 пикселей) или вы просто хотите сделать рамку шире, следует увеличивать холст не на 100, а на 200 — 400 пикселей.

3. Мы получили дополнительную область, позволяющую создать в её пределах рамку. На панели Слои создайте новый слой со стандартными параметрами (для этого необходимо нажать кнопку Создать новый слой и добавить его в изображение, а затем в появившемся окне параметров нового слоя просто нажмите кнопку ОК).

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

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

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

После этого в выпадающем меню Выделение выберите пункт Инвертировать (он позволяет обратить выделение, сделать невыделенные области выделенными и наоборот). Таким образом, мы выделили область рамки, не затрагивая само изображение.

4. Теперь необходимо сформировать внешний вид рамки. На панели инструментов выберите инструмент Градиент. В качестве смешиваемых цветов градиента установите Цвет переднего плана на тёмно-серый, а Цвет фона на светло-серый. Для того, чтобы изменить цвет просто щёлкните по одному из квадратиков и в появившемся окне выберите нужный цвет (верхний квадратик — это цвет переднего плана, а нижний — это цвет фона). Нажмите ОК. Перейдите на панель Слои, поставьте тип градиента Основной в фоновый (RGB).

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

Для удобства и для того, чтобы линия была ровная можно добавить Вертикальную направляющую. В выпадающем меню Изображение выберите подменю Направляющие, а далее пункт Направляющая (в %). Проведите линию градиента вдоль направляющей. Линия будет прилипать к ней, и не будет искривляться.

Если в пункте 3 вы всё сделали правильно, то градиент должен отобразиться лишь на рамке изображения, а сама фотография им покрываться не должна. В результате изображение должно выглядеть так:

Снимите выделение (в выпадающем меню Выделение выберите пункт Снять), и удалите направляющую (выпадающем меню Изображение в подменю Направляющие выберите пункт Удалить направляющие).

5. Сделаем рамку фактурной. В выпадающем меню Фильтры подгруппы Имитация, выберите фильтр Холст со следующими параметрами:

Задав необходимые параметры, нажимаем кнопку ОК и получаем изображение, как на рисунке.

6. Создадим лёгкий зрительный образ рамки. В выпадающем меню Фильтры в подгруппе Декорация, выберите пункт Добавить фаску. В появившемся окне настройки параметров фильтра для параметра Толщина задайте значение 14, а также уберите галочку опции Работать с копией (для того чтобы продолжать работать с основным изображением).

7. После выполнения вышеперечисленных шагов мы получаем изображение в красивой рамке.

Закрываем изображение, экспортируем и сохраняем.

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

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

Узнайте, как нарисовать русалку, фею, цветы. В статье вы найдете подробное описание того, как сделать рамки своими руками, чтобы обрамить ими рисунки.

Как нарисовать фею?

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

Эта летающая волшебница изображена на фоне сказочной природы, отчего картина становится еще более загадочной и интересной.

Лучше начинать рисовать такую сказку с главной герани. Когда дети научатся живописать ее отдельно, тогда без труда перенесут на полотно, где будет изображен и фон.

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


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


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

Изобразите ладони и цветок, который она ими держит.


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


На следующем шаге сотрите вспомогательные черточки и подрисуйте основные, если нечаянно стерли их.


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


Глядя на следующее фото, начертите замысловатые линии. Они помогут нам правильно поставить предметы на передний и задний план.


Большие грибы рисуем слева, крупное дерево — справа. Здесь же оставим место, на котором расположится наша главная героиня. До этого вы потренировались в ее изображении, поэтому трудностей это вызвать не должно.

Рисунки фей из знакомого детям мультипликационного сериала «Школа Винкс» могут быть такими же. Пропорции их тела изобразите так же. Отличаются сказочные девушки друг от друга только цветом волос, одеждой, чертами лица.

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


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


Осталось раскрасить полотно и полюбоваться конечным результатом. Вот как нарисовать Винкс и других фей из знаменитого мультика.

Поэтапное изображение русалки карандашом

Конечный результат может быть таким, если вы разукрасите свой набросок.


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


Плечи создайте при помощи прямого отрезка. Подобные линии нанесите на лицо водной красавицы, чтобы затем нарисовать здесь черты лица. Чтобы они были симметричными, прочертите вертикальный отрезок.


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


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


Теперь плоды творчества можно вложить в рамку, сделанную своими руками, поставить ее на стол или повесить на стену.

Как сделать рамку для картины из картона?

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


Ниже идет перечень необходимого для данного рукоделия. Это:
  • картонная коробка;
  • канцелярский нож;
  • клей.
Вот, собственно говоря, и всё, что понадобится.

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


Возьмите коробку, разложите ее, обрежьте уголки, как это показано на фотографии.


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


Заверните края вниз, чтобы они стали объемными, подклейте их.

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


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

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

Загните стороны, как это показано на фото, подклейте детали, и еще одна рамка для картины, сделанная своими руками, готова.

Рамка из багета своими руками

Рамка для картины из потолочного плинтуса — отличный вариант для тех, у кого после ремонта остался данный материал. Из остатков нужно вырезать 4 планки — по 2 одинакового размера в зеркальном отображении.

Обратите внимание, что стыки вырезаются под углом в 45°, чтобы при склеивании между собой они образовали угол в 90°.


Соберите рамку для картины из плинтуса, вложите в нее рисунок, приклейте основу из картона.


Можно оставить рамку в таком виде или декорировать, например, покрыв ее краской из баллончика.


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


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

Как изобразить цветы поэтапно?

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

Пусть они нарисуют круг. Проще это сделать, обрисовав предмет такой формы, например, монету.


Далее, круг обрамляется лепестками с острым наружным краем.


Сначала с одной, а затем со второй стороны.


Это был первый верхний ряд лепестков. Под ним, в шахматном порядке, изобразите второй ярус.


Осталось обозначить карандашом стебель, листья и раскрасить подсолнух.


А вот как рисуется роза карандашом, а затем раскрашивается в яркий цвет.


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

Пусть ребенок сильно не нажимает на карандаш, чтобы можно было легко стереть ненужные детали или неправильно выполненные очертания цветка.


Теперь обозначим карандашом сердцевину бутона и первые лепестки в центре цветов.


Вот как нарисовать розу поэтапно далее. Нужно начертить ее наружные лепестки и пару листьев, расположенные под распустившимися бутонами.


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


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

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

Из представленных видео вы узнаете, как нарисовать героев мультфильма «Смешарики» ежика и Нюшу, быстро сделать красивую рамку из картона для обрамления детских полотен:

Как в фотошопе сделать облака


Рисуем красивые реалистичные облака в Фотошоп

Что вы будете создавать

Вы тоже порой любуетесь невероятной красотой неба? В этом уроке я расскажу вам, как нарисовать красивые, реалистичные облака при помощи Adobe Photoshop.

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

Ищите изображения-источники? Вот эти рисунки, например, были вдохновлены удивительными подборками облаков Envato. Здесь вы можете поискать качественные стоковые изображения.

Скачать архив с материалами к уроку

Примечание: Автор использовал платные материалы. В архиве вы найдёте альтернативный вариант изображений для выполнения урока.

Как работать почти с любым изображением облаков

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

Нам совершенно точно необходимо понимать, что мы видим!

Большинство из того, что мы рисуем, имитирует уже существующие объекты. И для этого урока важно понимать, что в вашем рисунке вы можете сымитировать общую атмосферу или композицию любой фотографии. Постарайтесь воссоздать какие-то особенные моменты, которые вы также можете изменить для создания какого-то своего эффекта.

Я буду пользоваться несколькими стоковыми изображениями с Envato Elements. Вы также можете поискать собственные источники, если чувствуете такую необходимость.

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

Организуйте рабочее место

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

Нажмите Window > Arrange > 2-Up Vertical (Окно > Упорядочить > 2 вверх, по вертикали).

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

А теперь давайте рисовать!

1. Как нарисовать обычное кучевое облако

Шаг 1

Давайте начнем с фона!

В Photoshop создайте новый документ размером 900 на 450 пикселей и разрешением 300 пикселей на дюйм. Небольшие документы хорошо подходят для практики.

Кликните на фоновом слое, чтобы создать новый. Затем добавьте стиль слоя Gradient Overlay (Наложение градиента, тип — линейный) небесно-голубого цвета (используя следующие оттенки: #b3d0dd, #90dcff и #68c1f0) со следующими настройками:

Примечание переводчика: на скриншоте настойки стиля слоя: Режим наложения — Нормальный, Непрозрачность — 100%, флажок в графе Выровнять по слою, Угол — 95 градусов, Масштаб — 81%.

Вот что получится:

Для выполнения следующих шагов вам понадобится графический планшет.

Затем, при помощи большой круглой мягкой кисти нарисуйте мягкую синюю точку (цвета #3a6997) — это будет тень, и на ее фоне облако будет хорошо выделяться.

Шаг 2

На новом слое:

При помощи жесткой круглой кисти (100%-ная Hardness (жесткость) и Opacity (непрозрачность)) нарисуйте форму облака цветом #adb7c0. Начните с простой формы, прежде чем переходить к более сложным.

Начните расставлять на облаке легкие тени.

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

Начните рисовать кистью со 100%-ыми жесткостью и непрозрачностью, а затем постепенно понижайте оба значения по мере того, как вы будете смягчать тень.

Примечание переводчика: Названия слоев на скриншоте сверху вниз: (слой-обтравочная маска) 0% Жесткость, (слой-обтравочная маска) 100% Жесткость, облако, тень, Слой 0 (фоновый слой со стилем слоя Наложение градиента)

Шаг 3

Создайте основную текстуру.

Используя кисти из ранее приведенного набора, нарисуйте на облаке легкие изогнутые вершины. Пользуйтесь белым и светло-серым (#94a8bc) цветами, чтобы сразу начать создавать световую схему.

Примечание переводчика: автор использует кисти «Влажная гуашь» и «Быстрые мазки Акрилом» из предложенного ей набора размером 80 и 175 пикселей соответственно.

Добавьте немного синего цвета с фона, а затем объедините слои-обтравочные маски и оригинальную форму облака.

Я использовала кисти Fast Acrylic (Быстрый акрил) и Wet Gouache (Влажная гуашь) в этом шаге.

Слегка сотрите жесткие края при помощи инструмента Eraser (Ластик) (E) с 20-40%-ой непрозрачностью.

Шаг 4

Теперь, когда у нас есть хорошая основа, мы можем двигаться дальше!

Как и ранее, начните рисовать больше теней на облаке. Увеличьте масштаб рисунка до 200%, чтобы нарисовать линии текстуры, это придаст дополнительную глубину. Проверьте, чтобы была включена опция Pen Pressure for Opacity (Использование нажима для определения непрозрачности).

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

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

Шаг 5

Позвольте облаку развиваться естественным образом. Периодически возвращайтесь к источникам, но не позволяйте им отвлекать вас.

При помощи круглой мягкой кисти с непрозрачностью 0% окружите облако мягким туманом.

Шаг 6

Давайте отрегулируем цвета при помощи корректирующих слоев.

Для начала, добавьте новый корректирующий слой Gradient Map (карта градиента) светло-синего цвета (#c6cbd4 и #b4cbdc), измените режим наложения на Color Burn (Затемнение основы).

Создайте новый корректирующий слой Levels (Уровни) с настройками, как на скриншоте ниже. Это добавит четкости, которая необходима для данного образа.

Шаг 7

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

Быстрый способ нарисовать небо — это просто воспользоваться новым слоем. На нем мягкой круглой кистью рисуйте светлым синим цветом.

Постоянно меняйте непрозрачность, и не переживайте, если выглядит неаккуратно!

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

Продолжайте работать над фоном, добавляя маленькие облака где-то вдалеке. Создайте ощущение глубины, нарисовав клубы тумана вокруг облака.

Шаг 8

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

Добавьте новые слои, и на них попробуйте нарисовать завихрения при помощи кистей различных форм. Переключитесь на кисть Chalk (Мел), чтобы добавить реалистичности вашим облакам — дополнительная текстура сразу же сделает их более живыми и реальными.

Наконец, добавьте чуточку желтого, чтобы показать влияние солнечного света на облако и небо.

А вот итоговое изображение!

2. Как нарисовать грозовые облака

Шаг 1

Чтобы изобразить грозовое облако, мы должны будем изменить схему освещения.

Давайте начнем с неба. Создайте документ с теми же параметрами, что и ранее. Кликните правой кнопкой мыши по первому слою, и перейдите к Blending Options (Параметры наложения).

Выберите Gradient Overlay (Наложение градиента) и с помощью цветов #373984 и #6364ad создайте фиолетовый градиент.

Примечание переводчика: На скриншоте настойки стиля слоя: Режим наложения — Нормальный, Непрозрачность — 100%, Угол — 90 градусов, Масштаб — 95%.

Вот что должно получиться:

Шаг 2

Я посчитала, что в создании набросков для этих рисунков нет необходимости. Лично для меня лучший способ начать работу — это создать новый слой, и нарисовать форму облаков фиолетового (#5354a6) цвета.

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

На этом этапе я воспользовалась инструментом Brush (Кисть) (В), а именно мягкой круглой кистью с жесткостью 0% и непрозрачностью 50%.

Рисуйте так, как видите. Чтобы изобразить тени, нарисуйте темные (#33367f) круглые бугорки, и более светлые точки, чтобы изобразить светлые области. Сначала будет выглядеть очень странно, но обтравочные маски помогут вам развить ваши навыки.

Под слоем с облаками создайте новый слой. На нем добавьте мягкое (непрозрачность кисти 1-40%) белое свечение за облаками, ибо сейчас выходит слишком темно.

Шаг 3

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

На новых слоях нарисуйте молнии.

Доверьтесь своей интуиции. Обратите внимание, что рисунок изменяется по мере того, как я изменяю оригинальную композицию. (https://elements.envato.com/lightnings-in-genova-PT5D3YJ?_ga=2.159379450.1386686125.1504629647-250820929.1491318132)

А теперь смешиваем, смешиваем, смешиваем!

Понизьте Hardness (жесткость) до 0% и на новых слоях смягчите небо. Делайте это большими, решительными, а также закручивающимися

движениями, чтобы результат был похож на настоящие облака.

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

Еще вы можете немного поиграть с формой облака в левом верхнем углу, сделав его более интересным.

Шаг 4

Возьмите инструмент Gradient (Градиент) (G) и выберите линейный градиент от черного к прозрачному.

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

Добавьте корректирующий слой Color Lookup (Поиск цвета). Измените файл 3DLUT на Fuji F125 Kodak 2393.

Затем сделайте цвета еще более интенсивными при помощи корректирующего слоя Brightness/Contrast (Яркость/Контраст, настройки 54/34 соответственно).

Шаг 5

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

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

Если вам приходится слишком сильно давить на планшет, это значит, что непрозрачность слишком низкая. Это может создать дискомфорт — поверьте, уж я-то знаю!

Продолжайте работу над рисунком. Изучите свет, по мере того, как он проходит сквозь облака.

Сделайте город более темным, и добавьте яркие, четкие линии — это наши молнии.

Шаг 6

Если вам кажется, что рисунок слишком тусклый, то сделайте его более ярким!

Воспользуйтесь корректирующим слоем Brightness/Contrast (Яркость/Контраст, настройки 25/39 соответственно).

Шаг 7

Создайте новый слой и измените его режим наложения на Linear Dodge(Add) (Линейный осветлитель (добавить)).

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

Не забывайте периодически смотреть на оригинал!

Слишком интенсивные цвета? Измените их при помощи корректирующего слоя.

Добавьте корректирующий слой Color Lookup (Поиск цвета) с файлом 3DLUT 2Strip.look. Понизьте Opacity (непрозрачность) до 47%.

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

Небольшие детали могут сильно повлиять на ваш рисунок, делая его еще более впечатляющим — не забывайте о них!

И вот, мой финальный рисунок грозовых облаков.

3. Как нарисовать перистые облака

Шаг 1

Переходим к последнему рисунку!

Перистые облака очень загадочны. Они — это смесь мягких, нежных форм и жестких бликов. Я советую выполнять эту часть с обычной цветовой схемой. Цвета заката, конечно, очень красивые, но они могут усложнить урок и сбить вас с толку.

Тем не менее, если вы чувствуете прилив смелости, давайте приступим.

Создайте документ с теми же параметрами, что и раньше, и начните работу с фона. Перейдите в Blending Options (Параметры наложения), выберите Gradient Overlay (Наложение градиента) и с помощью цветов #334b82 и #b5c1dc создайте градиент.

Примечание переводчика: На скриншоте настойки стиля слоя: Режим наложения — Нормальный, Непрозрачность — 100%, Угол — -85 градусов, Масштаб — 93%.

Вот что получится.

Шаг 2

При помощи жесткой круглой кисти со 100%-ой непрозрачностью в нижней части рисунка коричневым цветом нарисуйте землю — это будет основой композиции.

Далее не следует отвлекаться на рисование земли, пока лучше сконцентрироваться на перистых облаках.

Наложите сочные цвета заката (#ffa466, #ce6764) при помощи ранее упомянутой кисти с текстурой акрила.

Шаг 3

Давайте выделим небо!

Создайте новый слой и измените его режим наложения на Overlay (Перекрытие). При помощи инструмента Gradient Tool (Градиент) (G) создайте градиент от синего (#335f8e) к прозрачному. Теперь небо выглядит лучше!

Наложение градиента, до и после.

Шаг 4

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

Добавьте светло-желтых и синих оттенков. Увеличьте рисунок на 200% и убедитесь, что ваши тени получились «текучими». Здесь важно возвращаться к источнику.

Продолжайте смягчать и смешивать цвета, даже если вам кажется, что можно бы уже добавить еще облаков.

Шаг 5

Добавьте новый корректирующий слой Curves (Кривые).

В канале RGB сделайте кривую высокой, чтобы усилить контраст.

Не упустите возможность применить те навыки, которые мы получили, создавая два предыдущих рисунка.

Перистые облака — не жесткие. Здесь важно рисовать завихрения облаков в разных направлениях так, будто они плывут — это сделает рисунок более характерным и добавит движение.

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

Создайте новый слой, режим наложения — Multiply (Умножение) и прорисуйте землю зеленым цветом.

Уменьшите размер кисти, но увеличьте непрозрачность. Добавьте немного деталей — нарисуйте небольшие участки травы.

Создайте новый слой, режим наложения — Overlay (Перекрытие). Рисуйте яркими желтыми и оранжевыми цветами для создания красивого эффекта солнечного света.

Рисование на планшете требует немало времени и терпения. Не важно, сколько пройдет часов — продолжайте работать.

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

До и после использования жесткой кисти.

Вот и последний рисунок облаков. Ниже вы можете найти их все.

Вот и Все!

Не забудьте добавить этот урок в закладки — он поможет вам в будущих работах!

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

Надеюсь, вам понравился урок!

Автор: Melody Nieves

Как нарисовать облака в фотошопе

Для одного из недавних проектов мне пришлось рисовать облака в фотошопе. Получилось достаточно симпатично, и поэтому я решил поделиться этим способом. Сразу оговорюсь, несмотря на то, что я делал это в Photoshop CS6, те же самые функции доступны вам и в версии CS5.

Вот такие облака мы сейчас создадим:

1. Итак, создаём новый документ. Размер совсем не важен. Выбираем инструмент Gradient Tool (Градиент), щёлкаем по полоске градиента в верхней панели, открывается окно настройки параметров градиента. Здесь нам нужно подобрать цвета неба, я использовал такие:

2. Заливаем холст этим градиентом сверху вниз:

Получаем примерно такую картинку:

3. Теперь перейдём непосредственно к рисованию облаков. Выбираем инструмент Brush Tool (Кисть), нажимаем F5 для вызова настроек кисти. Берем обычную мягкую кисть и настраиваем следующим образом:

Таким образом, мы создали особую кисть, которой сейчас и будем рисовать облака.

4. Создайте новый слой, установите непрозрачность кисти 50% и набросайте контур облака, с новой кистью у вас на этой должно уйти 5 секунд:

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

Вот в принципе и всё. Используя этот метод, можно получать весьма неплохие результаты:

Удачи вам! И до новых встреч на страницах psforce.ru.

digital painting облака рисование

QuickTUTS.ru — УРОКИ PHOTOSHOP, САЙТОСТРОЙ, БЕСПЛАТНЫЕ ФАЙЛЫ

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

Для начала создайте новый документ необходимого размера и заполните его сверху вниз градиентом как на рисунке:

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

Теперь выберите инструмент Кисть (Brush) с размером кисти 500px (на самом деле размер кисти зависит от размера изображения) и жесткостью 0%.

И перейдите к свойствам кисти:

Настройте свойства, как показано на рисунках:

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

После создания кисти ее можно найти в палитре кистей:

Основная работа выполнена. Теперь Вы можете, установив основной цвет белым,  просто изменяя размер кисти нарисовать облака на новом слое:

Осталось добавить стиль к слою с облаками Inner Shadow:

Окончательный результат

Ну, разве не реалистичные облака?

Также на нашем сайте Вы можете скачать кисти с изображениями облаков.

Как нарисовать облака в фотошопе

Чтобы нарисовать облака в фотошопе, надо сделать несколько очень простых вещей:

1. Настроить линейный градиент от голубого к синему и залить им лист – это как-бы небо.

2. Взять круглую кисть белого цвета, поставить непрозрачность 30% и накалякать примерные очертания облаков на новом слое.

3. Взять ту же кисть но какого-нибудь темно серого цвета и накалякать снизу облаков немного – это как бы тень.

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

В общем посмотрите лучше видеоурок и попробуйте сделать как там или лучше.

Оставляйте пожалуйста комментарии и вопросы!  Жмите пожалуйста на кнопки социальных сетей!

с уважением, Agor

Не в тему

Настоящий китайский креатив!

Tree holes paintings by Wang Yue

Метки видео, облака, фото, фотошоп. Закладка постоянная ссылка.

Пользовательский инструмент Shape в Photoshop

Пользовательский инструмент Shape

Вы найдете инструмент Custom Shape Tool, встроенный в другие инструменты Shape в Photoshop, в том же месте на панели «Инструменты». По умолчанию инструмент «Прямоугольник» — это инструмент, который отображается, но если щелкнуть по нему и удерживать нажатой кнопку мыши, появится всплывающее меню со списком других инструментов, доступных в этом месте. Custom Shape Tool находится внизу списка:

Нажмите и удерживайте Rectangle Tool, затем выберите Custom Shape Tool из выпадающего меню.

Если у вас уже есть один из выбранных инструментов Shape, вы можете быстро получить Custom Shape Tool из панели параметров. Вы увидите серию из шести значков, каждый из которых представляет отдельный инструмент Shape. Custom Shape Tool — последняя иконка справа (эта иконка выглядит как капля):

Если другой инструмент Shape уже активен, пользовательский инструмент Shape можно выбрать на панели параметров.

Выбор пользовательской формы

После того, как мы выбрали инструмент Custom Shape Tool, нам нужно выбрать форму, которую мы хотим нарисовать. Миниатюра предварительного просмотра формы появится на панели параметров справа от значка «Пользовательский инструмент формы». На миниатюре отображается выбранная фигура:

Миниатюра предварительного просмотра отображает текущую выбранную форму.

Чтобы выбрать другую форму, нажмите на эскиз предварительного просмотра. Откроется окно выбора формы, в котором отображаются все формы, которые нам нужно выбрать. Фотошоп на самом деле имеет гораздо больше форм, чем ограниченное количество, которое мы представили вначале. Мы увидим, как загрузить другие фигуры через минуту:

Нажмите на эскиз предварительного просмотра, чтобы открыть форму выбора.

Чтобы выбрать форму, просто нажмите на ее миниатюру, затем нажмите Enter (Win) / Return (Mac), чтобы закрыть форму выбора. Или дважды щелкните по миниатюре, которая выберет форму и закроет инструмент выбора формы для вас. Я выберу форму сердца:

Выбор формы сердца из палитры форм.

Выбор цвета для фигуры

После того как вы выбрали свою форму, выберите цвет для нее, нажав на образец цвета справа от слова « Цвет» на панели параметров:

Нажмите на образец цвета, чтобы выбрать цвет для пользовательской формы.

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

Выберите цвет для формы из палитры цветов.

Выберите опцию «Shape Layers»

Как я упоминал в предыдущем уроке , Photoshop позволяет нам рисовать три очень разных вида фигур с помощью инструментов Shape. Мы можем рисовать векторные фигуры , которые не зависят от разрешения и полностью масштабируются без потери качества изображения (фигуры того же типа, которые мы рисуем в программе, такой как Illustrator). Мы также можем рисовать контуры , которые являются просто контурами фигур, или мы можем рисовать пиксельные формы, где Photoshop заполняет форму цветными пикселями. В большинстве случаев мы хотим рисовать векторные фигуры, и для этого нам нужно выбрать опцию Shape Layers на панели параметров. Это левый значок в группе из трех значков в дальнем левом углу панели параметров:

Выберите параметр «Слои фигур» на панели параметров, чтобы нарисовать векторные фигуры.

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

Нажмите, чтобы установить начальную точку, затем вытяните остальную часть формы.

Отпустите кнопку мыши, чтобы завершить форму, после чего Photoshop заполнит ее цветом, выбранным на панели параметров:

Photoshop заполняет форму цветом, когда вы отпускаете кнопку мыши.

Рисование фигуры с правильными пропорциями

Заметьте, однако, что мое сердце выглядит немного искаженным. Это шире и короче, чем я ожидал. Это связано с тем, что по умолчанию Photoshop не пытается сохранить правильные пропорции или пропорции фигуры в том виде, в котором мы ее рисуем. Я нажму Ctrl + Z (Победа) / Command + Z (Mac) на своей клавиатуре, чтобы отменить форму, чтобы я мог попробовать снова.

Чтобы нарисовать произвольную фигуру с правильными пропорциями, щелкните документ, удерживайте кнопку мыши нажатой и начните вытягивать фигуру, как обычно. Как только вы начнете перетаскивать, нажмите и удерживайте клавишу Shift на клавиатуре и продолжайте перетаскивать. Как только вы нажмете (и удерживаете) клавишу Shift, вы увидите, как контур фигуры привязывается к правильному соотношению сторон:

Удерживайте Shift, когда перетаскиваете фигуру, чтобы нарисовать ее в правильных пропорциях.

Когда вы довольны размером фигуры, отпустите кнопку мыши, затем отпустите клавишу Shift (убедитесь, что вы отпустите клавишу Shift после отпускания кнопки мыши). Фотошоп снова заполняет его цветом:

Отпустите клавишу Shift только после того, как вы отпустите кнопку мыши.

Я снова нажму Ctrl + Z (Победа) / Command + Z (Mac) на моей клавиатуре, чтобы отменить форму, затем я выберу другую форму, щелкнув по миниатюре предварительного просмотра на панели параметров, чтобы открыть средство выбора формы. На этот раз я выберу ноты:

Нажав на миниатюру музыкальных нот, чтобы выбрать форму.

Чтобы нарисовать ноты, я щелкну внутри документа, чтобы установить начальную точку, и, удерживая кнопку мыши нажатой, я начну перетаскивать ее из начальной точки. Как только я начну перетаскивать, я нажму и удерживаю клавишу Shift, чтобы заставить форму принимать правильные пропорции, пока я продолжаю перетаскивать:

Удерживая Shift, я перетаскиваю, чтобы сохранить правильные пропорции нот.

Я отпущу кнопку мыши, чтобы завершить форму, и Photoshop заполнит ее тем же цветом, который я выбрал для предыдущей формы:

Новая форма заполнена тем же цветом, что и предыдущая.

Далее мы узнаем, как изменить цвет существующей фигуры и как загрузить все дополнительные настраиваемые фигуры Adobe, включенные в Photoshop!

Изменение цвета существующей фигуры

Что если бы я хотел, чтобы моя новая форма была другого цвета, чем предыдущая? Я мог бы просто выбрать другой цвет на панели параметров, прежде чем рисовать новую фигуру, но так же легко изменить цвет фигуры после того, как мы ее нарисовали. Каждая новая пользовательская фигура, которую мы рисуем, помещается в собственный слой Shape на панели «Слои», и каждый слой Shape поставляется со своим собственным образцом цвета, который отображает текущий цвет фигуры. Чтобы изменить цвет, дважды щелкните образец цвета:

Дважды щелкните образец цвета слоя «Форма», чтобы изменить его цвет.

Photoshop снова откроет палитру цветов, чтобы мы могли выбрать новый цвет. Я выберу фиолетовый:

Выберите новый цвет для формы из палитры цветов.

Нажмите кнопку ОК, когда вы закончите, чтобы закрыть палитру цветов, и вот так Photoshop меняет цвет формы для нас:

Мы можем изменить цвет любой векторной формы в любое время.

Загрузка дополнительных наборов форм

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

Нажмите на маленькую стрелку в правом верхнем углу окна выбора формы.

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

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

Если вы знаете, какой набор содержит нужные вам фигуры, вы можете выбрать его, щелкнув его имя в списке. Однако проще сделать загрузку всех сразу, что мы можем сделать, выбрав « Все» в верхней части списка:

Выберите «Все», чтобы загрузить все дополнительные пользовательские фигуры в Photoshop.

Photoshop спросит, хотите ли вы заменить текущие фигуры новыми фигурами или хотите добавить новые вместе с оригиналами. Выберите « Добавить» , чтобы сохранить исходные фигуры и добавить новые после них:

Выберите «Добавить», чтобы загрузить новые формы в Photoshop, сохраняя при этом оригиналы.

И теперь, если мы откроем средство выбора формы, щелкнув по миниатюре предварительного просмотра формы на панели параметров, мы увидим все новые формы, которые нам нужно выбрать! Я немного расширил инструмент выбора формы, чтобы мы могли видеть больше миниатюр форм. Используйте полосу прокрутки вдоль правой стороны палитры, чтобы пролистать весь список:

Средство выбора форм теперь загружено со всеми пользовательскими фигурами, которые Adobe включила в Photoshop.

Вот случайный образец некоторых из многих фигур, которые мы теперь имеем в наличии:

Средство выбора форм теперь загружено со всеми пользовательскими фигурами, которые Adobe включила в Photoshop.

Как бы ни были полезны многие из этих готовых пользовательских форм, вполне возможно, что даже после их загрузки мы все равно не найдем нужную форму для конкретного дизайна, над которым мы работаем, и именно здесь сила пользовательских форм Photoshop приходит, потому что Photoshop позволяет нам создавать любую форму, которую мы хотим с нуля! Обязательно ознакомьтесь с нашим создать свой собственный Shapes учебник все , что нужно знать о создании, сохранении и использования собственных коллекций пользовательских форм!

Как рисовать фигуры в Photoshop с помощью инструмента «Фигура»

Как и инструмент «Перо», слой-фигура также использует векторную технологию Photoshop.

Вы получите инструмент слоя формы прямо здесь, на панели инструментов.

Теперь щелкните по нему, и вы увидите различные формы , похожие на ;

  • Инструмент «Прямоугольник»
  • Инструмент «Прямоугольник со скругленными углами»
  • Инструмент «Элипс»
  • Инструмент «Многоугольник»
  • Инструмент «Линия»
  • Инструмент «Произвольная форма»

Выбрав эти элементы, вы можете нарисовать их как обычный контур или как слой-фигуру.

См. На панели параметров, во второй позиции вы можете увидеть меню. Он покажет вам 3 варианта рисования вашей формы, такие как «Путь», «Форма» и «Пиксели».

Теперь пиксель заполняет нарисованный контур пикселями, этот параметр не использует векторную технологию.

А путь будет рисовать только контур фигуры, он не будет заливать какой-либо цвет на контуре.

Но здесь я выбираю вариант формы, и здесь вы можете увидеть несколько различных вариантов.

Здесь я могу выбрать «цвет заливки, цвет обводки, тип обводки» и многие другие параметры.

Теперь нарисуйте фигуру и увидите на панели слоев новый слой, созданный там.

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

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

Если вы хотите изменить цвет фигуры? Затем просто дважды щелкните слой с фигурой, и вы получите палитру цветов.

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

Давайте рассмотрим полезные аспекты инструментов создания фигур, «инструмент нестандартных форм фотошопа». Это дает вам множество готовых форм, и вы можете легко использовать их, когда захотите.

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

Теперь выберите форму, которую вы хотите использовать.

Чтобы нарисовать фигуру, вы можете просто щелкнуть в рабочей области, если вы хотите нарисовать ее любого определенного размера.или вы также можете просто перетащить фигуру, чтобы создать слой-фигуру.

Давайте отредактируем цвет формы и свойства обводки на панели параметров вверху.

Теперь, если я хочу вычесть часть внутри этой формы. Затем я выберу «elipse tool», и я пойду сюда и настрою функцию поиска пути для вычитания передней формы и

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

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

А теперь перейдем к следующей теме «смарт-объект».

Как рисовать кабели в Photoshop

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

Шаг 1. Нарисуйте форму кабеля

Установив инструмент «Перо» на «Фигуры» (используйте кнопку в верхнем левом углу), нарисуйте форму кабеля.Разместите нижнюю точку привязки за пределами холста.

Шаг 2: Добавьте обводку

На панели параметров установите для формы отсутствие заливки и добавьте цвет обводки, соответствующий вашему рисунку. Установите необходимую ширину обводки — я использовал здесь 12 пикселей — и, для простоты манипуляций, используйте всплывающее окно в нижней части панели параметров обводки, чтобы установить обводку по центру контура.

Еще после прыжка! Продолжайте читать ниже
Пользователи Free и Premium видят меньше рекламы! Зарегистрируйтесь и войдите в систему сегодня.

Шаг 3: Добавьте фаску

Откройте диалоговое окно «Стиль слоя» и добавьте внутренний скос. Размер зависит от толщины мазка. В разделе «Затенение» возьмите контроллер «Угол / высота» и перетащите его так, чтобы он оказался почти в центре, слегка сдвинув в сторону, чтобы задать направление тени. Это обеспечит наилучшее закругление кабеля. Вы можете немного уменьшить непрозрачность выделения, так как 100% будет выглядеть слишком ярким.

Шаг 4: Затененный кабель

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

Шаг 5: Добавьте тень

Поскольку наш кабель лежит на поверхности, нам нужно добавить тень под ним. Это легко сделать, добавив Drop Shadow в диалоге Layer Style. Обычно лучше всего установить угол тени 90 °, чтобы она шла прямо сверху.

Шаг 6: Кабель с его тенью

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

Шаг 7: Создайте слои

Удерживая нажатой клавишу «Ctrl» (Mac) или щелкните правой кнопкой мыши (Windows) имя «Эффекты» на панели «Слои», появится это всплывающее меню. Выберите «Создать слои».

Шаг 8: Расширенный стиль слоя

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

Шаг 9: Трансформируем тень

Используйте инструмент Marquee Tool, чтобы выбрать верхнюю часть тени, и используйте Free Transform, чтобы опустить верх так, чтобы он совпадал с тенью телефона. Если вы используете последнюю версию Photoshop, вам нужно будет удерживать клавишу Shift при перетаскивании верхнего центрального маркера, чтобы Photoshop не изменил форму выделения пропорционально.

Шаг 10: Завершение

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

Как создать базовый план этажа в Photoshop

Поскольку мы с мужем не архитекторы, планирование расположения пристройки стало процессом обучения. Он может рисовать ручкой и бумагой, и я более склонен использовать свои навыки графического дизайна для выполнения этой работы. Итак, мы работали вместе, чтобы определить размер и расположение каждой комнаты. Затем я обратился к Photoshop , чтобы создать базовый план этажа.

Это сообщение содержит партнерские ссылки. Это означает, что если вы нажмете на одну из ссылок на продукт, я получу небольшой платеж.

Сначала он набросал черновик дизайна на листе бумаги, затем я с помощью Photoshop сделал графическое изображение дизайна для нашего разрешения на строительство. В другом уроке я расскажу о добавлении элементов дизайна интерьера в базовый дизайн, а пока давайте поговорим о том, как получить в Photoshop план этажа, вдохновленный AutoCAD. Кроме того, просто примечание: я работаю в Photoshop Elements , но я думаю, что в этом случае шаги должны применяться и к традиционному Photoshop.

Создание комнат на плане этажа

Чтобы упростить себе жизнь (потому что числа — не мое), я просто преобразовал футы в дюймы в своем дизайне. Итак, для начала я сделал холст, который был немного больше, чем общая площадь сложения в квадратных футах. В моем случае добавление будет 28 футов на 28 футов, поэтому я сделал свой холст 32 дюйма на 37 дюймов.

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

Я начал с самой большой комнаты в нашем дополнении, офиса / семейной комнаты, размер которой составляет 28 на 14 футов. Чтобы создать коробку, я сначала создал новый слой, который назвал «Семейная комната», а затем выбрал инструмент выделения на панели инструментов. Чтобы убедиться, что коробка правильного размера, я выбрал «фиксированный размер» в меню режима в верхней части экрана и ввел свои измерения в следующее поле.

Теперь у нас есть коробка размером 28 на 14 дюймов, но она все еще нуждается в контуре. Чтобы получить эту линию, просто выберите «Редактировать», затем «Обводка (контур) выделения…». Еще одно всплывающее окно, в котором вы можете выбрать цвет, размер и расположение контура. Я выбрал 10 пикселей, черный цвет и по центру.

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

Добавление дверей к плану этажа

После рисования ящиков для каждой комнаты пора добавить двери. Я начал со спальни, туалета и ванной комнаты. Мы планируем добавить дверей сараев к входу в шкаф, с проемом в четыре фута между спальней и туалетом, а также между туалетом и ванной. Чтобы все было ровно и по центру, я переключился в режим сетки, где каждый квадрат сетки равен одному дюйму.(Выберите «Сетка» в меню просмотра, чтобы добавить сетку к вашему документу.)
Используя инструмент выделения, я сделал коробку размером шесть на четыре дюйма, чтобы создать проем в спальне, туалете и стенах ванной комнаты. Выбрав область, я щелкнул слой, соответствующий каждой комнате, и нажал удалить. Это удалило часть стены в выбранной области для каждого слоя. Итак, у меня остался проем для двери в каждой комнате на плане этажа. Поскольку мы используем двери сарая, в этом месте не будет дверного проема, поэтому я не добавляю его в этих комнатах.
Чтобы добавить двери из спальни в семейную комнату и снаружи в семейную комнату, я снова использовал инструмент выделения, чтобы удалить стены, а затем использовал инструмент линии для создания дверей. Я также использовал инструмент линии, чтобы нарисовать стены для области грязевой комнаты, которая будет 8 футов на 6 футов. Каждая дверь на плане представляет собой стандартный проем высотой 3 фута.

Наконец, мы можем добавить наши метки и размеры. Просто используйте свой текстовый инструмент, выберите шрифт (я использовал Simple Print) и пометьте каждую комнату. Затем добавьте внешние размеры к каждой внешней стене.Чтобы сохранить план этажа в формате PDF, сведите изображение и сохраните его!

Эмили — мама двух мальчиков со Среднего Запада. Она любит все, что угодно, от ремонта дома до организации детских дней рождений. Делает ли она новую поделку на ферме для своего дома или помогает детям с интересным занятием, можете поспорить, что прямо сейчас она занимается каким-то проектом (или тремя) своими руками!

Схемы: пешеходные дорожки | Визуализация архитектуры

Я получил много писем, в которых спрашивали, могу ли я объяснить, как я создал схему пешеходных путей в предыдущем посте.Есть много способов создать линейную работу. В прошлом я, вероятно, использовал бы инструмент сплайна в САПР. Линии также можно легко создать в Illustrator. Однако не многие люди знают об инструменте «Перо» в Photoshop или используют его. Он похож на инструмент «Перо» в Illustrator, но с некоторыми небольшими отличиями. В этом случае я буду использовать инструмент «Перо», чтобы создать путь, по которому должен следовать инструмент «Кисть».

1. Настройте параметры кисти

Мне нужно сначала установить настройки кисти, потому что это то, что я собираюсь использовать, чтобы добавить обводку к пути, созданному на следующем шаге.Настройки на этом этапе определяют толщину линии, а также цвет, жесткость и непрозрачность. Я выбрал жесткую кисть, размером 6 пикселей, с непрозрачностью 100% и черной краской. Возможно, вам придется нарисовать несколько линий, чтобы определить, правильный ли у вас размер.

2. Настройте инструмент «Перо» и начните создавать контуры

Перед тем, как выбрать инструмент «Перо», сначала создайте новый слой. Пути не будут отображаться в палитре слоев, но обводка, примененная к контурам, будет нарисована на этом слое.Теперь выберите инструмент «Перо» и убедитесь, что опция «Путь» выбрана на панели инструментов настроек инструмента «Перо» вверху.

Включите инструмент «Перо» и начните рисовать контуры. Чтобы создать изогнутые контуры, щелкните и перетащите при выборе точек на контуре. Это создаст ручки, которые можно использовать для управления размером и формой кривой в этой точке.

3. Ход хода

Как только вы найдете путь там, где хотите, щелкните правой кнопкой мыши рядом с ним и выберите «Stroke Path».Если этот параметр неактивен, дважды проверьте, что у вас выбран новый слой, созданный на предыдущем шаге.

Появится второе диалоговое окно с вопросом, какой инструмент использовать для обводки. Нам нужен инструмент «Кисть», поскольку это то, что мы настроили на первом этапе. Затем выберите «ОК».

Чтобы закончить путь, нажмите Enter. Повторите эти шаги для создания каждого пути.

4. Создание множества путей с разной степенью непрозрачности

Я хочу создать иерархию путей, показывающих разные уровни интенсивности движения.Это видно как по плотности линий, так и по уровням непрозрачности. Для этого изображения я создал три разных слоя с контурами. Первому слою была установлена ​​непрозрачность 100%, второму — 50%, а третьему — 15%.

5. Добавить линию рабочего свечения

Я хочу, чтобы линия была более заметной на иллюстрации, поэтому будет добавлено легкое свечение. Это делается просто с помощью кисти. Я использовал мягкую кисть размером 90 пикселей и установил непрозрачность на 12%.Там, где линии плотные или сходятся вместе, я нанесла немного черной краски.

Я также продублировал слой с темными путями и применил фильтр Gaussian Blur.

Я удалил фон, чтобы этот шаг был виден более отчетливо.

6. Добавьте цвет

Чтобы еще больше прорисовать дорожки, я добавлю цвет. Чтобы упростить задачу, сначала объедините все слои контура вместе. Возможно, лучше сначала продублировать эти слои и отключить видимость, чтобы у вас по-прежнему были исходные отдельные слои, доступные для редактирования, если это потребуется позже в будущем.Чтобы объединить, выберите все слои контура, щелкните правой кнопкой мыши один из слоев и выберите «Объединить слои».

После объединения слоев щелкните правой кнопкой мыши новый отдельный слой и выберите «Дублировать слой».

Выделив дублированный слой, выберите «Изображение> Коррекция> Насыщенность оттенка» вверху. В диалоговом окне сначала установите флажок «Раскрасить». Затем переместите ползунок «Яркость» вправо, чтобы осветлить линию. Также переместите ползунок «Насыщенность» вправо, чтобы увеличить цвет.Наконец, настройте ползунок «Оттенок» на желаемый цветовой тон.

7. Установите для слоя Overlay

Наконец, установите режим наложения раскрашенного слоя на «Overlay». Это поможет смешать цвет с изображением и позволить более темной линии внизу просвечивать.

Конечный результат — серия плавных изогнутых линий, созданных без необходимости переходить в другую программу, такую ​​как Illustrator или CAD.

Знакомство с интерфейсом Photoshop

Урок 4: Знакомство с интерфейсом Photoshop

/ ru / photoshopbasics / Photoshop-alternatives / content /

Введение

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

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

Об этом руководстве

В этом уроке мы будем использовать Photoshop CC , чтобы показать вам возможности Photoshop. Если вы используете старую версию Photoshop, например Photoshop CS6 или более раннюю версию, некоторые функции могут работать немного иначе, но вы все равно сможете следовать им.Однако, если вы используете Photoshop Elements, важно отметить, что некоторые из описываемых функций могут отсутствовать или работать по-другому.

Открытие файлов

В большинстве случаев вы захотите начать с , открывая существующую фотографию , а не создавая новое пустое изображение. Photoshop позволяет открывать и редактировать существующие файлы изображений, включая файлы JPEG , PNG и PSD (документ Photoshop).

Чтобы открыть файл:
  1. Выберите Файл> Открыть .
  2. Появится диалоговое окно. Найдите и выберите файл на своем компьютере, затем щелкните Открыть .
  3. Файл появится в Photoshop.

Если у вас в данный момент не открыт Photoshop, вы можете найти и щелкнуть правой кнопкой мыши файл на своем компьютере и выбрать Открыть с помощью> Adobe Photoshop , чтобы открыть файл.

Обзор интерфейса Photoshop

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

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

Работа с инструментами и другими панелями

Панель инструментов

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

Вы также можете щелкнуть и удерживать , чтобы выбрать другой инструмент. Например, вы можете щелкнуть и удерживать инструмент Rectangle , чтобы выбрать различных инструментов Shape , таких как Ellipse Tool , Line Tool и Custom Shape Tool .

Отображение и скрытие панелей

Вы также сможете просматривать и изменять информацию о текущем файле через другие панели в рабочей области.Например, вы можете просматривать слои документа на панели Layers . Чтобы показать или скрыть любую панель, щелкните меню Window , затем выберите нужную панель (видимые в данный момент панели отмечены галочкой ). На изображении ниже мы используем меню «Окно», чтобы включить панель «История» .

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

Вы также можете нажать клавишу Tab на клавиатуре, чтобы показать или скрыть все активные панели.

Панели подвижные

Если вы хотите изменить расположение панели, вы можете переместить ее , щелкнув и перетащив панель в новую часть рабочей области.

Однако, если вы планируете следовать нашему руководству, мы рекомендуем пока оставить большинство панелей в месте по умолчанию. Чтобы вернуть панели в положение по умолчанию, выберите «Окно »> «Рабочая область »> «Сбросить Essentials ».Обратите внимание, что этот процесс может отличаться в зависимости от того, какую версию Photoshop вы используете. Например, в Photoshop Elements выберите «Окно »> «Сбросить панели ».

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

Настройка среды Photoshop

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

Для настройки единицы измерения по умолчанию:

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

  1. Выберите Правка> Настройки > Единицы измерения и линейки . Если вы используете Mac, выберите Photoshop> Настройки > Единицы измерения и линейки .
  2. Появится диалоговое окно.В разделе Units щелкните меню рядом с полем Rulers , выберите Pixels , затем щелкните OK . Возможно, вам придется закрыть и перезапустить Photoshop, чтобы изменения вступили в силу.
Для настройки размера текста:

Если вы хотите, чтобы текст интерфейса Photoshop был больше или меньше, вы можете настроить размер текста приложения.

  1. Выберите Правка> Настройки > Интерфейс .Если вы используете Mac, выберите Photoshop> Preferences> Interface .
  2. В разделе Текст щелкните меню рядом с Размер шрифта пользовательского интерфейса , затем выберите нужный размер. Возможно, вам придется закрыть и перезапустить Photoshop, чтобы изменения вступили в силу.

Изменение уровня масштабирования

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

Если вы хотите увеличить или уменьшить , просто нажмите Ctrl + или Ctrl- (удерживая клавишу Ctrl , затем нажмите + или ). Если вы используете Mac, нажмите Command + или Command- .

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

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

Чтобы увеличить изображение до , поместив его в окно документа , нажмите Ctrl + 0 (удерживая клавишу Ctrl , затем нажмите клавишу ноль ). Если вы используете Mac, нажмите Command + 0 .

В зависимости от видеокарты вашего компьютера при некоторых уровнях масштабирования, например 33,33% и 66,67%, изображение может выглядеть пиксельным. Если это произойдет, вы можете вместо этого увеличить масштаб до 25% или 50%.

Попробуй!

Используйте сочетания клавиш выше, чтобы настроить уровень масштабирования файла примера.

Как только вы познакомитесь с интерфейсом Photoshop, вы готовы приступить к редактированию изображений . В следующем уроке мы подробнее поговорим о некоторых из самых простых корректировок, которые вы можете сделать, например об кадрировании, изменении размера и повороте.

/ ru / photoshopbasics / basic-tasks-in-photoshop / content /

Как сделать треугольник в Photoshop Урок Photoshop

Как сделать треугольник в Photoshop

Треугольники — это элементарные геометрические фигуры.Если вы новичок в Photoshop и никогда не работали с фигурами, в этом уроке я покажу вам , как создать треугольник в Photoshop .

Что такое треугольник?

Треугольник — это плоская фигура с тремя прямыми сторонами и тремя углами.

Треугольник — это многоугольник с минимально возможным количеством сторон (3 стороны). Это одна из основных геометрических фигур. Сумма трех углов треугольника всегда составляет 180 градусов.

Типы треугольников

Существует 6 основных типов треугольников, классифицируемых по сторонам и углам:

  • Равносторонний треугольник имеет 3 равные стороны
  • Равнобедренный треугольник имеет 2 равные стороны
  • Треугольник шкалы не имеет равных сторон
  • Острый треугольник имеет 3 угла
  • Прямой треугольник имеет угол = 90 градусов
  • Тупой треугольник имеет угол> 90 градусов

Создайте треугольник в Photoshop

Я собрал видеоурок, показывающий, как создать треугольник в Photoshop, используя все доступные методы: Инструмент «Многоугольник», Инструмент «Перо», Инструмент «Кисть» и Инструмент «Многоугольное лассо».

Чтобы создать треугольник в Photoshop, я буду использовать инструмент Polygon Tool . Поскольку треугольник представляет собой многоугольник с тремя сторонами, задайте для сторон 3.

С помощью инструмента Многоугольник с 3 сторонами вы нарисуете равносторонний треугольник . Нажмите Control-T и удерживайте нажатой клавишу Shift , чтобы повернуть треугольник.

Если вы хотите изменить тип трангла и превратить его в равнобедренный, нажмите Control-T и измените ширину на 80% (вы можете выбрать другой процент).

Редактировать фигуру в Photoshop

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

Для редактирования формы в Photoshop вы можете использовать инструмент Convert Point Tool .

Как сделать прямоугольный треугольник в Photoshop

Использование инструмента преобразования один раз щелкните точку или угол треугольника, который вы хотите редактировать, чтобы выбрать его. Переместите точку с помощью клавиш со стрелками или удерживайте клавишу Ctrl ( Command на Mac), перетаскивая точку.

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

Я сделал прямоугольный треугольник, сдвинув верхнюю точку влево, чтобы получить вертикальную сторону и угол 90 градусов. Нажмите Control + ‘, чтобы отобразить сетку. Сетка Photoshop помогает выравнивать элементы, а также создавать идеальные формы.

Как создать контур треугольника в Photoshop

Чтобы создать контур треугольника, просто добавьте стиль слоя Обводка к слою с треугольником.Выберите положение внутри для контура. А затем установите размер и цвет по вашему выбору.

Если вам нужен только контур фигуры, вы должны установить Заливка на 0%.

Закругленный треугольник Photoshop

В Photoshop CC у вас есть новый инструмент Rounded Rectangle Tool , который вы можете использовать для создания прямоугольника с закругленными углами.

Однако создать в Photoshop форму закругленного треугольника не так просто. Я использую инструмент Pen Tool , чтобы сделать треугольник с закругленными углами.

Этот экшен Photoshop можно использовать для создания фигур с закругленными углами.

Вот краткое руководство о том, как рисовать закругленные углы в Photoshop с помощью инструмента «Перо» .

Используя Polygon Tool и Pen Tool , вы можете создавать сложные треугольные формы, а также другие геометрические фигуры.

Triangle Shapes для Photoshop

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

Треугольники были частью ретро-стиля synthwave 80-х вместе с хромированным шрифтом 80-х и типографикой. Вы можете скачать этот неоновый треугольник, если хотите сделать фон 80-х годов.

Как кадрировать изображение любой формы (например, треугольной формы изображения)

Обычно обрезка изображения означает вырезание квадратной или прямоугольной части изображения. Это легко сделать с помощью инструмента Crop Tool .

Но что, если вы хотите обрезать изображение в форме, отличной от прямоугольника?

Если вы хотите обрезать изображение до такой формы, как треугольник (круг или любая другая форма), сначала создайте форму. Вы уже знаете, как создать треугольную форму, так что сделайте это. Залейте треугольник любым цветом и сделайте треугольником с закругленными углами .

Затем поместите изображение, которое вы хотите обрезать, в слой Photoshop прямо над слоем с треугольной формой. Щелкните правой кнопкой мыши слой изображения и выберите Create Clipping Mask .

Готово!

Теперь ваше изображение обрезано в форме треугольника. Теперь треугольник будет действовать как маска. Если вы выберете слой с треугольной формой, вы можете использовать Ctrl + T (Command + T на Mac) , чтобы преобразовать или повернуть треугольную форму.

То же верно и для слоя изображения.
После того, как вы разместили кадрирование, как вы хотите, просто перейдите к Image > Trim , чтобы обрезать прозрачные пиксели.

Вот пример того, как я обрезал изображение в форме закругленного треугольника с помощью Photoshop:

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

Обрезка изображений в формы в Интернете

Если у вас нет Photoshop, вы все равно можете обрезать изображения в форме онлайн с помощью фоторедактора MockoFun, который является бесплатным онлайн-инструментом.

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

Логотипы в форме треугольника

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

Как создавать геометрические узоры с помощью треугольников в Photoshop

Один очень интересный эффект, который вы можете создать с помощью треугольников в Photoshop, — это создание повторяющегося треугольника . Когда я говорю «повторяющийся узор», я имею в виду, что это будет бесшовная текстура / узор.

Это не руководство по созданию бесшовных текстур или бесшовных узоров в Photoshop, поэтому я быстро перейду к этапам создания треугольного узора.Для создания бесшовных узоров см. Этот урок Photoshop «Как создать повторяющийся узор в Photoshop».

Приступим к выкройке треугольника!

Шаг 1. Создайте простой контур треугольной формы

Откройте новый документ Photoshop и увеличьте его размер 250×250 пикселей. Это будет базовый размер бесшовного треугольника, который мы создадим. Теперь вы знаете, как создать форму равностороннего треугольника. Итак, прямо посередине документа нарисуйте равносторонний треугольник. Удалите фоновый слой, потому что он нам не нужен.

Нарисуйте контур треугольника, как в шагах выше. Только на этот раз сделайте цвет контура черным. Я выбрал размер обводки 10 пикселей, но вы можете выбрать другой размер, если хотите.

У вас должен получиться пустой треугольник вроде этого:

Шаг 2 — Создаем узор треугольника для Photoshop

Переверните треугольную форму вверх ногами, используя Правка > Трансформация > Отразить по вертикали . Затем щелкните правой кнопкой мыши слой с треугольником и выберите Преобразовать в смарт-объект .

Перейдите к Filter > Other Offset и выберите 125 пикселей для Horizontal и Vertical . Обратите внимание, что если вы выбрали другой размер для своего бесшовного треугольника, вы должны использовать здесь половину этого размера.

Создайте новый равносторонний треугольник и залейте его черным цветом. Поместите его в центр, не перекрывая другие части треугольников. Затем сохраните треугольник как узор Photoshop, выбрав Edit > Define Pattern .Вот промежуточные шаги:

Если вы хотите, вы даже можете сохранить эту заливку узором как файл .PAT, если хотите поделиться им со своими друзьями.

Шаг 3. Создание геометрического узора в Photoshop из цветных треугольников

Этот бесшовный узор можно использовать как есть через корректирующий слой Pattern Fill или в стилях слоя как Pattern Overlay .

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

Заключение

Я думаю, что это, вероятно, одно из самых полных руководств по , как создавать треугольники в Photoshop .
Как вы думаете, чего-то не хватает? Пожалуйста, оставьте комментарий и дайте мне знать, что это такое. Воспользуйтесь рейтингом звезд ниже и дайте мне знать, насколько вы считаете это руководство хорошим.

PS: Если бы вы поделились этим со своими друзьями на Facebook или Twitter, это действительно сделало бы меня лучше.

Полное руководство для начинающих

Google произвел революцию в офисном ландшафте с облачными документами Google, бросив вызов превосходству приложений Office, таких как Word и Excel, с разумным успехом.Однако одним малоизвестным инструментом в арсенале Google Docs является инструмент рисования Google под названием Google Drawings.

Что такое Google Рисунки? Это не полнофункциональная замена Photoshop, но если вы ищете быстрый и простой в использовании инструмент для рисования для создания новых диаграмм или диаграмм в Интернете, Google Рисунки может быть тем инструментом, который вам нужен. Чтобы рисовать в Google с помощью Google Drawings, все, что вам нужно, — это учетная запись Google — ее можно использовать совершенно бесплатно.

Что такое Google Рисунки?

Google Рисунков не новость — она ​​существует с 2010 года.Он позволяет создавать диаграммы, фигуры и другие рисунки, которые затем можно использовать в других приложениях Google Docs, таких как Google Slides. Вы также можете свободно делиться, публиковать и экспортировать изображения в Интернете или в другое программное обеспечение на вашем ПК или Mac.

Не ожидайте, что в Google Drawings будет полный набор инструментов для редактирования изображений, потому что это не полноценный редактор изображений, как GIMP или Photoshop. В Google Drawings просто нет такой функциональности — все довольно просто, с функциями редактирования изображений, аналогичными, например, в Google Таблицах, но с собственным холстом для дизайна.

Это больше похоже на замену Microsoft Visio, программного обеспечения для создания диаграмм, входящего в состав Office, чем что-либо еще. Однако разница между Visio и Google Drawings заключается в стоимости — вы можете использовать это приложение для рисования Google бесплатно.

Как рисовать с помощью Google Рисунки

К счастью, с Google Рисунками нет крутой кривой обучения. Если вы когда-либо использовали инструмент в пакете Документов Google, интерфейс покажется вам очень знакомым, поскольку в нем используется тот же стиль строки меню, что и в Google Таблицах, Презентациях и других приложениях Google.

Чтобы начать использовать Google Drawings, перейдите на сайт Google Drawings и войдите в систему, используя свою учетную запись Google.

  • Если вы никогда раньше не использовали Google Рисунки, пустой рисунок появится автоматически. Вы можете открыть существующие чертежи, щелкнув Файл> Открыть и выбрав предыдущий чертеж из хранилища Google Диска.
  • Google Drawings позволяет вставлять текстовые поля, различные формы, таблицы, диаграммы, диаграммы и графики, и это лишь некоторые из них.Чтобы вставить любой из них, вам нужно будет щелкнуть вкладку Вставить и выбрать один из вариантов.
  • Для добавления новой формы, например, вам потребуется щелкнуть «Вставить»> «Форма », выбрать тип формы (например, Стрелки, ) и щелкнуть один из визуальных стилей. Затем вы можете нарисовать фигуру с помощью мыши или трекпада.
  • Чтобы добавить базовое текстовое поле, щелкните «Вставка»> «Текстовое поле » и нарисуйте текстовое поле с помощью мыши или трекпада.После создания текстового поля вы можете добавить в него текст с помощью клавиатуры.
  • Вы также можете вставлять внешние изображения в свой рисунок, что позволяет манипулировать им или использовать их вместе с текстом, фигурами и другими объектами. Для этого щелкните «Вставка»> «Изображение » и выберите один из доступных вариантов. Вы можете загрузить изображение со своего компьютера, выбрать его из хранилища Google Диска, а также выполнить поиск в Интернете, используя встроенный поиск изображений Google.
  • Линейные объекты можно использовать для связывания изображений или объектов вместе.Для этого щелкните Insert> Line и с помощью мыши или трекпада создайте линейный объект в выбранном месте.
  • Чтобы сохранить рисунок, вам нужно дать ему имя. Щелкните серое поле Чертеж без названия в верхней части окна Google Рисунки и введите запоминающееся имя. Ваш рисунок будет автоматически сохранен с этим именем в вашем хранилище Google Drive.

Создание сложных диаграмм и рисунков в Google Drawings

Помимо основных форм и возможностей редактирования изображений, Google Drawings можно использовать для создания более сложных рисунков с использованием диаграмм, таблиц и диаграмм.

  • Чтобы вставить новую диаграмму в Google Drawings, нажмите «Вставить»> «Диаграммы », затем выберите стиль диаграммы в меню, которое появляется справа, подтвердив количество уровней, а также цвет. После этого вы можете редактировать диаграмму после того, как она будет вставлена ​​в рисунок.
  • Чтобы вставить таблицу, щелкните Вставить> Таблица и выберите необходимое количество столбцов и строк. Таблица будет автоматически вставлена ​​в ваш чертеж, где вы сможете переместить ее и начать добавлять данные.
  • Вы также можете импортировать графики и диаграммы из Google Таблиц или создавать их напрямую в Google Рисунках. Для этого щелкните Insert> Charts , затем выберите тип диаграммы или графика, который вы хотите создать. Нажмите Из таблиц , чтобы вставить диаграмму из существующей электронной таблицы Google Таблиц.

Отправка и экспорт рисунков в Google Рисунки

Как и другие приложения Google, Google Drawings позволяет широко обмениваться диаграммами и экспортировать их с другими.Вы можете поделиться файлом для просмотра или редактирования другими пользователями, опубликовать свой рисунок в Интернете или экспортировать его на свой компьютер как файл SVG, PNG, JPEG или PDF.

  • Если вы хотите экспортировать рисунок на свой компьютер, нажмите «Файл »> «Загрузить » и выберите один из вариантов формата файла.
  • Чтобы поделиться своим изображением с другими, нажмите кнопку Поделиться в верхнем левом углу, затем введите их адреса электронной почты в поле People , которое появится после.Или нажмите кнопку Получить ссылку для общего доступа , чтобы скопировать прямую ссылку на ваше изображение, чтобы пользователи могли просматривать или редактировать ваш рисунок анонимно. По завершении нажмите Готово .
  • Чтобы опубликовать рисунок в виде общедоступного файла в Интернете, позволяя встраивать его на другие веб-страницы, щелкните Файл> Опубликовать в Интернете .
  • Вы можете выбрать размер опубликованного изображения чертежа на вкладке Ссылка , выбрав размер в раскрывающемся меню Размер изображения , а затем скопировать прямой URL-адрес на свой рисунок в этом размере.
  • Чтобы встроить опубликованное изображение в Интернет, щелкните вкладку Встроить в окне Опубликовать в Интернете . Затем вы можете выбрать и скопировать показанный HTML-код, чтобы правильно вставить его на веб-страницу.
  • Нажмите кнопку Прекратить публикацию , чтобы удалить рисунок из Интернета в любой момент в будущем.

Изучите свои творческие способности с помощью Документов Google

Все приложения в арсенале Google Docs позволяют редактировать фотографии и изображения, но только Google Drawings позволяет рисовать с помощью Google на холсте для рисования, как с помощью настоящего инструмента для редактирования фотографий, такого как Photoshop.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Авторское право © 2024 Es picture - Картинки
top