Архивы Уроки Photoshop'a - Port2all

Урок 10: Красивые линии \ grow line.

Категории: Уроки Photoshop'a
Опубликовано 15 років назад

Glow эффект

 

alt


Быстренько сляпаем фон:

  • Создаем новый документ с размерами 500х500px
  • Выставляем цвета:Foreground — #922f00
    Background — #000000
  • Выбираем инструмент  Gradient Tool (G)
  • В настройках градиента выбираем Radial Gradient
  • От середины страницы тащим градиент вверх.

 

 

alt

 

  • Дублируем слой — Ctrl + J, или Layer -> Dublicate Layer
  • Меняем Blending Mode на Color Dodge

 

 

alt

 

  • Скидываем цвета на черный и белый (D)
  • Создаем новый слой (Ctrl+Shift+N).
  • Идем в Filter > Render > Clouds

 

 

alt

 

  • Идем Filter > Sketch > Chrome, с параметрами:
    Detail — 7
    Smoothness — 10
    Жмем OK

 

 

alt

 

  • Режим смешивания (Blending Mode) ставим на Overlay
  • Opacity = 30%
  • Дальше, жмем на слое Ctrl+T, либо Edit > Free Transform и немного растягиваем за пределы размеров документа, жмем Enter

 

 

alt

 

  • Выбираем инструмент Pen Tool (P)
  • В настройках инструмента Pen (появляется в верхнем меню, при включении инструмента) переключаемся на PathДальше пытаемся плавно загнуть линию, скажу лишь, что клавиша Ctrl очень поможет вам в этом. Удерживая ее можно перетаскивать точки и менять радиус изгибов. Работа с пером — отдельная тема, полюбому. Но вы справитесь )

 

 

alt

 

  • Создаем новый слой (Ctrl+Shift+N)
  • Выставляем цвет Foreground #cc6b40
  • Включаем кисть (B), ставим размер 5-6px

 

 

alt


Собственно все предыдущее было подготовкой к следующим шагам.

  • В панели слоев переключаемся на Path, там как раз нас должна ожидать созданная нами же фигурка.
  • Давим на фигуре правой кнопкой мыши, выбираем Stroke Path
  • В появившемся окне выбираем Brush, обязательно отмечаем галкой Simulate Pressure и жмем OKПосле чего сработают наши настройки цвета и размера кисти и фигура на новом слое

 


Урок 10: Красивые линии grow line.
  • Удаляем Path слой
  • Кликаем два раза слой с фигурой — переходим в Blending Options
  • Shadows параметры как на картинке

 


Урок 10: Красивые линии grow line.
  • Outer Glow параметры как на картинке

 

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

alt

 

.
Автор: Андрей, просмотров: 1774,
Подробнее

Урок 9: Делаем фото с эффектом комикса. Фото с комикса. Из фото в комикс.

Категории: Уроки Photoshop'a
Опубликовано 15 років назад

Комикс

Грузим фото в Photoshop, меняем размеры Image > image Size > Width: 1000, Height — как получится. (Для других размеров фотографии значения в фильтрах могут отличаться)

Немного высветляем фото — Image > Adjustments > Shadows/Hightlights.

alt

Подкручиваем контраст — Image > Adjustments > Brightness/Contrast

alt

Дублируем слой (Ctrl+J). Идем в Filter > Blur > Surface Blur, немного размываем фото, жмем ОК.

alt

Дублируем получившийся слой, переводим его в ч/б — Image > Adjustments > Desaturate (или проще — Ctrl+Shift+U)

В панели слоем переходим во вкладку Channels, удерживая кнопку Ctrl жмем на канал RGB

alt

Возвращаемся на вкладку слоев (Layers), создаем новый слой иконка alt в панели слоев. Инвертируем выделение Select > Inverse (Ctrl+Shift+I). Заливаем выделение черным цветом (Alt+Backspace). Снимаем выделение Select > Deselect (Ctrl+D).
Отключаем два верхний слоя.
Делаем активным размытый слой.

alt

Идем в Filter > Artistic > Cutout

alt

Дублируем слой, режим смешивания (Blending Mode) — Soft Light.

alt

Включаем ч/б размытый слой, идем в Filter > Artistic > Poster Edges

alt

Режим смешивания (Blending Mode) — Multiply

alt

Уровнями высветляем слой, жмем Ctrl+L или Image > Adjustments > Levels. Белый ползунок двигаем влево, но без фанатизма.

Урок 9: Делаем фото с эффектом комикса. Фото с комикса. Из фото в комикс.

Вы все еще здесь? )) Понимаю что движений много, ну а что делать.. нда.. Осталось совсем немного.

Включаем последний слой, самый верхний. Держим клавишу Ctrl жмем по слою. Внизу панели слоев ищем иконку alt Add layer mask. Выделяем слой с маской, инвертируем Ctrl+I, режим смешивания ставим Overlay.

alt

Применяем к слою фильтр Color Halftone — Filter > Pixelate > Color Halftone, чем меньше фотография тем меньше радиус. Для нас больше подходит радиус 4-5

alt

Шарпим — Filter > Sharpen > Sharpen, если не достаточно — поврорите фильтр (Ctrl+F)

Booom!!! 🙂

Урок 9: Делаем фото с эффектом комикса. Фото с комикса. Из фото в комикс.
.
Автор: Андрей, просмотров: 2556,
Подробнее

Урок 8: наносим текст на любую текстуру в два клика. (Сложность: просто)

Категории: Уроки Photoshop'a
Опубликовано 15 років назад
alt

 

 

 

 

  •  Запускаем Photoshop, открываем текстуру
  • Дублируем слой с текстурой, режим смешивания ставим Color Burn (Blending Mode = Color Burn)
  • Прозрачность (верхнего слоя) ставим 60-65%

 

 

 

alt

 

 

 

  • Пишим текст

 

 

alt

 

  • Жмем на слое с текстом правую кнопку, выбираем Blending Options
  • Удерживая кнопку Alt двигаем самые нижние ползунки (Blend if)

 

alt

Получаем довольно реалистичное изображение на текстуре.

.
Автор: Андрей, просмотров: 1316,
Подробнее

Урок 7: Делаем простое отражение текста (Сложность: очень легко)

Категории: Уроки Photoshop'a
Опубликовано 15 років назад

Простое отражение

Запускаем Photoshop, создаем новый документ (Ctrl+N) произвольных размеров, пишем текст.
Дублируем слой с текстом (тащим на иконку

alt

в панели слоев).
Переворачиваем слой — Edit > Transform > Flip Vertical
Кнопкой ↓ на клавиатуре двигаем перевернутый слой вниз.
На этом же слое добавляем маску слоя значoк

alt

в панели слоев.

alt

 

Выбираем инструмент

alt

Gradient Tool (G).
Тянем градиент снизу вверх (активным должен быть слой с маской).

alt

 

Создаем новый слой. Выбираем инструмент Rectangular Marquee Tool

alt

(M).
Выделяем область, выше стыка на 1-2см. Снова выбираем инструмент Gradient Tool (G), тащим на этот раз сверху вниз, цвет заливки — #bcbcbc, или любой схожий.
Снимаем выделение Ctrl+D. Перетаскиваем слой с градиентом под слой с текстом и тенью.

alt

 

Получаем:

alt

 

.
Автор: Андрей, просмотров: 1266,
Подробнее

Урок 6: Граффити в Photoshop. Налаживаем ЛЮБОЕ граффити на ЛЮБУЮ стену.

Категории: Уроки Photoshop'a
Опубликовано 15 років назад
alt

 

Приблизительное время выполнения: 5 минут

Шаг 1

Найдите изображение стены, на которой мы будем делать наше лого (это изображение я нашел в интернете в Google Images). Любое изображение стены с подходящей структурой подойдет (то есть, стена должна быть не гладкой!).

alt

Шаг 2

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

alt

Шаг 3

Выберите “perspective transform” в меню Edit, и затем измените угол, под которым расположено лого для того, чтобы он совпадал с перспективой стены. Применение “perspective transform” на выделении отображает изменяемые границы, с помощью которых можно выровнять лого со стеной.

alt

Шаг 4

Если логотип оказался слишком широким, это также не составит проблемы. Вы можете подогнать размер лого с помощью обычного инструмента для трансформации (CTRL+T). Немного уменьшите его так, чтобы оно помещалось на стене. Если перспектива всё ещё не выглядит реалистичной, повторите предыдущие шаги, потому что перспектива очень важна.

alt

Шаг 5

После этого, измените режим Blend слоя с логитипом на “overlay“:

alt

Результат:

alt

Шаг 6

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

alt

Шаг 7

Затем, размойте скопированный слой с помощью “Gaussian Blur“, установив значение на 5,0 пикселей. Gaussian Blur вы найдете в меню Filter.

alt

Шаг 8

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

alt

Вывод

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

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

.
Автор: Андрей, просмотров: 2300,
Подробнее

Урок 5: Делаем взрывающийся текст. Взрываем текст.

Категории: Уроки Photoshop'a
Опубликовано 15 років назад

alt

 

Взорвите текст на фоне вздымающихся языков пламени

Шаг 1

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

alt

 

Шаг 2

Добавьте немного гранджевого шума, используя Mezzotint filter. Для этого зайдите в Filter>Pixelate>Mezzotint. Подтвердите, когда программа спросит, желаете ли вы растеризовать слой. Примените фильтр 2-5 раз, в зависимости от того, насколько шероховато вы хотите чтобы выглядел текст.

alt

 

 

Шаг 3

Теперь давайте добавим немного глубины, используя Filter>Distort>Pinch. Я поставил значение на -50, чтобы вынести текст немного вперед. Искажение будет зависеть от пропорций габаритов вашего изображения (пропорций между шириной и высотой).

alt

 

Шаг 4

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

alt

 

Шаг 5

Примените Motion Blur к нижним слоям. Одному поставьте значение 45, а второму -45,strength же обоим 100. Объедините слои. Должно получиться что-то, напоминающее это:

alt

 

Шаг 6

Теперь примените Gaussian Blur, приблизительно 3, затем идите в Filter>Stylize>Find Edges… Этот эффект поставит акцент на центральной области, а также впоследствии и на взрыве, который мы изобразим в центре.

alt

 

Шаг 7

Теперь мы будем использовать levels adjustment layer (зайдите в Layer>New Adjustment Layer>Levels), чтобы вынести вперед основную фигуру и цвет взрыва. Поместите этот слой над другими.

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

Сначала настройте middle input level в RGB так, чтобы он был под правильным углом.

alt

 

На красном канале, передвиньте левый ползунок немного вправо, правый немного влево, а центральный – немного вправо.

alt

 

На зеленом канале, передвиньте левый ползунок ближе к центру, правый приблизительно на 3/4 и центральный немного влево.

alt

 

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

alt

 

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

Шаг 8

Теперь отобразите слой с текстом. Инвертируйте его и поставьте его режим на Multiply.

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

alt

Шаг 9

Отобразите слой “прозрачный”. Инвертируйте его и поставьте его режим на Screen.

Шаг 10

Выделите прозрачный слой и примените Radial Blur на полной мощности. Для этого зайдите в Filter>Blur>Radial Blur и поставьте режим Zoom на 100, высшее качество. Повторите размытие 2-5 раз.
Продублируйте слой, чтобы в дальнейшем сквозь отверстия в тексте виднелся свет.

alt

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

.
Автор: Андрей, просмотров: 2398,
Подробнее

Урок 4: Отличный и очень реалистичный “водяной” эффект!

Категории: Уроки Photoshop'a
Опубликовано 15 років назад
Урок 4: Отличный и очень реалистичный "водяной" эффект!

Отличный урок. Водой писать очень просто, оказывается;)

Создайте новый документ

alt

 

alt

 

Напишите каким-нибудь мягким шрифтом (размер моего текста составил 250pt) Ваш текст

alt

 

Правый клик по слою с текстом и Rasterize Type.

alt

 

Добавьте точек или пятен того же цвета, что и цвет вокруг букв

alt

 

Откройте палитру каналов и скопируйте Blue канал. Далее Image>Adjustments>Invert

alt

 

Теперь Filter>Blur>Gaussian Blur 25px. Затем тот же фильтр, но уже 15px

alt
alt

 

Отключите Blue Copy канал, но не удаляйте его

alt

Отправляйтесь в Filter>Render>Lighting Effects

Урок 4: Отличный и очень реалистичный "водяной" эффект!
alt

Скопируйте слой и Filter>Sketch>Chrome

alt

Ntgthm можно поиграться со стилями слоя. Выберите стиль Bevel&Emboss

alt
alt

CTRL+клик по иконке текстового слоя, чтобы выделите его содержимое и настройте Image>Adjustments>Curves и Image>Adjustments>Levels

alt
alt

Залейте фон черным – так будет смотрется более выигрышно

alt

 

Выделите все слои, кроме фонового и слейте их (CTRL+E)

alt

Далее отправляйтесь в Filter>Liquify. Инструментом Bloat подредактируйте картинку, чтобы придать ей водянистого эффекта. Когда будете довольны результатом, нажимайте ОК

alt
Урок 4: Отличный и очень реалистичный "водяной" эффект!
.
Автор: Андрей, просмотров: 1400,
Подробнее

Урок 3: Эффект магической ленты или молнии в Photoshop

Категории: Уроки Photoshop'a
Опубликовано 15 років назад

1 – Создайте Radial Gradient, в этом случае от пурпурного к темно-фиолетовому

alt

 

2 – Тут я добавил отличную иконку волшебной шляпы из Crystal Clear Collection от Everaldo

alt

3 – Добавьте какой-нибудь текст. Я использовал исходный код сайта для его получения и применил Distort >Wave filter

alt

Создайте две полосы текста

4 – Поверните и расположите текст

alt

5 – Добавьте немного света используя Glow : используйте разные значения для каждой строки текста, секрет в том, чтобы использовать опцию смешивания COLOR DODGE.

alt

измените значения Spread, Size и Range

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

alt

7 – К другой группе строк текста примените Gaussian Blur, после чего сотрите некоторые оставшиеся части для того, чтобы проступил неразмытый текст.

alt

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

8 – Создайте новый слой и разместите его под текстом, а с помощью обычной большой кисти размером, например, 100px добавьте посередине белый блик света.

alt

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

9 – Снова создайте немного дыма, я использовал для этого резинку, хотя мог бы сделать это и с помощью liquify.

alt

10 – Создайте облако: чтобы сделать это, используйте marquee с каймой больше 20 и примените Render>clouds, удерживая командную клавишу (Маc), или ctrl (Windows).

alt

Так же, как и в предыдущем шаге, важно применить опцию COLOR DODGE blending.

11Вспышки: Для вспышек создайте кисть, поиграйте с динамикой фигуры, scattering и другими видами динамики. После этого, примените Outer Glow и Inner Glow чтобы придать всему магический эффект.

alt

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

alt
.
Автор: Андрей, просмотров: 1800,
Подробнее

Урок 2: Рисуем красивую флешку.

Категории: Уроки Photoshop'a
Опубликовано 15 років назад
Урок 2: Рисуем красивую флешку.

Учимся с нуля рисовать USB Флешку. Не сложный, но красивый урок.

Создайте новый документ размером 800х400 пикселей, задний фон можете сделать как на картинке, но это не принципиально. Дальше идем в View и ставим галочку напротив Snap, это сделает ваш курсор “прилипающим” к сетке, а чтобы увидеть эту сетку, мы идем в View -> Show-> Grid. Теперь ваш холст будет выглядеть примерно так.

Урок 2: Рисуем красивую флешку.

Сейчас создаем 2 окружности, используя инструмент Elliptical Tool, убедитесь, что ваши окружности одинаковы, для точности результата, лучше зажимать клавишу Shift, это позволит нарисовать вам ровную окружность.

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

Урок 2: Рисуем красивую флешку.

Теперь выбираем инструмент Polygonal Lasso, удерживая клавишу Shift обведите прямоугольник, начинать лучше с угла сетки, середины одной из окружностей, в итоге у вас должно получится выделение так как на рисунке ниже:

Урок 2: Рисуем красивую флешку.

Теперь у вас получилось вот такое выделение. Сейчас уже можно отключить параметры “прилипания” и сетку, выключаются они также как и включаются (см. начало урока)

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

alt
alt
alt
alt

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

Урок 2: Рисуем красивую флешку.

Создаем дубликат получившегося слоя. Заходим в Layer Style дубликата. Убираем все галочки которые там есть, и ставим только одну галочку Color Overlay. Цвет ставим Белый (#FFFFF). Bland Mode меняем на Soft Ligth, а прозрачность (Opacity) слоя ставим 15-20%. После этого всего, жмем Ctrl +T или идем сюда Edit > Free Transform. И уменьшаем размер картинки так, как показано снизу (получается как бы отражение).

Урок 2: Рисуем красивую флешку.

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

Урок 2: Рисуем красивую флешку.

Теперь идем следующим путем: Edit -> Cut, теперь Edit ->Paste, теперь ваша вставленная крышка будет того цвета который вы выбрали несколькими шагами ранее, сейчас необходимо переместить крышку на то место, откуда мы ее вырезали. После этого у слоя с основной формой в списке слоев нажимаем правой кнопкой и выбираем Copy Layer Style, теперь переходим к слою с крышкой, нажимаем на нем правой кнопкой и выбираем Paste Layer Style

Урок 2: Рисуем красивую флешку.

Так же делаем отражение для крышки. Берем слой отражения. Вырезаем, и вставляем, как описано выше.

Урок 2: Рисуем красивую флешку.

Рядом с вашей основной формой создайте маленький прямоугольник, это будет основа для разъема нашей флешки, настройки смешивания делаем как на рисунке ниже:

alt
alt
alt

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

Урок 2: Рисуем красивую флешку.

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

alt
alt
alt

У вас получится примерно следующее:

Урок 2: Рисуем красивую флешку.

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

Урок 2: Рисуем красивую флешку.

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

Урок 2: Рисуем красивую флешку.
.
Автор: Андрей, просмотров: 2110,
Подробнее

Урок 1: Кусочек гранджа.

Категории: Уроки Photoshop'a
Опубликовано 15 років назад

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

Итак, выбираем инструмент Rounded Rectangle Tool, цвет — #ff4f4f , рисуем

alt

После чего растируем слой Layer > Rasterize > Shape.
Выбираем инструмент Polygonal Lasso Tool, надгрызаем уголок. Но так.. без фанатизма. В меру.

alt

Тут же переключаем инструмент на Burn Tool (O).
Выбираем мягкую кисть, и Exposure 2-5%. Range — можете переключать, при использовании, кашу маслом не испортишь )

alt
alt

Инструмент Sponge придаст картинке немного грязи. Попробуйте использовать сразу три инструмента (Dodge, Burn, Sponge) в одном месте, сразу все поймете )
При этом не забываем отгрызать периодически уголки и стороны квадрата, но, опять же, без фанатизма. Необходимо сохранять долю реалистичности :).

alt

Выбираем мягкую кисть, размером 2-3px, цвет белый. Удерживая кнопку Ctrl кликаем по слою с фигурой (дальше будет понятно зачем )). Создаем новый слой (Ctrl+Shift+N). Рисуем вертикальные линии, не обязательно идеально ровные.

alt

Не снимая выделения идем в Filter > Blur > Gaussian Blur, радиус — 5,5 — 6px. Дальше идем в Filter > Sharpen > Sharpen. После чего жмем Ctrl+F (повторяем фильтр) раз 5-6.

alt

Дальше Инвертируем слой, (жмем Ctrl+I), и уменьшаем Fill слоя до 30%.

alt

Есть еще один фокус :). Создаем новый слой, выбираем мягкую кисточку, диаметром 15-20px, цвет темнее, основного цвета фигуры (например #8c0000 ), Opacity кисти — 5%. Удерживая кнопку Ctrl кликаем по слою с фигурой, и зарисовываем уголок. Снимаем выделение, и давим один раз кнопку вверх ↑. Получаем темный уголок, с небольшой светлой обводкой )

alt

В общем, потратив минут 30-40, вы получите бесценный опыт, по созданию элементов в стиле грандж.

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

Слой можно удалить, можно уменьшить прозрачность слоя (Opacity), можно стереть мазок. Единственное — не забывайте кликать по слою с Ctrl — этот прием не даст выйди за рамки изображения. Экспериментируйте )

alt

Вот у нас и получилось:

alt

П.с: надеемся что данная рубрика будет для вас полезна.

 

.
Автор: Андрей, просмотров: 2197,
Подробнее