Создаем схему соотношения размеров картин в Фотошопе

Блуждая по Ярмарке Мастеров в разных разделах, обратила внимание, что существуют таблицы размеров одежды, обуви, сумок, кошельков и многого другого, а вот в разделе «Картины и панно» такой таблицы для сравнения стандартных размеров рам и рамок картин нет. Конечно, на просторах интернета можно найти фото с сравнением размеров ватмана от А0 до А10, например такого типа:

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

1. Создаем новый документ. Нажимаем Ctrl+N или нажимаем вкладку Файл, затем Создать...

2. Задаем параметры новому документу. Вводим любое удобное Имя и выбираем Ширину 250 см, Высоту 200 см, Разрешение 72 пикс/дюйм, остальные параметры не трогаем. В конце работы мы обрежем получившееся фото так, как нам удобно, поэтому огромного размера не пугаемся. Получаем прекрасный в своей пустоте белый прямоугольник, на котором и будем создавать свою схему.

3. Превращаем закрепленный фон в новый слой. Нажимаем клавишу F7 или выбираем Окно, затем Слои — появляется окно, в котором пока находится только фон со значком блокировки (висячий замок). Появится окошко Новый слой, нажимаем ОК.

После этого либо идем на вкладку Слой, затем Новый и выбираем Из заднего плана либо дважды щелкаем левой кнопкой по значку блокировки.

Появится окошко Новый слой, нажимаем ОК.

Теперь Фон стал называться Слой 0 и значок блокировки исчез.

4. Создаем раму. Для этого снова повторяем пункты 1-2, только в параметрах нового документа выбираем ширину и высоту стандартной рамы, например 50 на 70 см, нажимаем ОК.

На панели инструментов (у меня слева) выбираем Прямоугольную область

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

Затем щелкаем правой кнопкой мыши и выбираем Инверсию выделенной области

Получаем выделенную рамку по периметру прямоугольника.

5. Придаем раме контрастный цвет, например черный. Снова идем на панель инструментов и выбираем инструмент Основной цвет

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

Затем выбираем инструмент Заливка на панели инструментов. ..

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

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

7. Переносим получившуюся раму размера 50х70 см на первый документ. Для этого сначала необходимо повторить пункт 3 с рамой, т.е. превратить закрепленный фон в новый слой.

Затем размещаем оба документа рядом друг с другом, выбирая вкладку Окно, затем Упорядочить, потом Мозаика

Нажимаем инструмент Перемещение

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

8. Создаем раму другого стандартного размера, например 40х50 см. Для этого переходим обратно на документ с рамой (у меня он называется Без имени-1) — можно просто щелкнуть левой кнопкой мыши по названию файла, можно выбрать вкладку Окно и поставить галочку на нужном документе.

Для удобства открываем этот документ во весь экран — нажимаем вкладку Просмотр, выбираем Режимы экрана, затем Во весь экран с главным меню.

Теперь изменяем размер рамы — вкладка Изображение, затем Размер изображения.

В появившемся окне сначала снимаем галочку с пункта Сохранять пропорции.

Затем выбираем нужную Ширину 40 см и Высоту 50 см и нажимаем ОК.

Рама поменяла свои пропорции:

9. Переносим получившуюся раму размера 40х50 см на первый документ. Для этого повторяем пункт 7, но без повторения пункта 3, т.к. наша рама уже является незакрепленным слоем. Теперь на документе Схема у нас 2 рамы. Можем поставить их рядом:

А можем повернуть получившуюся раму горизонтально, для чего необходимо оставить выбранным инструмент Перемещение и зажав клавишу Shift, перевести курсор в любой угол рамы, чтобы он превратился в полукруглую двустороннюю стрелку и потянуть раму влево или вправо, пока она не перевернется горизонтально. После чего можно переместить эту раму в любое место Схемы и обязательно нажать в конце всех этих манипуляций Enter, чтобы закрепить примененное трансформирование объекта. Если сейчас открыть палитру Слои (у меня справа снизу), то можно увидеть, что вторая рама находится на Слое 2. Если нам необходимо отредактировать первую раму, то надо будет лишь перейти на ее Слой 1.

10. Продолжаем редактировать документ с рамой (Без имени-1) и переносить результат на Схему, повторяя предыдущие пункты 7-9. В итоге получаем очень упрощенную схему с рамами в масштабе 1:1.

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

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

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

Появляется знакомое окно, где и выбираем любой нужный цвет (я выбрала ярко-красный) и нажимаем ОК.

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

Теперь подводим курсор мышки к первой раме, щелкаем левой кнопкой мыши на ее внутреннем белом пространстве и набираем текст 50х70 см. У нас появляется новый текстовый слой в палитре Слои и красная надпись с размером.

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

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

Если вас не устраивает горизонтальная надпись, то ее можно повернуть вертикально тем же способом, что мы использовали для поворота рамки в пункте 9 (Перемещение+Shift). Для отмены изменений достаточно нажать Cntrl+Z, что перенесет нас на действие назад или же выбрать на панели вкладку История (у меня справа) и перейти назад по действиям. Изменение размеров шрифта, которое мы сделали, называется «Свободное трансформирование», к примеру, я еще раз применила Свободное трансформирование, когда переворачивала текст вертикально, но результат меня не устроил, и тогда во вкладке История просто выбираю предыдущее действие.

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

В появившемся окне нажимаю ОК.

Появляется еще один слой 50х70 см копия.

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

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

После чего нажимаем на панели инструментов Перемещение и видим на палитре Слои (справа), что второй текстовый слой поменял имя с 50х70 см копия на 50х40 см.

13. Повторяя пункт 12, создаем подписи к каждой раме. Можно остановится на полученном варианте, обрезать все лишнее — выбираем инструмент Рамка, рисуем им границу вокруг нужной нам области и нажимаем Enter. Получаем документ Схема, в котором масштаб рам остается 1:1, хотя сами они сильно уменьшаются в размерах.

14. Затем можно сохранить документ в форматах psd (чтобы потом его изменять, добавлять слои, поработать с фоном — залить его каким-нибудь цветом с градиентом и т.д, если будет желание) и jpg, чтоб добавлять схему при оформлении товара. И на этом временно закончить свою схему.

А можем заморочиться чуть подольше. В пример привожу собственную схему, сделанную под мой магазинчик японской живописи тушью и с собственной же фигурой (рост 151 см) в качестве пропорционального ориентира для общего понимания размеров рам. Кто-то использует диваны для масштаба, я предпочитаю использовать себя 🙂

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

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

Всем вдохновения и радости творчества!

С Уважением, Екатерина Жегулова.

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

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

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

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

Содержание

  • 1 Поиск подходящей карты
  • 2 Прорисовка основных элементов схемы
  • 3 Подписи улиц, номеров домов, достопримечательностей.
  • 4 Добавление значков и стрелок на схеме проезда.
  • 5 Видео урок:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Видео урок:


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

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

(Visited 19 317 times, 6 visits today)

Как сделать график в Photoshop | Малый бизнес

Даррин Колтоу

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

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

  2. Нажмите «Инструмент «Форма» — овальный значок — на панели «Инструменты», затем выберите «Инструмент пользовательской формы» — форма, похожая на амебу, на панели инструментов «Параметры», которая может создавать сетки.

  3. Нажмите значок «Сетка» в галерее «Формы», затем перетащите на холст, чтобы нарисовать квадратную сетку. Нажмите «Ctrl-J», чтобы продублировать сетку, затем нажмите «V», чтобы запустить инструмент «Перемещение». Перетащите дублирующую сетку так, чтобы она удвоила ширину первой сетки.

  4. Удерживая нажатой клавишу Shift, щелкните два верхних слоя на панели «Слои», затем нажмите «Ctrl-G», чтобы сгруппировать две сетки. Нажмите и удерживайте «Alt», затем нажмите и слегка перетащите группу вниз, чтобы продублировать группу. Дважды щелкните новую группу и назовите ее «Этаж», затем щелкните значок глаза, чтобы скрыть сетку для дальнейшей работы.

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

  6. Нажмите «T», чтобы запустить команду «Текст», затем перетащите курсор влево от левого края сетки. Введите число, которое вы хотите отобразить на оси Y графика, затем нажмите «Ctrl-T», чтобы запустить «Свободное преобразование». Перетащите маркеры числа и центральное пространство, чтобы расположить и изменить размер числа так, как вы хотите, чтобы оно отображалось рядом с осью Y.

  7. При необходимости создайте дополнительные метки для осей Y и X, продублировав слой первой метки на панели «Слои».

  8. Скройте верхний слой панели «Слои», как вы сделали группу слоев Floor, щелкнув ее значок глаза, затем откройте созданную ранее группу Floor, щелкнув ее значок глаза. Нажмите «Alt» и перетащите, чтобы продублировать группу этажей три раза, затем нажмите «Ctrl-T» (Свободное преобразование), чтобы расположить дубликаты этажей так, чтобы они образовали одну большую сетку пола.

  9. Нажмите и удерживайте «Shift», затем щелкните дубликаты этажей, чтобы выбрать их. Щелкните правой кнопкой мыши выделение и выберите «Преобразовать в смарт-объект», чтобы включить простое применение команды «Перспектива». Нажмите «Ctrl-T» еще раз, затем щелкните правой кнопкой мыши холст. Нажмите «Перспектива», затем перетащите верхний угол ограничивающей рамки пола, чтобы выполнить преобразование перспективы на полу. Пол теперь уходит вдаль.

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

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

Справочные материалы

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

    как сделать диаграмму в фотошопе?

    Ответить

    1. Есть несколько способов сделать диаграммы в Photoshop.
    2. Вы можете использовать инструмент «Перо» для создания пользовательских фигур или инструмент «Линия» для создания прямых линий.
    3. Вы также можете использовать инструменты прямоугольника или эллипса для создания основных фигур.
    4. Когда у вас есть основная форма, вы можете добавить текст и другие детали.

    Создание кольцевых и круговых диаграмм в Photoshop | Учебник по Adobe Photoshop | ДизайнКосмос

    Adobe Photoshop Учебник 9: Создание концептуальных диаграмм для архитектуры так ПРОСТО И ПРОФЕССИОНАЛЬНО

    FAQ по Yoast

    Как сделать изображение с прозрачным фоном?

    Есть несколько способов сделать изображение с прозрачным фоном. Один из способов — использовать фоторедактор, такой как Photoshop или GIMP. Другой способ — использовать такой веб-сайт, как Pixlr.com.

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

    Есть несколько способов сделать это в Photoshop. Один из способов — использовать инструмент «Волшебная палочка», чтобы выбрать фон, а затем удалить его. Другой способ — использовать фильтр «Извлечь», чтобы выбрать фон, а затем удалить его.

    Как отделить изображение от фона в Photoshop?

    Есть несколько способов сделать это в Photoshop. Один из способов — использовать инструмент «Волшебная палочка». Выберите инструмент «Волшебная палочка» на панели инструментов, затем щелкните фон изображения, которое хотите удалить. Инструмент автоматически выберет все фоновые пиксели. Теперь перейдите в «Правка»> «Очистить», и фон будет удален.
    Еще один способ удалить фон — использовать Pen Tool.

    Как удалить фон в Photoshop?

    Есть несколько способов удалить фон в Photoshop. Один из способов — использовать инструмент «Перо», чтобы создать контур вокруг объекта, который вы хотите сохранить, а затем удалить фон. Другой способ — использовать инструмент «Волшебная палочка», чтобы выбрать фон, а затем удалить его.

    Как создать простой логотип в Photoshop?

    Откройте Photoshop и создайте новый документ.
    Выберите инструмент «Прямоугольник» на панели инструментов.
    Нарисуйте прямоугольник на холсте.
    Щелкните прямоугольник правой кнопкой мыши и выберите «Заполнить».
    Выберите цвет прямоугольника и нажмите «ОК».
    Выберите «Текстовый инструмент» на панели инструментов.
    Введите название вашей компании в текстовое поле.
    8.

    Как превратить мой логотип в контур?

    Есть несколько способов сделать это. В Adobe Illustrator вы можете использовать функцию «трассировка» для создания контура логотипа. Вы также можете использовать такую ​​программу, как Photoshop, чтобы создать обтравочную маску вокруг вашего логотипа.

    Какой самый быстрый способ обвести изображение в Photoshop?

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

    Как обвести прямоугольник в Photoshop?

    Есть несколько способов обвести прямоугольник в Photoshop. Один из способов — использовать инструмент Rectangle Marquee Tool и нарисовать прямоугольник на холсте. После того, как вы нарисовали прямоугольник, перейдите в Select> Inverse, чтобы выделение теперь находилось внутри прямоугольника. Затем перейдите в «Правка» > «Обводка» и выберите ширину и цвет обводки. Вы также можете добавить пунктирную линию, установив флажок Пунктирная линия.

    Как создать объект в Photoshop?

    Чтобы создать объект в Photoshop, вы можете использовать инструмент «Перо», чтобы нарисовать контур объекта, а затем заполнить его цветом или градиентом.

    Как нарисовать объект в Photoshop?

    Есть несколько способов нарисовать объект в Photoshop. Один из способов — использовать инструмент «Перо», чтобы создать контур, а затем использовать инструмент «Кисть», чтобы заполнить контур. Другой способ — использовать инструменты «Фигура», чтобы создать фигуру, а затем заполнить ее цветом.

    Как обвести логотип в Photoshop?

    Создайте новый документ в Photoshop и задайте размеры, которые вы хотите, чтобы ваш логотип был.
    Выберите инструмент «Прямоугольник» (U) и создайте прямоугольник, который будет фоном вашего логотипа.
    Залейте прямоугольник цветом по вашему выбору.
    Перейдите в меню «Слой» > «Создать» > «Слой» и создайте новый слой для контура вашего логотипа.
    Выберите Pen Tool (P) и начните обводить форму вашего логотипа.

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

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

    Как обвести фигуру в Photoshop?

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

    Как рисовать круги в Photoshop?

    Есть несколько способов рисования кругов в Photoshop. Один из способов — использовать инструмент «Эллипс». Для этого нажмите и удерживайте инструмент «Эллипс» на панели инструментов и выберите инструмент «Пользовательская фигура». Затем вы можете выбрать форму круга из меню.

Автор записи

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

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