Устанавливаются экшены следующим образом. Нужно найти папку Actions, по умолчанию она находится: С/ProgramFiles/Adobe/Adobe Photoshop CSхх/Presets/Actions. Нужно положить в эту папку файл с экшенами: »30-Photo-Effects.atn«. После чего открываете фотошоп, нажимаете Alt+F9 и выбираете из списка только что установленный экшен. Теперь можно экспериментировать, придавая Вашим фотографиям интересные эффекты.

Размер архива всего 48.9кб. Наслаждайтесь творчеством.)

Итак, в качестве примера создадим в фотошопе документ, можно стандартный web (640×480), разрешение 72рх на дюйм. Зальем фон цветом #3e3d3d. Далее создадим новый слой, выбираем инструмент Кисть белого цвета в форме круга. Размер кисти 50рх, жесткость 0. Посередине документа на новом слое нажимаем кистью один раз. Делаем прозрачность круга 60%. Применяет размытие по Гауссу 70рх. К фону добавляем шум. Вкладка: Фильтр — Шум — Добавить шум и выставляем значение 2% по Гауссу, монохромный. Можно еще применить наложение цвета, какой Вам больше нравится и сделать его прозрачность примерно 10%.

Итак, фон у нас готов. Теперь берем инструмент Прямоугольник и рисуем прямоугольную фигуру белого цвета. Копируем (Ctrl+J) фигуру и перемещаем копию ниже оригинала (перетащить мышкой слой копии). к копии слоя применяем наложение черного цвета. Затем выбираем инструмент Трансформирование или же просто нажимаем Ctrl+T. Зажимаем Ctrl и тянем правый нижний угол копии фигуры вниз на несколько пикселей и немного влево по диагонали. Выставляем прозрачность слоя 70% и применяем размытие по Гауссу 3рх. В принципе один стикер мы уже изготовили. Должно получиться примерно вот так:Теперь попробуем добавить немного эффектов для самого стикера. Для этого можно применить наложение узора и внутреннюю тень и выставить прозрачность на глаз. Вот, что должно примерно получится.

]]> http://serblog.ru/risuem-lipkie-stikery-v-fotoshope/feed 0 http://serblog.ru/ogon-v-fotoshope http://serblog.ru/ogon-v-fotoshope#comments Wed, 10 Aug 2011 07:49:57 +0000 Александр Маврин http://serblog.ru/?p=3052 Здравствуйте, уважаемые читатели и любители фотошопа. Сегодня мы немного отдалимся от темы заработка в интернете и займемся творчеством. Будем делать огненный эффект в фотошопе. Создать огонь в фотошопе с нуля, чтобы он казался реалистичным, довольно затруднительно, поэтому лучше использовать заранее подготовленную фотографию огня, из которой мы будем его извлекать и помещать на нашу картинку. Фото огня можно взять здесь. А для тех, кто привык все делать самостоятельно и с нуля, предлагаю скачать кисти огня для фотошопа. 

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

Открываем картинку огня в фотошопе. Выбираем инструмент: Волшебная палочка. Кликаем один раз по фону, на котором находится огонь. Далее идем во вкладку: Выделение — Подобные оттенки. Затем: Выделение — Инверсия. Копируем слой (Ctrl+J). И отключаем основной слой. Вот что получилось:

Теперь этот огонь можно использовать для своих работ. Чтобы убрать темные элементы огня по краям, можно проделать процедуру  с выделением еще раз, только уже с последним слоем.

А вот пример того, как можно применить огненный эффект к своим рисункам.

]]> http://serblog.ru/ogon-v-fotoshope/feed 0 http://serblog.ru/delaem-vodyanoj-znak-v-fotoshope http://serblog.ru/delaem-vodyanoj-znak-v-fotoshope#comments Mon, 08 Aug 2011 00:16:21 +0000 Александр Маврин http://serblog.ru/?p=3049 Привет всем читателям. Сегодня немного пофотошопим, а точнее научимся внедрять в свои рисунки водяной знак. Для чего нужен водяной знак? Конечно для защиты Ваших фотошопных шедевров от копирования и  использования другими лицами. В большинстве случаев водяной знак удалить с картинки довольно проблематично, поэтому можно не беспокоиться.

А сделать водяной знак очень просто. Например напишем надпись, которая будет являться водяным знаком. Сделаем ее белым цветом. Можно еще зайти в параметры наложения слоя и применить тиснение. О параметрах наложения слоя было написано в предыдущих уроках. После чего уменьшить прозрачность слоя примерно до 10%. Все, водяной знак готов. При многократном использовании рекомендуется сохранить картинку водяного знака на прозрачном фоне и при следующем использовании просто перетащить его мышкой в нужное изображении. На картинке показан пример водяного знака в виде надписи SerBlog.ru. 

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

Вариант 1

Для начала нужно оптимизировать размеры изображения по ширине и высоте. Сделать это в фотошопе довольно просто. Во вкладке Изображение — Размер изображения или Ctrl+Alt+I устанавливаем необходимую нам ширину и высоту. И для того, чтобы сохранить изображение, открываем Файл - Сохранить для Web и устройств (Alt+Shift+Ctrl+S). Перед нами откроется окно, в котором нужно будет задать параметры.Желательно сохранять картинки в формате JPEG. У данного формата более гибкие настройки, чем у других. Как показано на рисунке, можно изменять качество и параллельно с этим изменяется и размер файла изображения (внизу слева). Если ставить качество от 100 до 50%, то визуально качество практически остается неизменным, а вот если меньше 50% качество начинает страдать. В общем нужно постараться, чтобы и качество изображения было приемлемым и читаемым и размер файла был небольшим.

Вариант 2

Еще один способ — это небольшая утилита, которая устанавливается на компьютер. Называется Image Optimizer. Сжимает файлы изображений до оптимальных размеров. После установки этой небольшой программки на компьютер при нажатии правой кнопкой мышки на папку с изображениями в контекстном меню появятся вот такие 2 строчки:Изображения обязательно должны находиться в папке. После оптимизации создается новая папка, в которой будут лежать оптимизированные файлы изображений. И как всегда Вы можете скачать утилиту Image Optimizer бесплатно по прямой ссылке. Размер 0.99мб.

Программа Adobe Illustrator обладает огромными возможностями и поможет раскрыть Ваши творческий потенциал в наиболее полном объеме. Все программные продукты компании Adobe являются коммерческими, то есть платными. И Цена этого продукта на сегодняшний день составляет 19688.71 руб. Сумма не маленькая, но Вы можете скачать пробную версию и оценить все ее преимущества на русском сайте Adobe.

Например вот такую простую картинку я сделал за 5 минут. Смотрится симпатично.

Таким образом можно изготавливать логотипы для сайта совершенно не напрягаясь использую свои творческие способности. Для более подробного изучения и знакомства с инструментами программы рекомендую скачать руководство Adobe Illustrator CS5. Размер 16.3мб.

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

Скачать все одним архивом

Давайте начнем с создания кнопки. Открываем фотошоп. Нам надо нарисовать одну кнопку в трех вариантах. Нажимаем Ctrl=N (Файл — Создать). Выставляем ширину — 100рх и высоту — 100рх, фон прозрачный. Размер в качестве примера берем на глаз. И рисовать тоже будем на глаз, хотя, для точности можно воспользоваться линейкой (Ctrl-R). Чтобы было лучше видно, что мы делаем, можно немного увеличить созданный документ нажав пару раз сочетание клавиш Ctrl++. Теперь выбираем инструмент Прямоугольник с закругленными краями (U) и в верхней части документа рисуем фигуру, оставляя небольшой отступ по краям. Применяем к этой фигуре стили слоя, которые Вам нравятся, добавляем тени и прочее. Затем копируем эту фигуру (Ctrl+J) и перемещаем в середину документа. Можно сразу скопировать фигуру еще один раз и переместить ее вниз. Расположить все 3 фигуры равномерно по документу. Смысл в том, что надо сделать так, чтобы каждая фигура отличалась друг от друга. Можно также написать какой-нибудь текст на кнопке. У меня получилось вот так:

Затем в файл stile.css нужно написать ледующий код: (Для практики можно создать отдельные файлы в редакторе и экспериментировать)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

ul {
        list-style: none;
        margin-left: 0;
        padding: 0;
        }
 
#menu {
        width:100px;
		}
 
#menu li a {
          height: 25px;
        }
 
#menu li a:link, #menu li a:visited {
        display: block;
        background: url(4.png);
        padding: 10px 0 0 100px;
        }
 
#menu li a:hover, #menu li #current {
        background: url(4.png) 0 -34px;
        padding: 10px 0 0 10px;
        }
 
#menu li a:active {
        background: url(4.png) 0 -99px;
        }

Ну и на странице, где нам необходимо вставить кнопку вставляем следующую конструкцию кода:

1

<div id="menu"></div>

Вы также можете посмотреть демонстрационные варианты кнопок и скачать их исходники.

Посмотреть демо

С этим инструментов довольно легко работать, но требуется высокая точность. Данный объект был создан всего из одного прямоугольника, который был скопирован несколько раз. А именно, создадим прямоугольник (U). Сделаем его копию (Ctrl+J). Переместим его рядом с основным на некотором расстоянии друг от друга. Теперь скопируем прямоугольник еще раз и применим к этой копии инструмент перспектива. Удерживая левую клавишу мышки потянем верхний угол прямоугольника немного вниз. Нажимаем Enter. Теперь нужно этот прямоугольник сжать. Выбираем инструмент: Трансформирование (Ctrl+T) и сжимаем объект по горизонтали до нужного размера. Можно на глаз. Теперь копируем этот объект и отражаем его по горизонтали: Редактирование — Трансформирование — Отразить по горизонтали. Вставляем два измененных объекта к нашим прямоугольникам так, чтобы они выглядели, как внутренние стены. И, скопировав один из прямоугольников, создаем заднюю стенку и перемещаем этот слой ниже всех остальных. Для более детальной прорисовки объекта ко всем 5-ти фигурам был применен инструмент Тень.

Красивый эффект с использованием инструмента перспектива можно применять к тексту. Особенно эффектно это выглядит с 3D текстом. Вот еще один пример того, что можно делать в фотошопе и использованием перспективы.

Приходится делать тень самостоятельно, что позволяет сделать ее более реалистичной. И делается это довольно просто. Например, если свет падает сверху под углом примерно 45-50°, то тень от предмета или стоящего человека должна падать на плоскость, на которой он стоит, если за ним нет других предметов или стены. Как раз в этом случае стандартные методы создания тени в фотошопе не работают. Как это исправить, рассмотрим на примере.

Во-первых, нужно скопировать объект, на который падает свет (CTRL+J). Выбрать инструмент: Трансформирование и перевести копию объекта в горизонтальное положение. Затем нужно изменить прозрачность до 40-50%. После чего идем в Фильтр — Размытие — Размытие по Гауссу и выставить значение примерно 4,5-5px. Получается примерно вот так, как у меня. Натуральная тень от ненатуральных предметов.