24/08/15 Открыта запись на обучение вёрстки для майбба - ссылка на тему

Избранные уроки Photoshop


Вверх
Вниз

COLOR MATE

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » COLOR MATE » Уроки Photoshop » Рамки / обрамления


Рамки / обрамления

Сообщений 1 страница 9 из 9

1

Программа: Adobe Photoshop
Практика
Автор: Pulse
Источник: http://emotiondigital.artbb.ru

В этом уроке я объединила информацию о способах создания различных рамок. Векторные, с использованием фотоэлементов, тиснёные и другие сложные обрамления всегда проще отыскать в интенете, но и своими руками можно аккуратно и строго обвести изображение, когда громоздкая оправа не требуется.
Приступим. На примере нашей картинки будут показаны основные способы создания рамок:
http://forumupload.ru/uploads/000e/32/ad/14337-3.jpg

КАНТ
Для того, чтобы окантовать картинку, необходимо выделить весь холст. Для этого нажимаем комбинацию клавиш: Ctrl+A, или пользуемся стандартным инструментом "прямоугольная область", очерчивая целиком документ.
Итак, когда холст выделен, кликаем по нему правой кнопкой мыши. Выбираем "выполнить обводку" (Stroke) / или же Редактирование - Выполнить обводку
http://forumupload.ru/uploads/000e/32/ad/14336-2-f.jpg
В появившемся окне настраиваем значения:
1. ширина канта (для примера, 1 пиксель)
2. цвет (здесь - чёрный)
3. расположение - внутри
4. наложение и непрозрачность можно настроить позже.
http://forumupload.ru/uploads/000e/32/ad/14336-3-f.jpg
Результат:
http://forumupload.ru/uploads/000e/32/ad/14336-1.jpg

УВЕЛИЧЕНИЕ ГАБАРИТОВ ХОЛСТА (Canvas)

Применяется в том случае, если кант нужно провести снаружи картинки, дабы не закрывать обводкой изображение изнутри.
В данном случае понадобится математика. Допустим, наша аватара размером в 100 пикселей. Мы хотим пустить канву размером в 5 пикселей. Учитываем размер имеющегося холста и добавляем к нему по 5 пикселей с каждой стороны (ширина-высота): 100+(5х2)=110 px
Теперь проделываем следующее:
В меню  "Изображение" (Image) выбираем "Размер холста" (Canvas Size) или Alt+Ctrl+C
http://forumupload.ru/uploads/000e/32/ad/14336-4-f.jpg
Можно поставить галку на "Относительная" (Relative) и ввести ширину рамки умноженную на два сразу для высоты и ширины.
Холст увеличится:
http://forumupload.ru/uploads/000e/32/ad/14336-5.jpg
Если у вас открыто меню Цвет расширения холста (Canvas extension Color) в предыдущем окне, то сразу задайте нужный вам цвет рамки.
Если нет, - выбираем инструмент "заливка"
http://forumupload.ru/uploads/000e/32/ad/14337-1-f.jpg
в палитре цветов корректируем нужный цвет и кликаем по прозрачной области на документе, образовавшейся вследствие увеличения холста.
Результат:

http://forumupload.ru/uploads/000e/32/ad/14337-2.jpg

СТИЛЬ СЛОЯ

Всё вышеперечисленное (при нужном размере холста в случае обводки снаружи) можно проделать и в окне стиля слоя.
Правой кнопкой мыши по слою с картинкой  - Параметры наложения (Blending Options)/а-ля двойной щелчок по слою.
Во вкладке "Обводка" (Stroke) можно сразу выбрать нужные значения.

http://forumupload.ru/uploads/000e/32/ad/14339-1-f.jpg

РАМКА-ПУНКТИР

Для создания этой рамки потребуется специальный паттерн, который придётся сделать собственноручно (читать Простейшие паттерны-узоры).
Создаём новый документ (Ctrl+N) - прозрачный, 2х2 пикселя. Инструментом "карандаш"  ставим две точки соответственно скриншоту:
http://forumupload.ru/uploads/000e/32/ad/14339-2.jpg
Определяем узор.
Идём в стиль слоя и во вкладке "Обводка" (Stroke) выставляем такие значения:
http://forumupload.ru/uploads/000e/32/ad/14339-3-f.jpg
Результат:
http://forumupload.ru/uploads/000e/32/ad/14339-4.jpg

Если увеличить холст паттерна и количество точек на нём, поэкспериментировать с цветом, то получится более заметный пунктир, подобный выделенной области:)
http://forumupload.ru/uploads/000e/32/ad/14339-5.jpg

ВАРИАЦИИ С ФИЛЬТРАМИ

Здесь мы возьмём изображение покрупнее и поярче, дабы эффект наблюдался лучше.
http://forumupload.ru/uploads/000e/32/ad/14340-1.jpg

ПИКСЕЛЬНАЯ РАМКА

Давно известный урок. Немного перефразирую, дабы в работе было удобнее.
Открыв картинку, берём инструмент "прямоугольная область" Rectangular Marguee Tool (M)
http://forumupload.ru/uploads/000e/32/ad/14340-2-f.jpg
и выделям область посреди изображения. Чем дальше от края, тем симпатичнее эффект получится. Инвертируем выделение посредством нажатия клавиш Shift+Ctrl+I или в меню Выделение - Инверсия (Select - Inverse).
Не забываем включить режим быстрой маски: Q
http://forumupload.ru/uploads/000e/32/ad/14340-3-f.jpg
Далее: Фильтр - Оформление - Фрагмент (Filter- Pixelate-Fragment). Проделываем последнее действие несколько раз. Допустим, раза 4 (повторить действие можно с помощью горячих клавиш: Ctrl+F)
После этого нужно отключить быструю маску (Q)  и удалить лишний фон (Delete)
http://forumupload.ru/uploads/000e/32/ad/14342-1-f.jpg
Для наглядности, поместила на белый фон:
http://forumupload.ru/uploads/000e/32/ad/14342-2-f.jpg

РАЗБРЫЗГИВАНИЕ

Повторяем фактически те же манипуляции в первом шаге:
Выделяем в центре нужную область, инвертируем выделение, переходим к режиму быстрой маски Q
http://forumupload.ru/uploads/000e/32/ad/14340-3-f.jpg
Вторым шагом идём в Фильтр - Штрихи - Разбрызгивание (Filter - Brush Strokes - Spatter). Выставляем настройки (по вашему вкусу), кликаем "ОК".
http://forumupload.ru/uploads/000e/32/ad/14342-4-f.jpg
Выходим из режима быстрой маски Q и жмём Delete.
Результат:
http://forumupload.ru/uploads/000e/32/ad/14342-5-f.jpg

АЭРОГРАФ

Выделить область - Инвертировать выделение - Включить режим быстрой маски.
http://forumupload.ru/uploads/000e/32/ad/14340-3-f.jpg
Фильтр - Штрихи - Аэрограф (Filter - Brush Strokes - Sprayed Strokes), выставляем настройки по вкусу -  ОК.
http://forumupload.ru/uploads/000e/32/ad/14343-1-f.jpg
Выходим из режима быстрой маски Q и кликаем Delete.
Результат:
http://forumupload.ru/uploads/000e/32/ad/14343-2-f.jpg


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

+2

2

http://s1.uploads.ru/i/HSTuB.png

0

3

http://s1.ipicture.ru/uploads/20120904/dVyu6364.png
Сама не поняла, как задний фон получилось удалить, но по кнопке Делит у меня открывается какое-то окно...

Отредактировано шехзаде (04-09-2012 04:38:22)

0

4

Блин, почему раньше урок не нашла? http://funkyimg.com/u2/1479/619/89347506.png  Пару дней назад потела, сама все методом тыка постигала

0

5

Это легко,умеем)

0

6

asphyxiated, спасибо, все очень понятно)

http://s4.uploads.ru/O6beU.png
http://s4.uploads.ru/9FPTM.png

0

7

Эм. А обрамление прозрачным никак не сделать?)

0

8

О, потрясающе!
спасибо!

0

9

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

Отредактировано Miss Ctoun (21-07-2015 14:36:21)

0


Вы здесь » COLOR MATE » Уроки Photoshop » Рамки / обрамления