LuxSims

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

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


Вы здесь » LuxSims » Волшебный PhotoShop » Уроки по созданию рамок


Уроки по созданию рамок

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

1

Доброго времени суток. http://www.kolobok.us/smiles/standart/smile3.gif
По заявкам трудящихся я написала несколько уроков по созданию рамок с помощью графического редактора Adobe Photoshop. При создании уроков использовалась английская версия Adobe Photoshop CS2. Я постаралась привести перевод большинства названий, использованных в уроке. Заранее прошу прощения за те, что не перевела, так как я не знаю, как они точно называются в русском фотошопе, и перевода нет лишь потому, что я не хочу создавать путаницу.
Дорогие Лучик, babushka и nati, этот урок специально для вас и для всех, кто еще этим заинтересуется. http://www.kolobok.us/smiles/he_and_she/give_heart.gif
Итак, приступим!

Урок 1. Простая пиксельная рамка.
Для того чтобы создать простую пиксельную рамку (как здесь или здесь), нужно сделать следующее:
Шаг 1. Как обычно, открываем нужное изображение. Я выбрала первый попавшийся мне на глаза скриншот из аниме One Piece.
Шаг 2. Открыв изображение, приводим его в надлежащий вид (масштабируем, например, если это требуется). Если же нет – нажимаем на кнопку Сreate new layer (создать новый слой).

http://i074.radikal.ru/1001/aa/31d8e682d46f.jpg

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

http://s001.radikal.ru/i194/1001/82/f5a72bbb7237.jpg

Шаг 3. Нажимаем комбинацию клавиш Сtrl+A, и все наше изображение оказывается выделенным. Выбираем инструмент Rectangular Marquee Tool (прямоугольное выделение) или просто нажимаем клавишу М.

http://s002.radikal.ru/i199/1001/58/c8e53251b744.jpg

Нажав правой кнопкой мыши в любом месте изображения, в выпавшем меню выбираем опцию Stroke (штрих).

http://s56.radikal.ru/i154/1001/45/e9348fc3a3a3.jpg

Шаг 4. В появившемся окошке выставляем нужные параметры. Я выбрала такие:

http://s47.radikal.ru/i116/1001/7a/c5c8c3309cc7.jpg

Расшифровка параметров*:
Width – ширина рамки в пикселях
Color – цвет рамки, устанавливается путем нажатия левой кнопкой мыши на цветной квадрат
Location – положение рамки; по центру, внутри и вне соответственно
Opacity – здесь и далее – прозрачность рамки/любого элемента в процентах
Все параметры устанавливаются так, как решите вы сами, естественно. После установки жмем ОК.

*если параметр не расшифрован, не пугайтесь, он просто не пригодится нам на данном этапе

Шаг 5. Получаем простую рамку:

http://s55.radikal.ru/i148/1001/6c/93fc9d32446b.jpg

Если результат вас устраивает – оставляем все, как есть. Если же нет – такую рамку можно разнообразить (см. пример в начале урока).

Шаг 6. Во вкладке Filter (фильтры) выбираем Blur (размытие) -> Gaussian Blur (размытие по гауссу)

http://s005.radikal.ru/i211/1001/ab/d02b1762ad36.jpg

Шаг 7. В выпавшем окошке выставляем нужное значение размытия (если стоит флажок возле свойства Preview (предпросмотр) – эффект можно сразу увидеть на картинке).

http://s58.radikal.ru/i162/1001/3b/92f77a8fa2ab.jpg

Когда результат нас устроит, жмем ОК.

http://i078.radikal.ru/1001/46/a66a80ffcfdf.jpg

Спасибо за внимание и удачи. http://www.kolobok.us/smiles/standart/smile3.gif

Отредактировано stupido (2010-01-25 01:38:10)

2

Урок 2. Объемная рамка.
Для того чтобы создать объемную рамку (как здесь), нужно сделать следующее:
Шаг 1. С помощью материалов предыдущего урока по созданию простой рамки делаем простую рамку нужного нам цвета, ширины, прозрачности и так далее.

http://s001.radikal.ru/i194/1001/72/9b0b37c9b943.jpg

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

Шаг 2. Путем нажатия правой кнопкой мыши на активный слой, получаем следующее меню:

http://s001.radikal.ru/i196/1001/80/0eed5691f6ef.jpg

Выбираем опцию Blending options (функции/параметры смешивания).
Шаг 3. В выпавшем окне выбираем вкладку Bevel and Emboss. Выставляем параметры, как на скриншоте:

http://s40.radikal.ru/i088/1001/79/3457e9aa1391.jpg

Примечание: цвета в параметрах Highlight mode (блик или наиболее светлый тон изображения) Shadow mode (тень) установлены исключительно под использованный мной цвет, нужные вам цвета подберите сами (это можно легко сделать, просто смотря, как при изменении цвета изменяется тот или иной цвет на картинке) или же можно оставить те цвета, которые даны программой по умолчанию.

Шаг 4. Идем во вкладку Contour (контур) и выставляем параметры, как на скриншоте:

http://s001.radikal.ru/i193/1001/0f/178813661b58.jpg

Нажимаем ОК. Наша рамка готова.

http://s45.radikal.ru/i109/1001/2f/7e46554a39de.jpg

Спасибо за внимание и удачи. http://www.kolobok.us/smiles/standart/smile3.gif

PS о создании еще нескольких видов рамок я напишу завтра-послезавтра, так как там потребуются небольшие не относящиеся к теме пояснения.

Отредактировано stupido (2010-01-25 01:42:04)

3

ОГромное спасибо за урок! На досуге обязательно попробую  http://www.kolobok.us/smiles/standart/dance2.gif

4

stupido
Очень хороший и главное, очень нужный урок!! Спасибо тебе огромное!! http://www.kolobok.us/smiles/he_and_she/give_heart.gif

5

stupido
Огромное спасибо, мне очень нравятся объёмные рамки, теперь и я смогу их научиться делать.  http://www.kolobok.us/smiles/standart/yahoo.gif

6

stupido
Большущее тебе спасибо!
Буду теперь изучать.

7

Машутка
Edra
Olga
Лучик
Я страшно рада, что вам понравились мои уроки. http://www.kolobok.us/smiles/he_and_she/give_rose.gif
В скором времени постараюсь дописать остальные и дополню тему)

Если будут какие-то вопросы или проблемы - спрашивайте. http://www.kolobok.us/smiles/standart/smile3.gif

8

stupido
Ты просто умничка!Большое тебе спасибо!Буду изучать и тренироваться!!! http://www.kolobok.us/smiles/he_and_she/give_rose.gif

9

Алиса, большое спасибо за тутор!
хоть рамки научусь делать)
жду последующих уроков)

большая просьба - перезалить скрины на радикал, так как на tinypic они уже через неделю перестанут отображаться)

10

nati
Всегда рада помочь. http://www.kolobok.us/smiles/standart/smile3.gif
МУЗА
Очень приятно слышать такие слова. =) Удачи http://www.kolobok.us/smiles/standart/smile3.gif
За уроки, думаю, засяду завтра и скоро выложу.

МУЗА написал(а):

большая просьба - перезалить скрины на радикал, так как на tinypic они уже через неделю перестанут отображаться)

Сейчас сделаю. Спасибо большое, а то я и не подозревала, что такое бывает. о.о
Все перезалила. :)

Отредактировано stupido (2010-01-25 01:43:07)

11

stupido    http://www.kolobok.us/smiles/he_and_she/girl_in_love.gif  Присоединяюсь к благодарностям! Хотя пока у меня нет фотошопа,
но, думаю, что все-таки это не очень сложно. Ты так все доступно объяснила!
Обязательно научусь. Мне так нравятся скрины в рамочках!
Спасибо тебе за уроки!

12

babushka
Ой, если доступно - то здорово) А то я боялась, что не получится доступно. http://www.kolobok.us/smiles/standart/mosking.gif

13

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

Урок 3. Фоторамка.
Этот урок будет чуть сложнее предыдущих, здесь вам потребуются первоначальные знания о работе с программой Photoshop. Если же этих знаний у вас нет – спешу ими поделиться.
Перед тем, как научиться делать вот такую рамку, нужно ознакомиться с узорами и правилами работы с ними.
Узоры (Patterns) – элементы, с помощью которых можно создавать декоративное оформление для фотографий/рисунков. Найти их можно, например, здесь:

http://s45.radikal.ru/i110/1003/0e/4db559216032.jpg

Найдя на панели инструментов Gradient Tool (градиент), нажимаем на него правой кнопкой мыши и переключаемся на Paint Bucket Tool (заливка).
После этого, если обратиться в верхней панели инструментов, можно увидеть список способов заливки: Foreground (выбранный нами на данный момент цвет) и Pattern (узор). Вот он-то нам и нужен.

http://i056.radikal.ru/1003/9f/da9a174e9aa3.jpg

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

http://i061.radikal.ru/1003/2a/17d0ddb94f5b.jpg

После этого – находим круглую кнопку со стрелкой, и, нажав на нее, в выпавшем меню ищем опцию Load patterns (загрузить узоры).

http://s45.radikal.ru/i110/1003/c1/78154c7070c9.jpg

Нажав на эту строку, в открывшемся окне выбираем нужные нам списки паттерном и двойным кликом левой кнопки мыши загружаем их в фотошоп. Можно загрузить все, можно просто выбрать то, что вам нужно. Ненужные паттерны можно легко удалить, нажав на их названии или пиктограмме правой кнопкой и выбрав опцию Delete (удалить).
В данном уроке нам понадобятся паттерны группы Color Paper.

http://s51.radikal.ru/i132/1003/8e/ae0984a53eaa.jpg

Теперь, когда вы научились работать с паттернами, приступим непосредственно к созданию рамки с их помощью.
Шаг 1. Открываем нужное изображение и приводим его в порядок, как обычно. После обработки делаем выделение уже знакомым нам способом (Ctrl+A).
Далее – выбираем инструмент Rectangular Marquee Tool (М), о котором я подробно писала в третьем шаге первого урока. Зажав клавишу Alt, делаем небольшое выделение внутри уже имеющегося, чтобы получить рамку, как показано на скриншоте (толщина рамки – на ваш вкус).

http://i067.radikal.ru/1003/bc/36079ebef76d.jpg

Шаг 2. Как найти паттерны вы уже знаете, поэтому сразу перейдем к делу.
Открыв список доступных паттернов, находим в нем паттерн под названием White Columns. Чтобы узнать, как называется тот или иной паттерн, достаточно навести на него курсор и подождать, пока всплывет строчка с названием.

http://s46.radikal.ru/i112/1003/7d/543da90ef54b.jpg

Выбрав нужный паттерн, создаем новый слой (Ctrl+N). Не снимая выделения, которое мы получили в шаге 1, кликаем в любую область внутри этого выделения, при этом следя за тем, чтобы новый слой был активным.
В случае успеха, мы видим, что вместо рамки из выделения, у нас получилась рамка из выбранного паттерна.

Шаг 3. Чтобы приукрасить рамку, кликаем на слое с ней правой кнопкой и находим Blending Options, о которых сказано во втором шаге второго урока. Находим опцию Outer Glow (внешнее свечение) и выставляем параметры, как на скриншоте.

http://s39.radikal.ru/i086/1003/52/a9e1ab89e758.jpg

После этого жмем ОК. Рамка готова.

http://s46.radikal.ru/i111/1003/ab/1f40f2f94ca1.jpg

Если вам хочется добавить какую-то надпись, самое время сделать это сейчас. В конце концов, нижний край рамки специально сделан шире остальных, чтобы там могло поместиться одна или несколько строчек.
Для этого нужно выбрать на панели инструментов Horizontal Type Tool (T).

http://i052.radikal.ru/1003/95/c5128fc21bab.jpg

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

http://s07.radikal.ru/i180/1003/1a/a878afe508a5.jpg

Когда все будет готово, останется только ввести нужный текст – и, вуаля, надпись готова!

http://i073.radikal.ru/1003/73/7b5f46e4ecbd.jpg

Спасибо за внимание и удачи. http://www.kolobok.us/smiles/standart/smile3.gif
Если что-то непонятно – задавайте вопросы. Предложения по созданию новых уроков с радостью приму к сведению в этой теме. 8-)

Отредактировано stupido (2010-03-19 22:51:26)

14

stupido
Спасибо! Спасибо! И ещё раз - спасибо! http://www.kolobok.us/smiles/he_and_she/give_heart.gif

15

Машутка
Рада, что нравится. http://www.kolobok.us/smiles/he_and_she/give_rose.gif


Вы здесь » LuxSims » Волшебный PhotoShop » Уроки по созданию рамок