ФотошопСундучок photoshopsunduchok
Начните свой путь в мир ФОТОШОПА сейчас!

БЕСПЛАТНЫЕ РАССЫЛКИ ВКОНТАКТЕ

(более 20 рассылок) 

 

 

Помощь сайту

Понравился сайт? Внесите вклад в его развитие, пожертвовав любую сумму.

Деньги пойдут на оплату серверов и на развитие сайта.

В примечании к платежу, при желании, укажите свои данные.

Меценаты

Присоединяйтесь в

Вход на сайт

Профиль

Кто на сайте

Сейчас 325 гостей и 2 зарегистрированных пользователей на сайте

  • OlegNakroshaev
  • SSSR

 

 

 

 

 

 

Последние комментарии

Яндекс.Метрика

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

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

Думаете делать графику для сайта в Photoshop сложно? Вовсе нет!
В рубрике "Уроки фотошопа графика" Вы узнаете, как всего за пару действий можно создать привлекательные кнопочки для сайта, которые откровенно будут заманивать ваших посетителей кликнуть по ним.
Кроме того, вы научитесь делать удобные навигационные панели, хедеры для сайта и многое другое.

Большая просьба сообщать о неработающих ссылках в комментариях.

Получать новые уроки по работе с графикой, Вы можете в форме подписки ниже:

 

Создание кнопки в фотошопе

 
 

Создание кнопки в фотошопе

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

Урок сделан в русифицированой программе Photoshop CS3, но может быть выполнен практически в любой версии фотошопа.

 15

Подобные публикации:

 

Печать

Как сделать кнопку для сайта

Как сделать кнопку для сайта

 

В этом уроке по работе фотошопом будет показан простой способ создания кнопки для сайта.

Урок сделан в версии фотошопа CS3, но может быть легко выполнен и других версиях фотошопа.

Урок сделан по мотивам книги "Adobe Photoshop CS6. Мастер-класс Евгении Тучкевич".

Объёмная кнопка

Подобные публикации:



{smooth-scroll-top}

Печать

Как сделать обводку в фотошопе

Как сделать обводку в фотошопе

 

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

Так как сделать обводку в фотошопе?

Окружность


{smooth-scroll-top}

Печать

Быстрый способ создания объёмной кнопки в фотошопе

 

 

Быстрый способ создания

объёмной кнопки в фотошопе

На изображениях очень многим нравится созданный эффект 3D для каких-либо частей картинки. И действительно такие фотографии смотрятся гораздо выигрышнее по сравнению с обычными изображениями.

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

Этот способ можно использовать и для придания каким-то элементам Вашего фото 3D эффекта.

 

Бирюзовая кнопка

 

Подобные публикации:

 

Печать

Создание кнопки

Создание кнопки


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

Урок сделан по мотивам произведений Скотта Келби в программе Photoshop CS3.

Кнопка

Подобные публикации:


{smooth-scroll-top}

Печать

Как сделать кнопку с тенью

Как сделать

кнопку с тенью


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

Графика

Подобные публикации:


{smooth-scroll-top}

Печать

Создание объёмной кнопки для сайта

Создание объёмной кнопки для сайта
В этом уроке по работе с фотошопом я покажу как можно создать красивую объёмную кнопку для сайта.
Один из вариантов создания похожей кнопки я уже рассматривал в уроке под названием: "".
Откроем новый документ: "Файл - Новый" или просто нажмём Ctrl+N.
В окне документа установим параметры, указанные на рисунке. В дальнейшем размер кнопки можно будет уменьшить.
Установим цвет переднего плана чёрный. Для этого достаточно нажать клавишу D.
Выберем инструмент "Заливка" (G).
Щёлкнем по нашему документу и он окрасится в чёрный цвет.
Создадим новый слой. Для этого щёлкнем по второй справа иконке в палитре "Слои".
Выберем инструмент "Овальная область" (M).
Нажмём и удерживаем клавиши Alt и Shift, наведём курсор на центр нашего слоя, щёлкнем левой кнопкой мыши и создадим круглое выделение, расположенное по центру нашего изображения.
Зальём наше выделение любым цветом, отличным от чёрного. Для этого щёлкаем по иконке цвета переднего плана и в окне выбора цвета устанавливаем необходимый цвет, к примеру зелёный.
Выбираем инструмент "Заливка" (G) и щёлкаем им по нашему выделению. Оно окрасится в зелёный цвет.
Придадим верхнему слою некоторые стили. Для этого щёлкаем по второй слева иконке fx в палитре "Слои" и в раскрывшемся списке выбираем "Внутренняя тень".
В окне "Стиль слоя" я поставил значения, которые Вы видите на рисунке. Вы конечно можете выбрать свои параметры.
Переходим к параметру "Внутренне свечение". Я установил вот такие значения. Вы, как всегда, вольны выбрать то, что Вам нравится.
Выбираем "Глянец" и устанавливаем такие параметры, чтобы кнопка выглядела объёмной. Нажимаем "Да".
Придадим ещё большую объёмность нашей кнопке. Для этого идём по такому пути. Создаём новый слой - Ctrl+N.
Устанавливаем цвет перднего плана белый. Для этого вначале нажимаем D (цвета переднего и изаднего плана установились по умолчанию, т.е. цвет перднего плана чёрный, а заднего - белый), а затем X (цвета переденго и заднего цветов поменялись местами).
Выбираем инструмент "Градиент" (G).
Щёлкнув по окошку градиента, выбираем градиент от цвета переднего плана к прозрачности, градиент - линейный.
Проводим нашим градиентом сверху вниз.
Вот что у нас получилось.
Снимаем выделение - Ctrl+D.
Применяем инструмент трансформирования - Ctrl+T.
Нижний центральный маркер двигаем вверх.
Левый и правый центральные маркеры двигаем вправо и влево соответственно.
Поворачиваем рамку трансформации по часовой стрелке.
Перемещаем рамку в верхний правый угол.
Нажимаем Enter.
Дублируем верхний слой, просто перетащив его на вторую справа иконку "Создать новый слой" палитры "Слои".
Идём в "Редактирование - Трансформирование - Отразить по горизонтали".
Точно также отражаем по вертикали и перетаскиваем с помощью инструмента "Перемещение" (V) наш блик в нижний левый противоположный угол.
У нас остался активным верхний слой. Нажимаем сочетание клавиш Ctrl+E и наши два слоя с бликами объединятся.
Выбираем "Фильтр - Размытие - Размытие по Гауссу".
В окне фильтра примерно устанавливаем такой радиус размытия.
Переходим на слой с зелёной кнопкой и устанавливаем параметр "Заливка" для этого слоя равным нулю.
Переходим на верхний слой и создаём новый слой - Ctrl+N.
Выбираем, к примеру, синий цвет и заливаем им, с помощью инструмента "Заливка" (G) наш верхний слой. Всё точно также, как и описывалось выше.
Выберем инструмент "Горизонтальный текст" и что-нибудь напишем.
Объединим текстовый слой и "Слой 3" - Ctrl+E.
Перетащим наш объединённый слой под слой с кнопкой и инструментом "Перемещение" (V), разместим нашу надпись по центру кнопки.
Щёлкнем левой кнопкой мыши по зелёной кнопке (Слой 1) и наша кнопка выделится.
Нажмём сочетание клавиш Shift+Ctrl+I и наше выделение инвертируется.
Нажимаем кнопку Delete и снимаем выделение - Ctrl+D. Наша кнопка готова!

В этом уроке по работе с фотошопом я покажу как можно создать красивую объёмную кнопку для сайта.

Один из вариантов создания похожей кнопки я уже рассматривал в уроке под названием: "Создание круглой кнопки для Вашего сайта".


Подобные публикации:


{smooth-scroll-top}

Печать

Создание круглой кнопки для Вашего сайта

 

Создание круглой кнопки для Вашего сайта
В этом уроке по работе с фотошопом я покажу простой способ создания круглой кнопки для Вашего сайта.
Создадим новый документ - "Файл - Новый" или просто нажмём Ctrl+N.
В окне нового документа выберем примерно такие параметры, которые указаны на рисунке. Нажмём "Да".
Появится новый документ.
Выберем инструмент "Овальная область".
Установим параметры: заданный размер и ширину и высоту поставим по 80 пикселов.
Чтобы получился круг, удерживаем клавишу Shift и проводим по нашему документу. Появляется выделение в виде круга.
Выбираем инструмент "Градиент" (G), щёлкаем по полю градиента для его редактирования.
В окошке "Редактор градиента" щёлкаем по нижним маркерам (поочерёдно), потом по полю "Цвет" и в окне "Выберите цвет" подбираем необходимые нам цвета для левого и правого маркеров градиента.
Я остановился на таких, а Вы можете подобрать цвета более подходящие для дизайна Вашего сайта. В окне "Редактор градиентов" нажимаем "Да".
Проводим градиентом под углом 45 градусов по нашему выделению.
Получился вот такой градиентный переход.
Опять выбираем инструмент "Овальная область", с теми же параметрами, за исключением высоты и ширины - устанавливаем по 60 пикселов.
Удерживаем клавишу Shift, создаём новое выделение и размещаем его по центру нашей картинки.
Опять выбираем тот же самый градиент.
Проводим градиентом по нашему выделению под углом в 45 градусов, но уже в другую сторону.
Вот что у нас получилось.
Снимаем выделение - Ctrl+D.
Что-нибудь напишем, к примеру цифру 1. Придайте ей любые эффекты, я добавил тень, тиснение и наложение цвета. А Вы вольны выбрать что Вам понравится. Если кто забыл, эффекты добавляются щелчком по второй слева иконке fх в палитре "Слои".
Все предыдущие скриншоты экрана я делал при увеличенном масштабе, чтобы можно было понять как применять те или иные инструменты. А теперь посмотрите как выглядит наша кнопка при 100% просмотре.

В этом уроке по работе с фотошопом я покажу простой способ создания круглой кнопки для Вашего сайта.



{smooth-scroll-top}

Печать

Популярные уроки сайта:

Prev Next

Эффект для фото "Ви…

Фотошоп уроки эффекты

Эффект для фото "Винтаж" Здравствуйте, друзья! Сегодня мы будем добавлять эффект на фотографию "Винтаж". Винтажный стиль сейчас в моде, есть мобильные приложения, которые в пару кликов делают подобную обработку, но мы не будем...

Читать далее

Быстрая обработка изо…

Видеоуроки

  Быстрая обработка изображений Всем привет! Не все фотографии нуждаются в 1 и 2 шагах рабочего потока фотошоп мастера по Дэну Маргулису. Есть довольно много таких, к обработке которых можно сразу приступать с 3 шага...

Читать далее

Как ослабить интенсив…

Видеоуроки

Как ослабить интенсивность цвета в 3 шаге рабочего потока фотошоп мастера   Всем привет! Продолжаем с Вами говорить, о том, что делать на третьем шаге рабочего потока фотошоп мастера по Дэну Маргулису. На панели...

Читать далее

Фон со снежинками

Уроки рисования в фотошопе

Фон со снежинками Всем привет! Сегодня мы будем рисовать фон со снежинками. Такой фон пригодится вам при создании новогодних открыток и логотипов, также изображение, которое мы получим в результате урока, можно будет...

Читать далее

Как получить сочность…

Видеоуроки

Как получить  сочность цвета в 3 шаге рабочего потока фотошоп мастера  Всем привет! Продолжаем разбирать 3 шаг рабочего потока по Дэну Маргулису. Но не забывайте, что прежде необходимо выполнить работу по 1 и...

Читать далее

Белый текст

Уроки фотошопа текст

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

Читать далее

Как увеличить насыщен…

Видеоуроки

Как увеличить насыщенность цветов в 3 шаге рабочего потока фотошоп мастера   Всем привет! Начинаем работать на 3 шаге рабочего потока по Дэну Маргулису. И на этом этапе будем говорить с Вами о...

Читать далее

Алгоритм обработки фо…

Обработка фотографий в фотошопе

Алгоритм обработки фото в 3-м шаге рабочего потока Мы с Вами переходим к 3 шагу в рабочем потоке фотошоп мастера по Дэну Маргулису. Напомню, что в первом шаге мы искали и устраняли проблемные...

Читать далее

Как вырезать текст

Уроки фотошопа текст

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

Читать далее

Хромированный логот…

Фотошоп уроки эффекты

Хромированный логотип в фотошопе Всем привет! Сегодня мы будем создавать хромированный логотип в фотошопе. Эффект хромирования, рассмотренный в уроке, Вы сможете использовать не только при создании логотипов, а применять на свое усмотрение. Например, данный...

Читать далее

Как использовать и на…

Видеоуроки

Как использовать и назначить горячие клавиши для ускорения работы в рабочем    Всем привет! Как можно ускорить свою работу, работая по алгоритму Дэна Маргулиса на первом и втором шаге? Вы заметили, как часто мы...

Читать далее

Глитч эффект

Фотошоп уроки эффекты

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

Читать далее

Как поднять контраст …

Видеоуроки

Как поднять контраст фото, используя каналы   Всем привет! Продолжаем серию уроков по рабочему потоку Дэна Маргулиса. В этом уроке покажу "Как поднять контраст фото, используя каналы". Для начала воспользуемся первым шагом рабочего потока...

Читать далее

Текст в стиле "Граф…

Уроки фотошопа текст

Текст в стиле "Граффити" Всем привет! Сегодня мы будем создавать текст в стиле "Граффити" на стене. Для того, чтобы написать текст на стене при помощи краски, нам не понадобится тратиться на краску и искать...

Читать далее

Контраст изображения…

Обработка фотографий в фотошопе

Контраст изображения. Общие рекомендации по его поднятию. Приступаем ко второму шагу рабочего потока, в котором мы занимаемся только контрастом. Мы должны поднимать контраст изображения, используя каналы. На первый взгляд кажется все очень сложным: какие...

Читать далее

Почему надо смешивать…

Обработка фотографий в фотошопе

Почему надо смешивать каналы изображения в фотошопе? Продолжаем серию уроков по рабочему потоку фотографа Дэна Маргулиса. Ссылки на предыдущие уроки находятся чуть ниже этого текста. Мы с Вами во втором обязательном шаге, в...

Читать далее

Абстрактный фон с за…

Уроки рисования в фотошопе

Абстрактный фон с закрученными элементами Всем привет! Сегодня мы будем рисовать абстрактный фон с закрученными элементами. Благодаря всего нескольким довольно простым шагам, мы получим фантастический абстрактный фон, который сможем «раскрасить» в разнообразные оттенки. Сначала...

Читать далее

Какие каналы в фотошо…

Видеоуроки

Какие каналы в фотошопе лучше использовать для поднятия контраста   Всем привет! Продолжаем серию уроков по рабочему потоку Дэна Маргулиса, и изучение второго этапа работы. В уроке будем говорить о том, какие каналы в фотошопе лучше...

Читать далее

Как рисовать паутину

Уроки рисования в фотошопе

Как рисовать паутину Всем привет! А зачем рисовать паутину? Спросите Вы. Кому, может, для Хэллоуина или для иной какой готики, а нам для развития умений в фотошопе. Паутина представляет собой замечательно красивый и при...

Читать далее

Как использовать кома…

Видеоуроки

Как использовать команду Внешний канал в фотошопе для смешивания каналов   Всем привет! В уроке "Как использовать команду Внешний канал в фотошопе для смешивания канлов", продолжаем говорить об обработке фотографий  в рабочем потоке...

Читать далее

Текстура под мрамор

Уроки фотошопа текстуры

Текстура под мрамор Всем привет! Сегодня мы научимся создавать текстуру под мрамор. Сделать это очень просто, практически всего за несколько шагов! Вы сможете использовать данную текстуру в качестве обоев для рабочего стола...

Читать далее

Как искать неправильн…

Видеоуроки

Как искать неправильные цвета на фото   Всем привет! Первый шаг рабочего процесса по Дэну Маргулису посвящён нахождению и устранению проблемных цветов. Это такие оттенки цветов, которых на определенных объектах снимка не должно быть. Для этого воспользуемся...

Читать далее

Рамка для фото с пауко…

Рамки в фотошопе

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

Читать далее

Последовательность ш…

Обработка фотографий в фотошопе

Последовательность шагов рабочего потока В этом материале Вы сможете скачать последовательность шагов рабочего потока по Дэну Маргулису в графическом представлении. Последовательность представлена в виде 2-х файлов формата PDF и Jpeg, которые Вы...

Читать далее

Текст "Хэллоуин"

Уроки фотошопа текст

Текст "Хэллоуин" Всем привет! Сегодня мы будем создавать текст в стиле "Хэллоуин". Этот праздник пришел к нам совсем недавно, хотя корни его уходят в глубину веков. Мы не будем углубляться в историю...

Читать далее

Эффект растворения дл…

Фотошоп уроки эффекты

 Эффект растворения для портрета Всем привет! Эффект довольно прост в исполнении, но дает интересный настраиваемый результат. При помощи данного эффекта Вы легко и быстро сможете преобразить свои фотографии. Лучше всего эффект растворения...

Читать далее

Обзор панели Д. Маргул…

Видеоуроки

Обзор панели Д. Маргулиса PPW Tools 5 Всем привет! В этом уроке разберем основную панель Дэна Маргулиса PPW Tools 5.  Верхняя часть панели интуитивно понятна, а вот чтобы разобраться с тем, что и...

Читать далее

Соглашение / Оферта
Автор сайта: Накрошаев Олег, Все права защищены Copyright, © 2009-2020