Создаём Полоску с Текстом в Photoshop
В этом уроке мы собираемся создать небольшую полоску с текстом в Photoshop, которую вы можете расположить в правом верхнем углу своей дизайнерской работы. Эти маленькие полоски выглядят очень модно, включая Web2.0-y, особенно в веб-дизайне! Это довольно простой эффект, также в этом уроке мы добавим мягкие светотени, чтобы сделать эффект выразительным!
Шаг 1
Как всегда мы начнём этот урок с красивого радиального градиента. Я пристрастился к радиальным градиентам, поэтому вы тоже должны! Я использую комбинацию красивых синих тонов. Цвета градиента, которые я использовал:
Эффект будет отлично смотреться, если вы добавите светлый тон градиента в верхний правый угол, там, где мы расположим нашу небольшую полоску с текстом. Это связано с тем, как мы будем добавлять светотени позже.
Шаг 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
На скриншоте ниже, вы можете увидеть итоговый результат:: красивую полоску с текстом!
Photoshop Tutorial: Создание потрясающего дизайна флаера
Сейчас самый разгар лета, все отдыхают на море, ходят на пляж и наслаждаются жарким солнцем и прохлодительными напитками. На пляжах раздают флаера на вечеринки и прочие мероприятия. И вот глядя на один из таких флаеров я решил попробовать сделать нечто подобное (а получилось даже лучше). Данный урок изначально расчитывался не для новичков, но в нем все расписано довольно хорошо, поэтому, я думаю, при желании абсолютно любой сможет выполнить его.
Итак, давайте перейдем непосредственно к нашему уроку и создадим потрясающий дизайн флаера для вечеринки.
Прим. Не переживайте на счет летней темы. Данный урок можно использовать для создания абсолютно любого флаера (время года не имеет особого значения).
Результат:
Что нам понадобится при выполнении данного урока:
Шаг 1
Открываем Photoshop и создаем новый документ. Размер 4,25 х 6,25 inches. Resolution: 300 DPI, Color: CMYK
Шаг 2
Используя Brush Tool заливаем фон #78bbc8 цветом. Создаем новый слой и размещаем его над фоном. Снова берем инструмент BrushTool, выбираем кисти облаков скаченные ранее и делаем нечто подобное:
Шаг 3
Далее нам потребуется фотография девушки. Нам нужно отделить ее от фона. Это мы можем сделать при помощи инструмента Quick Selection Tool. Выделяем девушку
Шаг 4
Нажимаем на Refine Edge. View: Black & White, ставим галочку напротив Smart Radius, а сам радиус выставляем 95-100
Шаг 5
Теперь давайте изменим View Mode на On Black. Вы видите, что немного заднего фона осталось в волосах. Что бы это исправить, поставим галочку напротив Decontaminate Colors и установим значение 65-70. Output To: New Layer with Layer Mask
Шаг 6
Как Вы видите мы избавились от заднего фона, а маска слоя позоляет нам вручную доработать фотографию (если какая то нужная часть удалилась или наоборот что то осталось лишнее)
Прим. Так же, при необходимости можно изменить яркость, контрастность, баланс цветов и прочие настройки.
Шаг 7
Для удобства выделим все слои, нажмен на них правой кнопкой мыши и выберем Convert to Smart Object. Перенесем получившийся слой на документ с флаером
Шаг 8
Далее возьмем любую фотографию пляжа. Удалим на ней небо (можно использовать тот же способ что и для девушки) и перенесем на наш флаер
Шаг 9
Объеденим слой с пляжем и нашим небом и применим фильтр Blur — Gaussian Blur — Radius 9 pixels
Шаг 10
Создадим новый докумен 100 на 100 пикселей и нарисуем звездочку, из который в свою очередь сделаем кисть (Edit — Define Brush Preset)
Шаг 11
Перейдем снова на наш документ с флаером. Создадим новый слой, разместим его за девушкой, но перед фото с пляжем. Выберем Brush Tool и откроем окно с настройками (F5)
Шаг 12
Получившейся кистью сделаем нечто подобное
Шаг 13
Задний фон слишком яркий. Создадим новй слой и разместим его над слоем с пляжем. Залем все белым цветом используя Paint Bucket Tool. Полупрозразночть слою выставим 60-65%
Шаг 14
Еще немного поработаем с фоном и перейдем к надписям. Итак, создадим еще один слой за девушкой и используя разные кисти постараемся добиться подобного эффекта
Шаг 15
Подготовим место для текста. Сделаем девушку немного меньше и поднимем выше. Теперь что бы не путаться, все слои с девушкой, фоном и проч. объеденим в группу. Далее возьмем инструмент Rounded Rectangle Tool (U) и нарисуем плашку как на скриншоте ниже:
Шаг 16
Добавим следующие стили:
Шаг 17
Создадим слой и с зажатым Alt кликнем между ним и слоем с плашкой (Создание Clipping Mask). Тип смешивания — Soft Light. Возьмем инструмент Brush Tool, выберем ретро кисти и сделаем следующее (используйте белый и черный цвета)
Шаг 18
Продублируем слой с плашкой (ctrl+J), очистим с продублированного слоя все стили, сделаем его черного цвета и поместим его под оригинальный слой с плашкой. Rasterize Layer
Шаг 19
Оставаясь на этом слое выбираем Edit — Free Transform (ctrl+T)
Шаг 20
Сделаем следующую трансформацию
Шаг 21
Добавим размытия Filter — Blur — Gaussian Blur — Radius 10
Шаг 22
Убираем лишнее сверху и ставим прозрачность слою 30%
Шаг 23
Теперь возьмем Eraser Tool (size: 300 px, Hardness: 0%) и немного сотрем тень по краям
Шаг 24
Пора добавить текст на нашу потрясающую яркую плашку. Для этого я использую Devil Breeze font, размером 158 пикселей и цветом #f9f9fa.
Прим. В зависимости от шрифта, его размера и текста, размер плашки и тени может менятся. В нашем случае плашка стала шире.
И применим следующие стили к тексту:
Шаг 25
В итоге у меня получилось следующее:
Шаг 26
При необходимости можно добавить какой то слоган или дополнительный текст. Я, например, хочу добавить “the greatest party in 2012 summer season”. Для этого я использую шрифт Bioliquid размером 50 пикслей и белым цветом.
Прим. Если у вас не будет хватать места вы всегда можете изменить размер плашки.
Я разместил его вот так:
Шаг 27
Что бы текст не сливался с фоном, создадим новый слой и поместим его над плашкой и слоем с ретро кистями. Сделаем выделение при помощи Rectangular Marquee Tool. Возьмем Paint Bucket Tool и зальем выделение #1fb0cd цветом
Шаг 28
Добавим Stroke к этому слою
Шаг 29
И добавим тень к слогану
Шаг 30
Вот что получается на данный момент:
Шаг 31
Я обратил внимание, что очень часто плашки (да и сами флаера) любят украшать различными элементами. Я тоже решил это сделать. Лучше всего для этого подошли: пальмовые листья #1, пальмовые листья #2, изображения коктейлей, тропический цветок плюмерия, изображение птицы Тукан, кокос и т.д.
Прим #1. Выбирайте любые изображения, которые на ваш взгляд будут хорошо смотреться.
Наляписто разместите все элемента на флаере. Объедените их в группу и перенесите под слой с девушкой.
Прим #2. Ананас и плюмерию я разместил перед девушкой.
Вот так получилось у меня:
Шаг 32
Осталось совсем немного. Нужно только лишь добавить описание мероприятия, дату его проведения и специально приглашенных гостей. Начнем с информации об мероприятии. Ее мы разместим под названием вечеринки. Текст напишем все тем же bioliquid шрифтом, размером 42 пикселя и #256676 цветом
Шаг 33
Можем подстветить немного текст. Создадим новый слой, разместим его под текстом и используя кисть большого размера (Hardness: 0%, Color: #ffffff) сделаем подстветку
Шаг 34
Теперь напишем дату проведения мероприятия над девушкой и чуть справа. Шрифт Devil Breeze, размер 80 пикселей, цвет #276676.
Прим. Советую разделить надпись на 3 части (месяц с числом, год, и “th”), при чем “th” сделать меньше по размеру.
Шаг 35
Разместите текст как показано на скриншоте:
Шаг 36
Далее создаем группу в которую помещаем 3 части нашего текста и дублируем ее. Выбираем группу которая ниже и объеденяем все слои (Layer — Merge Group). Для получившегося слоя применяем фильтр Motion Blur (Filter — Blur — Motion Blur)
Шаг 37
Сделаем этот эффект более мягким, добавив стиль Color Overlay с уветом #56a7bb
Шаг 38
Теперь перейдем к спецаильно приглашенным гостям. Выберем инструмент Custom Shape Tool и найдем звезду (предварительно установив скаченные shape) и нарисуем 2 звезды любым цветом так как это сделал я:
Шаг 39
Откроем 2 фотографии специально приглашенных гостей. Перенесем их в наш документ. Разместим одно изображение над первой звездой, второе — над второй. Изменим размер изображений так, что бы головы были приблизительно того же размера, что и звезды. Выберем сначала одну фотографию, откроем меню Layer — Create Clipping Mask. Тоже самое сделаем со второй фотографией
Как сделать плашку в фотошопе
В этом уроке мы собираемся создать небольшую полоску с текстом в Photoshop, которую вы можете расположить в правом верхнем углу своей дизайнерской работы. Эти маленькие полоски выглядят очень модно, включая Web2.0-y, особенно в веб-дизайне! Это довольно простой эффект, также в этом уроке мы добавим мягкие светотени, чтобы сделать эффект выразительным!
Шаг 1
Как всегда мы начнём этот урок с красивого радиального градиента. Я пристрастился к радиальным градиентам, поэтому вы тоже должны! Я использую комбинацию красивых синих тонов. Цвета градиента, которые я использовал:
Эффект будет отлично смотреться, если вы добавите светлый тон градиента в верхний правый угол, там, где мы расположим нашу небольшую полоску с текстом. Это связано с тем, как мы будем добавлять светотени позже.
Шаг 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
На скриншоте ниже, вы можете увидеть итоговый результат:: красивую полоску с текстом!
Как сделать плашку в фотошопе
Плюшки для дизайна | PSD-шаблоны и многое др. запись закреплена
Сегодня давайте с вами научимся дeлать плашку для текста в Фотошопе. Вам эти знания могут пригодиться.
Делается такая плашка в несколько шагов — из двух прямоугольных фигур и маленького «хвостика».
———————— 
КАК СДЕЛАТЬ ПЛАШКУ ДЛЯ ТЕКСТА ФШ
Шаг 1. Сoздаем прямоугольную фигуру нужного размера.
Шаг 2. Трaнсформируем фигуру — сочетание клавиш Ctrl+T
Шаг 3. Зaжимаем клавишу Ctrl и теперь можно независимо друг от друга смещать углы. Если нажать еще клавишу Shift, тогда смещение будет происходить в одном направление. Kомбинация клавиш Ctrl+Shift+Alt — трансформирование происходит относительно центра (сжимaем в центр). Измeняете фигуру как вам надо.
Шаг 4. Дублируeм слой (Ctrl+J) и меняем на более темный цвет. Продeлываем с этим слоем, тоже самое, что и с первым. После, сoстыковываем нижний правый угол с первым слоем — этот слой должен быть ниже вашего первого прямоугольника.
Шаг 5. Рисуeм «хвостик» с низу — бeрем инструмент «Перо», режим «Фигура» и рисуeм треугольник под цвет первой фигуры. Смeщаем этот слой под вторым прямоугольником.
Теперь плашка создана и можно писaть на ней текст.
P.S. 
На видео наглядно показано, как создается плашка с «хвостиком» 
—————————
Но сначала, пока вы еще не начали смoтреть видеоурок, пoставьте пожалуйста 
под постом — уж очень хочется чтобы вы оценили мои старания)
Как сделать плашку в фотошопе
Как быстро провести прямую и красивую линию в Photoshop
Доброго времени суток, уважаемые читатели моего блога. Казалось бы, чего стоит нарисовать прямую линию в фотошопе? Зажал Shift и вот тебе, пожалуйста. А тем не менее сделать это можно аж тремя способами. Результат каждого будет отличаться.
Из этой статьи вы узнаете три способа как провести прямую линию в фотошопе. Какой фильтр применить, чтобы создать волну. Как это сделать при помощи другого интересного инструмента. Я покажу как добиться пунктира и рисовать под определенным углом.
Вас ждет масса информации. Приступим?
Инструмент «Линия»
Для начала я покажу вам как пользоваться инструментом, который предназначен для создания ровных линий. На этом месте у вас может располагаться прямоугольник, овал, эллипс или многоугольник. Просто на несколько секунд удержите на кнопке зажатую левую кнопку мыши, чтобы открыть меню с дополнительными инструментами.
Сперва о важном. Один из самых важных параметров – толщина. Благодаря линии вы можете рисовать даже прямоугольники. Просто надо сделать ее пожирнее.
Далее идет «Заливка» и «Обводка». Щелкаете по плашке с цветом слева от надписей и выбираете оттенок. Если хотите выполнить обводку, вписываете ее ширину. Сейчас, на моем скриншоте показан вариант без нее. Иконка отсутствия цвета выглядит именно так. Серая линия перечеркнутая красным.
Можете посмотреть настройки и результат на этом скриншоте. Не очень видно, но толщина здесь 30 пикселей. На большой картинке 30 пикселей могут выглядеть как скромная полоска. Все нужно подстраивать под свои собственные размеры.
Вот так будет выглядеть линия, если выбрать красный цвет для обводки.
Следующая кнопка позволит вам сделать пунктирную обводку.
Если уменьшить толщину и убрать заливку, вы получите просто пунктир.
Здесь же вы можете выровнять обводку по внутреннему краю, внешнему или центру вашего контура.
И закруглить углы. Правда, это будет не так уж заметно.
Если в тот момент, когда вы ведете линию, нажать Shift, то Photoshop автоматически создаст ровную линию. Горизонтальную или вертикальную. В зависимости от того, куда вы ее ведете.
Если вам нужна линия под определенным углом, то проще всего посмотреть что показывает окно информации и подкорректировать его вручную, направляя в определенную сторону.
Итак, с этим инструментом разобрались. Если он вам понравился и заинтересовал, можете прочитать еще и статью о том, как несколькими способами нарисовать стрелку.
Ну а сейчас покажу другой.
Инструмент «Кисть»
Эти прямоугольники я нарисовал при помощи линий, нарисованных кистью.
Выбираете тип и размер, подходящей для линии кисти.
Ставите точку в предполагаемом начале линии, зажимаете Shift и щелкаете левой кнопкой мыши там, где полоска должна закончиться.
Перед вами две линии. Желтая нарисовала при помощи инструмента «Линия», лиловая кистью.
Как сделать волну
Не важно каким инструментом вы пользовались, делать волнистую линию проще всего при помощи фильтра. Заходите в эту категорию, находите «Искажение» и выбираете «Волна».
Ориентируясь по картинке с предварительным показом вы быстро поймете что к чему и как его настроить. Амплитуда должна быть примерно одинаковой. Если не получается, можете просто жать на «Рандомизировать» пока не появится подходящий.
К последнему применяемому фильтру всегда есть быстрый доступ. Применяю его к слою с желтой полоской, нарисованной инструментом.
Вот такой результат я получил. Как вы можете заметить, он отличается.
Волны получились большими и возможно вам пригодится моя статья о том, как уменьшить изображение в Photoshop.
Инструмент «Перо»
Признаться честно, до сих пор у меня не получается профессионально пользоваться пером. Знаю, что им можно рисовать все что угодно: ровно, быстро, весело и классно, но у меня уходит очень много времени и результат не всегда на том уровне, которого я ожидал. И тем не менее прямые линии нарисовать пером могу даже. С кривыми хуже, но я попробую. Выбираю «Перо».
Ставлю точку, затем вторую. Пока я не отпустил кнопку мыши настраиваю плавность.
То же самое вытворяю с каждой новой точкой.
После того, как все манипуляции завершены жму правой кнопкой мыши и в появившемся меню выбираю «Выполнить обводку контура».
Можно выбрать несколько инструментов: карандаш, кисть, штамп, узор и так далее. Сейчас пусть этот будет кисть.
Снова жму на правую клавишу мыши и выбираю «Удалить контур».
Вот такой результат у меня получился.
Ну и не забывайте, что вы всегда можете воспользоваться навыками создания коллажей. Прочитайте статью о том, как вырезать изображение и сможете взять линию из любой картинки и вставить ее в свое изображение.
Если вам хочется научиться профессионально пользоваться пером и другими инструментами, которые есть в фотошопе. Могу предложить вам курс « Фотошоп для начинающих в видео формате ».
Уроки, созданные профессионалами научат вас всему, что вы должны знать об этой программе. Вы сэкономите кучу времени на поиски ответов на тот или иной вопрос. В вашей голове сами собой будут появляться идеи о том, как выполнить задачу.
Кстати, знаете как сделать, чтобы перед вами всегда возникали интересные потребности связанные с фотошопом? Это может вывести ваши отношения с этой программой на новый уровень. Все что вам нужно – это увлечься веб-дизайном. Люди этой профессии никогда не сидят без дела. Всегда находятся клиенты, проекты и новые задачи.
Работа найдется для каждого, а вы сможете заниматься тем, что вам действительно нравится и приносит неплохие деньги. Прочитайте статью о том, с чего начать карьеру веб-дизайнера или самые популярные книги по веб-дизайну для начинающих. Хватит придумывать себе задачи, пусть за ваше время кто-то другой платит деньги.
Не знаете с чего начать? Пройдите курс « Основы коммерческого веб-дизайна ». Попробуйте несколько бесплатных уроков, это поможет вам разобраться в себе и понять, готовы ли вы освоить новые горизонты.
Онлайн-курс с поддержкой автора – надежная инвестиция в будущую профессию.
Ну вот и все. Осталось дело за вами. Решайте когда вы будете готовы и приступайте к завоеванию новых вершин. Если вам понравилась эта статья – подписывайтесь на рассылку и каждый день на шаг приближайтесь к заветной цели.
Узнавайте как можно больше о интернете, пишите свою историю успеха, прекратите сидеть в ожидании. Действуйте. Вашу мечту каждый день воплощают другие. Сегодня они делают то, чего вы уже так много времени хотите. Думают ли они о готовности? Подходящий момент настал прямо сейчас. Не упустите его. У вас есть на это силы.
Как сделать узор в фотошопе
Узоры в фотошопе применяются в разных ситуациях, узором можно залить какую-то область или фигуру, можно сделать обои для сайта или задать им фон изображения, так же можно использовать узор для инструмента «штапм». По умолчанию фотошоп содержит набор стандартных узоров, но для творчества данный набор слишком мал. В интернете не сложно найти сайты, с которых можно скачать готовые узоры для фотошоп, но мы в данном уроке сделаем его сами. Изготовление узора для фотошопа занимает очень мало времени и на мой взгляд проще сделать нужный узор самому, чем искать и подбирать что-то похожее.
Узоры для фотошопа можно сделать из любой картинки, а так же нарисовать (пиксельный узор), смотря для какой задачи он вам потребуется. Давайте рассмотрим оба способа создания узора в подробностях.
Узор для фотошопа из картинки
Для примера я взял изображение поля с подсолнухами, его вы можете скачать с данного сайта во вкладке «Материалы» справа, кликнув по иконке «Картинка урока».
Открываем данное изображение программой фотошоп, выбрав в верхней панели меню «Файл» — «Открыть». Теперь, в боковой панели левого меню, выбираем инструмент «Прямоугольная область» и удерживая левую кнопку мыши выделяем данным инструментом необходимый фрагмент на изображении, который и будет преобразован в дальнейшем в узор.
Я выделили небольшую область, как видите на скриншоте, которую буду преобразовывать в узор. Если вам нужно выделить не прямоугольную область, а квадратную, то при выделении инструментом «Прямоугольная область» удерживайте клавишу «Shift», тогда областью выделения будет ровный квадрат.
Если вы хотите сделать всю картинку узором, то выделять ничего не нужно. Если делаете узор из фрагмента, то после того, как необходимая область выделена, нужно в верхнем меню выбрать «Изображение» — «Кадрировать» и у вас останется только выбранный фрагмент, все лишнее будет удалено.
Далее в верхнем меню выбираем «Редактирование» — «Определить узор».
В открывшемся окошке пишем название узора и нажимаем «Ок».
Вот и весь процесс, узор готов и его можно использовать для различных целей. Давайте для примера возьмем инструмент «Узорный штамп» в левом боковом меню.
Выбрав инструмент «штамп», установим наш узор, выбрав его в верхнем меню настроек «штампа».
Пиксельный узор для фотошопа
Пиксельный узор для фотошопа делается таким же способом, как и предыдущий, только разница в том, что пиксельный узор очень маленький и делается не из картинки, а просто рисуется пикселями с помощью инструмента «карандаш».
Создаем новый документ, размером 5px на 5px, можно больше или меньше, смотря какой узор будет. Выбираем в верхнем меню «Файл» — «Создать», в открывшемся окне настроек указываем размер холста и нажисаем «Создать».
У нас получится очень маленький холст и чтобы нарисовать на нем узор, нужно выбрать в левой панели инструмент «Лупа» и максимально увеличить рабочую область.
Теперь в левой панели инструментов выбираем инструмент «Карандаш» и в верхней панели задаем ему размер 1px.
Далее выбираем нужный цвет и рисуем карандашом узор, после чего сохраняем его в узор, как и в первом случае («Редактирование» — «Определить узор»).
Таким образом мы получили пиксельный узор, который так же можно применять для инструмента «штамп» или просто наложением на фигуры.
Вот таким простым способом можно сделать абсолютно любой узор для фотошопа и использовать его в своих проектах.
Плашки (подписи) в Adobe Premiere Готовые Lower Thirds
Готовые проекты Lower Thirds
Проекты из программы After Effects готовые для импорта в Adobe Premiere.
В премьере можно в них легко редактировать текст
В комплекте идут шрифты. В папке Render есть предпросмотр каждой плашки (заставки под надпись / подпись). Все плашки находятся в проекте «моя плашка.aep»
Внимание! Что бы все исходники корректно работали у вас должна быть английская версия After Effects, с русифицированной версией скорее всего будут проблемы. Как сделать из русифицированной версии обратно английскую см. ютуб. При этом премьер для работы с этим проектом может быть русифицирован.
Как поменять цвет элементов Lower Thirds
Если вам нужно поменять цвет элементов, то
для этого откройте следующее окно в программе After Effects
в пункте Edit Colors задаете нужный цвет
Сейчас там стоит цвет #0E4F71
Плашки были собраны во всего интернета, отобраны самые лучшие, была добавлена поддержка кириллицы, убрано все лишнее. Скорее всего вам никогда в жизни больше не понадобиться еще где-то искать плашки (Lower Thirds).
Как использовать этот комплект плашек в Premiere CC
Создайте проект. В папке Render выберите ту плашку, которая вам больше нравится. Потом в программа Adobe Premiere выберите файл — Импорт и укажите путь до файла «моя плашка.aep». В открывшемся окне выберите папку Render и в открывшемся списке выберите название плашки, которая вам понравилась и нажмите ОК.
Ваша плашка добавится в панель проекта. перетащите ее на таймлайн поверх нужного слоя.
Потом выделите вашу плашку на таймлайне и в панели «Элементы управления эффектами» в левом верхнем углу выберите левую вкладку.
В открывшемся поле замените текст на свой. Все работа окончена.
Готовые Lower Thirds без текста
Но если вдруг вы мазохист и делаете весь монтаж в Sony Vegas или других программах, то вот вам несколько плашек без текста в виде футажа.
Как сделать плашку в фотошопе
03:16 
05:07 
02:11 
02:32 
03:17 
04:12 
03:17 
Как сделать плашку в фотошопе
Сейчас самый разгар лета, все отдыхают на море, ходят на пляж и наслаждаются жарким солнцем и прохлодительными напитками. На пляжах раздают флаера на вечеринки и прочие мероприятия. И вот глядя на один из таких флаеров я решил попробовать сделать нечто подобное (а получилось даже лучше). Данный урок изначально расчитывался не для новичков, но в нем все расписано довольно хорошо, поэтому, я думаю, при желании абсолютно любой сможет выполнить его.
Итак, давайте перейдем непосредственно к нашему уроку и создадим потрясающий дизайн флаера для вечеринки.
Прим. Не переживайте на счет летней темы. Данный урок можно использовать для создания абсолютно любого флаера (время года не имеет особого значения).
Результат:
Что нам понадобится при выполнении данного урока:
Шаг 1
Открываем Photoshop и создаем новый документ. Размер 4,25 х 6,25 inches. Resolution: 300 DPI, Color: CMYK
Шаг 2
Шаг 3
Далее нам потребуется фотография девушки. Нам нужно отделить ее от фона. Это мы можем сделать при помощи инструмента Quick Selection Tool. Выделяем девушку
Шаг 4
Шаг 5
Шаг 6
Как Вы видите мы избавились от заднего фона, а маска слоя позоляет нам вручную доработать фотографию (если какая то нужная часть удалилась или наоборот что то осталось лишнее)
Прим. Так же, при необходимости можно изменить яркость, контрастность, баланс цветов и прочие настройки.
Шаг 7
Для удобства выделим все слои, нажмен на них правой кнопкой мыши и выберем Convert to Smart Object. Перенесем получившийся слой на документ с флаером
Шаг 8
Далее возьмем любую фотографию пляжа. Удалим на ней небо (можно использовать тот же способ что и для девушки) и перенесем на наш флаер
Шаг 9
Объеденим слой с пляжем и нашим небом и применим фильтр Blur — Gaussian Blur — Radius 9 pixels
Шаг 10
Создадим новый докумен 100 на 100 пикселей и нарисуем звездочку, из который в свою очередь сделаем кисть (Edit — Define Brush Preset)
Шаг 11
Перейдем снова на наш документ с флаером. Создадим новый слой, разместим его за девушкой, но перед фото с пляжем. Выберем Brush Tool и откроем окно с настройками (F5)
Шаг 12
Получившейся кистью сделаем нечто подобное
Шаг 13
Задний фон слишком яркий. Создадим новй слой и разместим его над слоем с пляжем. Залем все белым цветом используя Paint Bucket Tool. Полупрозразночть слою выставим 60-65%
Шаг 14
Еще немного поработаем с фоном и перейдем к надписям. Итак, создадим еще один слой за девушкой и используя разные кисти постараемся добиться подобного эффекта
Шаг 15
Подготовим место для текста. Сделаем девушку немного меньше и поднимем выше. Теперь что бы не путаться, все слои с девушкой, фоном и проч. объеденим в группу. Далее возьмем инструмент Rounded Rectangle Tool (U) и нарисуем плашку как на скриншоте ниже:
Шаг 16
Добавим следующие стили:
Шаг 17
Создадим слой и с зажатым Alt кликнем между ним и слоем с плашкой (Создание Clipping Mask). Тип смешивания — Soft Light. Возьмем инструмент Brush Tool, выберем ретро кисти и сделаем следующее (используйте белый и черный цвета)
Шаг 18
Продублируем слой с плашкой (ctrl+J), очистим с продублированного слоя все стили, сделаем его черного цвета и поместим его под оригинальный слой с плашкой. Rasterize Layer
Шаг 19
Оставаясь на этом слое выбираем Edit — Free Transform (ctrl+T)
Шаг 20
Сделаем следующую трансформацию
Шаг 21
Добавим размытия Filter — Blur — Gaussian Blur — Radius 10
Шаг 22
Убираем лишнее сверху и ставим прозрачность слою 30%
Шаг 23
Теперь возьмем Eraser Tool (size: 300 px, Hardness: 0%) и немного сотрем тень по краям
Шаг 24
Прим. В зависимости от шрифта, его размера и текста, размер плашки и тени может менятся. В нашем случае плашка стала шире.
И применим следующие стили к тексту:
Шаг 25
В итоге у меня получилось следующее:
Шаг 26
При необходимости можно добавить какой то слоган или дополнительный текст. Я, например, хочу добавить “the greatest party in 2012 summer season”. Для этого я использую шрифт Bioliquid размером 50 пикслей и белым цветом.
Прим. Если у вас не будет хватать места вы всегда можете изменить размер плашки.
Я разместил его вот так:
Шаг 27
Шаг 28
Добавим Stroke к этому слою
Шаг 29
И добавим тень к слогану
Шаг 30
Вот что получается на данный момент:
Шаг 31
Наляписто разместите все элемента на флаере. Объедените их в группу и перенесите под слой с девушкой.
Вот так получилось у меня:
ЧИТАЙТЕ ТАКЖЕ: как сделать мелкозаглубленный фундамент
Шаг 32
Шаг 33
Шаг 34
Прим. Советую разделить надпись на 3 части (месяц с числом, год, и “th”), при чем “th” сделать меньше по размеру.
Шаг 35
Разместите текст как показано на скриншоте:
Шаг 36
Далее создаем группу в которую помещаем 3 части нашего текста и дублируем ее. Выбираем группу которая ниже и объеденяем все слои (Layer — Merge Group). Для получившегося слоя применяем фильтр Motion Blur (Filter — Blur — Motion Blur)
Шаг 37
Шаг 38
Теперь перейдем к спецаильно приглашенным гостям. Выберем инструмент Custom Shape Tool и найдем звезду (предварительно установив скаченные shape) и нарисуем 2 звезды любым цветом так как это сделал я:
Шаг 39
Откроем 2 фотографии специально приглашенных гостей. Перенесем их в наш документ. Разместим одно изображение над первой звездой, второе — над второй. Изменим размер изображений так, что бы головы были приблизительно того же размера, что и звезды. Выберем сначала одну фотографию, откроем меню Layer — Create Clipping Mask. Тоже самое сделаем со второй фотографией
Шаг 40
Добавим следующие стиили для звезд (для shape а не фотографий)
Шаг 41
Добавим текст с именами и разместим как на скриншоте ниже
Tamanho do vídeo:
Mostrar controles do player
Comentários • 4
Vlad, как ты сделал такое интро/переход?
В этом небольшом и быстром уроке, демонстрируется, как улучшить текстовую надпись, создав матовый фон, который может улучшить вид Ваших фотографий или проектов.
Шаг 7. На заключительном шаге, добавим текст. Используя инструмент Горизонтальный текст (T) добавте любой текст, который Вы захотите в пределах бара любого размера (В случае автора, размер шрифта 100px). Снизьте прозрачность до 40 % на слое с текстом, и измените режим наложения на Перекрытие.
Финальное изображение
Посмотрите на то, что должно было получиться. Надеюсь, что Вам понравился урок!
Автор: Aaron Vanston
Этот урок я хочу посвятить такому интересному моменту, как прозрачность слоев в фотошопе. Создание слоев – один из основных крайне необходимых навыков работы в Adobe Photoshop. Если вы уже пытались разобраться с этой операцией, вы абсолютно точно сталкивались с определением «непрозрачность слоя». Что это такое и с чем его едят?
Какой слой считается прозрачным?
Давайте разберем первую ситуацию. Допустим, есть у нас исходное изображение. Допустим, фото. И нам следует создать новый слой. Предположим, с помощью комбинации клавиш ctrl+shift+n.
Вот такой новый слой и будет прозрачным.
Вторая ситуация. У вас уже имеется документ с двумя слоями. Оба непрозрачны. Выглядит это примерно так.
То, что слоя у нас на исходном изображении два мы можем заметить в окне слоев. Давайте попробуем сделать слой с Харли Квин прозрачным.
Для этого в окне слоев мы выбираем верхний и снижаем его прозрачность до нуля, сдвигая ползунок.
Слой с Харли стал прозрачным, на исходнике у нас проступило изображение Дедпула. Вот так все оказалось просто.
Как сделать слой полупрозрачным?
Вернемся к тому же исходнику с Дедпулом и Харли. Но на этот раз уже сдвигаем ползунок не до нуля. Оставим, допустим, процентов 50. Что выйдет?
Прием очень полезный. Часто используется в веб дизайне и при создании коллажей.
Каким еще методом мы можем повлиять на прозрачность слоя?
Прозрачность слоя можно изменить через параметры наложения. Не слишком удобный обходной путь. Хотя, в свое время я довольно часто на него натыкалась, потому поведаю. Зайдите в параметры наложения.
В появившемся окне мы видим тот же ползунок со шкалой в процентах. Долго и нудно, конечно. Но по факту существует такая вещь и с помощью нее действительно можно уменьшить прозрачность слоя.
Узнайте, как создавать фигуры на холсте и использовать функцию «Свойства интерактивной формы» для взаимодействия с фигурами.
В Photoshop предусмотрена удобная функция рисования и редактирования векторных фигур. Также можно преобразовать векторную фигуру в растровую или пиксельную.
Выполните эти быстрые действия для создания фигур в Photoshop:
Выберите инструмент «Фигура»
На панели инструментов, нажмите и удерживайте значок группы инструментов Фигура (), чтобы вызвать различные варианты инструмента «Фигура» — Прямоугольник, Эллипс, Треугольник, Многоугольник, Линия и Произвольная фигура . Выберите инструмент для рисования нужной фигуры.
Настройка параметров инструментов группы «Фигура»
На панели параметров инструментов группы «Фигура» можно задать следующие настройки:
- Режим : задайте режим для инструмента «Фигура» — Фигура, Контур и Пиксели .
- Заливка : выберите цвет заливки фигуры.
- Обводка : выберите цвет, ширину и тип обводки фигуры.
- Ш и В : вручную задайте ширину и высоту фигуры.
- Операции с контуром : используйте операции с контуром для настройки взаимодействия фигур друг с другом.
- Выравнивание контура : используйте этот параметр для выравнивания и распределения компонентов фигуры.
- Упорядочение контура : используйте этот параметр для настройки порядка расположения создаваемых фигур.
- Дополнительные параметры фигур и контуров : щелкните значок шестеренки () для доступа к дополнительным параметрам фигур и контуров, чтобы задать такие атрибуты, как ширина и цвет отображаемого на экране контура, и параметры соблюдения пропорций при рисовании фигур.
Чтобы нарисовать фигуру, выберите нужный инструмент группы «Фигура», затем щелкните кнопку мыши и перетащите указатель мыши на холсте. При этом автоматически создается новый слой-фигура на панели «Слои».
- Удерживайте клавишу Shift во время рисования, чтобы сделать фигуры пропорциональными.
- Выбрав слой-фигуру, используйте инструмент Перемещение , чтобы перемещать фигуру и менять ее расположение на холсте.
- Чтобы легко масштабировать, трансформировать или поворачивать фигуру, выберите Редактирование > Свободное трансформирование или нажмите клавиши Control+T (Win) / Command+T (Mac).
Редактирование свойств фигуры
Можно легко редактировать свойства фигуры прямо с помощью элементов управления на холсте или с помощью раздела Свойства фигуры на панели Свойства . Элементы управления на холсте позволяют взаимодействовать с фигурами на более интуитивном уровне.
Можно использовать элементы управления трансформированием и скруглением на холсте для коррекции внешнего вида фигуры. Модификаторы клавиатуры будут управлять трансформированием на холсте так же, как при использовании инструмента Трансформирование в Photoshop. Можно изменять радиус всех углов прямоугольника одновременно: удерживайте клавишу Alt (Win) или Option (Mac) во время перетаскивания для изменения радиуса одного угла. У треугольников изменяются все углы, даже если перетащить только один из них. С легкостью поворачивайте фигуру с помощью маркера поворота на холсте, который появляется при наведении курсора мыши на фигуру.
Щелкните значок сброса () на панели «Свойства», чтобы сбросить сразу все изменения.
Нарисуйте фигуру и используйте элементы управления на холсте, чтобы легко редактировать ее свойства.
Нарисовав фигуру, можно щелкнуть любую точку холста, чтобы вызвать всплывающее диалоговое окно Создание фигуры и изменить параметры фигуры.
Используйте диалог «Создание фигуры» (в приведенном выше примере это «Создание прямоугольника») для изменения параметров.
Вы можете залить внутреннюю часть выделенной области, контура или слоя, используя цвет или узор. Можно также наложить цвет на внешнюю границу выделенной области или контура, что именуется обводкой.
Инструмент «Заливка» позволяет выполнять заливку смежных пикселов, имеющих значение цвета, подобное тем пикселам, на которых выполнен щелчок.
Инструмент «Заливка» не может использоваться с изображениями в битовом режиме.
Выберите инструмент «Заливка» .
Инструмент «Быстрая заливка» объединен с инструментом «Градиент» в панели инструментов. Если не удается найти инструмент «Быстрая заливка», нажмите и удерживайте в нажатом положении инструмент «Градиент», чтобы получить к нему доступ.
Укажите, должна ли быть выполнена заливка выделенной области основным цветом или узором.
Укажите режим наложения и непрозрачность для краски. (См. раздел Режимы наложения.)
Допуск определяет, насколько подобным по цвету должен быть пиксел (по отношению к пикселу, на котором выполнен щелчок), чтобы к нему была применена заливка. Допустимые значения находятся в диапазоне от 0 до 255. При низком допуске происходит заливка пикселов цветами в диапазоне значений цветов, весьма подобных пикселу, на котором выполнен щелчок. При высоком допуске происходит заливка пикселов цветами в более широком диапазоне.
Чтобы сгладить края выделенной области, в которой выполнена заливка, установите флажок «Сглаживание». Чтобы выполнить заливку только пикселов, смежных с тем, на котором был выполнен щелчок, выберите параметр «Смежные пикселы»; оставьте параметр «Смежные пикселы» невыбранным, чтобы была выполнена заливка всех подобных пикселов в изображении. Чтобы выполнить заливку пикселов с учетом объединенных данных о цвете, относящихся ко всем видимым слоям, установите флажок «Все слои». Щелкните часть изображения, в которой необходимо выполнить заливку. Ко всем указанным пикселам в пределах заданного допуска применяется заливка основным цветом или узором.
Если при работе с некоторым слоем необходимо избежать заливки прозрачных областей, то следует обязательно заблокировать прозрачность этого слоя на панели «Слои». (См. раздел Закрепление слоев.)
Выберите область, в которой необходимо выполнить заливку. Чтобы выполнить заливку всего слоя, выберите этот слой на панели «Слои». Выберите меню «Редактирование» > «Выполнить заливку», чтобы выполнить заливку выделенной области или слоя. Для заливки контура нужно выбрать контур и выбрать команду «Выполнить заливку контура» из меню панели «Контуры». В диалоговом окне «Заливка» выберите одно из следующих значений в качестве параметра «Определение источника для заливки» или определяемый пользователем узор:
«Основной цвет», «Фоновый цвет», «Черный», «50 % серого» или «Белый»
Выполняется заливка выделенной области указанным цветом.
Если происходит заливка изображения CMYK с использованием параметра «Черный», то Photoshop выполняет заливку всех каналов полностью черным цветом. Это может вызвать необходимость в применении большего количества краски по сравнению с допустимым по условиям эксплуатации принтера. Для достижения лучших результатов при заливке изображения CMYK используйте параметр «Основной цвет» с указанием в качестве основного цвета соответствующего значения черного цвета.
Выполняется заливка цветом, выбранным в окне «Палитра цветов».
Укажите режим наложения и непрозрачность для краски. (См. раздел Режимы наложения.)
Если во время работы в каком-то слое необходимо выполнить заливку только областей, содержащих пикселы, выберите параметр «Сохранить прозрачность».
Чтобы применить заливку основным цветом только к областям, которые содержат пикселы, нажимайте клавиши «Alt» + «Shift» + «Backspace» (Windows) или «Option» + «Shift» + «Delete» (Mac OS). В результате этого сохранится прозрачность слоя. Чтобы применить заливку фоновым цветом только к областям, которые содержат пикселы, нажимайте клавиши «Ctrl» + «Shift» + «Backspace» (Windows) или «Command» + «Shift» + «Delete» (Mac OS).
Сведения по использованию функции Редактирование > Заливка с учетом содержимого , представленной в Photoshop CC 20.0 (выпуск за октябрь 2018 года), см. в разделе Заливка с учетом содержимого.
Выберите часть изображения, в которой необходимо выполнить заливку.
На слое фона нажмите клавишу Delete или Backspace, чтобы быстро получить доступ к диалоговому окну «Заливка».
В меню «Использовать» выберите один из следующих элементов.
С учетом содержимого
Заполняет выделенную область схожим содержимым изображения, расположенным в непосредственной близости. Для оптимального результата выделение должно немного захватывать область, которая будет воспроизводиться. (Как правило, применения обычного лассо или выделенной области для этого достаточно.)
Заливка с учетом содержимого совмещает подобные элементы изображения на случайной основе. Если результат вас не устраивает, выберите «Редактирование» > «Отменить», а затем примените другую заливку с учетом содержимого.
(Включено по умолчанию) Алгоритмически смешивает цвет заливки с окружающим цветом
Заливка с учетом содержимого и цветовой адаптацией
Нажмите на инвертированную стрелку рядом с образцом узора и выберите узор из всплывающей панели. Дополнительные узоры могут быть загружены с помощью всплывающего меню панели. Выберите имя библиотеки узоров или запустите команду «Загрузить узоры» и перейдите в папку, содержащие узоры, которые вы хотите использовать.
Можно также применить один из прилагаемых узоров на основе сценариев, чтобы с легкостью создавать различные геометрические узоры заливки. Выберите «Узоры на основе сценариев» в нижней части диалогового окна заливки, а затем выберите узор заливки во всплывающем меню «Сценарий».
Если узор затемнен, сначала необходимо загрузить библиотеку узоров и только потом делать выбор. (См. раздел Управление библиотеками узоров и наборами.)
Восстанавливает исходное состояние выделенной области или снимок экрана, выбранный на панели «История».
Заливка с учетом содержимого
A. Выделенная область должна немного захватывать область, которая будет воспроизводиться.. B. Замените выделенную область заливкой с учетом содержимого.
Рабочий холст вокруг области изображения. Холст можно заполнить другим цветом для контраста с данным изображением.
Щелкните правой кнопкой по рабочему холсту и выберите «Серый», «Черный» или «Заказной». (Чтобы определить заказной цвет, выберите «Выбор иного цвета».)
Чтобы нарисовать цветную рамку вокруг выделенной области, контура или слоя, можно использовать команду «Выполнить обводку». Если вы создадите таким образом границу, она станет растеризованной частью текущего слоя.
Для создания рамки формы или слоя, которая может быть включена или выключена подобно перекрытиям и сглажена в целях создания более мягко скругленных углов и краев, используйте слоевой эффект «Обводка» вместо команды «Выполнить обводку». См. раздел Слоевые эффекты и стили.