Давайте рассмотрим способ создания простой иконки календаря в Photoshop CS6, используя новые возможности обводки векторных форм. Вот что у нас должно получиться в результате:
Отличие этого метода от других заключается в том, что все описанные в статье действия можно повторить, используя русский фотошоп редактор онлайн
Для фона я взял текстуру бетонной стены, скачать которую Вы сможете на этой страничке и вырезал из неё прямоугольник 700 на 315 пикселей, такие размеры я выбрал исключительно для удобства публикации изображений на сайте, естественно, Вы можете выбрать любые:
Нажимаем клавишу D, чтобы в цветовой палитре восстановились дефолтные цвета, затем нажимаем клавишу X для замены основного цвета с фоновым, в результате у нас основным цветом стал белый.
Затем выбираем инструмент "Прямоугольник со скруглёнными углами" (Rounded Rectangle Tool).
Вверху, на панели параметров, задаем следующие значения:
- Режим инструмента - Фигура (Shape)
- Цвет заливки - белый - уже установлен
- Радиус скругления - 20 пикс
После чего создаём квадрат со стороной 270 пикс. Если стороны получились не того размера, их можно изменить на панели параметров в окнах ввода ширины и высоты. Вот такой квадрат получился у меня:
Придадим квадрату лёгкие эффекты с помощью стилей слоя "Внутренняя тень" (Inner Shadow) и "Обводка" (Stroke). Задайте этим стилям параметры, как на рисунке:
Теперь дублируем фигуру, нажав на комбинацию клавиш Ctrl+J, после чего выберите инструмент "Перемещение" (Move Tool) и переместите его вверх примерно на 8 пикселей (нажмите клавишу "стрелка вверх" 8 раз). Когда форма установлена в нужное место, кликните правой клавише мыши на слой с этой фигурой в палитре слоёв и выберите пункт "Создать обтравочную маску" (Create Clipping Mask):
Это действие удалит все пиксели новой фигуры, находящиеся за границей исходного прямоугольника с закругленными углами:
Создание оторванных листов календаря
Давайте создадим корешок с остатками оторванных листов календаря.
Воспользуемся инструментом "Прямоугольник" и создадим форму с цветом заливки немного темнее, чем у наших закруглённых квадратов, например, светло-серого #EFEFEF. Она должна размещаться вверху закруглённого квадрата и по иметь высоту примерно треть от него:
После этого добавьте к новой форме слили слоя "Внутренняя тень" (Inner Shadow) и "Обводка" (Stroke) со следующими параметрами:
Создайте обтравочную маску на слое с новой фигурой, в результате должно получиться примерно так:
Т.к. старые листки были оторваны, давайте придадим нижнему краю формы вид оторванного края. Для этого мы применим фильтр искажения "Волна" (Wave). Чтобы после применения фильтра, его настройки можно было бы изменять, а также, чтобы в дальнейшем была возможность редактировать саму форму, рекомендую преобразовать слой в смарт-объект. После чего идём в Фильтр --> Искажение --> Волна (Filter --> Distort --> Wave) и задаём следующие настройки:
Заготовка отрывного календаря теперь выглядит так:
Небольшое лирическое отступление. Если Вы перед применением фильтра преобразовали слой в смарт-объект, то в последствии Вы можете изменять не только содержимое слоя, но и настройки фильтра, т.к. из обычного фильтр стал смарт-фильтром. Для изменения настрое фильтра надо всего лишь кликнуть по обведённой красным области на слое в панели слоёв, а про редактирование смарт-слоя читайте здесь:
Теперь, когда рваный край готов, давайте сделаем шапку календаря.
Добавьте новую форму красного цвета с помощью инструмента "Прямоугольник" и создайте для неё пунктирную обводку со следующими настройками:
Должно получиться примерно вот так:
Примените к слою обтравочную маску:
Добавим стили слоя к шапке. С помощью Обводки (Stroke) намного отодвинем пунктир от края, а
"Тенью" (Drop Shadow) сделаем границу внизу. Настойки показаны на рисунках:
Вот как выглядит уже почти готовая иконка календаря:
Теперь осталось только добавить дату и месяц:
Помощь сайту
Понравился сайт? Уроки оказались полезными? Мы будем благодарны, если Вы окажете небольшую помощь в развитии проекта (на кофе и сервер).
Райфайзен банк прямой перевод на карту
QIWI кошелёк: ссылка для пополнения на никнейм NOSTROM
Сбербанк, номер карты для прямого перевода: 4274 3200 5092 4219
PayPal ссылка для перевода
WebMoney, рублёвый кошелёк R250684729036, долларовый кошелёк: Z170567175694
Яндекс.Деньги, форма для пополнения:
Если Вам понравился материал, скажите свое "спасибо", поделитесь ссылками с друзьями в социальных сетях! Спасибо!
Похожие материалы:
В данном материале я расскажу о создании коллажа с огромной таинственной крепостью, расположенной на высохшей растрескавшейся пустынной земле под...
|
В данном материале мы рассмотрим способ, с помощью которого можно создать эффект праздничного салюта, а затем добавить его на фотографию.
Для...
|
В этом уроке я расскажу, как создать интересный эффект стеклянной светящейся 3D мозаичной стены с помощью собственных средств Photoshop.
Урок...
|
В этом уроке я расскажу, как создать отражение дерева в воде с помощью программы Photoshop. Мы будем использовать инструменты "Свободная...
|