• Авторизация


Делаем рамки используя кисти: инструкция для новичков 11-07-2009 10:45 к комментариям - к полной версии - понравилось!

Это цитата сообщения 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, наверное)))
Всем удачи)))

вверх^ к полной версии понравилось! в evernote
Комментарии (1):
Snejinka_377 27-04-2012-20:41 удалить
Благодарю за очень интересный урок!


Комментарии (1): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Делаем рамки используя кисти: инструкция для новичков | egowelt - Дневник переводчика, поэта и активного пользователя интернет (egowelt) | Лента друзей egowelt / Полная версия Добавить в друзья Страницы: раньше»