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

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

 -Статистика

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


Делаем рамки используя кисти.

Вторник, 23 Февраля 2010 г. 21:05 + в цитатник
Цитата сообщения Inmira Делаем рамки используя кисти.



Урок для новичков. Даже и уроком трудно назвать. Мы просто сделаем рамку на готовой картинке с помощью кисти.
Итак - приступим.
Для начала выбираем картинку, которую хотели бы вставить в рамку.
Я выбрала эту работу китайской художницы Der Jen.

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



Я, как правило, не загружаю кисти в требуемую папку, давайте предположим, что и вы тоже. Поэтому просто затаскиваем наш файл с кистями в окно фотошопа (мышкой):


Выберем в палитре инструментов кисть:


Теперь откроем палитру кистей (F5) или так:


Наши затащенные в photoshop кисточки уже здесь, в самом низу списка:


Пока мы ни о чем не будем думать, а просто создадим новый слой, кликом по этому значку в палитре слоев:


Слой создан:


Теперь обратим внимание на палитру кистей. Все эти цифры, выделенные розовым маркером, обозначают максимальное разрешение кисти. И если мы щелкнем кистью по нашему созданному слою, то именно такого размера будет оттиск кисти (в пикселах):


Выбираем кисть (только проследите, чтобы сие максимальное разрешение было не меньше хотя бы 400 пкс) и , стоя на новом, созданном слое (он при этом выделен синим), щелкаем облюбованной кистью по файлу. Такая вот ерунда у меня вышла:


Т.к. при увеличении любой картинки теряется качество - мы будем уменьшать то, что больше. Рамка у нас маленькая, ее мы не трогаем, - займемся уменьшением самой картинки.
Сначала разблокируем слой - двойной клик сюда:


В открывшемся окошке оставляем все по умолчанию и жмем ОК:


Слой разблокирован, замочек исчез:


Теперь - Сtrl+T или сюда (продолжаем стоять на слое с картинкой))):


Вокруг картинки образуется такая ограничительная рамка (если ее не слишком видно, нажмите сочетание Ctrl+0 (ноль):


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


Мы можем перестать трансформировать картинку на время и перетянуть ее поближе к рамке, чтобы было виднее, насколько нам ее еще надо уменьшить (просто встаем на ценральную часть картинки и перетаскиваем куда хотим):


Затем продолжаем трансформацию, встав на уголок и не забывя удерживать Shift. Так - пока не добьемся максимально приемлеемого результата. Я остановилась на таком с целью показать, как обрезать фон над рамкой (это сработает только в том случае, если рамка без пробелов, закрытая):


Нажимаем клавишу Enter для выхода из режима трансформации. Ограничительная рамка должна исчезнуть.

Теперь отключаем видимость слоя с картинкой - клик сюда:


Результат:


Встаем на слой с рамкой (он становится синим):


Берем волшебную палочку - W или в палитре инструментов:


Щелкаем ей в любой точке файла вокруг (снаружи) рамки:


У нас такой пунктирной линией выделилась вся часть файла вокруг рамки. Так:


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


На клавиатуаре находим и жмем клавишу Delete. Как видите, наша картинка обрезалась под размер рамки:


Конкретно для моей рамки ничего как-то не придумаешь - она прямоугольная. Если у вас рамка какой-то другой формы, - можно вынести ее на фон.
Снимаем выделение (Ctrl+D) или так:


Теперь отрежем от нашего файла все лишнее. Идем сюда:


В открывшемся окне ставим галочку на "прозрачные пикселы" и проверяем, чтобы все галочки стояли (я обвела). Жмем ОК:


У меня как-то нехорошо обрезалось (видимо, рамка не слишком прямоугольная):


Поэтому я выбираю в палитре инструментов "прямоугольное выделение" (M):


Выделяю примерно и иду сюда, чтобы мне было виднее (вид - скрин):


Теперь сюда (выделение - трансформировать выделение):


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


Тянем как у меня на скрине, стороны к центру, пока не получим нужный результат:


Жмем клавишу Enter, чтобы выйти из режима трансформации . Теперь жмем сочетание Shift+Ctrl+I или сюда:


Выделение инвертировалось, осталось обрезать лишнее. Жмем клавишу Delete, стоя на слое с картинкой:


Встаем на слой с рамкой и тоже жмем Delete:


Теперь снова сюда:


Снова эти галочки:

И снова ОК )))

Теперь все обрезалось нормально:


Осталось как то украсить рамочку.
В палитре слоев двойным кликом щелкаем сюда:


И можем выбрать готовые стили (кликом сюда):

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

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





Получившийся стиль мне пока интересен, поэтому жму сюда:

в открывшемся окне жму ОК и мой стиль будет последним в палитре стилей.


Собственно все, жму ОК:


Вот так вышло:


Теперь сохраняем файл в JPEG - Shift + Ctrl + S или сюда:




Если получившаяся рамка нравится - ее можно сохранить в Png. Выключаете видимость слоя с картинкой, или вообще его удаляете и в выпавшем списке (последний скрин) выбираете Png.
На сегодня все. Только добавлю - сия методика хороша для web. Для печати она не подойдет, т.к. мы не соблюдали никаких стандартов размеров. Про подготовку файлов к печати как-нибудь в другой раз.

Эта же моя зарисовка - первая из рубрики "Как можно сделать анимированную рамку"типа такой например)))))))):


На какое их кол-во меня хватив не знаю...т.к. вариантов анимации очень много.
И еще.. Здесь на самом деле все просто, много скринов сделала именно для новичков. А сам процесс работы займет у любого минуты 2-3, наверное)))
Всем удачи)))
Рубрики:  фотошоп
Метки:  

 

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

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

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

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