-Рубрики

 -Поиск по дневнику

Поиск сообщений в olgasavic

 -Подписка по e-mail

 

 -Сообщества

Читатель сообществ (Всего в списке: 3) АртБазар New_Photoshopinka Мир_клипарта

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 24.09.2011
Записей: 2277
Комментариев: 329
Написано: 3870


Как пользоваться паттернами в photoshop.

Воскресенье, 03 Июня 2012 г. 21:17 + в цитатник
Цитата сообщения Inmira Как пользоваться паттернами в photoshop.

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

Создадим новый файл (как создать файл тут) 500-500 пкс, настройки:
уроки photoshop

Приступим. Итак:


Как залить файл паттерном.


Способ 1:
Идем в "Редактирование > Заливка ", так:
уроки photoshop

В открывшемся окне оставляем все по умолчанию (проверьте по скрину), и нажимаем на галочку по стрелке:
уроки photoshop

В выпавшем списке выбираем паттерн, так:
уроки photoshop

Нажимаем на черный треугольничек (по стрелке), чтобы открыть библиотеку паттернов:
уроки photoshop

Выбираем приглянувшийся паттерн из открывшихся (просто клик левой клавишей) и жмем "ОК":
уроки photoshop

Наш файл залился паттерном:

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

Способ 2:
Выбираем инстпумент "Заливка":
уроки photoshop

Вверху фотошопа, в настройках инструмента нажимаем на галочку (красная стрелка) и в выпавшем списке выбираем "Паттерн" (желтая стрелка):
уроки photoshop

Нажатием на этот треугольник (стрелка) открываем библиотеку образцов (паттернов):
уроки photoshop

Выбираем паттерн и щелкаем по нему левой клавишей:
уроки photoshop

Щелкаем по любой точке нашего файла (курсор приобретает вид инструмента, если у вас не так, нужно отжать Caps):
уроки photoshop

Наш файл залит паттерном. Обратите внимание, залит равномерно, мы не видим никаких стыков, хотя изначальный размер паттерна - 200-200 пкс. Поэтому паттены - бесшовные (неть швов :-) )


Способ 3.
Нажимаем сочетание клавиш Shift + F5. Откроется окошко, как в Способе 1, и дальше все делаем по первому способу:
уроки photoshop

Способ 4.
Перекрываем файл паттеном, используя стили слоя. Этот способ удобен тем, что он нагляден. Нам все видно не перекрывая файл.
Т.к. к пустому слою нельзя применять стили слоя, перекрываем наш файл любым цветом, например так (смотрим по скринам):
уроки photoshop
уроки photoshop

Я выбрала белый цвет, файл им и залился:
уроки photoshop

Теперь открываем палитру слоев - F7 или так:
уроки photoshop

Двойной клик в палитре слоев по стрелке:
уроки photoshop

В открывшемся окне выбираем "Перекрытие паттерном", тут:
уроки photoshop
И щелкаем по надписи левой клавишей.

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

И в открывшйся библиотеке образцов кликом левой клавиши выбираем. Наш файл будет последовательно заливаться выбранным паттерном, каждым, по которому мы кликнули. Когда паттерн подобран, жмем "ОК":
уроки photoshop


Как перекрыть паттерном часть файла.


Все очень просто. :-) Берем инструмент выделение (любое, которое нам нужно), например - лассо и выделяем часть файла (Замыкаем выделение! Оно должно приобрести вид такой переливающейся пунктирной линии:
уроки photoshop

И дальше используем любой из способов перекрытия паттерном.
Результат:
уроки photoshop

Соответственно, если мы хотим, например, сделать рамку перекрытую паттерном, то делаем соответствующее выделение. Можно так (смотрим по скринам).
Выбираем инструмент прямоугольное выделение:
уроки photoshop

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

Дальше пользуемся любым из способов перекрытия паттерном. Результат:
уроки photoshop

А сейчас - небольшая практическая часть.
Давайте сделаем рамку, используя стандартные паттерны. Снова сделаем и инвертируем прямоугольное выделение на файле и зальем его любым цветом (по Способу 4). Затем "Выделение > Cнять выделение", так, например:
уроки photoshop

Затем, опять-таки по способу 4, перекроем нашу рамку паттерном и добавим , например, "контур и рельеф" и "тени":


Поэкспериментируйте, повозитесь с настройками, повыбирайте стили слоя. : -)
Когда все устроит - жмете кнопку "ОК" и сохраняете рамку в png (как сохранять).



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

Если из открывшихся изначально паттернов нам никакой не приглянулся, жмем на этот черный треугольничек:
уроки photoshop

В открывшемся списке я выделила маркером, что нам важно. Вы можете выбрать вид окна паттернов и побродить по библиотекам паттернов:
уроки photoshop

Например, я изменила на Large Thumbnail:
уроки photoshop
Потыкайте, выберите подходящий для Вас вид окна :-)

Чтобы окно паттернов стало больше, достаточно потянуть за уголок, тут:
Было:
уроки photoshop

Потянули, - стало:
уроки photoshop

С окном паттернов разобрались :-) Теперь - библиотеки паттернов.
Выбираем любую из списка, щелкаем по ней левой клавишей мыши:
уроки photoshop

Фотошоп не слишком уверен в наших желаниях и переспрашивает правда ли мы хотим заменить открытую библиотеку на другую. Мы подтверждаем нажатием кнопки "ОК", чтобы рассеять его сомнения:
уроки photoshop

Вот открылась другая библиотека:
уроки photoshop

Ну а если мы сами не очень-то уверены, и еще не понимаем, что ищем, то в открывшемся окне мы можем нажать кнопку "Добавить" вместо "ОК":
уроки photoshop

И новая библиотека паттернов будет нам видна сразу за предыдущей. Вот я открыла сразу несколько:
уроки photoshop


Собственно все на сегодня. :-) В следующий раз постараемся разобраться с бордюрами, как я и обещала.

Удачи, успехов и замечательного настроения ! :-)
Рубрики:  ФОТОШОП/Уроки от Inmiri

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку