Як зробити просту тему для блогу

Як зробити просту тему для блогу

1 Почнемо зі створення нового документа в фотошопі розміром 1024 на 1200px.

Як зробити просту тему для блогу

2 Вам потрібно завантажити фонове зображення або ви можете створити свій власний, керуючись статтею, де описаний процес створення боке ефекту.

Як зробити просту тему для блогу

3 Візьміть інструмент Rounded Rectangle Tool (Radius: 5px), намалюйте фігуру розміром 825х940 в центрі документа і понизьте Opacity (непрозорість) до 60%.

Як зробити просту тему для блогу

Потім візьміть інструмент Horizontal Type Tool і напишіть заголовок до вашої теми (my personal blog). Я скористався шрифтом Daniel. 36px.

Як зробити просту тему для блогу

C допомогою інструменту Rounded Rectangle Tool (Radius: 5px) намалюйте фігуру розміром 626х418px в центрі великий фігури і понизьте її непрозорість (opacity) до 75%. Додайте Layer Mask (маска шару), візьміть інструмент Gradient Tool. виберіть колір black / white і проведіть градієнт знизу вгору.

Як зробити просту тему для блогу

4 Давайте почнемо з дати поста. Візьміть Rounded rectangle Tool (Radius: 5px), намалюйте фігуру розміром 76х29 і понизьте непрозорість (opacity) до 40%. Потім ідіть в Layer> Layer Style> Drop Shadow і встановіть наступні налаштування:

Як зробити просту тему для блогу

Потім виберіть Gradient Overlay і скористайтеся наступними настройками (використовувані кольори: #ffffff - # d4d4d4):

Як зробити просту тему для блогу

Додайте день і місяць, я скористався шрифтом Antipasto. 18px.

C допомогою інструменту Rounded Rectangle Tool (Radius: 5px) нарісуте фігуру розміром 504х38 і перемістіть її вниз на 160px щодо post data, потім, перейдіть по Layer> Layer Style> Drop Shadow і встановіть наступні параметри:

Як зробити просту тему для блогу

За допомогою Horizontal Type Tool додайте заголовок і текст поста. Я застосував шрифт verdana, 14px.

Як зробити просту тему для блогу

Нарешті додайте посилання 'далі' і 'назад' біля основи блогу. Шрифт Verdana, 18px, bold

В результаті вийшла проста тема для блогу.

Як зробити просту тему для блогу

Схожі статті