DIWO.BY

Digital World - Уроки фотошоп

Как сделать рамку в Фотошопе – Урок пятый

Самым лёгким способом придать фотографии более профессиональный вид является обрамление её рамкой. В этом уроке мы рассмотрим два способа создания цветной рамки в Adobe Photoshop CS4 Extended: один самый простой, другой посложнее.

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

Начнём с самого простого и широко распространенного способа.

Как сделать рамку в Фотошопе – Урок пятый

Открываем фотографию в Фотошопе, при необходимости подгоняем фотографию под нужный размер. В меню слева выбираем фоновый цвет – это и будет цвет нашей будущей рамки.

По умолчанию фоновый цвет – белый. Фон нашей фотографии (выше) – черный. Так что оставляем всё, как есть. Вы можете выбрать любой, какой ваше душе угодно.

Цвет рамки выбрали, осталось определиться с её размерами. Для этого кликаем в меню Image (Изображение) на пункт Canvas Size (Размер холста).

Как сделать рамку в Фотошопе – Урок пятый

В нашем случае размеры исходного файла составляют 500х667 пикселей. Ну а мы хотим сделать, скажем, рамку толщиной пикселей в 50. Следовательно, вводим в поля Width (Ширины) и Height (Высота) значения 550 и 717 соответственно. Жмём ОК.

Как сделать рамку в Фотошопе – Урок пятый

При желании можно поиграться с настройками слоя Background (Задний план) (двойной клик по слою > ОК > вкладка Stroke (Обводка)). Тогда при вот таких параметрах:

Как сделать рамку в Фотошопе – Урок пятый

Получим:

Как сделать рамку в Фотошопе – Урок пятый

А теперь приступим к более изящному способу.

Шаг 1

Как сделать рамку в Фотошопе – Урок пятый

Открываем фотографию в Фотошопе. Дублируем на всякий случай фоновый слой Background (Задний план) нажатием Ctrl+J. Между ними создаём новый слой Layer 2 (Слой 2). Нажимаем на клавиатуре клавишу D – то есть сбрасываем палитру на цвета по умолчанию (черный/белый). Жмём Ctrl+Backspace – тем самым заливая слой Layer 2 (Слой 2) белым цветом.

Как сделать рамку в Фотошопе – Урок пятый

В диалоговом окне Canvas Size (Размер холста) (вызываем через меню Image (Изображение)) увеличиваем размер документа.

Шаг 2

Как сделать рамку в Фотошопе – Урок пятый

С зажатой клавишей Ctrl кликаем один раз по маленькой картинке слоя Layer 1 (Слой 1) (справа внизу, в панели инструментов Layers (Слои)). Тем самым мы только что выделили весь слой. Для будущей рамки нам этого много, поэтому мы по длине и ширине уменьшим область выделения на 10 пикселей: Select (Выделение) > Modify (Модификация) > Contract (Сжать).

Как сделать рамку в Фотошопе – Урок пятый

Теперь нам осталось добавить маску на слой Layer 1 (Слой 1). Кликаем одни раз по этому слою в панели Layers (Слои) и там же жмём кнопку Layer Mask (Добавить слой-маску) (в самом низу):

Как сделать рамку в Фотошопе – Урок пятый

Шаг 3

Шаг третий, он же последний – самый творческий. Характеризуется манипуляциями с маской слоя Layer 1 (Слой 1) через фильтры Фотошопа. Фильтров много, поэтому и вариантов рамок может получиться сколь угодно много. Мы рассмотрим три.

Рамка №1

Как сделать рамку в Фотошопе – Урок пятый

Чтобы получить в итоге такую рамку, нужно один раз кликнуть по «маске» слоя Layer 1 (Слой 1):

Как сделать рамку в Фотошопе – Урок пятый

А затем применить фильтр Spatter (Разбрызгивание) (Filter (Фильтр) > Brush Strokes (Штрихи) > Spatter (Разбрызгивание)) со следующими настройками:

Как сделать рамку в Фотошопе – Урок пятый

Если результат работы фильтра не понравился, то его можно отменить, нажав Ctrl+Z. Если всё нормально, то нужно ещё не забыть выполнить команду Trim (Тримминг) (меню Image (Изображение) > Trim (Тримминг)) для того, чтобы удалить лишнее белое пространство по краям фотографии:

Как сделать рамку в Фотошопе – Урок пятый

Выполнять команду Trim (Тримминг) также нужно и в последующих двух вариантах рамок.

Рамка №2

Как сделать рамку в Фотошопе – Урок пятый

Рамка выше – результат работы фильтра Glass (Стекло) (меню Filter (Фильтр) > Distort (Искажение) > Glass (Стекло)) со следующими настройками (не забудьте предварительно «кликнуть на маске» слоя Layer 1 (Слой 1) в панели Layers (Слои)):

Как сделать рамку в Фотошопе – Урок пятый

Рамка №3

Как сделать рамку в Фотошопе – Урок пятый

Заключительный в этом уроке русского Фотошопа вариант рамки представляет собой результат работы фильтра Sprayed Strokes (Аэрограф) (Filter (Фильтр) > Brush Strokes (Штрихи) > Sprayed Strokes (Аэрограф)) со следующим параметрами:

Как сделать рамку в Фотошопе – Урок пятый

Вот и вся рамка! Мы только что рассмотрели самые простые способы, как создать рамку в Adobe Photoshop CS4 Extended. Можете просто изменять размер документа, а можете проявить немного творчества, и поиграться с настройками трёх вышеозвученных фильтров.

В Фотошопе версии CS4 Extended поначалу можно потерять привычные элементы в меню. Для этого нужно просто кликнуть в любом меню на Show All Menu Items (Показать все пункты меню).

Закажи свой урок фотошопа


Аватар пользователя Гость

мудро....не получилось....


Аватар пользователя IMHO

где, что именно не получилось? на каком этапе?


Аватар пользователя Soffi

Все очень понятно. Отлично и быстро получилось.Спасибо!!!


Аватар пользователя Катя

У меня фотошоп CS4 и у меня кроме одного слоя больше нельзя сделать. Вообще с этим слоем что есть нельзя ничего сделать, а темболее добать еще один. Подскажите, почему нельзя? В чём проблема?


Аватар пользователя IMHO

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


Аватар пользователя Гость

Подскажите как создать слой между ними?пожалуйста!


Аватар пользователя shureiman

Вы, видимо, имеете ввиду: "Открываем фотографию в Фотошопе. Дублируем на всякий случай фоновый слой Background нажатием Ctrl+J. Между ними создаём новый слой Layer 2." – на скриншоте выделена кнопка, которая создаст новый слой.

Создание нового слоя в Фотошопе


Аватар пользователя Гость

спасибо...поняла!


Аватар пользователя Гость

сложно довольно(вторая часть)-ничего не получилось6


Аватар пользователя Гость

Проблема: при объединении слое получается только белый фон (


Аватар пользователя Гость манька

аналогичная проблема))но я чёт наколдовал и получилось!как скриншот добавить?!

З.Ы Плз путь к применяемым функциям приводите на русском


Аватар пользователя Гость

У меня ничего не получилось!!!
В Adobe Photoshop CS4 Extendedтаких фильтров нет как указаны в примере!
А если есть то как их включить?


Аватар пользователя shureiman

Все описанные в уроке фильтры стандартны для Фотошопа.
В CS4 Extended поначалу можно потерять привычные элементы в меню. Для этого нужно просто кликнуть в любом меню на Show All Menu Items.


Аватар пользователя ephoto

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

http://deduh.com/


Аватар пользователя shureiman

А что модно? Smiling


Аватар пользователя ephoto

Модно снимать вот так: http://deduh.com/?p=762 Чувственность и даже эротичность в моде.

http://deduh.com/


Аватар пользователя сюся

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


Аватар пользователя shureiman

Вышеописанные способы - самые простые.


Аватар пользователя Гость

А у меня фотошоп на русском, и я не понимают тут ничего!!!(((((((((((


Аватар пользователя shureiman

Можете попробовать изменить язык на английский: Редактирование > Установки > Интерфейс > В поле UI Language выбираете English. Фотошоп перезапустить.


Аватар пользователя Григорий

Лучше бы в скобках давать русскую терминологию, Вы же видите у большинства русский CS4. И это тенденция. А для проффи эти уроки не нужны...


Аватар пользователя shureiman

Спасибо за комментарий, так и буду делать в последующих уроках.


Аватар пользователя IMHO

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


Аватар пользователя karina

А,если при выделении слоя, и последующем переходе в "выделение" не работает, вернее, оказывается не активным пункт "модификация", как быть?


Аватар пользователя Гость

все, сообразила )))


Аватар пользователя Гость

немогу выполнить шаги2 не открывается Select > Modify > Contract


Аватар пользователя Гость

где находятся "в меню Image на пункт Canvas Size." подскажите плиз, срочняк надо


Аватар пользователя mrkaktooz

Если не виден пункт меню Canvas Size, то скорее всего он скрыт. Для отображения всех пунктов меню выберите пункт меню Image->Show All Menu Items. Вызвать окно Canvas Size также можно с помощью сочетания клавиш Alt+Ctrl+C.


Аватар пользователя Тоха

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


Аватар пользователя mrkaktooz

Убедитесь, что свойство Position выбрано Inside (как показано в уроке). У вас скорее всего выбрано Outside.


Аватар пользователя OLIRA

немогу выполнить шаг,не открывается Modify(на неё нельзя нажать)


Аватар пользователя mrkaktooz

Если пункт меню Select > Modify > Contract недоступен, то убедитесь что у вас есть какое-нибудь выделение. У вас должно быть выделено исходное изображение.


Аватар пользователя Гость

У меня не получается выделить слой, поэтому Select > Modify > Contract недоступен. Для выделения нажимаю CTRL + щелчок по ИКОНКЕ.


Аватар пользователя mrkaktooz

хм.. очень странно... тогда возьмите инструмент Rectangle Marquee Tool (Прямоугольная область) и обведите ваше изображение вручную.


Аватар пользователя irbis775

у меня не получается залить СЛОЙ 2 белым цветом,,,как это сделать?можно подробно,все остальное понятно,но так какя не могу залить его у меня и в первом и втором слое высвечмвется заливка пустая шашечки...


Аватар пользователя irbis775

чего то вроде все верно попытки делаю а шашечки все высвечиваются и слой2 незаливается цветом,как должен,можно поподробнее этот момент заливки,


Аватар пользователя mrkaktooz

возможно у вас осталось после какой-нибудь операции выделение. Нажмите Ctr+D чтобы убрать это выделение. Затем Ctrl+D чтобы сбросить цвета на черный и белый. А потом уже можете нажать Ctrl+Del чтобы закрасить слой белым.


Аватар пользователя irbis775

У меня не получается выделить слой, КАК И У ДЕВУШКИ ВЫШЕ,поэтому Select > Modify > Contract недоступен,,,,ЧТО ВСЕ ТАК?


Аватар пользователя irbis775

сделала


Аватар пользователя Гость

сделала...


Аватар пользователя Гость

У меня небольшая просьба: можете писать команды на русском языке хотя бы в скобочках (у меня стоит русификатор в Фотошопе).


Аватар пользователя Анютk@

у меня не получается сделать ещё один слой(который должен находиться справа!) подскажите пожалуйста - как???


Аватар пользователя mrkaktooz

Вы наверное имеете ввиду маску слоя? В каком шаге у вас возникла проблема?


Аватар пользователя Анютk@

вот точно! Маска - вот её у меня и не получается сделать((


Аватар пользователя Гость

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


Аватар пользователя Анютk@

нет! там ничего не стоит! подскажите - на какой именно слой надо щёлкнуть с зажатой клавишей Ctrl?


Аватар пользователя mrkaktooz

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


Аватар пользователя irbis775

вот так бы и в уроке уточнить,,,,,а то уменя тоже не получалось это...


Аватар пользователя Гость

тут на английском кое что, а у меня русская версия...
ниче не получается...


Аватар пользователя Гость

Что-то у меня все в белом цвете и немогу найти вкладку (Position выбрано Inside) Помогите!!! Очень интересно, но не получается. Что я делаю не так?


Аватар пользователя mrkaktooz

Возможно у вас самый верхний слой залит белым цветом. Посмотрите как показано на скриншоте и убедитесь что у вас такое же расположение и количество слоев. Если речь идет о вкладке Stroke, то чтобы ее найти надо дважды кликнуть по нужному слою и в появившемся окне (Layer style) слева в самом низу увидите вкладку Stroke.


Аватар пользователя Гость

(цензура)..... вы перевод пишите хотя бы в скобках.... плюс мляяяя у меня не нажимается Ctrl + Backspace... и все остается прозрачным!!!!!!!!


Аватар пользователя mrkaktooz

Последние 3 урока опубликованы с русским переводом. Первые 8 будут доработаны в ближайшее время. И чтобы вас услышали, не стоит ругаться... достаточно попросить перевести все непонятные слова... Если не срабатывает нажатие клавиш Ctrl + Backspace, то убедитесь, что у вас нет никакого выделения... т.е. перед нажатием Ctrl + Backspace нажмите Ctrl + D.


Аватар пользователя Гость

к маске не хочет приеняться никакой фильтр что делать?


Аватар пользователя mrkaktooz

Убедитесь что слой не заблокирован и что выбрана именно маска слоя а не сам слой... А также нажмите Ctrl+D, возможно у вас есть скрытое выделение.


Аватар пользователя ЙА

Спасибо большое!!!!!!!! ФОтошоп на русском, всё понятно быстро и просто))))


Аватар пользователя Гость

Спасибки! Первый способ кул! а больше ниче и не надо


Аватар пользователя Гость

А как рамку в примере 2 раскрасить?


Аватар пользователя mrkaktooz

Достаточно раскрасить слой с белым фоном.


Аватар пользователя Гость

Это к сожалению другой ФШ... Или CS4 и CS4 Extended разные вещи?


Аватар пользователя mrkaktooz

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


Аватар пользователя Tanchik

У кого Фотошоп на русском скачайте себе словарь Фотошоп (англо-русский) в виде электронной книги, к тому же с поиском.

Скачать можно на сайте автора www.seva-abc.blogspot.com

А можно и интернете найти.


Аватар пользователя Михаил

Огромное спасибо за урок и за терпение, с которым Вы отвечаете на вопросы.Расскажите пожалуйста, можно ли сделать в фотографии альфа-канал, чтобы через него было видно видеоизображение в Pinacle, возможно ли это.


Аватар пользователя mrkaktooz

Да, в фотографии можно сделать альфа-канал) Но я не работаю с Pinnacle Studio поэтому не могу сказать как именно это делается(


Аватар пользователя Гость

это вопрос для форума http://diwo.by/forum


Аватар пользователя Гость

Вашему терпению можно только позавидовать! Лично я считаю, что в Фотошопе надо работать только с английским языком. Во-первых русский глючит, а во-вторых некоторые слова переведены неадекватно и трудно понять их значение.
Если не затруднит, не подскажете ли, куда исчез в новом Фотошопе пункт BEVEL & EMBOS (стили слоя). Хочу сделать выпуклую рамку и не могу найти этот пункт. Спасибо!


Аватар пользователя mrkaktooz

На счет перевода интерфейса я с вами полностью согласен) а пункт Bevel and Emboss на месте)) не знаю почему у вас его нет) у меня он доступен и через окно Layer Style и через меню Layer>Layer Style>Bevel and Emboss...


Аватар пользователя Гость

Спасибо вам большое, что так быстро ответили! Видимо у меня Фотошоп настолько "левый", что и этого нет. Сейчас буду переустанавливать.


Аватар пользователя Гость

Установил английскую версию (у меня её раньше не было) и всё стало нормально: есть и Bevel и Emboss. Ещё одно подтверждение того, что не стоит устанавливать переводной вариант.


Аватар пользователя Жека

так, люди, во-первых не паникуем.
у меня установлен PHOTOSHOP cs2, и даже в нём по анологии можно догадаться, как что делать...
В целом уроки хорошие, единственный момент - показывайте все действия полностью, а не мудрите с shortcut'ами... А то запутаться очень легко....


Аватар пользователя Жека

О, такой вопрос - у меня в меню ФИЛЬТРЫ половина фильтров доступна (напр. Размытие, Резкость, Стилизация, Шум); а все остальные не нажимаются.
Режим - RGB 16 бит.
Заранее спасибо. *ну и терпение у вас...*)))


Аватар пользователя Жека

всё, разобрался, переставил на 8 бит - всё заработало.
Почему так?


Аватар пользователя Гость

Спасибо вам огромное. Вы очень хорошо объяснили. Всё получилось. Очень тяжело найти такие хорошие и понятные уроки, как у вас


Аватар пользователя Гость

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


Аватар пользователя mrkaktooz

Где именно у вас возникли трудности?


Аватар пользователя Гость

когда делают рамка номер 1 рамка 2,3 открываю фильтр искажение и стекло и всё белое становится(


Аватар пользователя mrkaktooz

а вы точно применили фильтр к маске слоя а не к самому слою?


Аватар пользователя Гость

не знаю у меня написано только слой один я на него нажимаю а маску не могу сделать


Аватар пользователя mrkaktooz

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


Аватар пользователя Гость

Я вообще не знаю как фон фотографии сделать черным, это у вас фото с чистым белым фоном, а у нас то обычно всякая ненужная фигня, что делать подскажите, просто тупо нажимать на заливку чтоль?


Аватар пользователя mrkaktooz

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


Аватар пользователя Гость.юрий

совсем неполучается так много всего и опять совсем непонятные термины снова какието иностранные выражения


Аватар пользователя mrkaktooz

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


Аватар пользователя Гость

В восьмой версии фотошоп есть тримминг? Что-то не могу найти.


Аватар пользователя mrkaktooz

Не пользовался восьмой версией.. поэтому не могу сказать.


Аватар пользователя Алина

Круто!!! Спасибо!!!


Аватар пользователя Малинка

Получилось,спасибо)


Аватар пользователя cat

Помогите,пожалуйста, почему после тримминга у меня все рамочки исчезают, и фото становится прежним, я уже что только не пробовала((


Аватар пользователя mrkaktooz

а вы применяете тримминг для 1 варианта рамки, где она простая?


Аватар пользователя cat

нет, я его применяю к более сложному способу, вроде все делаю по шагам, так, как написано, но ничего не выходит((

Отправить комментарий

  • Доступные HTML теги: <img> <p> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Строки и параграфы переносятся автоматически.
  • Текстовые смайлы будут заменены на графические.

Подробнее о форматировании

CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
  _____   _____       _   _____           _     
|___ / |___ / | | | ____| _ _ | |__
|_ \ |_ \ _ | | | _| | | | | | '_ \
___) | ___) | | |_| | | |___ | |_| | | |_) |
|____/ |____/ \___/ |_____| \__, | |_.__/
|___/
Введите код, изображенный в стиле ASCII-арт.