Релиз Adobe Creative Suite 5 (Photoshop, Flash, Illustrator и др.)

Очередная версия пакета программ по обработке графики Adobe Creative Suite 5 поступила в продажу в начале мая 2010 года. Поставки локализованных версий начались со средины мая, но на данный момент на официальном сайте компании Adobe.com русскоязычной версии Adobe CS5 еще нет. Зато традиционно после регистрации можно скачать бесплатно Adobe CS5 с официального сайта компании Адоб на пробный 30-дневный период. Версия для Windows весит 2.84 Гб.

Adobe Creative Suite 5

(далее…)

Как отредактировать анимированную картинку (аватарку, баннер, смайлик)

Чаще всего непрофессиональные дизайнеры сталкиваются с проблемой редактирования анимации в формате gif. Это самый старый, довольно простой и очень популярный формат для создания движущихся картинок. Есть, конечно, и другие виды анимации: flash, silverlight, анимация с помощью css или javascript т.п., но эти темы мы оставим пока на будущее.

Анимированные аватарки, смайлики – это почти всегда формат gif. Чтобы отличить анимацию gif от flash, нужно кликнуть правой кнопкой мыши по этой анимации. Если в последней строчке написано что-то про Adobe Flash Player, значит, это флэш-анимация:

Как отличить flash от gif

В противном случае, найдите в появившемся контекстном меню пункт, отвечающий за сохранение картинки на ваш компьютер и посмотрите, какое расширение и у нужного вам рисунка. Для этой же цели подойдет пункт Свойства контекстного меню.

(далее…)

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

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

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

 

Обычная фэнтезийная аватарка Аватарка с закругленными углами

 

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

(далее…)

27 рисованных аватарок 120х120 на тему: гороскоп, знаки зодиака, астрология

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

Аватарки знаков зодиака 120 на 120 пикселей Аватарки знаков зодиака Овен Аватарки знаков зодиака Овен Аватарки знаков зодиака Телец
Аватарки знаков зодиака Телец Аватарки знаков зодиака Телец Аватарки знаков зодиака Близнецы Аватарки знаков зодиака Близнецы
Аватарки знаков зодиака Рак Аватарки знаков зодиака Лев Аватарки знаков зодиака Лев
Аватарки знаков зодиака Скорпион Аватарки знаков зодиака Скорпион Аватарки знаков зодиака Стрелец Аватарки знаков зодиака Стрелец
Аватарки знаков зодиака Стрелец Аватарки знаков зодиака Козерог Аватарки знаков зодиака Козерог

(далее…)

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

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

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

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

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

(далее…)

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

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

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

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

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

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

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

(далее…)

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

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

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

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

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

(далее…)

Фотошоп онлайн

Иногда нужно немного подправить понравившуюся картинку, уменьшить размер фото, сделать из большой иллюстрации маленькую аватарку, повернуть картинку на 90 градусов, убрать эффект красных глаз на фото, сделать подпись к иллюстрации и т.п. Конечно, для всех этих и многих других задач отлично подходит программа Adobe Photoshop. Но что делать, если дистрибутива полноценной программы нет под рукой, а качать его с торренов или eMule нет времени или возможности? Достаточно просто погуглить и найти подходящий Фотошоп онлайн.

Попыток создать полноценную онлайн замену программе Photoshop было много. Большинство из них были либо очень слабенькими подобиями графического редактора с похожим на Фотошоп интерфейсом, либо требовали зарегистрироваться и/или оплатить доступ к расширенной функциональности. Но есть и приятные исключения, которые позволяют пользоваться Фотошопом онлайн бесплатно и без регистрации. Например, сайт pixlr.com:

Photoshop online на русском

Графический редактор на этом сайте представляет собой продуманный flash-модуль с интерфейсом, очень похожим на привычный Photoshop. Если у вас есть опыт работы в оригинальной программе Adobe Photoshop, то данный вариант Фотошопа онлайн будет вам понятен и на его изучение не нужно будет тратить время. Если же вы новичок, то интуитивно понятный русскоязычный интерфейс и всплывающие подсказки помогут вам освоить эту онлайн программу в кратчайшие сроки.

(далее…)

Новогодние аватарки

Вот-вот начнутся новогодние праздничные гуляния, а вы все еще без стильной новогодней аватарки? Непорядок! Если вам лень делать самому (или самой) красивую аватарку для новогодних постов в блогах друзей – можете пользоваться картинками из этого предпраздничного поста:

Новогодняя аватарка №1 Новогодняя аватарка №2 Новогодняя аватарка №3 Новогодняя аватарка №4
Новогодняя аватарка №5 Новогодняя аватарка №6 Новогодняя аватарка №7 Новогодняя аватарка №8
Новогодняя аватарка №9 Новогодняя аватарка №10 Новогодняя аватарка №11 Новогодняя аватарка №12

Как и в предыдущем сете женских фэнтезийных аватарок основу этого сборника из 12-ти новогодних аватаров 120х120 пикселей составляют праздничные образы из он-лайн игрушки «Бойцовский клуб». Большие образы за 10 минут с помощью Фотошопа были обрезаны, уменьшены и улучшены, чтобы вы могли скачать их все сразу или использовать по ссылке прямо из этого поста.

Как вырезать часть картинки с помощью Photoshop

Если вы нашли в интернете картинку хорошего качества и хотите вырезать из нее кусочек, чтобы сделать их него, например, аватарку, этот урок написан специально для вас. Также этот простенький урок Фотошоп пригодится тем, кто хочет удалить со старой фотографии подружку, с которой поссорился, оставив на фото только себя, любимого. Наконец, можно из большой фотографии сделать фото поменьше, чтобы на новой фотке был только важный объект, а пейзажи и интерьер оставив за кадром. При этом важный объект не уменьшится, его можно будет хорошо рассмотреть, а новое фото будет меньше и по размерам, и по весу в Кб.

В Фотошопе, помимо обычного уменьшения размеров изображения, можно уменьшать картинку, оставив за пределами видимости ненужный фон. Такое уменьшение называется уменьшение холста (Canvas Size), т.е. уменьшается холст, а картинка при этом остается прежнего размера. Естественно, можно уменьшить сначала холст, а затем и саму картинку, чем мы сейчас и займемся.

Как вырезать кусок картинки в Фотошопе. Подробная инструкция с иллюстрациями

1. Допустим, у нас есть большая картинка 500х460 пикселей, из которой нам нужен только кусочек 120х100 пикселей:

Исходное изображение, из которого будем вырезать фрагмент в этом уроке

Нажимаем на клавиатуре Ctrl+A, чтобы выделить весь рисунок, затем жмем Ctrl+C, чтобы его скопировать, Ctrl+N, чтобы открыть пустое пока окно дня обрабатываемого рисунка и вставим в него наш рисунок, нажав Ctrl+V. Все эти процедуры нужны, чтобы разблокировать единственный слой картинки для перетаскивания и одновременно оставить неиспорченную копию рисунка.

(далее…)