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

Фон ячейками в стиле ретро

Alex | 7.03.2014 | нет комментариев

В этом уроке мы будем создавать фон ячейками в стиле ретро. Вот, что у нас получилось.

Фон ячейками в стиле ретро

Создайте новый документ размером 18х18 пикселей и разрешением 72 пиксель/дюйм с прозрачным фоном. Залейте слой 1 черным цветом с помощью Edit > Fill.

Выберите Move Tool (M) и нажмите 7 раз на стрелку влево на клавиатуре, затем 7 раз на стрелку вверх на клавиатуре.

Создайте новый слой над слоем 1 (Layer > New Layer) и залейте его белым цветом с помощью Edit > Fill.

Выберите снова Move Tool (M) и с помощью клавиатуры переместите белый квадрат на 7 влево и на 7 вверх.

Выделите все изображение с помощью Select > All. Отрежьте изображение, чтобы переместить его вне рабочего пространства с помощью Image > Crop. У вас теперь два квадрата размером 11х11 пикселей. Выберите в последний раз Move Tool (M) и опустите белый квадрат на 2 пикселя вниз и на 2 пикселя вправо.

Установите opacity белого квадрата на 14%, а черного на 60%. Зайдите в Edit > Define Pattern и сохраните изображение как узор. Закройте этот документ. Создайте другой документ размером 460х230 пикселей. Залейте фон цветом #750000 с помощью Edit > Fill.

Создайте новый слой с помощью Layer > New Layer. Залейте его ранее созданным узором с помощью Edit > Fill.

Установите opacity на 25%.

Добавьте градиентный слой над слоем с узором с помощью Layer > New Fill Layer > Gradient. Выберите черно-белый градиент.

Наконец, установите blending mode градиентного слоя на «Multiply», а opacity на 65%.

Поэкспериментируйте с Transform tools (Ctrl+T) и фильтрами Distort для добавления перспективы.

АВТОРСКИЕ ПРАВА
Источник: alldes.net
При перепечатке ссылка на источник обязательна
Оставить комментарий

Ваш email не будет опубликован. Обязательные поля помечены (обязательно)

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

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