автор мк- Bio-Bio
источник мк - http://www.livemaster.ru/topic/221463-banner-avatar-osvaivaem-novye-instrumenty?msec=105?
Время работы: | 1 час |
Здравствуйте! В сегодняшнем МК мы будем работать с маской слоя, стилями слоя, с текстом, новыми инструментами. Присаживайтесь поудобней и получайте ещё немного знаний в копилку (проделав этот урок, вы сможете не только создавать баннеры и автаркии, вы так же сможете создавать визитки, бирочки, обрабатывать фото и многое другое)
1. Откройте фотошоп. Создайте новый документ. Файл-Создать. Устанавливаем ширину 760, высоту 75, разрешение 300.
![](http://s019.radikal.ru/i642/1302/68/5f33856b880e.jpg)
2. Открываем изображение с первой картинкой. Файл-Открыть. Выбираем понравившийся фрагмент с помощью инструментаПрямоугольная область. Затем, Редактирование-Скопировать. (или Ctrl+X)
![](http://s020.radikal.ru/i705/1302/e7/6cca9af7211e.jpg)
3. Переходим на вкладку с макетом банера. Нажимаем Редактирование-Вставить.(или Ctrl+V). Затем, нам нужно подогнать картинку по размеру. Идём, Редактирование-Свободное трансформирование (или Ctrl+T) Удерживая клавишу Shift тянем за уголок, подгоняя по размерам, щёлкаем Enter.
ВНИМАНИЕ!!!
Для отмены любого действия вы можете воспользоваться горячими клавишами Alt+Ctrl+Z (для отмены действий) Shift+Ctrl+Z (для востановления предыдущего действия) или Редактирование-Шаг вперёд/Шаг назад.
![](http://s017.radikal.ru/i443/1302/f9/a2029e2ac5c0.jpg)
4. Теперь Дублируем слой с второй картинкой (ровно столько раз, сколько нужно для того чтобы закрыть белый фон) Перетягиваемслой (зажав левую кнопку мыши) с картинкой на иконку Создать новый слой.
![](http://s020.radikal.ru/i706/1302/b7/cdfd24ce6895.jpg)
Если теребуется, то воспользуйтесь Свободным трансформированием. Если щелкнуть правой кноткой мыши в режимеСвободного трансформирования можно выбрать вид трансформирования:
![](http://s017.radikal.ru/i405/1302/ca/00a33ee35cf7.jpg)
5. Открываем следущее изображение, поступаем так же как и в шаге 2. , 3.
![](http://i080.radikal.ru/1302/19/cc14bdeb12a1.jpg)
6. Теперь, создадим Маску слоя (для третьей картинки) для того, что бы стереть лишний фон. В отличии от ластика, нам не нужно будет постоянно при ошибках возвращатся к редактированию (отмене). Смотрим:
![](http://s57.radikal.ru/i158/1302/b8/fd73eba31e42.jpg)
Затем выбираем инструмент Кисть, обратите внимание на цвет кисти. Чёрнный цвет будет стирать, а белая востанавливать. Так же нам нужно применить настройки к кисти, регулируя Размер, тип и Жёскость.
![](http://s019.radikal.ru/i609/1302/90/eec0d3f97efd.jpg)
![](http://s017.radikal.ru/i420/1302/ea/de95532f3a1c.jpg)
![](http://s018.radikal.ru/i526/1302/96/05f6a565ef23.jpg)
7. Теперь переключаемся на сам слой, для дальнейшего редактирования фото.
![](http://s019.radikal.ru/i613/1302/ee/ba2e8b191c6d.jpg)
8. Настраеваем Яркость и Контраст ( можно воспользоваться кривыми) Изображение-Коррекция-Кривые или Яркость/Контрасность.
![](http://s020.radikal.ru/i712/1302/d3/ea6b6e0066b7.jpg)
9. Воспользуемся инструментом Осветлитель (как и для кисти можно установить размеры, жёскость, прозрачность) и остветлим затемнённые участки.
![](http://i074.radikal.ru/1302/4b/b83fc07f9371.jpg)
Открывем ещё одну картинку. То же самое я сново не буду объяснять,)))
поэтому просто смотрим:
![{#} {#}](http://www.livemaster.ru/image/smiles/smile.gif)
![](http://s002.radikal.ru/i200/1302/58/588d19db20bb.jpg)
![](http://s017.radikal.ru/i406/1302/a6/f221f012b3a0.jpg)
Обратите внимание на расположение слоёв. (расположение можно поменять, просто перетянув слой выше или ниже)
![](http://s017.radikal.ru/i413/1302/9e/54559cb71ce5.jpg)
10. Создадим Новый слой (кликнув на иконку)
![](http://s48.radikal.ru/i121/1302/44/34a3233b66b2.jpg)
11. Теперь с помощью инструмента Прямоугольная область создаём прямоугольник
, заливаем фон инструментом Заливка![{#} {#}](http://www.livemaster.ru/image/smiles/pardon.gif)
я думают тут проблемы не возникнут
![{#} {#}](http://www.livemaster.ru/image/smiles/pardon.gif)
![{#} {#}](http://www.livemaster.ru/image/smiles/pardon.gif)
![{#} {#}](http://www.livemaster.ru/image/smiles/lol.gif)
![](http://s019.radikal.ru/i643/1302/08/bed393d515be.jpg)
12. Переходим к Стилю слоя применем его к слою с прямоугольником (нижний кружочек). Выставляем такие настройки: (незабудьте самостоятельно испробовать все настройки)
![](http://s019.radikal.ru/i602/1302/ec/5b17e29051af.jpg)
![](http://i076.radikal.ru/1302/e7/c2924c93c128.jpg)
13. Пишем текст. Кликаем на рабочую область, предварительно выбрав инструмент Текст. (на картинке вы можете посмотреть настройки). Если у вас не отображаеться это окно, зайдите Окно-Символ.
![](http://s42.radikal.ru/i096/1302/31/643facda7c58.jpg)
14. Применяем и к тексту Стиль слоя:
![](http://s005.radikal.ru/i211/1302/62/534f92272968.jpg)
![](http://i057.radikal.ru/1302/ca/8b2e1bfc37d3.jpg)
15. Просто прямогугольная область мне не понравилась, давайте изобразим сердечко. Для этого перейдём на слой с прямоугольником (кликнув на него). Берём кисть (под цвет прямоугольника) и подрисовываем. Стиль слоя устанавливается автоматически.
![](http://s43.radikal.ru/i099/1302/b5/0ff57629fc60.jpg)
Сохраняем: Файл-Сохранить как (даём название и сохраняем в формате JPEG)
1. Переходим к аватарке. Создаём новый докумет. Открываем нужные изображения и составляем слои. (подробнее написано выше) Выделяем прямоугольную область для выреза "под рамку". Изображение-Кадрировать затем Delete
![](http://s53.radikal.ru/i141/1302/56/befb1ab5b5ee.jpg)
2. Переходим к самой фотографии. Делаем акцент на "нужном", а остальное размываем с помощью инструмента Размытие(предварительно применив настройки).
![](http://s44.radikal.ru/i103/1302/66/34f21d3d97b1.jpg)
3. С помощью инструмента Губка мы можем обесцветить "ненужные места" сделав цветовой акцент.
![](http://s017.radikal.ru/i401/1302/1a/07ffbc7e7743.jpg)
4. Далее можно настроить яркость (об этом я уже писала выше и в предыдущих МК)
5. Применяем Стиль слоя для слоя с рамкой.
![](http://s017.radikal.ru/i441/1302/61/81cf49f31790.jpg)
![](http://s020.radikal.ru/i717/1302/d2/747ebe6f0f5b.jpg)
Ну, вот и всё!
Вы многому научились, пробуйте, эксперементируйте. Если возникнут вопросы, не стесняйтесь, задавайте. Наш результат:
![{#} {#}](http://www.livemaster.ru/image/smiles/yahoo.gif)
![](http://s017.radikal.ru/i432/1302/b8/8cc37d52af4d.jpg)
![](http://i057.radikal.ru/1302/3f/ae4530b5ce05.jpg)
PS: Эх, пока делала скрины, пока написала коментари к картинкам, редактировала прошло большая часть дня( сделать гораздо проще) поэтому прошу не ругйтесь за орфографию и опечатки, глаза уже замылись.
Комментариев нет:
Отправить комментарий