Более подробнее об этом посмотрите на видео.

Желаю вам успеха и удачи!

Видео по теме

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

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

Конечно не всё, но всё то, что предусмотрено законами физики.

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

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

Для того, чтобы сделать полоски в «Фотошопе» сделайте следующее:

1. Скачиваем и устанавливаем программу «Adobe Photoshop». Если не собираемся и далее использовать, то просто используем в демо-режиме.

2. Открываем программу и создаём новый документ нажав комбинацию клавиш CTRL+N.

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

4. После этого можете использовать инструмент, который называется «Line». Это для того, чтобы нарисовать полосы. Можете нарисовать по диагонали.

5. Теперь создайте новый слой.

6. Теперь залейте радиальным градиентом используя инструмент «Градиент».

7. Теперь измените режим слоёв на умножение. Здесь надо поставить прозрачность на семьдесят.

8. Теперь на инструменте «Кисти» выберите кисть и можете рисовать нужные линии.

Посмотрите, что из этого получится.

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

Шаг 1

Как всегда мы начнём этот урок с красивого радиального градиента. Я пристрастился к радиальным градиентам, поэтому вы тоже должны! Я использую комбинацию красивых синих тонов. Цвета градиента, которые я использовал:

Цвет 1 - #0e324f

Цвет 2 - #062033

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

Шаг 2

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

Так или иначе, я добавил гигантскую букву ‘M’ белого цвета, а затем поменяйте режим наложения для данного слоя с буквой на Перекрытие (Overlay) и уменьшил непрозрачность слоя до 40%, таким образом, мы совместили букву с радиальным градиентом, включая светотени.

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

Шаг 3

Далее, создайте новый слой. Нарисуйте длинный прямоугольник светло-серого цвета. Прямоугольник должен быть длинной формы, потому что, когда мы повернём его, он должен быть достаточно длинным. Также добавьте текст. Я написал "Made with Love!", используя забавный шрифт Gill Sans Ultra Bold. У меня есть предрасположенность к жирным шрифтам, потому что они выглядят дружелюбно и броско.

Шаг 4

Далее, я выбрал фигуру сердца из стандартного набора фигур Photoshop. Вы можете сделать это с помощью инструмента Произвольная фигура (Custom Shape Tool (U). В настройках данного инструмента, щёлкните по значку стрелки выпадающего меню Фигура (Shape), как показано на скриншоте ниже. Если ваше меню предлагает небольшой выбор символов, тогда вы можете загрузить еще несколько наборов из библиотеки, для этого, щелкните по значку маленькой стрелки в правом верхнем углу и в выпадающем меню, выберите опцию Загрузить фигуры (Load Shapes).

Шаг 5

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

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

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

Шаг 6

Теперь, чтобы красный цвет по-настоящему выделялся, я перешёл на слой с фигуркой сердца, а затем создал новый слой поверх слоя с фигуркой сердца. Затем, используя ещё более светлый оттенок красного цвета, я нарисовал небольшой градиент в верхнем правом углу. Таким образом, мы добавили радиальный градиент к нашему сердечку, и мы вновь используем светотени!

Я также добавил лёгкую размытую тень к тексту "Made with Love", используя стиль слоя Тень (Drop Shadow). Для этого, щёлкните правой кнопкой по данному слою и в появившемся окне, выберите опцию Параметры наложения (Blending Options). Далее, выберите стиль слоя Тень (Drop Shadow). Установите Смещение (Distance) на 0, а также поменяйте цвет на светло-серый, чтобы тень не была слишком грубой. Не добавляйте стандартную тень, потому что мы нужно, чтобы буквы текста были частью полоски, а не зависали над ней.

Шаг 7

Далее, я хочу добавить границы на полоску, для этого, удерживая клавишу (Ctrl), щёлкните по миниатюре слоя с полоской, чтобы загрузить активное выделение, создайте новый слой, а затем залейте этот слой тёмно-серым оттенком. Далее, идём Выделение – Модификация – Сжать (Select > Modify > Contract). Установите значение Сжатия (contract) выделенной области на 2 px.

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

Шаг 8

OК, итак, мы создали текстовую полоску, у неё есть края, текст и красивое выделяющееся красное сердечко.

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

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

Шаг 9

Итак, сейчас нажмите клавиши (Ctrl+T) для трансформации, удерживая клавишу (Shift), поверните текстовую полоску под 45" градусов.

Шаг 10

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

Итак, создайте новый слой поверх всех слоёв, а затем установите цвет переднего плана на светло-серый цвет. Удерживая клавишу (Ctrl), щёлкните по миниатюре слоя с текстовой полоской, чтобы загрузить активное выделение. Далее, создайте градиент, цвета градиента от светло-серого к прозрачному, сверху вниз, а затем создайте второй градиент, только на это раз снизу вверх.

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

Шаг 11

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

Шаг 12

Теперь возвращаемся на сам слой с текстовой полоской. Выберите инструмент Затемнитель (Burn Tool (O), установите большую мягкую кисть, с которой вы будете работать.

Аккуратно затемните нижнюю и верхнюю часть полоски. В настройках инструмента Затемнитель (Burn Tool), уменьшите значение Экспозиции (Exposure), я использовал значение 20%. Это позволит вам создать нежный эффект, не переусердствовав с эффектом.

Когда вы завершите работу над затемнением верхней и нижней части полоски, то вы можете, если хотите, удерживая клавишу (Alt), аккуратно и слегка прокрасить среднюю часть. Удержание клавиши (Alt), когда активен инструмент Затемнитель (Burn Tool) переключит инструмент на инструмент Осветлитель (dodge).

Инструменты Затемнитель / Осветлитель (Burn and Dodge) – это как две противоположности друг друга. Затемнитель затемняет, Осветлитель осветляет. Это довольно полезные инструменты, однако, старайтесь использовать их аккуратно, иначе вы можете слегка испортить эффект.

Шаг 13

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

Создайте новый слой ниже слоя с текстовой полоской.

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

Далее, отмените активное выделение (Ctrl+D), а затем дважды нажмите клавишу со стрелкой вниз и дважды на клавишу со стрелкой влево, таким образом, чтобы ваш новый слой был расположен ниже и справа от текстовой полоски (как показано на скриншоте ниже)

Это будет наш слой тенью.

Шаг 14

Поменяйте режим наложения для слоя с тенью на Умножение (Multiply), а затем идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите радиус размытия примерно на 3-4px. В результате, мы получим красивую тень.

Шаг 15

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

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

В любом случае, выберите инструмент Ластик (Erase Tool (E), установите большую мягкую кисть, а затем слегка удалите тени сверху и снизу, чтобы они были едва уловимыми с обоих концов текстовой полоски.

Шаг 16

На скриншоте ниже, вы можете увидеть итоговый результат:: красивую полоску с текстом!

Многим часто приходится работать с графическим редактором. Одним необходимо это в процессе обучения, другим - для работы, а некоторые начинают работать в них по своей инициативе. Ясно одно - каждый проходит через начальный этап, когда интерфейс давит своим объемом и приходится разбираться самостоятельно. Каждый начинает осваивать программу по-своему: кто-то методом проб и ошибок, кто-то учится, смотря туториалы по графической программе. Пользователи проходят и через изучение инструментов и построение фигур. Один из коварных вопросов, с которым сталкивается новичок - построение волнистых линий в «Фотошопе». Данная среда не имеет непосредственного инструмента "Кривая", поэтому приходится делать их своими руками.

линии в «Фотошопе»?

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

Все же самыми распространенными решениями являются более простые методы. К ним можно перечислить:

• Волна. Позволяет отделить область в форме волны (идентично волнистой линии)
• Перо. Позволяет создать собственный контур, управляя точками растяжения.

С помощью функции "Волна"

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

Для применения функции "Волна" необходимо проделать следующие шаги:

1. Определиться и создать область, которая будет обрезана "волной".
2. С помощью инструмента "Прямоугольная область" нужно выделить участок, который будет иметь волнистую каемку.
3. Затем в шапке программы находим раздел "Фильтр", затем категорию "Искажение" и пункт "Волна".
4. настроек, в котором можно выбрать вид волны (синусоида, треугольники и квадраты), определится с длиной волны и амплитудой, выбрать масштаб.
5. можно подогнать необходимые значения параметров для достижения желаемых результатов.
6. Наблюдаем, что область имеет волнистые стороны. Необходимо обрезать область с помощью вызова диалогового окна нажатием правой кнопки мыши.

Инструмент "Перо"

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

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

1. Сначала необходимо выбрать данный инструмент на главной рабочей панели.
2. Ставим первую опорную точку.
3. Следом зажимаем левую кнопку мыши и растягиваем образовавшуюся дугу на нужное расстояние, регулируя процесс мышкой. Отпускаем - получилась дуга.
4. Следующим этапом делаем то же самое, что и в пункте 3, только инвертируя дугу в противоположенном направлении.
5. Продолжаем повторять пункт 3 и 4 до нужной длины волнистой линии.
6. Затем замыкаем линию через самую первую опорную точку.
7. Выделяем область с помощью ПКМ и обрезаем ее.

Вот так можно создавать волнистые линии в "Фотошопе".

Проблема с полосками не зависит от разрешения изображения (72 пиксель/дюйм или 300). Рано или поздно Вы всё равно с ней столкнётесь. На появление полос влияют цвета, которые Вы выбираете для градиента. Прежде чем изменять используемые цвета или их контрастность, мы опробуем один метод, который я открыл для себя 2 года назад.

Вот пример полосатого градиента:

Создайте копию градиентного слоя (Ctrl + J) и примените к ней фильтр Размытие по Гауссу (

",this,event,"320px");">Gaussian Blur Filter).

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

Создайте новый слой: удерживая Alt, кликните на иконке в нижней части палитры слоёв.

В окне параметров слоя установите Режим наложения на Перекрытие (Overlay) и включите заливку 50% серым цветом.

Вы не увидите никаких изменений из-за режима наложения, который скрывает серый цвет. Примените фильтр шума (

",this,event,"320px");">Add Noise Filter):

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

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

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

Направляющие в Фотошоп

Как выставить направляющие

Вариант 1. Самый удобный, но не самый точный способ выставить их – зажать линейку левой мышкой и потянуть на рабочую область. За курсором выйдет полоска (по умолчанию обычно бирюзового цвета) – это и есть направляющая линия. Она установится в том месте, где вы отпустите мышку. Верхняя линейка отвечает за горизонтальные линии, а левая – за вертикальные. Курсор при этом принимает такой вид: . Таким образом можно вытянуть множество таких вспомогательных.

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

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

Вариант 2. Выбрать в меню Просмотр→Новая направляющая.

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

По умолчанию в строке «Положение» стоит 0 пикс. Это значит, что линия будет выставлена по краю изображения: горизонтальная – по верхнему, вертикальная – по левому. Это значение можно изменить.

Пример:

Допустим, нужно отмерить ¾ от ширины картинки, то есть 75%. На фотографии шириной 500 пикс. это составит 375 пикс. Выбираем вертикальную ориентацию. Прописываем в строке «Положение» либо 75%, либо 375 пикс. – результат будет одинаков. Нажимаем кнопку «ОК».

Как изменить положение направляющих линий

Изменить направление линии с вертикальной на горизонтальную или наоборот можно щелкнув по ней мышкой с зажатой клавишей Alt при активном инструменте «Перемещение».

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

Быстрые направляющие

Суть этой функции – автоматическое появление вспомогательных линий при выравнивании объектов. Устанавливается она по пути Просмотр→Показать→Быстрые направляющие.

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

На картинке ниже показано:

1 – при перемещении текста «объектов» программа указала его выравнивание по правому краю относительно слова «выравнивание».

2 – при перемещении слова «быстрыми» линия указала совпадение его середины с серединой слова «выравнивание»;

3 – при перемещении последнего слова, линия показала совпадение правого края с правым краем слова «выравнивание».

Привязка и Закрепить

В Adobe Photoshop есть функция привязки к вспомогательным линиям. Если она включена, то передвигаемый объект, оказавшись на достаточно близком расстоянии к направляющей, притягивается к ней. Включается эта функция в меню «Просмотр»→«Привязать к»→«Направляющим».

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

Чтобы в процессе работы при фотошопе случайно не передвинуть выставленные вспомогательные линии, их можно закрепить в меню Просмотр→Закрепить направляющие. Горячие клавиши Alt+Ctrl+; При этом знак «;» с английской раскладкой клавиатуры, то есть это клавиша с русской буквой «ж».

Снять закрепление можно повторным нажатием горячих клавиш Alt+Ctrl+; или снова пройти в меню Просмотр→Закрепить направляющие и снять галочку.

Как убрать направляющие в фотошопе

Когда линии уже выставлены, спрятать их на время или снова сделать видимыми можно горячими клавишами Ctrl+h либо Ctrl+; И то и другое сочетание клавиш в Adobe Photoshop cs5 работают одинаково.

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

Настройки

Дополнительных настроек вспомогательные линии не требуют, но изменить их стиль на пунктирный и цвет можно пройдя Редактирование→Установки→Направляющие, сетка и фрагменты. Откроется окно настроек.

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