Стандартная иконка календаря в Photoshop

Давайте рассмотрим способ создания простой иконки календаря в Photoshop CS6, используя новые возможности обводки векторных форм. Вот что у нас должно получиться в результате:

иконка календаря

Отличие этого метода от других заключается в том, что все описанные в статье действия можно повторить, используя русский фотошоп редактор онлайн

Для фона я взял текстуру бетонной стены, скачать которую Вы сможете на этой страничке и вырезал из неё прямоугольник 700 на 315 пикселей, такие размеры я выбрал исключительно для удобства публикации изображений на сайте, естественно, Вы можете выбрать любые:

1

Нажимаем клавишу D, чтобы в цветовой палитре восстановились дефолтные цвета, затем нажимаем клавишу X для замены основного цвета с фоновым, в результате у нас основным цветом стал белый.

Затем выбираем инструмент "Прямоугольник со скруглёнными углами" (Rounded Rectangle Tool).

2

Вверху, на панели параметров, задаем следующие значения:

  • Режим инструмента - Фигура (Shape)
  • Цвет заливки - белый - уже установлен
  • Радиус скругления - 20 пикс

После чего создаём квадрат со стороной 270 пикс. Если стороны получились не того размера, их можно изменить на панели параметров в окнах ввода ширины и высоты. Вот такой квадрат получился у меня:

3

Придадим квадрату лёгкие эффекты с помощью стилей слоя "Внутренняя тень" (Inner Shadow) и "Обводка" (Stroke). Задайте этим стилям параметры, как на рисунке:

4 5

Теперь дублируем фигуру, нажав на комбинацию клавиш Ctrl+J, после чего выберите инструмент "Перемещение" (Move Tool) и переместите его вверх примерно на 8 пикселей (нажмите клавишу "стрелка вверх" 8 раз). Когда форма установлена в нужное место, кликните правой клавише мыши на слой с этой фигурой в палитре слоёв и выберите пункт "Создать обтравочную маску" (Create Clipping Mask):

6

Это действие удалит все пиксели новой фигуры, находящиеся за границей исходного прямоугольника с закругленными углами:

7

Создание оторванных листов календаря

Давайте создадим корешок с остатками оторванных листов календаря.
Воспользуемся инструментом "Прямоугольник" и создадим форму с цветом заливки немного темнее, чем у наших закруглённых квадратов, например, светло-серого #EFEFEF. Она должна размещаться вверху закруглённого квадрата и по иметь высоту примерно треть от него:

После этого добавьте к новой форме слили слоя "Внутренняя тень" (Inner Shadow) и "Обводка" (Stroke) со следующими параметрами:

10 11

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

Т.к. старые листки были оторваны, давайте придадим нижнему краю формы вид оторванного края. Для этого мы применим фильтр искажения "Волна" (Wave). Чтобы после применения фильтра, его настройки можно было бы изменять, а также, чтобы в дальнейшем была возможность редактировать саму форму, рекомендую преобразовать слой в смарт-объект. После чего идём в Фильтр --> Искажение --> Волна (Filter --> Distort --> Wave) и задаём следующие настройки:

15

Заготовка отрывного календаря теперь выглядит так:

Небольшое лирическое отступление. Если Вы перед применением фильтра преобразовали слой в смарт-объект, то в последствии Вы можете изменять не только содержимое слоя, но и настройки фильтра, т.к. из обычного фильтр стал смарт-фильтром. Для изменения настрое фильтра надо всего лишь кликнуть по обведённой красным области на слое в панели слоёв, а про редактирование смарт-слоя читайте здесь:

13

Теперь, когда рваный край готов, давайте сделаем шапку календаря.
Добавьте новую форму красного цвета с помощью инструмента "Прямоугольник" и создайте для неё пунктирную обводку со следующими настройками:

16

Должно получиться примерно вот так:

Примените к слою обтравочную маску:

Добавим стили слоя к шапке. С помощью Обводки (Stroke) намного отодвинем пунктир от края, а
"Тенью" (Drop Shadow) сделаем границу внизу. Настойки показаны на рисунках:

16 20

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

Теперь осталось только добавить дату и месяц:

иконка календаря

Теги:

Помощь сайту

Понравился сайт? Уроки оказались полезными? Вы можете поддержать проект, просто если скачаете и установите приложение "Фонарик" для Андроид. Приложение написал автор сайта и рассчитывает в дальнейшем публиковать свои приложения. Фонарик управляет светодиодом вспышки фотокамеры телефона, а также включает подсветку экраном на полной яркости.

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

Если приложение наберёт популярность, это даст стимул автору на создание новых приложений с учётом пожеланий посетителей сайта.

Установить с Google Play.

Заранее благодарен, Дмитрий.

QR-код для установки:

Если Вам понравился материал, скажите свое "спасибо", поделитесь ссылками с друзьями в социальных сетях! Спасибо!

Похожие материалы:

готовый коллаж
1. Создаём модель рамки полароидной фотки. Я не помню пропорций этого типа фотографии, поэтому пускай она будет 1,25. Создаём новый файл размером 400...
планета на фоне звёзд в Photoshop
Очень красивый и несложный урок о том, как в Photoshop нарисовать фантастическую планету на фоне звёзд или восходящего солнца. Для создания планеты...
Предыдущая страница Итоговый результат Вы можете посмотреть на рисунке: Примечание. Для выполнения коллажа нам потребуются восемь исходных...
В этом материале я расскажу, как с помощью штатных средств программы Adobe Photoshop вырезать человека из фотографии. Конечно, такая методика...