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

Вращение холста в фотошопе

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

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

Быстрое вращение холста в фотошопе предусмотрено в версия CS4 и выше.

Использование

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

Инструмент “Поворот вида” находится в Tools (панели инструментов) в группе с инструментом Hand (Рука). Выбрать его можно, кликнув по “руке” правой кнопкой мыши.

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

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

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

Включение OpenGL

Без включения специальной опции OpenGL функция поворота вида не будет доступна.

Чтобы активировать OpenGL заходим в меню:

Редактирование – Установки – Производительность…

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

В одной из групп настроек просто устанавливаем нужную галочку, жмём ОК и перезагружаем Фотошоп.

Как сделать компас в фотошопе
Возвращение холста в исходное положение

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

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

Быстрые кнопки для лёгкой работы

Горячая кнопка инструмента Поворот вида – R.

При рисовании придётся переключаться между инструментами кисти и поворота нажимая клавиши R и B поочерёдно.

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

Где то читал, что использую Пробел+правый Alt Gr, но у меня эта комбинация не отмечена +)

Возможно это реализовано в CS5 либо просто-напросто настраивается где-то в настройке клавиш в фотошопе.

P.S. Надеюсь рекомендация поможет облегчить работу и сделать её более удобной. Если у кого-то есть что добавить к использованию данного инстумента из своей практики, прошу ответить в комментариях.

7 комментариев к “Вращение холста в фотошопе”

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

п.с. я опять о своем )) в Сае эта функция в разы лучше реализована 😀

Источник

Рисуем иконку компаса в Photoshop

Из этого урока мы узнаем, как в Adobe Photoshop нарисовать с нуля иконку компаса, используя такие инструменты, как «Перо» (Pen Tool), «Прямоугольник со скруглёнными углами» (Rounded Rectangle Tool) и «Прямоугольник» (Rectangle Tool).

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

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

Вот что у меня получилось в итоге:

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

Давайте начнём. Открываем Photoshop и создаём документ размером 500 на 500 пикселей. Заливаем документ розовым цветом #db687b. Результат:

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

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

Дублируем фоновый слой и добавляем к нему стиль слоя, непрозрачность нового слоя уменьшаем примерно до 45%. Вот как теперь выглядит документ:

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

Создание основы иконки

Установите цвет переднего плана на #3ab2cb. Возьмите инструмент «Прямоугольник со скруглёнными углами» (Rounded Rectangle Tool), установите длину и ширину 190 и радиус скругления 30 пикселей и создайте фигуру:

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

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

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

Выберите один из инструментов выделения, например, «Прямоугольная область» (Rectangular Marquee Tool), кликните правой клавишей мыши внутри выделения, откроется контекстное меню, где кликните по строке «Выполнить обводку» (Stroke). Откроется диалоговое окно, где задайте толщину обводки 2 пикселя, цвет #1d6b80 и положение «Внутри» (Inside):

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

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

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

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

Сгруппируйте эти два слоя и назовите группу «основа».

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

На этом создание основы иконки закончено, переходим к рисованию самого компаса.

Создание формы изображения компаса на иконке

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

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

Установите основной цвет в цветовой палитре на белый (#FFFFFF). Возьмите инструмент «Эллипс» (Ellipse Tool), установите режим «Фигура» (Shape). Наведите курсор мыши точно в перекрестье направляющих, зажмите клавиши Alt+Shift, нажмите на левую клавишу мыши и протащите курсор от центра в любом направлении. А результате, у Вас должен получиться примерно такой геометрически правильный круг:

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

Затем, таким же образом, создайте второй круг, поменьше. Затем, в панели параметров, нажмите на кнопку опции «Операции с контуром» (Path Operations) и выберите «Вычесть переднюю фигуру» (Subtract Front Shape). У Вас должна получиться такая окружность:

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

Создайте новый слой, возьмите инструмент «Перо» (Pen Tool) и нарисуйте вот такой треугольник:

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

Клонируйте слой, нажав Ctrl+J. Нажмите Ctrl+T для активации инструмента «Свободная трансформация». Зажмите Alt и перетащите центр трансформации точно на перекрестье направляющих:

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

Поверните треугольник на 90°:

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

Нажмите Enter для применения трансформирования.
Повторите процедуру ещё два раза. Можно просто два раза нажать комбинацию Ctrl+Shift+Alt+T. Результат:

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

В панели слоёв выделите все слои с фигурами, нажмите на любой из выделенных слоёв правой клавишей мыши и кликните по строке «Объединить фигуры»:

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

Создайте новый слой и нарисуйте треугольник поменьше:

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

С помощью «Свободного трансформирования» поверните треугольник на 45°, перед поворотом не забудьте переместить центр трансформирования на перекрестье направляющих. Затем клонируйте и поверните треугольник на 90°, повторите это ещё два раза. Объедините контура в один. Вот что должно получиться, я нажал Ctrl+H, чтобы скрыть отображение направляющих и контуров:

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

Итак, мы создали стилизованный циферблат компаса. В следующем уроке мы придадим циферблату объём и нарисуем стрелку компаса с севером и югом.

Скачать материалы к уроку:

Источник

LiveInternetLiveInternet

Рубрики

Музыка

Музыкальный плеер

Видео

Поиск по дневнику

Подписка по e-mail

Друзья

Трансляции

Статистика

Рисуем иконку «Золотой компас»

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

Шаг 1.

Рисуем круг (ширина 367px) с цветной заливкой и без обводки, используем инструмент Ellipse Tool (M). Убедитесь что Shift зажат, чтобы соблюдать пропорции и примените радиальный градиент, как показано ниже.
Как сделать компас в фотошопе

Шаг 2.

Начнем с маркировок. Создаем прямоугольник (L) шириной 0.688 и высотой 13.044 — к верхней стороне круга и скопируем к низкой стороне (зажмите Alt + Shift после того как выберите и начнете перетаскивать).
Как сделать компас в фотошопе

Шаг 3.

Выбираем прямоугольник, используя инструмент Selection Tool (V). Группируем, и выравниваем горизонтально и вертикально относительно центру рабочей области.
Как сделать компас в фотошопе

Шаг 4.

Выбираем прямоугольник (V) и поворачиваем его используя Rotate Tool (Правый щелчок> Transform > Rotate) на 1 degree (градус) и копируем в Rotate Tool Dialog Box.
Как сделать компас в фотошопе

Шаг 5.

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

Шаг 6.

Выберите средний прямоугольник из верхних используя инструмент Selection Tool и измените его размер. Тащим за углы, используя инструмент Selection Tool (V) пока зажата клавиша Shift.
Как сделать компас в фотошопе

Шаг 7.

Пока маркер выбран, копируем и перетаскиваем вниз. Убедитесь что вы нажимаете обе клавиши Alt + Shift пока вы двигаете, чтобы все было относительно центра. Когда закончите, сгруппируйте (Ctrl + G).
Как сделать компас в фотошопе

Шаг 8.

Поверните группу на 20 degrees (градусов) (Правый щелчок > Transform > Rotate) и нажмите скопировать в Dialog Box.
Как сделать компас в фотошопе

Шаг 9.

Дублируем действие из шага 8 пока вы не покроете весь круг, используйте Ctrl + D.
Как сделать компас в фотошопе

Шаг 10.

Шаг 11.

Выберем новый маркер с помощью инструмента Selection Tool и скопируйте его, перетаскивая вниз, зажав клавиши Alt + Shift.
Как сделать компас в фотошопе

Шаг 12.

Группируем оба (Ctrl + G) и поворачиваем на 10 degrees (градусов) (Правый щелчок > Transform > Rotate). На этот раз в панели Rotate щелкните OO.
Как сделать компас в фотошопе

Шаг 13.

Выберите группу которую повернули и поверните ее снова на 20 degrees (градусов), как в шаге 12 но в этот раз нажмите Copy в панели Rotate. Повторите (Ctrl + D) пока вы не получите целый круг.
Как сделать компас в фотошопе

Шаг 14.

Шаг 15.

Пока круг все еще выделен, используем Type в Path Tool чтобы пронумеровать циферблат по кругу.
Как сделать компас в фотошопе

Шаг 16.

Продолжайте нумерацию на 20 делениях, пока не закончите.
Как сделать компас в фотошопе

Шаг 17.

Создайте звездочку из 4 углов, используя инструмент Star Tool. Поиграйтесь со стрелками и командами, при создании. Одину я нарисовал 225,887px в ширину.
Как сделать компас в фотошопе

Шаг 18.

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

1. Нарисуйте простую линию используя Line Segment Tool (\) длиньше, чем вертикаль звезды.
2. Скопируйте и вставьте фронтально (Ctrl + C и Ctrl + F) и поверните копию на 45 degrees (градусов) используйте Selection Tool (V), пока зажата клавиша Shift.
3. Повторите пункты 1 и 2 пока не получите 4 линии.
4. Выделим линии и звезду, и центрируем по вертикали и горизонтали.
5. Пока линии и звезда выделены следуем в панель Pathfinder (Shift + Ctrl + F9) и жмем divide.
Как сделать компас в фотошопе

Шаг 19.

1. Красим секции звезды используя Direct Selection Tool и цвета по выбору.
2. Копируем и вставляем фронтально (Ctrl + C и Ctrl + F) разноцветную звезду и поворачиваем на 45 degrees (градусов) используя Selection Tool (V) пока зажата клавиша Shift.
3. Создайте новую звезду поменьше с помощью Selection Key (V) и Shift + Alt.
Как сделать компас в фотошопе

Шаг 20.

Удаляем три части маленькой звезды и оставляем только одну. Выбираем 2 опорные точки которые вы видите на верхнем рисунке, используя Direct Selection Tool (A). Далее используем Selection Tool (V) чтобы перетащить вверх вправо пока зажата клавиша Shift.
Как сделать компас в фотошопе

Шаг 21.

1. Выбираем оставшуюся часть маленькой звезды используя Selection Tool (V),жмем R и перетаскиваем к середине большой звезды пока зажата клавиша Alt.
2. Вводим 90 и окне Rotate Dialog Box и жмем Copy.
3. Повторяем (Ctrl + D) пока не получите полную звезду.
Как сделать компас в фотошопе

Шаг 22.

Используя Text Tool (T) вводим весь текст («N,» «E,» «S,» «W,» etc. )
Как сделать компас в фотошопе

Шаг 23.

Теперь нам нужно создать еще одну часть компаса. Заходим в группу в которой содержится большая звезда, копируем горизонтальный сегмент (Ctrl + C), и вставляем его (Ctrl + V). Выделяем 2 опорные точки верхние используя Direct Selection Tool (A), после чего Правый щелчок > Average > Both.
Как сделать компас в фотошопе

Шаг 24.

Добавим цвета к сегменту.
Как сделать компас в фотошопе

Шаг 25.

Шаг 26.

Группируем (Ctrl + G) все элементы в один.

Шаг 27.

Создаем золотую оправу для компаса. Создаем четыре круга используя Ellipse Tool (L) пока клавиша Shift зажата. Начинаем с большого и заканчиваем маленьким. Я создал 4, следующих размеров:469px, 460px, 449px, и 393px.
Как сделать компас в фотошопе

Шаг 28.

Добавляем градиенты и группируем в одну группу. Палитры доступны для пользовтелей Vector Plus Members в оригиналном формате.
Как сделать компас в фотошопе

Шаг 29.

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

Шаг 30.

Добавим тень компасу

1. Создаем белый круг используя Ellipse Tool (L).
2. Используем Mesh Tool (U) и добавляем 4 точки.
3. Используем Direction Selection Tool (A) чтобы выделить мешевые точки и добавить цвет: #4d4d4d в центр и #f2f2f2 для внешних.
4. После того как закончите с цветами, выделите круг, используя Selection Tool (V) и трансформируем в эллипс как показано.
Как сделать компас в фотошопе
Как сделать компас в фотошопе

Источник

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

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