Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

Создаём дизайн для фоторамки

Anna | 20.05.2014 | нет комментариев

Доброго Вам дня посетители сайта Photoshop-Master. В этом уроке, мы будем создавать интересный дизайн для цифровой фоторамки.

Для начала необходимо найти подходящую текстуру дерева. Автор использовал вот эту .

Теперь создайте новый документ размером 1280x1024 px и 72 dpi и поместите текстуру в ваш документ.

Добавим текстуре немного контраста (для этого автор использовал стили слоя). На новом слое во весь документ, используя инструмент Rectangle (прямоугольник) (U) нарисуйте прямоугольник (либо просто новый слой заполните любым цветом).

Снизьте уровень Fill (заливка) до 0%. Далее Layer – Layer style - Gradient Overlay  (Слой – Стиль слоя – Наложение градиента).
Режим – Мягкий свет, непрозрачность – 100%, радиальный градиент, угол – 141 градус, масштаб – 130%, галочка напротив «инверсия».

Настройка градиента:

Снова создайте новый слой и залейте его любым цветом. С помощью этого слоя мы буде затемнять края текстуры.

Снизьте уровень Fill (заливка) до 0%. Далее Layer – Layer style - Gradient Overlay  (Слой – Стиль слоя – Наложение градиента).
Режим – нормальный, непрозрачность – 100%, радиальный градиент, цвет –  от прозрачного  к чёрному, угол – 141 градус, масштаб – 131%.

Настройка градиента:

Теперь мы будем использовать вот этот узор. Кликаете мышкой на рисунке, Файл – сохранить как…  Далее открываете картинку в Фотошоп.

Теперь сохраним этот рисунок как узор для Фотошоп.  Edit – Define Pattern (Редактирование – Определить узор). Переходим на основной документ в котором делаем рамку для фотографии.
Используя инструмент Rectangle (Прямоугольник) (U), нарисуем прямоугольник, который и станет основой для рамки. Цвет для прямоугольника используйте #C3C3C3

Используя Free Transform (Свободная трансформация), немного поверните прямоугольник, как показано ниже.

Теперь применим к этому слою Layer – Layer style - Drop Shadow (Слой – Стиль слоя – Тень)
Настройки: режим наложения – умножение, непрозрачность – 89, угол – 120, смещение – 11 пикс, размер -  5пикс.

Layer – Layer style – Pattern Overlay (Слой – Стиль слоя – Наложение узора)
режим наложения – нормальный, непрозрачность – 22,  среди образцов выбираем узор, сохранённый ранее.

Layer – Layer style – Stroke (Слой – Стиль слоя – Обводка)
Размер – 6пикс., положение – внутри, режим наложения – нормальный, непрозрачность – 100, цвет обводки – белый.

Следующим действием загрузим архив с кистями Swirls

Создадим новый слой, режим наложения – Color Dodge (Осветление основы). На этом слое, используя загруженные кисти, украсим углы прямоугольника орнаментом. Цвет для кистей используйте #959595.

Наше изображение выглядит немного уныло – добавим цвета, разукрасив орнамент в местах, где он выходит за пределы прямоугольника. Для этого нажмём на палитре слоёв кнопкуLock transparent pixel (Блокировка прозрачных пикселей). Таким образом, кисть будет влиять только на цветные пикселы.

Для разукрашивания будем использовать круглую жёсткую кисть.

Совет переводчика: удобнее будет использовать мягкую кисть, это позволит добиться плавного перехода между цветами.

Цвета, которые предлагает автор, смотрите на сриншоте ниже.

Используя инструмент Rectangle (прямоугольник), нарисуем прямоугольник на новом слое. Для новой фигуры подойдёт цвет #DDDDDD. Выберем инструментAddAnchiorPointTool (Добавить опорную точку) добавим два узла около верхнего правого угла. Теперь нам понадобится DeleteAnchiorPoint (Удалить опорную точку), чтобы удалить узел, который непосредственно находится в правом верхнем углу. Так мы получим скос.

Кликнем правой кнопкой мыши на предыдущем слое и в выпавшем меню выберем CopyLayerStyle (Копировать стиль слоя). За тем вернёмся слой с прямоугольником со скошенным углом и кликнув правой кнопкой мыши в выпавшем меню выберем PasteLayerStyle (Вставить стиль слоя).

Выберем инструмент Pen (Перо) и  (на новом слое) на месте скошенного угла нарисуем  треугольный элемент – загнутый уголок на листе бумаги, цвет для заливки #DDDDDD.

Применим следующие стили
Layer – Layer style – Drop Shadow (Слой – Стиль слоя – Тень)
Настройки: режим наложения – умножение, непрозрачность – 89, угол – 120, смещение – 4 пикс, размер -  10 пикс.

Layer – Layer style – Gradient Overlay (Слой - Стиль слоя – Наложение градиента)
Режим – нормальный, непрозрачность – 100%, радиальный градиент, цвет –  от белого к прозрачному, угол : -123 градуса, масштаб – 57%

Настройка градиента:

Layer – Layer style - Pattern Overlay (Слой – Стиль слоя – Наложениетекстуры)
режим наложения – нормальный, непрозрачность – 22,  среди образцов выбираем узор, сохранённый ранее, масштаб 100%).

Выбираем инструмент Rounded Rectangle (Прямоугольник со скруглёнными краями). На панели настроек инструмента (вверху под главным меню) устанавливаем радиус скругления угла, равный 10 пикс. Нажмём D, чтобы установить цвета на цветовой палитре по умолчанию, затем Х, чтобы поменять их, цвета, местами.

Рисуем белый прямоугольник в центре предыдущего, как бы окошко в рамке под фотографию.

Применим такие параметры:
Layer – Layer style – Inner Shadow (Слой – Стиль слоя – ВнутренняяТень)
Настройки: режим наложения – умножение, непрозрачность – 75, угол – 120, смещение – 1 пикс, размер -  5 пикс.

Выберите фотографию, которую собираетесь поместить в рамку (Автор урока использовал вот это фото с этого сайта . автор фотографии ).

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

Используя FreeTransform (Свободная трансформация) или инструмент Move (V) (Перемещение) разместите ваше фото в рамке под небольшим углом.

Теперь Вы можете сделать подпись для  фото используя палитру Character (Символ)  и инструмент Horizontal Type (Горизонтальный текст)

Вот мы и закончили.
Не бойтесь экспериментировать и всё У ВАС ПОЛУЧИТСЯ!

Источник: photoshop-master.ru

Оставить комментарий
Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2017 © BB3x.ru - русская поддержка форума phpBB