Сегодня хочу предложить вашему обозрению несколько удобных бесплатных инструментов которые могут помочь оптимизировать и уменьшить изображения. Особенно эта статья будет полезна веб-мастерам, так как для уменьшения времени доступности вашей веб страницы для конечного пользователя стоит начать с оптимизации изображений. При помощи этих веб инструментов вы сможете создавать картинки для ваших сайтов настолько маленьких по весу, насколько это возможно.
Месяц: Май 2010
Adobe Photoshop — Популярнейший графический пакет, абсолютно незаменимая вещь в работе дизайнеров, любителей и т.д. 100% рабочая, русская portable версия Photoshop CS3. Работает как с жесткого диска, так и с флешки.
И так…
Открываем фото,делаем 2 копии слоя.
Переводим первую в режим Жёсткий свет.
На второй копии жмём на значок корректирующий слой и выбираем Цветовой тон/Насыщенность.
Зачения
-180
+70
-10
И режим слоя в Мягкий свет
Теперь новый корректирующий слой Цветовой тон/Насыщенность и значения:
-100
+35
-5
И в Мягкий свет.
Вернёмся ко второй копии фото и применим Изображение-Коррекция-Чёрно-белый,параметры:
Применим Размытие по Гауссу в 10-15 пикселей.
Режим Мягкий свет и непрозрачность 50%.
Всё.
Вот такую штуку будем делать,используя только кисти и воображение.
Вот что должно получиться.
И так…
Создаём новый документ нужного размера.
Берём инструмент Градиент и настраиваем его,как линейный и цвет от чёрного до тёмно-серого.
Проводим по диагонали.
Теперь понадобится человек с которым будем дальше работать.Любыми способами отделяете его от фона(я не стал заморачиваться и вырезал специально с помощью Полигонального Лассо) и переносите на наш документ,с помощью Ctrl+T подгоняем размер(для соблюдения пропорций не забываем Shift зажать) и ставим в нужное место.
Создаём новый корректирующий слой Чёрно-белый(нажав на кнопку в палитре слоёв),настройки можно оставить по умолчанию.Применяем:ПКМ по слою и Создать обтравочную маску.
Активирум слой с челом и Новый слой Уровни,настраиваем индивидуально.Тоже маску применим.
Создаём новый слой Ctrl+Shift+N(если он вдруг тоже с маской обтравочной,то ПКМ по слою и Удалить маску),берём кисть из набора(Здесь.)
Ctrl+T,крутим как надо,применяем ПКМ и Деформация,ну и деформируем до результата.
Перетаскиваем слой под слой с человеком и ставим в режим Мягкий свет.
Теперь ПКМ по слою и в параметрах наложения Перекрытие градиентом,ставите какой-нибудь цветастый,в режиме Мягкий свет и непрозрачность на 50%
Выше всех слоё новый слой Ctrl+Shift+N,инструментом Лассо обрисовываем человека,идём в меню Выделение-Растушёвка(50),далее Фильтр-Рендеринг-Облака,его в режим Мягкий свет.
Теперь переходим на слой с человеком,ПКМ по слою,применяем Внешнее свечение.
Переходим на слой с облаками и делаем несколько копий Ctrl+J.На первой копии(режим слоя Линейное осветление,непрозрачность 70%) с помощью свободной трансформации и Деформации,делаем следующее:
Применяем Фильтр-Размытие в движении,степень 20.
Для удобства отключайте видимость неиспользуемых слоёв с облаками.
Со второй копией творим тоже самое.
Мягким Ластиком с пониженной непрозрачностью удаляем лишнее.
Новый слой Ctrl+Shift+N,берём Лассо и делаем такое выделение,потом меню Выделение-Растушёвка(50) и Выделение-Инверсия.
Далее Фильтр-Рендеринг-Облака,режим слоя на Мягкий свет и непрозрачность 50%.
Снимаем выделение Ctrl+D
Открываем фото с небом,например как это.
Переносим на наш документ,подгоняем размер Ctrl+T и применяем если надо Деформацию.
Переводим слой в режим Точечный свет(ну или в свой какой)и Мягким ластиком большого диаметра удаляем лишнее.
Выбираем мягкую кисть диаметр примерно 20 пикселей,белого цвета.Создаём новый слой,берём Перо и рисуем нечто такое:
Жмём ПКМ,Обводка(имитировать нажим)
Копируем несколько раз этот слой и каждую линию распределяем на документе.
Сливаем слои с линиями вместе(при активном верхнем слое Ctrl+E).
Применяем Ctrl+T и жмём ПКМ и используем Деформацию.
Применяем стили слоя Тень и Внешнее свечение.
Переводим слой в Перекрытие,снижаем непрозрачность до 50%.
Ластиком убираем лишнее.
К слою с цветным дымом примените Размытие по Гауссу 8-10 пикселей.
В моём случае,я с фотографии,где был человек,взял нижнюю часть(руки,сцена),переместил на документ,перевёл в режим Осветление,снизил заливку и непрозрачность,Ластиком удалил лишнее и применил Радиалное размытие в 12 пикселей.
Теперь копируем слой с человеком,уже на нём отключаем эффекты(нажав на «глаза»),применяем Радиальное размытие(линейное,примерно 30),мягким ластиком(снижаем непрозрачность кисти) убираем ненужные части.
Всё.Результат:
Выход Там «Что нас ждёт?»Песенка
Есть очень полезная статья на эту тему,копипастить не буду,просто идём сюда ,читаем,запоминаем.
Вот что будем делать.
Создаём новый документ и заливаем его цветом #d4d5ff.
Теперь Прямолинейным Лассо делаем такое выделение.
Копируем выделение на новый слой Ctrl+J и жмём ПКМ по слою,применяем Перекрытие градиентом,цвет чтобы немного отличался от основного,снижаем непрозрачность примерно до 35%.
Переходим на основной слой и выделяем другую область.
Делаем то же самое,что и с предыдущим выделением.
Теперь новый документ 500*500 пикселей.Берём мягкую кисть примерно в 400 пикселей и чёрным цветом ставим такую точку:
Далее Фильтр-Оформление-Цветные полутона.Радиус 10,все каналы по 30.
Берём Овальное выделение и зажав Shift делаем круг,потом меню Выделение-Инверсия и Delete.Получается так:
Снимаем выделение Ctrl+D и переносим на наш документ Ctrl+A ,Ctrl+C, Ctrl+V.
Размещаем в том месте где оно будет,подгоняем размер Ctrl+T.Делаем несколько копий.Ставим в режим Темнее и снижаем непрозрачность.С помощью Ctrl+T меняем каждому размер и перемещаем,вызываем Ctrl+U и каждый настраиваем в нужный цвет(галочка на тонирование).
Теперь берём фото с человеком(ну или с другими объектами),отделяем любыми средствами от фона и переносим на документ,подгоняем по размеру.
Делаем копию слоя Ctrl+J.
Вызываем Уровни Ctrl+L,корректируем как надо.
Теперь жмём Ctrl+U,ставим галочку на Колоризацию(тонирование)и подбираем цвет,двигая верхний ползунок.
Можно ещё Кривыми воспользоваться Ctrl+M…
Переводим этот слой в Перекрытие(хотя и не обязательно)
Ниже слоя с человеком создаём новый слой Ctrl+Shift+N,берём мягкую кисть с непрозрачностью в 20% и рисуем тень за спиной.
Новый слой выше всех Ctrl+Shift+N и делаем прямоугольное выделение,заливаем чёрным,снижаем заливку до нуля,ПКМ по слою и Перекрытие градиентом,цвет #878787 и прозрачный.
Снимаем выделение,делаем много копий,штук 5.Каждую трансформируем как хочется,или так:
Теперь зажимаем Ctrl и кликаем по каждому слою с этой полоской,жмём ПКМ и выбираем Объединить слои.Теперь все полосы в одном слое,при желании копируйте его и перенесите в другое место.Или как я,сделал копию,перенёс влево(Ctrl+T),нажал ПКМ и вызвал Деформацию,ну и деформировал полоски.
И применил Перекрытие градиентом в режиме Линейный осветлитель.
Теперь сливаем слои с линиями опять и перемещаем под слой с человечком.
Берём мягкую кисть(или кисть Звёздочки,Бабочки и т.п.) и настраиваем(если нет палитры настройки кистей,нажмите F5):
Ставите нужный цвет и рисуйте.Потом копия слоя и эту копию в режим Линейный осветлитель.Инструментом Перемещение чуть смещаете копию.Оба слоя перетаскиваем под слой с человеком.
В принципе,всё…
© SwaEgo
Снова будем делать постер.
И так…
Создаём вертикальный документ.Берём инструмент Градиент,радиальный,цвет от тёмно-серого до чёрного.
Далее создаём новый слой Ctrl+Shift+N,сбрасываем цвета нажав D и применяем Фильтр-Рендеринг-Облака,жмём Ctrl+F,ставим слой на Осветление(Экран) и снижаем непрозрачность примерно до 10%.
Теперь берём фото,того кого будем добавлять,любыми способами отделяем его от фона и переносим на наш документ,в моём примере это Тэм из группы Люмен.С помощью Ctrl+T перемещаем и размещаем как надо.
Теперь новый корректирующий слой-Градиент.Настраиваем градиент на такие цвета:
6f156c-00601b- fd7c00.Ставим в режим Перекрытие и снижаем непрозрачность примерно до 20%.
Теперь добавим немного фракталов,используйте свои или их можно легко сделать с помощью бесплатной программы Apophysis.Генератор фракталов,скачайте тут.
Помещаем слой с фракталом над слоем с облаками,режим Линейный осветлитель и непрозрачность снизить по усмотрению.Лишнее удалите Ластиком.
Переходим на слой с человеком,Прямоугольной областью выделяем часть его,жмём ПКМ и выбираем Трансформировать выделенную область,таким образом вырезаем нужную,и чуть сдвигаем в сторону.
Копируем на новый слой Ctrl+J и там ПКМ и в параметрах наложения применяем внешнее свечение.
Теперь Фильтр-Стилизация-Ветер,если мало одного раза,жмём Ctrl+F,для повтора фильтра.
Таким образом нарезаем:)человека нужное количество раз.
Если надо применяем к слою с фракталом Линейное Размытие.
Вот результат:
© SwaEgo
Как просто и быстро создать текстовый эффект,покажу в данном примере.
И так…
Создаём новый документ нужного размера.Заливаем чёрным.Белым цветом пишем текст.
Жмём ПКМ на слое и выбираем Растрировать текст.
Сливаем слои Ctrl+E.
Теперь Фильтр-Оформление-Кристаллизация,значение 2-3.
Теперь применим Размытие по Гауссу в один пиксель.
В меню Изображение-Image Rotate-90 градусов по часовой стрелке.
Далее применим Фильтр-Стилизация-Ветер.
Теперь поворачиваем против часовой стрелки в меню Изображение.
Нажимаем Ctrl+U,ставим галочку на Колоризацию и ставим значения 215-50-0.
Всё.
А можно ещё Фильтр-Искажение-Рябь применить,значение примерно +65.
Будем делать вот такое, типа постера что-то.
Открываем фотографию и делаем копию слоя Ctr+J.
Далее создаём корректирующий слой,нажав на кнопку в палитре слоёв и выбираем Карта градиента,градиент от чёрного к белому,непрозрачность в зависимости от фото,у меня 100% и режим Яркость(Свечение)
Далее,меню Слой-Новый слой-заливка-Градиент.Ставим цвета от тёмно-синего(0e272f) до светло-синего(5993a4),ставим непрозрачность слоя примерно на 50%.
Теперь опять корректирующий слой-Яркость/Контраст,значения индивидуально,у меня -25/+12.
Создаём новый слой Ctrl+Shift+N,заливаем чёрным цветом,режим слоя в Линейный осветлитель,берём мягкую кисть 200-300 пикселей и разными яркими цветами ставим на этом слое пятна,я использовал 2 цвета,так как фото небольшое.
(для наглядности выключил видимость других слоёв)
Снижаем заливку слоя,у меня это до 40%.
Опять новый корректирующий слой Карта градиента.Цвета любые,какие нравятся,я взял фиолетовый и жёлто-оранжевый,режим слоя на Осветление(Экран)и заливка на примерно 25%.
Снова корректирующий слой-Кривые,там настройки индивидуальны.
Теперь корректирующий слой-Уровни,настраиваете по своему вкусу.
Создаём новый слой Ctrl+Shift+N,и инструментом Перо,рисуем произвольные кривые.
Например такие:
Выбираем мягкую кисть 5-8 пикселей,цвет белый,опять берём Перо,жмём ПКМ и Выполнить обводку с имитацией нажима.Опять ПКМ и Удалить контур,выглядит этот так:
Теперь 2 клика по этому слою(или ПКМ по слою),в параметрах наложения настраиваем Внешнее свечение,нужного Вам цвета и прочего.
Теперь берём жёсткую кисть 3 пикселя,и настраиваем как на скринах:
Ну и обрисовываем нашу кривую:
Теперь самое интересное,так как на фото у меня Amy Lee,музыкант,то для дальнейших действий возьму фотографии группы Evanescence.
Открываете фотографии,берёте Инструмент Прямоугольная область и нарезаете несколько разноразмерных полосок(выделенную область можно перемещать,поэтому достаточно один раз выделить,а потом жмёте ПКМ и Трансформировать выделенную область),копирetnt выделение Ctrl+C и вставляете на нашу работу Ctrl+V.
Каждая полоска,на отдельном слое,теперь с помощью Ctrl+T размещаете их в нужных местах.
Теперь зажимаем Ctrl и кликаем по каждому слою с полоской,затем ПКМ-Объединить слои(сливаем слои)
Режим слоя в Линейный осветлитель
Применяем Размытие по Гауссу 0.5 пикселей.
Теперь Ластик с мягкой кистью и непрозрачностью в 50%,убираем острые грани.
Новый слой Ctrl+Shift+N и мягкой кистью чёрного цвета рисуем такую рамку,режим слоя Мягкий цвет и заливка 80%.
Переходим на слой с фотографией(вторая снизу)и Прямоугольным Лассо делаем такое выделение.
Жмём Ctrl+J,выделение скопировалось,жмём ПКМ на этом слое и в параметрах наложения выбираем Перекрытие градиентом,режим Перекрытие,градиент от чёрного к белому.
Опять на слой с фото и ещё пару выделений по желанию и те же действия.
Как пример:
Режим можно и Мягкий свет.
Теперь создаём новый слой поверх всех слоёв,ставим кисть в 3-5 пикселей белого цвета,берём инструмент Перо и там где у нас полоски вырезанные из фото делаем 2 точки,ПКМ и выполнить обводку с имитацией нажима,потом ПКМ и Удалить контур,повторите сколько хочется.
Сделайте копию этих линий Ctrl+J,на оригинале примените Внешнее свечение со своими настройками,потом слой в режим Мягкий свет,а копию в режим Перекрытие.
Вот в принципе и всё,смотрим результат:
Или вот такой вариант:)
© SwaEgo
Ещё по теме:Создание гранджевого постера Evanescence
Источник: http://swaego.ru/2010/07/sozdanie-grandzhevogo-postera-evanescence/
Вот такой урок про йога-энергетика
Фото открываем,теперь новый слой.Инструментом Овальная область делаем выделение.
ПКМ и Растушёвка 25-30.Теперь Фильтр-Рендеринг-Облака,Фильтр-Пластика,там большой кистью применяем Закручивание и Вздутие.
Теперь копия этого слоя и в режим Осветление,а оригинал в Мягкий свет.
Берём фото с огнём и также делаем круглое выделение с растушёвкой 25,копируем его Ctrl+C и переносим на документ Ctrl+V,подгоняем по размеру Ctrl+T и применим Фильтр-Искажение-Сферизация,со значением примерно 30.
Если мало жмём Ctrl+F.
И Фильтр-Радиальное размытие,значение 25.
Слои с кругами:на все непрозрачность 50%.
Теперь выбираю слой с йогой и Волшебной палочкой клик по чёрному, и Фильтр-Радиальное размытие.
Открываю фото с костром и перехожу в Каналы,выбираю Красный и с зажатым Ctrl ЛКМ кликаю по нему,появляется выделение,теперь просто клик по RGB,копирую Ctrl+C и вставляю в мой документ Ctrl+V.
С помощью Ctrl+T и Деформации подгоняю размер.
Лишнее Ластиком удалить.
Теперь копия этого слоя и на другую руку перетаскиваю,немного деформирую по другому.Оба слоя в режим Линейный осветлитель.
Всё….
Фотошоп,программа неисчерпаемых возможностей.Думаю даже сами разработчики всех её возможностей не знают.Но сейчас не об этом.
Есть в программе куча полезностей,которые облегчают работу и позволяют ускорить действия.Вот некоторые из них.
Zoom(Зум)
Не всегда удобно пользоваться самим инструментом зума,Ctrl+»+» и Ctrl+»-» или ползунками в рабочей зоне,лучше сделать,чтобы зум работал при прокрутке колеса мыши.Для этого нажимаем Ctrl+K и ставим галочку в пункте Масштабировать колесом мыши.
Инструмент Рука
Например,есть у Вас масштабированное изображение и надо перейти на другую область(за пределами видимости)можно воспользоваться опять же зумом,но и Рукой,но нет необходимости для этого брать сам инструмент,достаточно зажать Пробел и практически любой инструмент превращается в Руку.
Как получить цвет не из Фотошопа
Например есть у Вас картинка на рабочем столе(ну или ещё где) и надо получить с неё цвет для использования в Фотошоп,чтобы её не загружать,просто уменьшаем окно Фотошоп,берём Пипетку,кликаем в рабочей фоне Фотошопа и не отпуская ЛКМ тащим на нужный объект,получится в палитре цветов,тот цвет на который навели пипетку.
Отмена или Сброс?
Ещё пример,часто работаем с диалоговыми окнами,Уровни,Кривые,Цветовой тон/Насыщенность и прочие.Настраиваем и чего-то не понравилось,а первоначальных установок не помним,приходится отменять и опять залазить в окно и по новой применять.Чтобы этого избежать,зажимаем Alt и кнопка Отмена превращается в Восстановить.
Размер и жёсткость кисти
Чтобы каждый раз не лезть в меню кистей,размер кистей меняем с помощью клавиш [ и ] (х и ъ по-русски:)соответственно,а жёсткость Shift+ [ и Shift+ ].
Панель История
Не помню точно сколько действий в панели история по умолчанию,десять вроде,мне этого мало,потому что часто надо вернутся назад или просто посмотреть как было или поставить установку для архивной кисти,поэтому Историю я увеличил,а делается это так,жмём Ctrl+K и в меню Выполнение поставить нужное значение для истории и кэша.
Русифицировать или нет?
Если поставлен русификатор,то его легко отменить,поставив английский интерфейс,при этом ничего никуда не пропадёт.Опять же Ctrl+K и в меню Интерфейс меняем язык,плохо что перегрузить придётся.
Отмена действий
Отменяет последнее действие как известно Ctrl+Z,а сколько хотите последних Ctrl+Alt+Z.
Смена цвета рабочей области
Как наверно заметили она у меня синяя,а не как обычно серая,сменить на любой цвет легко,в палитре ставите нужный цвет,берёте инструмент Ведро,зажимаете Shift и кликаете по рабочей зоне.
Открытие файла
Чтобы открыть картинку,можно через меню,или Ctrl+O или просто 2 раза кликнуть по рабочей зоне.
Курсор
При работе с кисть и не только,нужна иногда чёткость,для этого нажимаем Caps Lock и курсор сменится на крестик.
Прямая линия
Нарисовать прямую линию кистью,карандашом можно несколькими методами,зажимаем Shift и рисуем,получится только горизонтальная или вертикальная линия,а если зажать Shift и поставить начальную точку и конечную,то линия будет и по диагонали.
Копия слоя
Копию слоя можно сделать через меню,через палитру слоёв,а также Ctrl+J или Ctrl+Alt и курсором по слою.
Центр выделения
При использовании инструмента Прямоугольное выделение,зажмите Alt,чтобы сделать стартовую точку центром выделенной области.
Перемещение
Практически любой инструмент(кроме Пера,Текста)при зажатом Ctrl превращается в инструмент Перемещение.
Скрыть видимость слоёв
Зажмите Alt и сделайте клик по значку глаза в палитре слоёв ,чтобы скрыть все слои,кроме текущего.
Это всего лишь пара примеров.Потом ещё напишу…
© SwaEgo
Представляю Вам Генератор фракталов.Небольшая утилита(1 Mб),с помощью которой можно творить невообразимые вещи.
Вот несколько примеров с Девиантарта
В этом примере покажу, как легко, только с помощью кистей и цвета создать нечто симпатичное.
И так…
Создаём новый документ нужного размера.Зальём его чёрным,для этого просто жмём D,потом Alt+Backspace.
Теперь понадобятся собственно сами кисти,используйте свои или можете взять эти.
Всё просто,берём загруженные кисти,белого цвета и творим чего хотим.
Каждая кисть,на новом слое Ctrl+Shift+N.
Применяйте свободную трансформацию-деформацию Ctrl+T и ПКМ(там деформации и прочее)
Ну примерно так:
Ну и что остаётся сделать,это либо на новом слое разрисовать,либо к каждой кисти применить градиент,свечения и прочее.
Пример с параметрами наложения,беру слой с кистью,ПКМ и Перекрытие градиентом.
В принципе и всё.
Ну или так.
Создаём новый слой,берём мягкую круглую кисть большого размера и меняя цвет рисуем.
Применяем Размытие по Гауссу,примерно в 70 пикселей и ставим слой на Цветность,Мягкий свет или Перекрытие.Если надо уменьшаете непрозрачность слоя.
Вот результат.
А можно с помощью пера добавить линии.
Или Прямоугольной областью сделать выделения разные,жмём ПКМ и Трансформировать выделенную область,также ПКМ и выбираете Деформацию,Перспективу и прочее,крутите линии как хотите.
Потом стили слоя примените,тени,свечения,и подобное.