Создание веб-сайтов для вашего бизнеса

Делаем закругленные углы картинок в Фотошопе

На некоторых сайтах, в дизайне которых нет острых углов, иллюстрации в статьях и новостях также имеют закругленные края. Очень часто веб-дизайнеры не задумываются над тем, что делать такие иллюстрации с закругленными углами владельцу сайта будет сложно, у него не обязательно есть нужные знания Photoshop. Впрочем, заказчик сайта сам виноват. Требуя, чтобы все было красиво, он часто не задумывается над тем, как он потом будет добавлять изображения с заокругленными краями в статьи и новости на своем сайте.

В этом уроке Photoshop мы увидим как просто закруглить углы рисунка на примере аватарки:

Аватарка с закругленными углами

Когда мне впервые было нужно закруглить углы в иллюстрации для сайта, ответ для меня был неочевиден. Я погуглил и наткнулся на пару переводных инструкций, которые были слишком заумными для новичка – мучиться с каналами, путями, размытием, направляющими и прочими инструментами для продвинутых пользователей Photoshop даже профессионалу лень, а для новичка такой процесс может показаться непонятным и нудным. Немного подумав, я нашел свой способ как быстро и просто закруглить края нужного мне рисунка.

В раскрутке блога сегодня помогают:
Популярный блог о веб-дизайне, заработке в интернете, продвижении сайтов и их монетизации. Украинская веб-студия предлагает разработку сайтов в Днепропетровске. Продажа труб. Пластиковые, полиэтиленовые трубы.

Читать дальше »

Как сделать мигающую аватарку или баннер в Фотошопе

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

Пример женской мигающей аватарки 120x120

Сделать мигающую аватарку несложно. Для этого нам достаточно будет программы Adobe Photoshop CS3 (Adobe Photoshop CS2 и Adobe Photoshop CS4 тоже подойдут). Кроме возможности редактировать отдельные кадры нашей анимированной аватарки Фотошоп дает возможность создания самой анимации, т.е. нам достаточно будет одной этой программы.

Если вам не очень удобно делать анимацию в Photoshop, можно воспользоваться им для подготовки кадров аватарки или баннера, а саму анимацию сделать в другой программе. Наиболее популярная программа, которая позволяет делать анимированные картинки – Ulead GIF Animator 5. Я подробно описывал работу с ней в статье Как сделать анимированный GIF баннер. Программа платная, но скачать ее вместе с «таблэткой» можно на через торренты или с помощью программы eMule. Лично я gif-анимацию всегда делаю в Ulead GIF Animator 5, а Photoshop использую только для подготовки кадров баннера или аватарки – привычка :) .

Читать дальше »

Как отразить зеркально картинку в Photoshop

В раскрутке блога сегодня помогают: Элитные сумки киев, магазин сумок.

Из вчерашнего урока Photoshop вы могли узнать как поворачивать изображение вокруг своей оси. Сегодня я публикую еще один простенький урок-справку о том, как отразить зеркально изображение на картинке по вертикали или по горизонтали. Этот простой прием Фотошопа часто используется при подготовке сложных иллюстраций, коллажей и баннеров. Например, для создания эффекта отражения объекта в воде, зеркале или от полированной поверхности.

Моделью для этого урока послужит лесная девушка из вчерашнего урока Photoshop, изображение которой мы успешно вращали под разными углами.

Подробная инструкция для новичков как сделать зеркальное отражение фотографии в Фотошопе

1. Открываем Фотошоп и загружаем в него выбранное изображение, которое мы хотим отражать: File -> Open…

2. Из главного меню программы Photoshop выбираем Image -> Rotate Canvas -> Flip Canvas Horizontal:

Меню Фотошопа

Читать дальше »

Как повернуть картинку в Photoshop по часовой или против часовой стрелки

Сайт месяца: Хотите правильно вложить деньги и купить сайты? Читайте тематический пост про инвестирование в сайты.

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

Допустим, у нас есть некое фэнтезийное изображение девушки, свисающей с дерева:

Картинка, которую мы будем поворачивать в Фотошопе

Мы хотим, чтобы она сидела на дереве верхом. Для этого нам нужно будет загрузить Photoshop и повернуть картинку на 90 градусов против часовой стрелки. Предлагаю вам подробную инструкцию с наглядными иллюстрациями как это сделать.

Читать дальше »

Как сделать черно-белое фото из цветного

Черно-белая фотография в Фотошопе

Черно-белое фото – это наиболее лаконичный и простой способ показать душу качественной фотографии. Поэтому, в этом уроке Photoshop я расскажу, как из цветной фотографии получить черно-белое изображение. Конечно, можно быстро обесцветить фото или рисунок, воспользовавшись комбинацией горячих клавиш Photoshop Ctrl+Shift+U:

Обесцвеченное в Photoshop фото

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

Читать дальше »